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.8 KiB
1.8 KiB
Task 046 - Prompt Input Tailwind Refactor
Goal
Port the prompt input stack to Tailwind utilities and shared tokens so it no longer depends on custom selectors in src/index.css.
Prerequisites
- Tasks 043-045 complete (color and typography tokens available, message item refactored).
Acceptance Criteria
src/components/prompt-input.tsxand nested elements use Tailwind + token classes for layout, borders, and typography.- Legacy selectors in
src/index.cssmatching.prompt-input-container,.prompt-input-wrapper,.prompt-input,.send-button,.prompt-input-hints,.hint,.hint kbd, and related variants are removed or replaced with token-based utilities. - Input states (focus, disabled, multi-line expansion) and keyboard hint row look identical in light/dark modes.
- Esc debounce handling and attachment hooks remain functional.
Steps
- Audit existing markup in
prompt-input.tsxand note the current class usage. - Replace className strings with Tailwind utility stacks that reference CSS variables (e.g.,
bg-[var(--surface-base)],text-[var(--text-muted)]). - Introduce small reusable helpers (e.g.,
.kbdtoken utility) insrc/styles/components.cssif patterns recur elsewhere. - Delete superseded CSS blocks from
src/index.cssonce equivalents exist. - Verify light/dark theme parity and interaction states manually.
Testing Checklist
- Run
npm run build. - In dev mode, send a message with/without attachments, toggle disabled state, and confirm keyboard hints render correctly.
Dependencies
- Blocks future component refactors for the input stack.
Estimated Time
0.75 hours
Notes
- Branch suggestion:
feature/task-046-prompt-input-refactor. - Capture light/dark screenshots for review if any subtle spacing changes occur.