use-mcp/examples/chat-ui
Repository files (latest commit first)
Filename Latest commit message Latest commit date
Glen Maddern ab9f3c0220 fix: Capture reasoning events during streaming instead of from result
- Add back reasoning variable to track content during streaming
- Handle reasoning events from extractReasoningMiddleware in stream processing
- Build up reasoning content from individual reasoning textDelta events
- Remove dependency on result.reasoning which wasn't being populated
- Add reasoning to assistant message after stream completes

The logs showed reasoning events were coming through correctly but we
weren't capturing them. This fixes the issue by collecting reasoning
content during streaming as the events arrive.
2025-06-24 17:53:12 +10:00
..
api Copying chat example across 2025-06-19 11:51:02 +10:00
e2e Copying chat example across 2025-06-19 11:51:02 +10:00
public Copying chat example across 2025-06-19 11:51:02 +10:00
src fix: Capture reasoning events during streaming instead of from result 2025-06-24 17:53:12 +10:00
.gitignore Copying chat example across 2025-06-19 11:51:02 +10:00
.prettierrc Copying chat example across 2025-06-19 11:51:02 +10:00
AGENT.md Update AGENT.md with chat UI development guidelines 2025-06-24 08:21:55 +10:00
eslint.config.js Copying chat example across 2025-06-19 11:51:02 +10:00
index.html Copying chat example across 2025-06-19 11:51:02 +10:00
package.json Implement OAuth callback support for MCP servers 2025-06-23 20:19:10 +10:00
playwright.config.ts Copying chat example across 2025-06-19 11:51:02 +10:00
pnpm-lock.yaml Implement OAuth callback support for MCP servers 2025-06-23 20:19:10 +10:00
README.md Copying chat example across 2025-06-19 11:51:02 +10:00
tailwind.config.js Copying chat example across 2025-06-19 11:51:02 +10:00
tsconfig.app.json Copying chat example across 2025-06-19 11:51:02 +10:00
tsconfig.json Copying chat example across 2025-06-19 11:51:02 +10:00
tsconfig.node.json Copying chat example across 2025-06-19 11:51:02 +10:00
tsconfig.worker.json Copying chat example across 2025-06-19 11:51:02 +10:00
vite.config.ts Copying chat example across 2025-06-19 11:51:02 +10:00
wrangler.jsonc Deploying to chat.use-mcp.dev 2025-06-23 20:26:01 +10:00

AI chat template

An unofficial template for ⚛️ React ⨉ ⚡️ Vite ⨉ ⛅️ Cloudflare Workers AI.

Full-stack AI chat application using Workers for the APIs (using the Cloudflare vite-plugin) and Vite for the React application (hosted using Workers Static Assets). Provides chat functionality with Workers AI, stores conversations in the browser's IndexedDB, and uses ai-sdk, tailwindcss and workers-ai-provider.

Get started

Create the project using create-cloudflare:

npm create cloudflare@latest -- --template thomasgauvin/ai-chat-template

Run the project and deploy it:

cd <project-name>
npm install
npm run dev
npm run deploy

What's next?

  • Change the name of the package (in package.json)
  • Change the name of the worker (in wrangler.jsonc)