@@ -9,11 +9,7 @@ A compound component for chat message input with support for text, voice, file a
99``` tsx
1010import { MessageInput } from ' @/componentsV2/features/ChatScreen/MessageInput'
1111
12- <MessageInput
13- topic = { topic }
14- assistant = { assistant }
15- updateAssistant = { updateAssistant }
16- />
12+ ;< MessageInput topic = {topic } assistant = {assistant } updateAssistant = {updateAssistant } / >
1713```
1814
1915### Custom Layout
@@ -58,17 +54,17 @@ MessageInput/
5854
5955## Components
6056
61- | Component | Description |
62- | -----------| -------------|
63- | ` MessageInput ` | Root component, provides Context |
64- | ` MessageInput.Main ` | Main row with ToolButton + InputArea |
65- | ` MessageInput.ToolButton ` | Opens tool sheet for attachments |
66- | ` MessageInput.InputArea ` | Glass container with previews + input |
67- | ` MessageInput.Previews ` | Shows editing/tool/file previews |
68- | ` MessageInput.InputRow ` | Horizontal layout for TextField + Actions |
69- | ` MessageInput.TextField ` | Multiline text input with expand support |
70- | ` MessageInput.Actions ` | Animated Send/Voice/Pause buttons |
71- | ` MessageInput.AccessoryBar ` | Think, Mention, MCP buttons |
57+ | Component | Description |
58+ | --------------------------- | ----------------------------------------- |
59+ | ` MessageInput ` | Root component, provides Context |
60+ | ` MessageInput.Main ` | Main row with ToolButton + InputArea |
61+ | ` MessageInput.ToolButton ` | Opens tool sheet for attachments |
62+ | ` MessageInput.InputArea ` | Glass container with previews + input |
63+ | ` MessageInput.Previews ` | Shows editing/tool/file previews |
64+ | ` MessageInput.InputRow ` | Horizontal layout for TextField + Actions |
65+ | ` MessageInput.TextField ` | Multiline text input with expand support |
66+ | ` MessageInput.Actions ` | Animated Send/Voice/Pause buttons |
67+ | ` MessageInput.AccessoryBar ` | Think, Mention, MCP buttons |
7268
7369## Context API
7470
@@ -137,7 +133,7 @@ import { NewFeature } from './components/NewFeature'
137133
138134export const MessageInput = Object .assign (Root , {
139135 // ... existing components
140- NewFeature ,
136+ NewFeature
141137})
142138```
143139
@@ -171,7 +167,7 @@ const [newField, setNewField] = useState('')
171167const contextValue: MessageInputContextValue = {
172168 // ... existing values
173169 newField ,
174- setNewField ,
170+ setNewField
175171}
176172```
177173
0 commit comments