Message Types Demo

[AGENT MESSAGE - PLAIN TEXT] This is a simple paragraph with no markdown formatting. Just plain text content.

[MARKDOWN DEMO] Here's a message showing all markdown elements:

Heading 2 (h2 element)

This is a paragraph (p element) with some bold text (strong element) to test styling.

Heading 3 (h3 element)

Ordered List (ol element):

1. First item (li element in ol)
2. Second item with bold text
3. Third item with inline code: const example = trueCopy to clipboard
4. Fourth item (li element)

Unordered List (ul element):

• Bullet point one (li element in ul)
• Bullet point two
• Bullet point with inline codeCopy to clipboard (code element)
• Another bullet point

Inline code examples (code element, inline):

• Variable: const token = jwt.sign(payload)Copy to clipboard
• Function call: getUserData(userId)Copy to clipboard
• Path: /src/auth/config.tsCopy to clipboard

Code block example (code element, block):

// This is a code block (pre > code)
interface AuthConfig {
  clientId: string;
  clientSecret: string;
  redirectUri: string;
}

function authenticate(config: AuthConfig) {
  return jwt.sign(config);
}

Another code block (JavaScript):

// Testing syntax highlighting
const data = { name: "test", value: 123 };
console.log(data);

[MIXED CONTENT DEMO] Testing nested and mixed elements:

Heading 4 (h4 element)

Regular paragraph with inline elements: codeCopy to clipboard, bold, and more text.

Nested list structure:

1. First level item (ol > li with strong)
   • Nested bullet (this should indent)
   • Another nested item
2. Second level item with inline codeCopy to clipboard
3. Third item

Technical details:

• File path: /src/components/Auth.tsxCopy to clipboard
• Function: authenticateUser(credentials)Copy to clipboard
• Status: Active (strong element)

# Code block with bash syntax
npm install
npm run dev

Final paragraph (p element) to wrap up.

[RICH BLOCK - THINKING] Here's my analysis of the authentication system.

[RICH BLOCK - TODOS] Here are the next steps we need to take.

[RICH BLOCK - DIFF PAYLOAD] I've made the following changes to the authentication config:

[RICH BLOCK - DIFF STRING] Here's the diff for the middleware changes:

[RICH BLOCK - ALL TYPES] Here's my complete analysis with all the changes: