AI Message Node
The AiMessageNode presents an informative AI-related message to the user during the flow. It is display-only — it does not require user interaction and is excluded from conversation navigation.
Use Case
Use the AiMessageNode when you need to:
- Present informative AI-related content or summaries inline in a flow
- Display longer AI-related messages that the user can expand or collapse on demand
- Show an informative AI section with a configurable read-more / read-less toggle to reduce visual noise
- Render an AI-related informational callout without waiting for user interaction
UI Examples
The node renders the AI message inline. When characterBreakpoint is configured, the message is initially truncated and a button allows the user to expand or collapse the full content.
Behavior
- Display-only: The node renders an informative AI-related message without blocking the flow
- Excluded from conversation navigation: It does not participate in back/forward navigation
- No outputs: This node produces no variables or user responses
- Expand/collapse: When
characterBreakpointis set, the message is truncated at that character count. The user can expand or collapse the full message using the button labels defined byexpandButtonLabelandcollapseButtonLabel - Fallback labels: If
expandButtonLabelis empty, the label falls back to"Read more". IfcollapseButtonLabelis empty, it falls back to"Read less" - Initial state: Controlled by
isOpen. Whentrue, the full message is visible on first render - Standalone button: When
standaloneButtonistrue, the expand/collapse button is rendered as a standalone element rather than inline with the text - Component: Rendered via
@isui-react/ai-message(^4.33.0), distributed through theclaims-privateAzure Artifacts feed
Node Metadata
| Property | Description |
|---|---|
| Node class | AiMessageNode |
| CanBeEdited | False |
| RequireUserResponse | No |
Input Properties
| Property | Description |
|---|---|
| title | Title displayed above the AI message. Used to give the message a clear heading for the user. |
| message | The informative AI-related message body displayed to the user. |
| expandButtonLabel | Label for the button that expands the truncated message. Falls back to
|
| collapseButtonLabel | Label for the button that collapses the expanded message. Falls back to
|
| characterBreakpoint | Number of characters after which the message body is truncated. When set, the expand/collapse button becomes active. When not set, the full message is always shown. |
| isOpen | Controls whether the message is fully expanded on initial render. When
|
| standaloneButton | When
|
Output Properties
No output properties.
Editor Example
Example configuration with a truncated, collapsible AI message:
{
"type": "AiMessage",
"title": "AI Summary",
"message": "Based on the information you provided, here is a detailed summary of your claim...",
"expandButtonLabel": "Read more",
"collapseButtonLabel": "Read less",
"characterBreakpoint": 120,
"isOpen": false,
"standaloneButton": false
}