ChatComposer

Chat composer with attach, voice, and send buttons.

This composable provides full control over the message state and includes:

• Text input field with placeholder

• Add button for selecting images

• Voice input button with speech-to-text

• Send button (shown when text is not empty)

• Stop button (shown during AI generating)

The rendered components are resolved through LocalChatAiComponentFactory, so each part can be overridden without replacing the whole composer. See CompoundChatAiComponentFactory.

The composer keeps the message being written itself. To own it instead, for example to fill in text from elsewhere or restore it after a refused send, use the overload that takes onMessageDataChange.

Parameters

Chat composer with attach, voice, and send buttons, whose message the caller owns.

It renders exactly like the composer that keeps its own state, through the same LocalChatAiComponentFactory slots, but reads the message from messageData and reports every change through onMessageDataChange. Use it to put text in the composer from elsewhere (a suggestion, a restored draft) or to keep what was written when a send is refused.

var message by rememberSaveable(stateSaver = MessageData.Saver) { mutableStateOf(MessageData()) }
val focus = remember { FocusRequester() }

ChatComposer(
    messageData = message,
    onMessageDataChange = { message = it },
    onSendClick = { sent -> if (!send(sent)) message = sent },
    onStopClick = { stop() },
    isGenerating = isGenerating,
    focusRequester = focus,
)

Parameters