Dependencies
Registry
- @yurieui/brand/refresh-glow
- @yurieui/ui/button
- @yurieui/ui/popover
- @yurieui/ui/tooltip
- @yurieui/ui/textarea
Packages
- lucide-react
blocks/prompt-composer
Prompt Composer
A controlled prompt surface with queued-message state, model selection, and streaming affordances.
Prompt Composer
A controlled prompt input with streaming, queue, and model-selection affordances.
Welcome to Yurie
Install
Bash
pnpm dlx shadcn@latest add @yurieui/blocks/prompt-composerFiles
registry/yurieui/components/blocks/prompt-composer.tsx
registry:component
registry/yurieui/components/blocks/model-selector.tsx
registry:component
registry/yurieui/components/blocks/queued-message.tsx
registry:component
registry/yurieui/lib/shell-styles.ts
registry:lib
Usage Notes
Use this component as a controlled shell: pass the available models, current model, submission callback, and streaming state from your own app.