Files
archy/.claude/memory/code-mode-ui.md
T
DorianandClaude Opus 4.6 b2fcc23623 fix(app): iOS HIG Phase 1 — input font sizes and text minimums
- 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>
2026-03-04 12:53:25 +00:00

785 B

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