1d427f4cf5
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)
35 lines
1.8 KiB
Markdown
35 lines
1.8 KiB
Markdown
# 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.tsx` and nested elements use Tailwind + token classes for layout, borders, and typography.
|
|
- [ ] Legacy selectors in `src/index.css` matching `.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
|
|
1. Audit existing markup in `prompt-input.tsx` and note the current class usage.
|
|
2. Replace className strings with Tailwind utility stacks that reference CSS variables (e.g., `bg-[var(--surface-base)]`, `text-[var(--text-muted)]`).
|
|
3. Introduce small reusable helpers (e.g., `.kbd` token utility) in `src/styles/components.css` if patterns recur elsewhere.
|
|
4. Delete superseded CSS blocks from `src/index.css` once equivalents exist.
|
|
5. 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.
|