Skip to main content

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 characterBreakpoint is set, the message is truncated at that character count. The user can expand or collapse the full message using the button labels defined by expandButtonLabel and collapseButtonLabel
  • Fallback labels: If expandButtonLabel is empty, the label falls back to "Read more". If collapseButtonLabel is empty, it falls back to "Read less"
  • Initial state: Controlled by isOpen. When true, the full message is visible on first render
  • Standalone button: When standaloneButton is true, 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 the claims-private Azure Artifacts feed

Node Metadata​

PropertyDescription
Node classAiMessageNode
CanBeEditedFalse
RequireUserResponseNo

Input Properties​

PropertyDescription
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 "Read more" when left empty.

  • Default Values:
      • En:Read more
collapseButtonLabel

Label for the button that collapses the expanded message. Falls back to "Read less" when left empty.

  • Default Values:
      • En:Read less
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 false, the message is shown in its truncated state (if characterBreakpoint is set).

  • Default Values:
      • En:false
  • Allowed Values:
      • true
      • false
standaloneButton

When true, the expand/collapse button is rendered as a standalone element rather than inline with the message text.

  • Default Values:
      • En:false
  • Allowed Values:
      • true
      • false

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
}