Content Rendering

Sense Space supports various content rendering formats to provide rich and interactive user experiences. This guide covers the supported rendering formats and how to use them effectively.

Supported Rendering Formats

1. Markdown Standard Format

The frontend supports standard Markdown formatting for text content. This includes all common Markdown elements such as:

  • Headings (#, ##, ###, etc.)
  • Text formatting (bold, italic, strikethrough)
  • Lists (ordered and unordered)
  • Links and images
  • Code blocks and inline code
  • Tables
  • Blockquotes

Example:

# Heading 1
## Heading 2

**Bold text** and *italic text*

- List item 1
- List item 2

[Link text](https://example.com)

`inline code` and:

```code
code block

2. XML Card Rendering(deprecated, see Special Tags)

In addition to Markdown, SenseSpace supports special XML tags in the A2A Message::TextPart to support rich-featured interaction.

Tool Card

The <tool> XML format displays function calls and their results in a card format:

<tool>
    <func>call funcname</func>
    <result>func result</result>
</tool>

Usage Example:

<tool>
    <func>calculate sum</func>
    <result>The sum of 5 + 3 = 8</result>
</tool>

This will render as an interactive card showing: - The function being called - The result of the function execution

MiniApp Card

The <miniapp> XML format creates a card that allows users to open MiniApp applications:

<miniapp>
    <id>app-identifier</id>
    <url>https://miniapp-domain.com/xxx</url>
</miniapp>

Usage Example:

<miniapp>
    <id>weather-app</id>
    <url>https://weather.sensespace.xyz/app</url>
</miniapp>

This will render as a clickable card that opens the specified MiniApp.

For detailed information about MiniApp development and integration, see the MiniApp Platform Tutorial.

Payment

The <payment> initiates a payment request from the user. This typically when an agent receives a response from Agent Payment API.

<payment>
  <intent-id>xxx</intent-id>
</payment>

Once the user confirms this payment, it will send a message contains the code to the agent.

Examples

Mixed Content Example

Here's an example combining Markdown with XML cards:

```markdown

Weather Analysis Report

Today's weather data has been processed successfully.

analyze weather data Temperature: 22°C, Humidity: 65%, Conditions: Partly Cloudy

For a detailed interactive forecast, you can use our weather application:

weather-forecast https://weather.sensespace.xyz/forecast