@assistant-ui/mcp-docs-server 0.1.5 → 0.1.7

package/.docs/raw/docs/getting-started.mdx

@@ -810,7 +810,7 @@ Add an API endpoint:
 <Tabs id="provider" items={["OpenAI", "Anthropic", "Azure", "AWS", "Gemini", "GCP", "Groq", "Fireworks", "Cohere", "Ollama", "Chrome AI"]}>
 ```ts title="/app/api/chat/route.ts" tab="OpenAI"
 import { openai } from "@ai-sdk/openai";
-import { streamText } from "ai";
+import { convertToModelMessages, streamText } from "ai";
 
 export const maxDuration = 30;
 
@@ -818,15 +818,15 @@ export async function POST(req: Request) {
   const { messages } = await req.json();
   const result = streamText({
     model: openai("gpt-4o-mini"),
-    messages,
+    messages: convertToModelMessages(messages),
   });
-  return result.toDataStreamResponse();
+  return result.toUIMessageStreamResponse();
 }
 ```
 
 ```ts title="/app/api/chat/route.ts" tab="Anthropic"
 import { anthropic } from "@ai-sdk/anthropic";
-import { streamText } from "ai";
+import { convertToModelMessages, streamText } from "ai";
 
 export const maxDuration = 30;
 
@@ -834,15 +834,15 @@ export async function POST(req: Request) {
   const { messages } = await req.json();
   const result = streamText({
     model: anthropic("claude-3-5-sonnet-20240620"),
-    messages,
+    messages: convertToModelMessages(messages),
   });
-  return result.toDataStreamResponse();
+  return result.toUIMessageStreamResponse();
 }
 ```
 
 ```ts title="/app/api/chat/route.ts" tab="Azure"
 import { azure } from "@ai-sdk/azure";
-import { streamText } from "ai";
+import { convertToModelMessages, streamText } from "ai";
 
 export const maxDuration = 30;
 
@@ -850,15 +850,15 @@ export async function POST(req: Request) {
   const { messages } = await req.json();
   const result = streamText({
     model: azure("your-deployment-name"),
-    messages,
+    messages: convertToModelMessages(messages),
   });
-  return result.toDataStreamResponse();
+  return result.toUIMessageStreamResponse();
 }
 ```
 
 ```ts title="/app/api/chat/route.ts" tab="AWS"
 import { bedrock } from "@ai-sdk/amazon-bedrock";
-import { streamText } from "ai";
+import { convertToModelMessages, streamText } from "ai";
 
 export const maxDuration = 30;
 
@@ -866,15 +866,15 @@ export async function POST(req: Request) {
   const { messages } = await req.json();
   const result = streamText({
     model: bedrock("anthropic.claude-3-5-sonnet-20240620-v1:0"),
-    messages,
+    messages: convertToModelMessages(messages),
   });
-  return result.toDataStreamResponse();
+  return result.toUIMessageStreamResponse();
 }
 ```
 
 ```ts title="/app/api/chat/route.ts" tab="Gemini"
 import { google } from "@ai-sdk/google";
-import { streamText } from "ai";
+import { convertToModelMessages, streamText } from "ai";
 
 export const maxDuration = 30;
 
@@ -882,15 +882,15 @@ export async function POST(req: Request) {
   const { messages } = await req.json();
   const result = streamText({
     model: google("gemini-2.0-flash"),
-    messages,
+    messages: convertToModelMessages(messages),
   });
-  return result.toDataStreamResponse();
+  return result.toUIMessageStreamResponse();
 }
 ```
 
 ```ts title="/app/api/chat/route.ts" tab="GCP"
 import { vertex } from "@ai-sdk/google-vertex";
-import { streamText } from "ai";
+import { convertToModelMessages, streamText } from "ai";
 
 export const maxDuration = 30;
 
@@ -898,15 +898,15 @@ export async function POST(req: Request) {
   const { messages } = await req.json();
   const result = streamText({
     model: vertex("gemini-1.5-pro"),
-    messages,
+    messages: convertToModelMessages(messages),
   });
-  return result.toDataStreamResponse();
+  return result.toUIMessageStreamResponse();
 }
 ```
 
 ```ts title="/app/api/chat/route.ts" tab="Groq"
 import { createOpenAI } from "@ai-sdk/openai";
-import { streamText } from "ai";
+import { convertToModelMessages, streamText } from "ai";
 
 export const maxDuration = 30;
 
@@ -919,15 +919,15 @@ export async function POST(req: Request) {
   const { messages } = await req.json();
   const result = streamText({
     model: groq("llama3-70b-8192"),
-    messages,
+    messages: convertToModelMessages(messages),
   });
-  return result.toDataStreamResponse();
+  return result.toUIMessageStreamResponse();
 }
 ```
 
 ```ts title="/app/api/chat/route.ts" tab="Fireworks"
 import { createOpenAI } from "@ai-sdk/openai";
-import { streamText } from "ai";
+import { convertToModelMessages, streamText } from "ai";
 
 export const maxDuration = 30;
 
@@ -940,15 +940,15 @@ export async function POST(req: Request) {
   const { messages } = await req.json();
   const result = streamText({
     model: fireworks("accounts/fireworks/models/firefunction-v2"),
-    messages,
+    messages: convertToModelMessages(messages),
   });
-  return result.toDataStreamResponse();
+  return result.toUIMessageStreamResponse();
 }
 ```
 
 ```ts title="/app/api/chat/route.ts" tab="Cohere"
 import { cohere } from "@ai-sdk/cohere";
-import { streamText } from "ai";
+import { convertToModelMessages, streamText } from "ai";
 
 export const maxDuration = 30;
 
@@ -956,15 +956,15 @@ export async function POST(req: Request) {
   const { messages } = await req.json();
   const result = streamText({
     model: cohere("command-r-plus"),
-    messages,
+    messages: convertToModelMessages(messages),
   });
-  return result.toDataStreamResponse();
+  return result.toUIMessageStreamResponse();
 }
 ```
 
 ```ts title="/app/api/chat/route.ts" tab="Ollama"
 import { ollama } from "ollama-ai-provider";
-import { streamText } from "ai";
+import { convertToModelMessages, streamText } from "ai";
 
 export const maxDuration = 30;
 
@@ -972,15 +972,15 @@ export async function POST(req: Request) {
   const { messages } = await req.json();
   const result = streamText({
     model: ollama("llama3"),
-    messages,
+    messages: convertToModelMessages(messages),
   });
-  return result.toDataStreamResponse();
+  return result.toUIMessageStreamResponse();
 }
 ```
 
 ```ts title="/app/api/chat/route.ts" tab="Chrome AI"
 import { chromeai } from "chrome-ai";
-import { streamText } from "ai";
+import { convertToModelMessages, streamText } from "ai";
 
 export const maxDuration = 30;
 
@@ -988,9 +988,9 @@ export async function POST(req: Request) {
   const { messages } = await req.json();
   const result = streamText({
     model: chromeai(),
-    messages,
+    messages: convertToModelMessages(messages),
   });
-  return result.toDataStreamResponse();
+  return result.toUIMessageStreamResponse();
 }
 ```
 

