@assistant-ui/mcp-docs-server 0.1.29 → 0.1.31

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

@@ -4,7 +4,12 @@
 
 ```typescript
 import { openai } from "@ai-sdk/openai";
-import { streamText, UIMessage, convertToModelMessages, stepCountIs } from "ai";
+import {
+  streamText,
+  type UIMessage,
+  convertToModelMessages,
+  stepCountIs,
+} from "ai";
 
 export const maxDuration = 30;
 
@@ -548,27 +553,27 @@ export default nextConfig;
   "version": "0.0.0",
   "type": "module",
   "dependencies": {
-    "@ai-sdk/openai": "^3.0.52",
-    "@ai-sdk/react": "^3.0.161",
+    "@ai-sdk/openai": "^3.0.61",
+    "@ai-sdk/react": "^3.0.177",
     "@assistant-ui/react": "workspace:^",
     "@assistant-ui/react-ai-sdk": "workspace:*",
     "@assistant-ui/react-markdown": "workspace:^",
     "@assistant-ui/ui": "workspace:*",
-    "@tailwindcss/postcss": "^4.2.2",
-    "ai": "^6.0.159",
+    "@tailwindcss/postcss": "^4.2.4",
+    "ai": "^6.0.175",
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",
-    "livekit-client": "^2.18.1",
-    "livekit-server-sdk": "^2.15.1",
-    "lucide-react": "^1.8.0",
+    "livekit-client": "^2.18.9",
+    "livekit-server-sdk": "^2.15.2",
+    "lucide-react": "^1.14.0",
     "motion": "^12.38.0",
-    "next": "^16.2.3",
-    "postcss": "^8.5.9",
+    "next": "^16.2.4",
+    "postcss": "^8.5.14",
     "react": "^19.2.5",
     "react-dom": "^19.2.5",
     "tailwind-merge": "^3.5.0",
-    "tailwindcss": "^4.2.2",
-    "zod": "^4.3.6"
+    "tailwindcss": "^4.2.4",
+    "zod": "^4.4.3"
   },
   "devDependencies": {
     "@assistant-ui/x-buildutils": "workspace:*",
@@ -576,7 +581,7 @@ export default nextConfig;
     "@types/react": "^19.2.14",
     "@types/react-dom": "^19.2.3",
     "tw-animate-css": "^1.4.0",
-    "typescript": "^6.0.2"
+    "typescript": "^6.0.3"
   },
   "scripts": {
     "dev": "next dev",

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

@@ -205,7 +205,7 @@ import { Thread } from "../components/assistant-ui/thread";
 export default function Home() {
   const runtime = useOpenCodeRuntime({
     baseUrl:
-      process.env["NEXT_PUBLIC_OPENCODE_BASE_URL"] ?? "http://localhost:4096",
+      process.env.NEXT_PUBLIC_OPENCODE_BASE_URL ?? "http://localhost:4096",
   });
 
   return (
@@ -394,7 +394,7 @@ import {
   AskQuestionInline,
   withOpenCodeToolInteractions,
 } from "@/components/tools/opencode-tool-interactions";
-import { ReasoningGroup } from "@/components/tools/reasoning-ghost";
+import { ReasoningGroup as ReasoningGhostGroup } from "@/components/tools/reasoning-ghost";
 import { BashTerminal } from "@/components/tools/tool-ui-bash";
 import { ApplyPatchDiff } from "@/components/tools/tool-ui-apply-patch";
 import {
@@ -407,7 +407,7 @@ import {
   WebSearchInline,
   WriteInline,
 } from "@/components/tools/tool-ui-inline";
-import { ToolGroup } from "@/components/tools/tool-group";
+import { ToolGroup as ToolCallGroup } from "@/components/tools/tool-group";
 import { TooltipIconButton } from "@/components/assistant-ui/tooltip-icon-button";
 import { OpenCodeDataPart } from "@/components/opencode-data-part";
 import { Button } from "@/components/ui/button";
@@ -437,7 +437,7 @@ import {
   RefreshCwIcon,
   SquareIcon,
 } from "lucide-react";
-import type { FC } from "react";
+import type { ComponentProps, FC } from "react";
 
 const ReadTool = withOpenCodeToolInteractions(ReadInline);
 const EditTool = withOpenCodeToolInteractions(EditInline);
@@ -451,6 +451,44 @@ const ApplyPatchTool = withOpenCodeToolInteractions(ApplyPatchDiff);
 const AskQuestionTool = withOpenCodeToolInteractions(AskQuestionInline);
 const FallbackTool = withOpenCodeToolInteractions(ToolCallFallback);
 
+const renderOpenCodeTool = (
+  part: Extract<
+    Parameters<
+      NonNullable<
+        ComponentProps<typeof MessagePrimitive.GroupedParts>["children"]
+      >
+    >[0]["part"],
+    { type: "tool-call" }
+  >,
+) => {
+  switch (part.toolName) {
+    case "read":
+      return <ReadTool {...part} />;
+    case "edit":
+      return <EditTool {...part} />;
+    case "write":
+      return <WriteTool {...part} />;
+    case "bash":
+      return <BashTool {...part} />;
+    case "grep":
+      return <GrepTool {...part} />;
+    case "glob":
+      return <GlobTool {...part} />;
+    case "webSearch":
+      return <WebSearchTool {...part} />;
+    case "webFetch":
+      return <WebFetchTool {...part} />;
+    case "apply_patch":
+      return <ApplyPatchTool {...part} />;
+    case "ask_question":
+    case "request_user_input":
+    case "requestUserInput":
+      return <AskQuestionTool {...part} />;
+    default:
+      return <FallbackTool {...part} />;
+  }
+};
+
 export const Thread: FC = () => {
   return (
     <ThreadPrimitive.Root
@@ -624,44 +662,40 @@ const AssistantMessage: FC = () => {
       data-role="assistant"
     >
       <div className="aui-assistant-message-content wrap-break-word px-2 text-foreground leading-relaxed">
-        <MessagePrimitive.Parts
-          components={{
-            Text: MarkdownText,
-            Reasoning,
-            ReasoningGroup,
-            tools: {
-              by_name: {
-                read: ReadTool,
-                edit: EditTool,
-                write: WriteTool,
-                bash: BashTool,
-                grep: GrepTool,
-                glob: GlobTool,
-                webSearch: WebSearchTool,
-                webFetch: WebFetchTool,
-                apply_patch: ApplyPatchTool,
-                ask_question: AskQuestionTool,
-                request_user_input: AskQuestionTool,
-                requestUserInput: AskQuestionTool,
-              },
-              Fallback: FallbackTool,
-            },
-            ToolGroup,
-            data: {
-              by_name: {
-                "opencode-step-start": OpenCodeDataPart,
-                "opencode-step-finish": OpenCodeDataPart,
-                "opencode-patch": OpenCodeDataPart,
-                "opencode-snapshot": OpenCodeDataPart,
-                "opencode-retry": OpenCodeDataPart,
-                "opencode-compaction": OpenCodeDataPart,
-                "opencode-agent": OpenCodeDataPart,
-                "opencode-subtask": OpenCodeDataPart,
-              },
-              Fallback: OpenCodeDataPart,
-            },
+        <MessagePrimitive.GroupedParts
+          groupBy={(part) => {
+            if (part.type === "reasoning")
+              return ["group-chainOfThought", "group-reasoning"];
+            if (part.type === "tool-call")
+              return ["group-chainOfThought", "group-tool"];
+            return null;
           }}
-        />
+        >
+          {({ part, children }) => {
+            switch (part.type) {
+              case "group-chainOfThought":
+                return <div data-slot="aui_chain-of-thought">{children}</div>;
+              case "group-reasoning":
+                return (
+                  <ReasoningGhostGroup group={part}>
+                    {children}
+                  </ReasoningGhostGroup>
+                );
+              case "group-tool":
+                return <ToolCallGroup group={part}>{children}</ToolCallGroup>;
+              case "text":
+                return <MarkdownText />;
+              case "reasoning":
+                return <Reasoning {...part} />;
+              case "tool-call":
+                return renderOpenCodeTool(part);
+              case "data":
+                return <OpenCodeDataPart {...part} />;
+              default:
+                return null;
+            }
+          }}
+        </MessagePrimitive.GroupedParts>
         <MessageError />
       </div>
 
@@ -1572,16 +1606,21 @@ AskQuestionInline.displayName = "AskQuestionInline";
 ```tsx
 "use client";
 
