Open-Source Component
AI Mascot Input
An interactive, production-ready AI prompt input featuring an animatronic retro-CRT mascot with live eye tracking, multi-model switcher, voice dictation, and web search.
AI Mascot Input
Interactive prompt input with a reactive CRT animatronic mascot, multi-model selection, and voice dictation.
How can I help you today?
Type a prompt or query to get started
Component API Reference
Comprehensive TypeScript prop definitions for full customization.
API Reference
Available configuration to customize the component.
| Prop | Type | Default | Description |
|---|---|---|---|
| onSubmit | (data: ChatSubmitData) => void | Promise<void> | — | Callback fired when user submits a message with selected model, reasoning effort, prompt text, and attached files. |
| isProcessing | boolean | — | Optional controlled processing/thinking state to trigger the mascot thinking animation. |
| value | string | — | Optional controlled prompt text value. |
| onChange | (value: string) => void | — | Optional change handler for controlled prompt text. |
| placeholder | string | — | Input placeholder text. Defaults to 'How can I help you today? Type or speak...'. |