@assistant-ui/mcp-docs-server 0.1.8 → 0.1.9

package/.docs/organized/code-examples/with-cloud.md

@@ -1087,27 +1087,27 @@ export default nextConfig;
     "dev": "next dev --turbo",
     "build": "next build",
     "start": "next start",
-    "lint": "next lint"
+    "lint": "eslint ."
   },
   "dependencies": {
-    "@ai-sdk/openai": "^2.0.15",
+    "@ai-sdk/openai": "^2.0.38",
     "@assistant-ui/react": "workspace:*",
     "@assistant-ui/react-ai-sdk": "workspace:*",
     "@assistant-ui/react-markdown": "workspace:*",
     "@radix-ui/react-slot": "^1.2.3",
     "@radix-ui/react-tooltip": "^1.2.8",
-    "ai": "^5.0.15",
+    "ai": "^5.0.56",
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",
     "jsonwebtoken": "^9.0.2",
-    "lucide-react": "^0.539.0",
-    "nanoid": "5.1.5",
-    "next": "15.4.6",
+    "lucide-react": "^0.544.0",
+    "nanoid": "5.1.6",
+    "next": "15.5.4",
     "react": "19.1.1",
     "react-dom": "19.1.1",
     "remark-gfm": "^4.0.1",
     "tailwind-merge": "^3.3.1",
-    "tw-animate-css": "^1.3.6"
+    "tw-animate-css": "^1.4.0"
   },
   "devDependencies": {
     "@assistant-ui/x-buildutils": "workspace:*",
@@ -1116,9 +1116,9 @@ export default nextConfig;
     "@types/react": "^19",
     "@types/react-dom": "^19",
     "eslint": "^9",
-    "eslint-config-next": "15.4.6",
+    "eslint-config-next": "15.5.4",
     "postcss": "^8",
-    "tailwindcss": "^4.1.12",
+    "tailwindcss": "^4.1.13",
     "typescript": "^5"
   }
 }

package/.docs/organized/code-examples/with-external-store.md

@@ -999,23 +999,23 @@ export default nextConfig;
     "dev": "next dev --turbo",
     "build": "next build",
     "start": "next start",
-    "lint": "next lint"
+    "lint": "eslint ."
   },
   "dependencies": {
-    "@ai-sdk/openai": "^2.0.15",
+    "@ai-sdk/openai": "^2.0.38",
     "@assistant-ui/react": "workspace:*",
     "@assistant-ui/react-markdown": "workspace:*",
     "@radix-ui/react-slot": "^1.2.3",
     "@radix-ui/react-tooltip": "^1.2.8",
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",
-    "lucide-react": "^0.539.0",
-    "next": "15.4.6",
+    "lucide-react": "^0.544.0",
+    "next": "15.5.4",
     "react": "19.1.1",
     "react-dom": "19.1.1",
     "remark-gfm": "^4.0.1",
     "tailwind-merge": "^3.3.1",
-    "tw-animate-css": "^1.3.6"
+    "tw-animate-css": "^1.4.0"
   },
   "devDependencies": {
     "@assistant-ui/x-buildutils": "workspace:*",
@@ -1023,9 +1023,9 @@ export default nextConfig;
     "@types/react": "^19",
     "@types/react-dom": "^19",
     "eslint": "^9",
-    "eslint-config-next": "15.4.6",
+    "eslint-config-next": "15.5.4",
     "postcss": "^8",
-    "tailwindcss": "^4.1.12",
+    "tailwindcss": "^4.1.13",
     "typescript": "^5"
   }
 }

package/.docs/organized/code-examples/with-ffmpeg.md

