Some checks failed
Release Binaries / release (push) Has been cancelled
Features: - Binary-Free Mode: No OpenCode binary required - NomadArch Native mode with free Zen models - Native session management - Provider routing (Zen, Qwen, Z.AI) - Fixed MCP connection with explicit connectAll() - Updated installers and launchers for all platforms - UI binary selector with Native option Free Models Available: - GPT-5 Nano (400K context) - Grok Code Fast 1 (256K context) - GLM-4.7 (205K context) - Doubao Seed Code (256K context) - Big Pickle (200K context)
1.6 KiB
1.6 KiB
Task 051 - Command Palette & Keyboard Hint Refactor
Goal
Align the command palette modal and keyboard hint UI with the shared token system, removing bespoke gray/black overlay styling.
Prerequisites
- Task 050 complete (selector helpers available for reuse).
Acceptance Criteria
src/components/command-palette.tsxuses token-backed utilities for overlay, surface, list items, and focus states.src/components/keyboard-hint.tsxand any inline<kbd>styling leverage reusable helpers (.kbdetc.) fromcomponents.css.- Legacy utility combos in these components (
bg-gray-*,dark:bg-gray-*,text-gray-*) are eliminated. - Palette overlay opacity, search field, section headers, and highlighted items match existing behavior in both themes.
Steps
- Extract repeated modal/dropdown patterns into helpers (overlay, surface, list item) if not already present.
- Update command palette markup to use the helpers and token-aware Tailwind classes.
- Refactor
keyboard-hint.tsxto rely on shared.kbdstyling and tokens. - Verify keyboard navigation, highlighted items, and section headers visually.
Testing Checklist
- Run
npm run build. - In dev mode, open the command palette, search, navigate with arrow keys, and confirm highlight/focus styling.
Dependencies
- Depends on Task 050.
- Blocks folder selection advanced settings refactor (which reuses keyboard hints).
Estimated Time
0.75 hours
Notes
- Branch suggestion:
feature/task-051-command-palette-refactor. - Include GIF/screenshots if overlay opacity or highlight timing needed adjustment.