component-markdown-input-field

MarkdownInputField component development

Multimodal input field: Markdown input, attachments, voice, send button, suggestion bar, etc.

Source code location

• Main component:src/MarkdownInputField/MarkdownInputField.tsx
• Attachments:src/MarkdownInputField/AttachmentButton/、AttachmentFileList/
• Voice:src/MarkdownInputField/VoiceInput/
• Send and suggestions:SendButton、Suggestion、QuickActions、SkillModeBar etc.
• Types and utilities: see each subdirectory types、utils

Main capabilities

• Markdown input and editor integration
• Attachment upload, list display, type restrictions
• Voice input and status
• Send button, quick actions, skill mode bar

Development guidelines

• Use tokens and createStyles, supports classNames/styles。
• Events use the on prefix (e.g. onSend、onFileSelect）。
• When working with Bubble, ChatLayout, etc., keep interactions consistent.

When modifying or extending the input field, attachments, voice, or send logic, refer to src/MarkdownInputField/ and AGENTS.md。