@@ -1191,6 +1191,7 @@ export function cn(...inputs: ClassValue[]) {
 ```typescript
 /// <reference types="next" />
 /// <reference types="next/image-types/global" />
+/// <reference path="./.next/types/routes.d.ts" />
 
 // NOTE: This file should not be edited
 // see https://nextjs.org/docs/app/api-reference/config/typescript for more information.
@@ -1221,17 +1222,17 @@ export default nextConfig;
     "dev": "next dev --turbo",
     "build": "next build",
     "start": "next start",
-    "lint": "next lint"
+    "lint": "eslint ."
   },
   "dependencies": {
-    "@ai-sdk/openai": "^2.0.15",
+    "@ai-sdk/openai": "^2.0.38",
     "@assistant-ui/react": "workspace:*",
     "@assistant-ui/react-ai-sdk": "workspace:*",
     "@assistant-ui/react-hook-form": "workspace:*",
     "@assistant-ui/react-markdown": "workspace:*",
     "@ffmpeg/ffmpeg": "^0.12.15",
     "@ffmpeg/util": "^0.12.2",
-    "@hookform/resolvers": "^5.2.1",
+    "@hookform/resolvers": "^5.2.2",
     "@radix-ui/react-avatar": "^1.1.10",
     "@radix-ui/react-icons": "^1.3.2",
     "@radix-ui/react-label": "^2.1.7",
@@ -1239,21 +1240,21 @@ export default nextConfig;
     "@radix-ui/react-tabs": "^1.1.13",
     "@radix-ui/react-tooltip": "^1.2.8",
     "@react-hook/media-query": "^1.1.1",
-    "ai": "^5.0.15",
+    "ai": "^5.0.56",
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",
     "json-schema-to-zod": "^2.6.1",
-    "lucide-react": "^0.539.0",
-    "next": "15.4.6",
+    "lucide-react": "^0.544.0",
+    "next": "15.5.4",
     "react": "19.1.1",
     "react-dom": "19.1.1",
-    "react-hook-form": "^7.62.0",
-    "react-resizable-panels": "^3.0.4",
+    "react-hook-form": "^7.63.0",
+    "react-resizable-panels": "^3.0.6",
     "remark-gfm": "^4.0.1",
     "tailwind-merge": "^3.3.1",
-    "tw-animate-css": "^1.3.6",
-    "zod": "^4.0.17",
-    "zustand": "^5.0.7"
+    "tw-animate-css": "^1.4.0",
+    "zod": "^4.1.11",
+    "zustand": "^5.0.8"
   },
   "devDependencies": {
     "@assistant-ui/x-buildutils": "workspace:*",
@@ -1261,9 +1262,9 @@ export default nextConfig;
     "@types/react": "^19",
     "@types/react-dom": "^19",
     "eslint": "^9",
-    "eslint-config-next": "15.4.6",
+    "eslint-config-next": "15.5.4",
     "postcss": "^8",
-    "tailwindcss": "^4.1.12",
+    "tailwindcss": "^4.1.13",
     "typescript": "^5.9.2"
   }
 }

package/.docs/organized/code-examples/with-langgraph.md

@@ -1716,6 +1716,7 @@ export function cn(...inputs: ClassValue[]) {
 ```typescript
 /// <reference types="next" />
 /// <reference types="next/image-types/global" />
+/// <reference path="./.next/types/routes.d.ts" />
 
 // NOTE: This file should not be edited
 // see https://nextjs.org/docs/app/api-reference/config/typescript for more information.
@@ -1728,7 +1729,14 @@ export function cn(...inputs: ClassValue[]) {
 import type { NextConfig } from "next";
 
 const nextConfig: NextConfig = {
-  /* config options here */
+  async rewrites() {
+    return [
+      {
+        source: "/assistant/:path*",
+        destination: "http://localhost:8000/assistant/:path*",
+      },
+    ];
+  },
 };
 
 export default nextConfig;
@@ -1746,27 +1754,27 @@ export default nextConfig;
     "dev": "next dev --turbo",
     "build": "next build",
     "start": "next start",
-    "lint": "next lint"
+    "lint": "eslint ."
   },
   "dependencies": {
     "@assistant-ui/react": "workspace:*",
     "@assistant-ui/react-langgraph": "workspace:*",
     "@assistant-ui/react-markdown": "workspace:*",
-    "@langchain/langgraph-sdk": "^0.0.107",
+    "@langchain/langgraph-sdk": "^0.1.7",
     "@radix-ui/react-slot": "^1.2.3",
     "@radix-ui/react-tooltip": "^1.2.8",
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",
     "js-cookie": "^3.0.5",
     "jsonwebtoken": "^9.0.2",
-    "lucide-react": "^0.539.0",
-    "nanoid": "5.1.5",
-    "next": "15.4.6",
+    "lucide-react": "^0.544.0",
+    "nanoid": "5.1.6",
+    "next": "15.5.4",
     "react": "19.1.1",
     "react-dom": "19.1.1",
     "remark-gfm": "^4.0.1",
     "tailwind-merge": "^3.3.1",
-    "tw-animate-css": "^1.3.6"
+    "tw-animate-css": "^1.4.0"
   },
   "devDependencies": {
     "@assistant-ui/x-buildutils": "workspace:*",
@@ -1776,9 +1784,9 @@ export default nextConfig;
     "@types/react": "^19",
     "@types/react-dom": "^19",
     "eslint": "^9",
-    "eslint-config-next": "15.4.6",
+    "eslint-config-next": "15.5.4",
     "postcss": "^8",
-    "tailwindcss": "^4.1.12",
+    "tailwindcss": "^4.1.13",
     "typescript": "^5.9.2"
   }
 }

