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

In addition to Markdown, Sense Space supports two special XML formats that are rendered as interactive cards:

#### Tool Card

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

```xml
<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.

Examples

Mixed Content Example

Here's an example combining Markdown with XML cards:

# Weather Analysis Report

Today's weather data has been processed successfully.

<tool>
    <func>analyze weather data</func>
    <result>Temperature: 22°C, Humidity: 65%, Conditions: Partly Cloudy</result>
</tool>

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

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