package/.docs/raw/docs/guides/Attachments.mdx

@@ -353,36 +353,6 @@ const runtime = useLocalRuntime(MyModelAdapter, {
 });
 ```
 
-### With Vercel AI SDK
-
-If you're using the Vercel AI SDK, images are handled automatically through experimental attachments:
-
-```tsx
-// In your API route
-import { streamText } from "ai";
-import { openai } from "@ai-sdk/openai";
-
-export async function POST(req: Request) {
-  const { messages } = await req.json();
-
-  const result = streamText({
-    model: openai("gpt-4-vision-preview"),
-    messages: messages.map((msg) => {
-      if (msg.experimental_attachments?.length) {
-        // Images are automatically formatted for the model
-        return {
-          ...msg,
-          experimental_attachments: msg.experimental_attachments,
-        };
-      }
-      return msg;
-    }),
-  });
-
-  return result.toDataStreamResponse();
-}
-```
-
 ## Advanced Features
 
 ### Progress Updates
@@ -540,78 +510,7 @@ const handleMultipleFiles = async (files: FileList) => {
 
 ### With Vercel AI SDK
 
-Process attachments in your API route:
-
-```tsx title="/app/api/chat/route.ts"
-import { streamText } from "ai";
-import { openai } from "@ai-sdk/openai";
-
-export async function POST(req: Request) {
-  const { messages } = await req.json();
-
-  // Process messages with attachments
-  const processedMessages = messages.map((msg) => {
-    if (msg.role === "user" && msg.experimental_attachments) {
-      // Handle attachments
-      const attachmentContent = msg.experimental_attachments
-        .map((att) => {
-          if (att.contentType.startsWith("image/")) {
-            return `[Image: ${att.name}]`;
-          }
-          return att.content;
-        })
-        .join("\n");
-
-      return {
-        ...msg,
-        content: `${msg.content}\n\nAttachments:\n${attachmentContent}`,
-      };
-    }
-    return msg;
-  });
-
-  const result = streamText({
-    model: openai("gpt-4o"),
-    messages: processedMessages,
-  });
-
-  return result.toDataStreamResponse();
-}
-```
-
-### Custom Backend Handling
-
-Implement your own attachment processing:
-
-```tsx
-// In your attachment adapter
-class ServerUploadAdapter implements AttachmentAdapter {
-  async send(attachment: PendingAttachment): Promise<CompleteAttachment> {
-    const formData = new FormData();
-    formData.append("file", attachment.file);
-
-    const response = await fetch("/api/upload", {
-      method: "POST",
-      body: formData,
-    });
-
-    const { url, id } = await response.json();
-
-    return {
-      id,
-      type: attachment.type,
-      name: attachment.name,
-      content: [
-        {
-          type: "image",
-          url,
-        },
-      ],
-      status: { type: "complete" },
-    };
-  }
-}
-```
+Attachments are sent to the backend as file content parts.
 
 ## Runtime Support
 

package/.docs/raw/docs/guides/Latex.mdx

@@ -53,29 +53,55 @@ export const MarkdownText = memo(MarkdownTextImpl);
   </Step>
 </Steps>
 
-## Examples
+## Supported Formats
 
-### Inline math
+By default, remark-math supports:
+- `$...$` for inline math
+- `$$...$$` for display math
+- Fenced code blocks with the `math` language identifier
 
-Single dollar signs for inline math: `$E = mc^2$`
+## Supporting Alternative LaTeX Delimiters
 
-### Block math
+Many language models generate LaTeX using different delimiter formats:
+- `\(...\)` for inline math
+- `\[...\]` for display math
+- Custom formats like `[/math]...[/math]`
 
-Double dollar signs for block math:
+You can use the `preprocess` prop to normalize these formats:
 
-```
-$$
-\int_{a}^{b} f(x) \, dx = F(b) - F(a)
-$$
-```
+```tsx title="/components/assistant-ui/markdown-text.tsx"
+const MarkdownTextImpl = () => {
+  return (
+    <MarkdownTextPrimitive
+      remarkPlugins={[remarkGfm, remarkMath]}
+      rehypePlugins={[rehypeKatex]}
+      preprocess={normalizeCustomMathTags} // [!code ++]
+      className="aui-md"
+      components={defaultComponents}
+    />
+  );
+};
 
