@assistant-ui/mcp-docs-server 0.1.30 → 0.1.32

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

@@ -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;
@@ -2324,24 +2369,24 @@ export default nextConfig;
     "@assistant-ui/react-markdown": "workspace:*",
     "@assistant-ui/react-opencode": "workspace:*",
     "@assistant-ui/ui": "workspace:*",
-    "@pierre/diffs": "^1.1.16",
+    "@pierre/diffs": "^1.2.1",
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",
-    "lucide-react": "^1.8.0",
-    "next": "^16.2.4",
-    "react": "^19.2.5",
-    "react-dom": "^19.2.5",
-    "tailwind-merge": "^3.5.0",
-    "zod": "^4.3.6"
+    "lucide-react": "^1.16.0",
+    "next": "^16.2.6",
+    "react": "^19.2.6",
+    "react-dom": "^19.2.6",
+    "tailwind-merge": "^3.6.0",
+    "zod": "^4.4.3"
   },
   "devDependencies": {
     "@assistant-ui/x-buildutils": "workspace:*",
-    "@tailwindcss/postcss": "^4.2.4",
-    "@types/node": "^25.6.0",
-    "@types/react": "^19.2.14",
+    "@tailwindcss/postcss": "^4.3.0",
+    "@types/node": "^25.9.1",
+    "@types/react": "^19.2.15",
     "@types/react-dom": "^19.2.3",
-    "postcss": "^8.5.10",
-    "tailwindcss": "^4.2.4",
+    "postcss": "^8.5.15",
+    "tailwindcss": "^4.3.0",
     "tw-animate-css": "^1.4.0",
     "typescript": "^6.0.3"
   }

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