-import { memo } from "react";
+import { memo, type FC, type PropsWithChildren } from "react";
 import { BrainIcon } from "lucide-react";
-import { useAuiState, type ReasoningGroupComponent } from "@assistant-ui/react";
+import { useAuiState } from "@assistant-ui/react";
 import { cn } from "@/lib/utils";
 
-const ReasoningGroupImpl: ReasoningGroupComponent = ({
-  children,
-  startIndex,
-  endIndex,
-}) => {
+type GroupedPartsGroup = {
+  indices: readonly number[];
+};
+
+const ReasoningGroupImpl: FC<
+  PropsWithChildren<{ group: GroupedPartsGroup }>
+> = ({ children, group }) => {
+  const startIndex = group.indices[0]!;
+  const endIndex = group.indices.at(-1)!;
+
   const isMultiLine = useAuiState((s) => {
     let totalLength = 0;
     for (let i = startIndex; i <= endIndex; i++) {
@@ -1630,10 +1669,16 @@ import { cn } from "@/lib/utils";
 import { useAuiState } from "@assistant-ui/react";
 import { memo, type FC, type PropsWithChildren } from "react";
 
-// ── ToolGroup — lightweight wrapper for spacing ─────────────────────────
+type GroupedPartsGroup = {
+  indices: readonly number[];
+};
+
 export const ToolGroupImpl: FC<
-  PropsWithChildren<{ startIndex: number; endIndex: number }>
-> = ({ children, startIndex, endIndex }) => {
+  PropsWithChildren<{ group: GroupedPartsGroup }>
+> = ({ children, group }) => {
+  const startIndex = group.indices[0]!;
+  const endIndex = group.indices.at(-1)!;
+
   const textBefore = useAuiState((s) => {
     for (let i = startIndex - 1; i >= 0; i--) {
       const type = s.message.parts[i]?.type;
@@ -1716,9 +1761,7 @@ function parseClaudePatchBlocks(patchText: string): PatchBlock[] {
   const headerRegex = /^\*\*\*\s+(Update|Add|Delete)\s+File:\s+(.+)$/gm;
   const blocks: PatchBlock[] = [];
   let lastIndex = 0;
-  let match;
-
-  while ((match = headerRegex.exec(cleaned)) !== null) {
+  for (const match of cleaned.matchAll(headerRegex)) {
     if (blocks.length > 0) {
       blocks[blocks.length - 1]!.body = cleaned.slice(lastIndex, match.index);
     }
@@ -2326,26 +2369,26 @@ export default nextConfig;
     "@assistant-ui/react-markdown": "workspace:*",
     "@assistant-ui/react-opencode": "workspace:*",
     "@assistant-ui/ui": "workspace:*",
-    "@pierre/diffs": "^1.1.15",
+    "@pierre/diffs": "^1.1.20",
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",
-    "lucide-react": "^1.8.0",
-    "next": "^16.2.3",
+    "lucide-react": "^1.14.0",
+    "next": "^16.2.4",
     "react": "^19.2.5",
     "react-dom": "^19.2.5",
     "tailwind-merge": "^3.5.0",
-    "zod": "^4.3.6"
+    "zod": "^4.4.3"
   },
   "devDependencies": {
     "@assistant-ui/x-buildutils": "workspace:*",
-    "@tailwindcss/postcss": "^4.2.2",
+    "@tailwindcss/postcss": "^4.2.4",
     "@types/node": "^25.6.0",
     "@types/react": "^19.2.14",
     "@types/react-dom": "^19.2.3",
-    "postcss": "^8.5.9",
-    "tailwindcss": "^4.2.2",
+    "postcss": "^8.5.14",
+    "tailwindcss": "^4.2.4",
     "tw-animate-css": "^1.4.0",
-    "typescript": "^6.0.2"
+    "typescript": "^6.0.3"
   }
 }
 

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

@@ -163,8 +163,8 @@ export default function RootLayout({
 "use client";
 
 import {
-  ThreadMessageLike,
-  AppendMessage,
+  type ThreadMessageLike,
+  type AppendMessage,
   AssistantRuntimeProvider,
   useExternalStoreRuntime,
 } from "@assistant-ui/react";
@@ -474,28 +474,28 @@ export default nextConfig;
     "start": "next start"
   },
   "dependencies": {
-    "@ai-sdk/openai": "^3.0.52",
+    "@ai-sdk/openai": "^3.0.61",
     "@assistant-ui/react": "workspace:*",
     "@assistant-ui/react-markdown": "workspace:*",
     "@assistant-ui/ui": "workspace:*",
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",
-    "lucide-react": "^1.8.0",
-    "next": "^16.2.3",
+    "lucide-react": "^1.14.0",
+    "next": "^16.2.4",
     "react": "^19.2.5",
     "react-dom": "^19.2.5",
     "tailwind-merge": "^3.5.0"
   },
   "devDependencies": {
     "@assistant-ui/x-buildutils": "workspace:*",
-    "@tailwindcss/postcss": "^4.2.2",
+    "@tailwindcss/postcss": "^4.2.4",
     "@types/node": "^25.6.0",
     "@types/react": "^19.2.14",
     "@types/react-dom": "^19.2.3",
-    "postcss": "^8.5.9",
-    "tailwindcss": "^4.2.2",
+    "postcss": "^8.5.14",
+    "tailwindcss": "^4.2.4",
     "tw-animate-css": "^1.4.0",
-    "typescript": "^6.0.2"
+    "typescript": "^6.0.3"
   }
 }
 
@@ -552,7 +552,7 @@ Open [http://localhost:3000](http://localhost:3000) to see the example.
    }
    ```
 
-2. **Grouping Component**: Uses `MessagePrimitive.Unstable_PartsGroupedByParentId` which automatically groups parts by their `parentId`
+2. **Non-adjacent grouping component**: Uses the unstable `MessagePrimitive.Unstable_PartsGroupedByParentId` API to collect parts by `parentId`, even when related parts are not adjacent. For normal adjacent grouping, prefer `MessagePrimitive.GroupedParts`.
 
 3. **Custom Rendering**: The `ParentIdGroup` component provides collapsible sections for each group