Files
NomadArch/tasks/done/046-prompt-input-refactor.md
Gemini AI 1d427f4cf5
Some checks failed
Release Binaries / release (push) Has been cancelled
v0.5.0: NomadArch - Binary-Free Mode Release
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)
2025-12-26 11:27:03 +04:00

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.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.