package/.docs/organized/code-examples/with-parent-id-grouping.md

@@ -1245,23 +1245,23 @@ export default nextConfig;
     "dev": "next dev --turbo",
     "build": "next build",
     "start": "next start",
-    "lint": "next lint"
+    "lint": "eslint ."
   },
   "dependencies": {
-    "@ai-sdk/openai": "^2.0.15",
+    "@ai-sdk/openai": "^2.0.38",
     "@assistant-ui/react": "workspace:*",
     "@assistant-ui/react-markdown": "workspace:*",
     "@radix-ui/react-slot": "^1.2.3",
     "@radix-ui/react-tooltip": "^1.2.8",
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",
-    "lucide-react": "^0.539.0",
-    "next": "15.4.6",
+    "lucide-react": "^0.544.0",
+    "next": "15.5.4",
     "react": "19.1.1",
     "react-dom": "19.1.1",
     "remark-gfm": "^4.0.1",
     "tailwind-merge": "^3.3.1",
-    "tw-animate-css": "^1.3.6"
+    "tw-animate-css": "^1.4.0"
   },
   "devDependencies": {
     "@assistant-ui/x-buildutils": "workspace:*",
@@ -1269,9 +1269,9 @@ export default nextConfig;
     "@types/react": "^19",
     "@types/react-dom": "^19",
     "eslint": "^9",
-    "eslint-config-next": "15.4.6",
+    "eslint-config-next": "15.5.4",
     "postcss": "^8",
-    "tailwindcss": "^4.1.12",
+    "tailwindcss": "^4.1.13",
     "typescript": "^5"
   }
 }

package/.docs/organized/code-examples/with-react-hook-form.md

