Prompt & Input
Prompt inputs, attachments, model selectors, voice and tool controls.
Components
6 components availableThe message input at the heart of an AI chat app — file attachments, model picker, tool toggles, voice, and a send button that turns into stop.
Prompt Input + AttachmentsA chat input that accepts file uploads — attachment chips with upload progress, type icons, and one-click removal.
Prompt Input + Model SelectorA chat input with the model picker built in — switch models inline, with badges for what each one can do.
Prompt EditorA prompt template editor with {{variables}} highlighted as you type, a rendered preview, and a line diff against the previous version.
Secure InputA card the agent sends in chat when it needs a secret for the screen it is driving. The value is handed to that screen, not typed into the thread.
AI Agent InputAn agent composer with file attachments, model selection and a prompt enhancement state.
Patterns using Prompt & Input
Complete interfaces composed from these components.
The canonical chat interface — sidebar, streaming messages, prompt input with model selector, and sources.
Open pattern →AI Voice AssistantA voice-first conversation — live waveform states, a recording input, a spoken transcript and a typed fallback.
Open pattern →Artifact WorkspaceChat on the left, generated output on the right — artifacts open from the answer, stream, version, and fail without breaking the conversation.
Open pattern →Document Q&A WorkspaceAsk your own documents — upload and parse, cited answers with inspectable passages, an honest not-found state, and a visible context budget.
Open pattern →Image Generation StudioA one-screen generation studio — prompt composer and model picker beside a feed of queued, staged, blocked and ready image results with variants.
Open pattern →Generative UI DashboardThe model assembles a dashboard from a controlled widget registry — streamed props, an unsupported-request fallback, and widget clicks that re-enter the chat.
Open pattern →