@@ -474,26 +474,26 @@ export default nextConfig;
     "start": "next start"
   },
   "dependencies": {
-    "@ai-sdk/openai": "^3.0.53",
+    "@ai-sdk/openai": "^3.0.64",
     "@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.4",
-    "react": "^19.2.5",
-    "react-dom": "^19.2.5",
-    "tailwind-merge": "^3.5.0"
+    "lucide-react": "^1.16.0",
+    "next": "^16.2.6",
+    "react": "^19.2.6",
+    "react-dom": "^19.2.6",
+    "tailwind-merge": "^3.6.0"
   },
   "devDependencies": {
     "@assistant-ui/x-buildutils": "workspace:*",
-    "@tailwindcss/postcss": "^4.2.4",
-    "@types/node": "^25.6.0",
-    "@types/react": "^19.2.14",
+    "@tailwindcss/postcss": "^4.3.0",
+    "@types/node": "^25.9.1",
+    "@types/react": "^19.2.15",
     "@types/react-dom": "^19.2.3",
-    "postcss": "^8.5.10",
-    "tailwindcss": "^4.2.4",
+    "postcss": "^8.5.15",
+    "tailwindcss": "^4.3.0",
     "tw-animate-css": "^1.4.0",
     "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
 

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

@@ -18,7 +18,7 @@ export async function POST(req: Request) {
   const { messages, system, tools } = await req.json();
 
   const result = streamText({
-    model: openai("gpt-4o"),
+    model: openai("gpt-5.4-nano"),
     messages: await convertToModelMessages(messages),
     system,
     tools: {
@@ -609,30 +609,30 @@ export default nextConfig;
     "start": "next start"
   },
   "dependencies": {
-    "@ai-sdk/openai": "^3.0.53",
+    "@ai-sdk/openai": "^3.0.64",
     "@assistant-ui/react": "workspace:*",
     "@assistant-ui/react-ai-sdk": "workspace:*",
     "@assistant-ui/react-hook-form": "workspace:*",
     "@assistant-ui/react-markdown": "workspace:*",
     "@assistant-ui/ui": "workspace:*",
-    "ai": "^6.0.168",
+    "ai": "^6.0.188",
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",
-    "lucide-react": "^1.8.0",
-    "next": "^16.2.4",
-    "react": "^19.2.5",
-    "react-dom": "^19.2.5",
-    "react-hook-form": "^7.73.1",
-    "tailwind-merge": "^3.5.0"
+    "lucide-react": "^1.16.0",
+    "next": "^16.2.6",
+    "react": "^19.2.6",
+    "react-dom": "^19.2.6",
+    "react-hook-form": "^7.76.0",
+    "tailwind-merge": "^3.6.0"
   },
   "devDependencies": {
     "@assistant-ui/x-buildutils": "workspace:*",
-    "@tailwindcss/postcss": "^4.2.4",
-    "@types/node": "^25.6.0",
-    "@types/react": "^19.2.14",
+    "@tailwindcss/postcss": "^4.3.0",
+    "@types/node": "^25.9.1",
+    "@types/react": "^19.2.15",
     "@types/react-dom": "^19.2.3",
-    "postcss": "^8.5.10",
-    "tailwindcss": "^4.2.4",
+    "postcss": "^8.5.15",
+    "tailwindcss": "^4.3.0",
     "tw-animate-css": "^1.4.0",
     "typescript": "^6.0.3"
   }

package/.docs/organized/code-examples/with-react-ink.md

@@ -16,13 +16,13 @@
   "dependencies": {
     "@assistant-ui/react-ink": "workspace:*",
     "@assistant-ui/react-ink-markdown": "workspace:*",
-    "ink": "^7.0.1",
-    "react": "^19.2.5"
+    "ink": "^7.0.3",
+    "react": "^19.2.6"
   },
   "devDependencies": {
-    "@types/react": "^19.2.14",
+    "@types/react": "^19.2.15",
     "esbuild": "^0.28.0",
-    "tsx": "^4.21.0",
+    "tsx": "^4.22.3",
     "typescript": "^6.0.3"
   }
 }

package/.docs/organized/code-examples/with-react-router.md

@@ -519,7 +519,7 @@ export async function action({ request }: Route.ActionArgs) {
 
       while (continueLoop) {
         const response = await openai.chat.completions.create({
-          model: "gpt-4o-mini",
+          model: "gpt-5.4-nano",
           messages: openaiMessages,
           tools,
           stream: true,
@@ -772,30 +772,30 @@ export default function Home() {
   "dependencies": {
     "@assistant-ui/react": "workspace:*",
     "@assistant-ui/react-markdown": "workspace:*",
-    "@react-router/node": "^7.14.2",
-    "@react-router/serve": "^7.14.2",
+    "@react-router/node": "^7.15.1",
+    "@react-router/serve": "^7.15.1",
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",
     "eventsource-parser": "^3.0.8",
-    "isbot": "^5.1.39",
-    "lucide-react": "^1.8.0",
-    "openai": "^6.34.0",
-    "react": "^19.2.5",
-    "react-dom": "^19.2.5",
-    "react-router": "^7.14.2",
+    "isbot": "^5.1.40",
+    "lucide-react": "^1.16.0",
+    "openai": "^6.38.0",
+    "react": "^19.2.6",
+    "react-dom": "^19.2.6",
+    "react-router": "^7.15.1",
     "remark-gfm": "^4.0.1",
-    "tailwind-merge": "^3.5.0"
+    "tailwind-merge": "^3.6.0"
   },
   "devDependencies": {
-    "@react-router/dev": "^7.14.2",
-    "@tailwindcss/vite": "^4.2.4",
-    "@types/node": "^25.6.0",
-    "@types/react": "^19.2.14",
+    "@react-router/dev": "^7.15.1",
+    "@tailwindcss/vite": "^4.3.0",
+    "@types/node": "^25.9.1",
+    "@types/react": "^19.2.15",
     "@types/react-dom": "^19.2.3",
-    "tailwindcss": "^4.2.4",
+    "tailwindcss": "^4.3.0",
     "tw-animate-css": "^1.4.0",
     "typescript": "^6.0.3",
-    "vite": "^8.0.9",
+    "vite": "^8.0.14",
     "vite-tsconfig-paths": "^6.1.1"
   }
 }