git-subtree-dir: aiui git-subtree-mainline:0c4826f8ccgit-subtree-split:e30ac1d106
785 B
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