Markdown components in Arch AI chats

The chat system supports standard markdown syntax along with several custom components to enhance user interaction and content presentation.

Images

You can embed images in chat messages using standard markdown image syntax:

![image](https://example.com/image.jpg)

Usage:

• Replace the URL with the actual image URL

• The alt text "image" is required

• Images will be displayed inline within the chat message

Suggestion Buttons

The MarkdownComponentSuggestions component allows you to add interactive suggestion buttons to your messages. These buttons provide users with quick response options.

Syntax

<MarkdownComponentSuggestions
    suggestions='[{"label":"Option 1","value":"Text1"},{"label":"Option 2","value":"Text 2"}]'
/>

Parameters

• suggestions: A JSON array containing suggestion objects

• Each suggestion object must have:

  • label: The text displayed on the button

  • value: The text that will be sent to the chat when the button is clicked

Example

<MarkdownComponentSuggestions
    suggestions='[{"label":"Yes, continue","value":"Please continue with the explanation"},{"label":"No, stop","value":"I understand, no need to continue"},{"label":"More details","value":"Can you provide more details about this topic?"}]'
/>

This will render three buttons:

• "Yes, continue" - sends "Please continue with the explanation"

• "No, stop" - sends "I understand, no need to continue"

• "More details" - sends "Can you provide more details about this topic?"

You can ask the agent to fill in those components dynamically based on context.