Component · AI
AI Prompt Input
AIFull anatomy of an AI input: auto-resize field, context bar with mode selector, slash command tool triggers, attachment zone with upload states, assist layer suggestions, voice/send/stop controls, idle/loading/streaming/error/success state layer, and drag-and-drop.
State:
All 8 layers active — Input Field · Context Bar · Tool Triggers · Attachment Zone · Assist Layer · Message Controls · State Layer · Edge Cases
Enter to send · Shift+Enter for new line · / for commands
Minimal — no extras, with char limit:
0/280
Enter to send · Shift+Enter for new line