-### Fenced code blocks
+// Your LaTeX preprocessing function
+function normalizeCustomMathTags(input: string): string {
+  return (
+    input
+      // Convert [/math]...[/math] to $$...$$
+      .replace(/\[\/math\]([\s\S]*?)\[\/math\]/g, (_, content) => `$$${content.trim()}$$`)
 
-Fenced code blocks with the `math` language identifier:
+      // Convert [/inline]...[/inline] to $...$
+      .replace(/\[\/inline\]([\s\S]*?)\[\/inline\]/g, (_, content) => `$${content.trim()}$`)
 
-````
-```math
-\sum_{i=1}^{n} i = \frac{n(n+1)}{2}
+      // Convert \( ... \) to $...$ (inline math) - handles both single and double backslashes
+      .replace(/\\{1,2}\(([\s\S]*?)\\{1,2}\)/g, (_, content) => `$${content.trim()}$`)
+
+      // Convert \[ ... \] to $$...$$ (block math) - handles both single and double backslashes
+      .replace(/\\{1,2}\[([\s\S]*?)\\{1,2}\]/g, (_, content) => `$$${content.trim()}$$`)
+  );
+}
 ```
-````
+
+<Callout type="tip">
+The preprocessing function runs before markdown parsing, allowing you to transform any delimiter format into the standard `$` and `$$` format.
+</Callout>
 

package/.docs/raw/docs/guides/ToolUI.mdx

@@ -201,11 +201,11 @@ export async function POST(req: Request) {
 
   const result = streamText({
     model: openai("gpt-4o"),
-    messages,
+    messages: convertToModelMessages(messages),
     tools: {
       getWeather: tool({
         description: "Get current weather for a location",
-        parameters: z.object({
+        inputSchema: z.object({
           location: z.string(),
           unit: z.enum(["celsius", "fahrenheit"]),
         }),
@@ -222,7 +222,7 @@ export async function POST(req: Request) {
     },
   });
 
-  return result.toDataStreamResponse();
+  return result.toUIMessageStreamResponse();
 }
 ```