- Replace all text-[10px] (308 instances) with text-xs (12px) - Replace all text-[9px] and text-[8px] (133 instances) with text-xs - Replace all text-[11px] (76 instances) with text-xs - Bump all input/textarea font sizes to text-base (16px) to prevent iOS auto-zoom - No visual design changes — only sizing minimums enforced Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
19 lines
785 B
Markdown
19 lines
785 B
Markdown
# Code Mode UI — Future Work
|
|
|
|
## After content surfacing is complete, implement:
|
|
|
|
### 1. Code Mode Visual Treatment
|
|
- Colour the message container in orange (`#F7931A`) styling when in code mode
|
|
- Change header text from "Message AIUI" to "Code"
|
|
- Visual signal so user knows they're in coding context
|
|
|
|
### 2. Design System Context Selection
|
|
- All design system items should be selectable with a cursor/pointer icon on hover
|
|
- Selecting a design system item provides that UI context to the code generation
|
|
- Think of it as "code with this component/token in mind"
|
|
|
|
### 3. File Browser / Open File Context
|
|
- File browser or open file in the content panel
|
|
- Selected files provide context for coding
|
|
- Pairs with the design system selection — user picks UI + files as coding context
|