GenieChatMessageList

Scrollable message list that renders Genie chat messages with auto-scroll, skeleton loaders, and a streaming indicator.

GenieChatMessageList

Scrollable message list that renders Genie chat messages with auto-scroll, skeleton loaders, and a streaming indicator.

Source: packages/appkit-ui/src/react/genie/genie-chat-message-list.tsx

Props

Prop	Type	Required	Default	Description
messages	GenieMessageItem[]	✓	-	Array of messages to display
status	enum	✓	-	Current chat status (controls loading indicators and skeleton placeholders)
className	string		-	Additional CSS class for the scroll area
hasPreviousPage	boolean		false	Whether a previous page of older messages exists
onFetchPreviousPage	(() => void)		-	Callback to fetch the previous page of messages

Usage

import { GenieChatMessageList } from '@databricks/appkit-ui';

<GenieChatMessageList /* props */ />