Chat - AI Assistant demo

A full ChatGPT-style AI assistant with streaming responses, tool calling, and rich content rendering.

Agentic code assistant

An advanced agentic chat that demonstrates the full range of AI assistant capabilities: streaming tool calls (Bash, Read, Edit, Write, Glob), collapsible reasoning blocks, step boundaries between agentic iterations, and an interactive tool approval flow.

Send a message in any conversation to watch the scripted agentic stream play out: reasoning, text, tool input streaming, tool output, and a final summary.

Fix test failures

pnpm test: 3 failing

You

The unit tests are failing after the recent refactor. Can you fix them?

Claude

Reasoning

I need to locate the failing test files and trace which imports changed during the refactor. The error is most likely a path issue — components were probably moved to a subdirectory.

I'll start by locating all test files in the project.

glob

Completed

Output

{
  "files": [
    "src/Button.test.ts",
    "src/Input.test.ts",
    "src/Form.test.ts"
  ]
}

Found 3 test files. Reading the one with the broken imports…

read_file

Completed

Output

{
  "content": "import { Button } from './Button';\nimport { render } from '@testing-library/react';\n\ntest('renders', () => render(<Button>Click</Button>));"
}

edit_file

Completed

Output

{
  "patched": true
}

bash

Completed

Output

{
  "stdout": "✓ Button.test.ts (3)\n✓ Input.test.ts (5)\n✓ Form.test.ts (2)\n\nAll tests passed.",
  "exit_code": 0
}

All 3 test files are now passing. The import path was wrong after the refactor — components moved from src/ to src/components/.

Basic AI chat

The simplest working ChatBox setup: a single adapter, one conversation, and an initial message. This demo shows the minimum required props to render a styled, interactive chat surface with streaming responses.

Material UI chat

Styled with your active MUI theme

MUI Assistant

Hello! I am styled using your active Material UI theme. Try sending a message.

You

Great — the bubble colors come from palette.primary and the typography from the theme.

API

See the documentation below for a complete reference to all of the props and classes available to the components mentioned here.

<ChatBox />