157449a9ad
Restored from origin/main (b4663fb): - .github/ workflows and issue templates - .gitignore (proper exclusions) - .opencode/agent/web_developer.md - AGENTS.md, BUILD.md, PROGRESS.md - dev-docs/ (9 architecture/implementation docs) - docs/screenshots/ (4 UI screenshots) - images/ (CodeNomad icons) - package-lock.json (dependency lockfile) - tasks/ (25+ project task files) Also restored original source files that were modified: - packages/ui/src/App.tsx - packages/ui/src/lib/logger.ts - packages/ui/src/stores/instances.ts - packages/server/src/server/routes/workspaces.ts - packages/server/src/workspaces/manager.ts - packages/server/src/workspaces/runtime.ts - packages/server/package.json Kept new additions: - Install-*.bat/.sh (enhanced installers) - Launch-*.bat/.sh (new launchers) - README.md (SEO optimized with GLM 4.7)
1.7 KiB
1.7 KiB
Task 049 - Unified & File Picker Tailwind Refactor
Goal
Replace the hardcoded gray/blue class stacks in UnifiedPicker and FilePicker with token-based Tailwind utilities and shared dropdown helpers.
Prerequisites
- Tasks 041-048 complete (tokens, message components, tabs, prompt input refactored).
Acceptance Criteria
src/components/unified-picker.tsxandsrc/components/file-picker.tsxreference token-backed utility classes for surfaces, borders, typography, and states.- A shared dropdown utility block lives in
src/styles/components.css(e.g.,.dropdown-surface,.dropdown-item,.dropdown-highlight). - Legacy class strings using
bg-white,bg-gray-*,dark:bg-gray-*, etc., are removed from both components. - Loading/empty states, highlights, and diff chips preserve their current behavior in light/dark themes.
Steps
- Inventory all className usages in the two picker components.
- Add reusable dropdown utilities to
components.css, powered by the existing tokens. - Update component markup to use the new helpers and Tailwind utilities with
var(--token)references for color. - Smoke test: open the picker, filter results, confirm loading/empty states and diff counts.
Testing Checklist
- Run
npm run build. - In dev mode, trigger the picker from prompt input (file mention) and ensure keyboard navigation/hover states look correct.
Dependencies
- Blocks further cleanup of selector components and modals.
Estimated Time
0.75 hours
Notes
- Branch name suggestion:
feature/task-049-unified-picker-refactor. - Include before/after light & dark screenshots in the PR description if any visual tweaks occur.