@@ -1613,6 +1613,7 @@ export function cn(...inputs: ClassValue[]) {
 ```typescript
 /// <reference types="next" />
 /// <reference types="next/image-types/global" />
+/// <reference path="./.next/types/routes.d.ts" />
 
 // NOTE: This file should not be edited
 // see https://nextjs.org/docs/app/api-reference/config/typescript for more information.
@@ -1643,15 +1644,15 @@ export default nextConfig;
     "dev": "next dev --turbo",
     "build": "next build",
     "start": "next start",
-    "lint": "next lint"
+    "lint": "eslint ."
   },
   "dependencies": {
-    "@ai-sdk/openai": "^2.0.15",
+    "@ai-sdk/openai": "^2.0.38",
     "@assistant-ui/react": "workspace:*",
     "@assistant-ui/react-ai-sdk": "workspace:*",
     "@assistant-ui/react-hook-form": "workspace:*",
     "@assistant-ui/react-markdown": "workspace:*",
-    "@hookform/resolvers": "^5.2.1",
+    "@hookform/resolvers": "^5.2.2",
     "@radix-ui/react-avatar": "^1.1.10",
     "@radix-ui/react-icons": "^1.3.2",
     "@radix-ui/react-label": "^2.1.7",
@@ -1659,21 +1660,21 @@ export default nextConfig;
     "@radix-ui/react-tabs": "^1.1.13",
     "@radix-ui/react-tooltip": "^1.2.8",
     "@react-hook/media-query": "^1.1.1",
-    "ai": "^5.0.15",
+    "ai": "^5.0.56",
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",
     "json-schema-to-zod": "^2.6.1",
-    "lucide-react": "^0.539.0",
-    "next": "15.4.6",
+    "lucide-react": "^0.544.0",
+    "next": "15.5.4",
     "react": "19.1.1",
     "react-dom": "19.1.1",
-    "react-hook-form": "^7.62.0",
-    "react-resizable-panels": "^3.0.4",
+    "react-hook-form": "^7.63.0",
+    "react-resizable-panels": "^3.0.6",
     "remark-gfm": "^4.0.1",
     "tailwind-merge": "^3.3.1",
-    "tw-animate-css": "^1.3.6",
-    "zod": "^4.0.17",
-    "zustand": "^5.0.7"
+    "tw-animate-css": "^1.4.0",
+    "zod": "^4.1.11",
+    "zustand": "^5.0.8"
   },
   "devDependencies": {
     "@assistant-ui/x-buildutils": "workspace:*",
@@ -1681,9 +1682,9 @@ export default nextConfig;
     "@types/react": "^19",
     "@types/react-dom": "^19",
     "eslint": "^9",
-    "eslint-config-next": "15.4.6",
+    "eslint-config-next": "15.5.4",
     "postcss": "^8",
-    "tailwindcss": "^4.1.12",
+    "tailwindcss": "^4.1.13",
     "typescript": "^5.9.2"
   }
 }

package/.docs/raw/docs/copilots/assistant-frame.mdx

@@ -74,7 +74,7 @@ function ParentComponent() {
 
   return (
     <div>
-      <Thread /> {/* Your assistant UI */}
+      <Thread /> {/* Your assistant-ui */}
       <iframe
         ref={iframeRef}
         src="https://trusted-iframe-domain.com/embed"
@@ -98,10 +98,10 @@ const registry = new ModelContextRegistry();
 const toolHandle = registry.addTool({
   toolName: "convertCurrency",
   description: "Convert between currencies",
-  parameters: z.object({ 
+  parameters: z.object({
     amount: z.number(),
     from: z.string(),
-    to: z.string() 
+    to: z.string(),
   }),
   execute: async ({ amount, from, to }) => {
     const rate = await fetchExchangeRate(from, to);
@@ -113,19 +113,19 @@ const toolHandle = registry.addTool({
 toolHandle.update({
   toolName: "convertCurrency",
   description: "Convert between currencies with live rates", // Updated description
-  parameters: z.object({ 
+  parameters: z.object({
     amount: z.number(),
     from: z.string(),
     to: z.string(),
-    includesFees: z.boolean().optional()
+    includesFees: z.boolean().optional(),
   }),
   execute: async ({ amount, from, to, includesFees }) => {
     const rate = await fetchExchangeRate(from, to);
     const fee = includesFees ? 0.02 : 0; // 2% fee
-    return { 
-      result: amount * rate * (1 - fee), 
+    return {
+      result: amount * rate * (1 - fee),
       currency: to,
-      fee: includesFees ? amount * rate * fee : 0
+      fee: includesFees ? amount * rate * fee : 0,
     };
   },
 });
@@ -377,20 +377,22 @@ Provide data visualization tools in an iframe:
 registry.addTool({
   toolName: "createChart",
   description: "Generate a chart from data",
-  parameters: z.object({ 
-    data: z.array(z.object({
-      label: z.string(),
-      value: z.number()
-    })),
+  parameters: z.object({
+    data: z.array(
+      z.object({
+        label: z.string(),
+        value: z.number(),
+      }),
+    ),
     chartType: z.enum(["bar", "line", "pie"]),
-    title: z.string().optional()
+    title: z.string().optional(),
   }),
   execute: async ({ data, chartType, title }) => {
     // Generate chart using a library like Chart.js or D3
     const chartUrl = await generateChart(data, chartType, title);
-    return { 
+    return {
       chartUrl,
-      summary: `Created ${chartType} chart with ${data.length} data points`
+      summary: `Created ${chartType} chart with ${data.length} data points`,
     };
   },
 });

package/.docs/raw/docs/devtools.mdx

@@ -0,0 +1,51 @@
+---
+title: DevTools
+---
+
+import { Step, Steps } from "fumadocs-ui/components/steps";
+
+Hey, the assistant-ui DevTools allows you to debug the assistant-ui state and context, and events without resorting to `console.log`. It's an easy way to see how data flows to the assistant-ui's runtime layer.
+
+![Screenshot of the DevTools UI showing logs and state panels](../../../../.github/assets/devtoolsui.png)
+
+## Setup
+
+<Steps>
+  <Step>
+
+### Install the DevTools package
+
+```bash
+npm install @assistant-ui/react-devtools
+```
+
+  </Step>
+  <Step>
+
+### Mount the DevTools modal
+
+```tsx
+import { AssistantRuntimeProvider } from "@assistant-ui/react";
+import { DevToolsModal } from "@assistant-ui/react-devtools";
+
+export function AssistantApp() {
+  return (
+    <AssistantRuntimeProvider>
+      <DevToolsModal />
+      {/* ...your assistant-ui... */}
+    </AssistantRuntimeProvider>
+  );
+}
+```
+
+  </Step>
+  <Step>
+
+### Verify the DevTools overlay
+
+That's it! In development builds you should now see the DevTools in the lower-right corner of your site.
+
+![DevTools floating modal anchored in the lower-right corner of a page](../../../../.github/assets/devtoolsmodal.png)
+
+  </Step>
+</Steps>

package/.docs/raw/docs/runtimes/ai-sdk/use-chat.mdx

@@ -130,7 +130,7 @@ const runtime = useChatRuntime({
 <Callout type="info">
   By default, `useChatRuntime` uses `AssistantChatTransport` which automatically
   forwards system messages and frontend tools to your backend API. This enables
-  your backend to receive the full context from the Assistant UI.
+  your backend to receive the full context from the assistant-ui.
 </Callout>
 
 ### Custom Transport Configuration
@@ -165,7 +165,7 @@ const runtime = useChatRuntime({
 
 #### Transport Options
 
-- **`AssistantChatTransport`** (default): Automatically forwards system messages and frontend tools from the Assistant UI context to your backend
+- **`AssistantChatTransport`** (default): Automatically forwards system messages and frontend tools from the assistant-ui context to your backend
 - **`DefaultChatTransport`**: Standard AI SDK transport without automatic forwarding
 
 ### Using Frontend Tools with `frontendTools`

package/.docs/raw/docs/runtimes/custom/local.mdx

@@ -732,7 +732,7 @@ Provide follow-up suggestions:
 
 ```tsx
 const suggestionAdapter: SuggestionAdapter = {
-  async *get({ messages }) {
+  async *generate({ messages }) {
     // Analyze conversation context
     const lastMessage = messages[messages.length - 1];
 

package/.docs/raw/docs/runtimes/mastra/full-stack-integration.mdx

@@ -10,9 +10,9 @@ Integrate Mastra directly into your Next.js application's API routes. This appro
 <Steps>
 <Step>
 
-### Initialize Assistant UI
+### Initialize assistant-ui
 
-Start by setting up Assistant UI in your project. Run one of the following commands:
+Start by setting up assistant-ui in your project. Run one of the following commands:
 
 ```sh title="New Project"
 npx assistant-ui@latest create
@@ -190,10 +190,11 @@ export async function POST(req: Request) {
 ```
 
 Key changes:
+
 - We import the `mastra` instance created in `mastra/index.ts`. Make sure the import path (`@/mastra`) is correct for your project setup (you might need `~/mastra`, `../../../mastra`, etc., depending on your path aliases and project structure).
 - We retrieve the `chefAgent` using `mastra.getAgent("chefAgent")`.
 - Instead of calling the AI SDK's `streamText` directly, we call `agent.stream(messages)` to process the chat messages using the agent's configuration and model.
-- The result is still returned in a format compatible with Assistant UI using `toDataStreamResponse()`.
+- The result is still returned in a format compatible with assistant-ui using `toDataStreamResponse()`.
 
 Your API route is now powered by Mastra!
 
@@ -208,11 +209,11 @@ You're all set! Start your Next.js development server:
 npm run dev
 ```
 
-Open your browser to `http://localhost:3000` (or the port specified in your terminal). You should now be able to interact with your `chefAgent` through the Assistant UI chat interface. Ask it for cooking advice based on ingredients you have!
+Open your browser to `http://localhost:3000` (or the port specified in your terminal). You should now be able to interact with your `chefAgent` through the assistant-ui chat interface. Ask it for cooking advice based on ingredients you have!
 
 </Step>
 </Steps>
 
-Congratulations! You have successfully integrated Mastra into your Next.js application using the full-stack approach. Your Assistant UI frontend now communicates with a Mastra agent running in your Next.js backend API route.
+Congratulations! You have successfully integrated Mastra into your Next.js application using the full-stack approach. Your assistant-ui frontend now communicates with a Mastra agent running in your Next.js backend API route.
 
 To explore more advanced Mastra features like memory, tools, workflows, and more, please refer to the [official Mastra documentation](https://mastra.ai/docs).

package/.docs/raw/docs/runtimes/mastra/overview.mdx

@@ -4,9 +4,9 @@ title: Overview
 
 Mastra is an open-source TypeScript agent framework designed to provide the essential primitives for building AI applications. It enables developers to create AI agents with memory and tool-calling capabilities, implement deterministic LLM workflows, and leverage RAG for knowledge integration. With features like model routing, workflow graphs, and automated evals, Mastra provides a complete toolkit for developing, testing, and deploying AI applications.
 
-## Integrating with Next.js and Assistant UI
+## Integrating with Next.js and assistant-ui
 
-There are two primary ways to integrate Mastra into your Next.js project when using Assistant UI:
+There are two primary ways to integrate Mastra into your Next.js project when using assistant-ui:
 
 1.  **Full-Stack Integration**: Integrate Mastra directly into your Next.js application's API routes. This approach keeps your backend and frontend code within the same project.
     [Learn how to set up Full-Stack Integration](./full-stack-integration)
@@ -14,4 +14,4 @@ There are two primary ways to integrate Mastra into your Next.js project when us
 2.  **Separate Server Integration**: Run Mastra as a standalone server and connect your Next.js frontend to its API endpoints. This approach separates concerns and allows for independent scaling.
     [Learn how to set up Separate Server Integration](./separate-server-integration)
 
-Choose the guide that best fits your project architecture. Both methods allow seamless integration with the Assistant UI components.
+Choose the guide that best fits your project architecture. Both methods allow seamless integration with the assistant-ui components.

package/.docs/raw/docs/runtimes/mastra/separate-server-integration.mdx

@@ -5,7 +5,7 @@ title: Separate Server Integration
 import { Step, Steps } from "fumadocs-ui/components/steps";
 import { Callout } from "fumadocs-ui/components/callout";
 
-Run Mastra as a standalone server and connect your Next.js frontend (using Assistant UI) to its API endpoints. This approach separates your AI backend from your frontend application, allowing for independent development and scaling.
+Run Mastra as a standalone server and connect your Next.js frontend (using assistant-ui) to its API endpoints. This approach separates your AI backend from your frontend application, allowing for independent development and scaling.
 
 <Steps>
 
@@ -13,7 +13,7 @@ Run Mastra as a standalone server and connect your Next.js frontend (using Assis
 
 ### Create Mastra Server Project
 
-First, create a dedicated project for your Mastra server. Choose a directory separate from your Next.js/Assistant UI frontend project.
+First, create a dedicated project for your Mastra server. Choose a directory separate from your Next.js/assistant-ui frontend project.
 
 Navigate to your chosen parent directory in the terminal and run the Mastra create command:
 
@@ -97,15 +97,15 @@ With the agent defined and registered, start the Mastra development server:
 npm run dev
 ```
 
-By default, the Mastra server will run on `http://localhost:4111`. Your `chefAgent` should now be accessible via a POST request endpoint, typically `http://localhost:4111/api/agents/chefAgent/stream`. Keep this server running for the next steps where we'll set up the Assistant UI frontend to connect to it.
+By default, the Mastra server will run on `http://localhost:4111`. Your `chefAgent` should now be accessible via a POST request endpoint, typically `http://localhost:4111/api/agents/chefAgent/stream`. Keep this server running for the next steps where we'll set up the assistant-ui frontend to connect to it.
 
 </Step>
 
 <Step>
 
-### Initialize Assistant UI Frontend
+### Initialize assistant-ui Frontend
 
-Now, set up your frontend application using Assistant UI. Navigate to a **different directory** from your Mastra server project. You can either create a new Next.js project or use an existing one.
+Now, set up your frontend application using assistant-ui. Navigate to a **different directory** from your Mastra server project. You can either create a new Next.js project or use an existing one.
 
 Inside your frontend project directory, run one of the following commands:
 
@@ -117,10 +117,10 @@ npx assistant-ui@latest create
 npx assistant-ui@latest init
 ```
 
-This command installs the necessary Assistant UI dependencies and sets up basic configuration files, including a default chat page and an API route (`app/api/chat/route.ts`).
+This command installs the necessary assistant-ui dependencies and sets up basic configuration files, including a default chat page and an API route (`app/api/chat/route.ts`).
 
 <Callout title="Need Help?">
-  For detailed setup instructions for Assistant UI, including manual setup
+  For detailed setup instructions for assistant-ui, including manual setup
   steps, please refer to the main [Getting Started
   guide](/docs/getting-started).
 </Callout>
@@ -133,9 +133,9 @@ In the next step, we will configure this frontend to communicate with the separa
 
 ### Configure Frontend API Endpoint
 
-The default Assistant UI setup configures the chat runtime to use a local API route (`/api/chat`) within the Next.js project. Since our Mastra agent is running on a separate server, we need to update the frontend to point to that server's endpoint.
+The default assistant-ui setup configures the chat runtime to use a local API route (`/api/chat`) within the Next.js project. Since our Mastra agent is running on a separate server, we need to update the frontend to point to that server's endpoint.
 
-Open the main page file in your Assistant UI frontend project (usually `app/page.tsx` or `src/app/page.tsx`). Find the `useChatRuntime` hook and change the `api` property to the full URL of your Mastra agent's stream endpoint:
+Open the main page file in your assistant-ui frontend project (usually `app/page.tsx` or `src/app/page.tsx`). Find the `useChatRuntime` hook and change the `api` property to the full URL of your Mastra agent's stream endpoint:
 
 ```tsx {10} title="app/page.tsx"
 "use client";
@@ -163,7 +163,7 @@ export default function Home() {
 
 Replace `"http://localhost:4111/api/agents/chefAgent/stream"` with the actual URL if your Mastra server runs on a different port or host, or if your agent has a different name.
 
-Now, the Assistant UI frontend will send chat requests directly to your running Mastra server.
+Now, the assistant-ui frontend will send chat requests directly to your running Mastra server.
 
 <Callout title="Delete Default API Route">
   Since the frontend no longer uses the local `/api/chat` route created by the
@@ -179,18 +179,18 @@ Now, the Assistant UI frontend will send chat requests directly to your running
 
 You're ready to connect the pieces! Make sure your separate Mastra server is still running (from Step 4).
 
-In your Assistant UI frontend project directory, start the Next.js development server:
+In your assistant-ui frontend project directory, start the Next.js development server:
 
 ```bash npm2yarn
 npm run dev
 ```
 
-Open your browser to `http://localhost:3000` (or the port specified in your terminal for the frontend app). You should now be able to interact with your `chefAgent` through the Assistant UI chat interface. The frontend will make requests to your Mastra server running on `http://localhost:4111`.
+Open your browser to `http://localhost:3000` (or the port specified in your terminal for the frontend app). You should now be able to interact with your `chefAgent` through the assistant-ui chat interface. The frontend will make requests to your Mastra server running on `http://localhost:4111`.
 
 </Step>
 
 </Steps>
 
-Congratulations! You have successfully integrated Mastra with Assistant UI using a separate server approach. Your Assistant UI frontend now communicates with a standalone Mastra agent server.
+Congratulations! You have successfully integrated Mastra with assistant-ui using a separate server approach. Your assistant-ui frontend now communicates with a standalone Mastra agent server.
 
 This setup provides a clear separation between your frontend and AI backend. To explore more advanced Mastra features like memory, tools, workflows, and deployment options, please refer to the [official Mastra documentation](https://mastra.ai/docs).