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.6 KiB
1.6 KiB
Task 050 - Selector Popover Tailwind Refactor
Goal
Bring ModelSelector and OpencodeBinarySelector popovers in line with the design tokens, eliminating manual light/dark class stacks.
Prerequisites
- Task 049 complete (dropdown utility helpers ready).
Acceptance Criteria
src/components/model-selector.tsxandsrc/components/opencode-binary-selector.tsxuse token-backed utilities for surfaces, borders, focus rings, and typography.- Shared selector utilities live in
src/styles/components.css(e.g.,.selector-trigger,.selector-option,.selector-section). - All
dark:bg-gray-*/text-gray-*combinations are removed in favor of tokens or newly added utilities. - Combobox states (highlighted, selected, disabled) and validation overlays preserve current UX.
Steps
- Map all class usages in both selectors, noting duplicated patterns (trigger button, list items, badges).
- Create selector-specific helpers in
components.cssthat rely on tokens. - Update component markup to use the helpers and Tailwind utility additions.
- Verify validation/binary version chips and search input styling in both themes.
Testing Checklist
- Run
npm run build. - In dev mode, open the selector popovers, search, and select options to confirm styling and focus rings.
Dependencies
- Depends on Task 049 dropdown helpers.
- Blocks folder selection advanced settings refactor.
Estimated Time
1.0 hour
Notes
- Branch suggestion:
feature/task-050-selector-popover-refactor. - Document any intentional color tweaks in the PR if tokens reveal contrast issues.