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

package/.docs/raw/docs/ui/ToolGroup.mdx

@@ -0,0 +1,96 @@
+---
+title: ToolGroup
+---
+
+import { Steps, Step } from "fumadocs-ui/components/steps";
+
+## Overview
+
+The ToolGroup component wraps consecutive tool-call message parts, enabling you to create custom presentations for grouped tool calls such as collapsible sections and custom styling.
+
+### Use it in your application
+
+Pass the `ToolGroup` component to the `MessagePrimitive.Parts` component
+
+```tsx twoslash title="/components/assistant-ui/thread.tsx"
+import { FC, PropsWithChildren } from "react";
+import { MessagePrimitive } from "@assistant-ui/react";
+
+const AssistantActionBar: FC = () => null;
+const BranchPicker: FC<{ className?: string }> = () => null;
+
+// ---cut---
+const ToolGroup: FC<
+  PropsWithChildren<{ startIndex: number; endIndex: number }>
+> = ({ startIndex, endIndex, children }) => {
+  const toolCount = endIndex - startIndex + 1;
+
+  return (
+    <details className="my-2">
+      <summary className="cursor-pointer font-medium">
+        {toolCount} tool {toolCount === 1 ? "call" : "calls"}
+      </summary>
+      <div className="space-y-2 pl-4">{children}</div>
+    </details>
+  );
+};
+
+const AssistantMessage: FC = () => {
+  return (
+    <MessagePrimitive.Root className="...">
+      <div className="...">
+        <MessagePrimitive.Parts components={{ ToolGroup }} />
+      </div>
+      <AssistantActionBar />
+
+      <BranchPicker className="..." />
+    </MessagePrimitive.Root>
+  );
+};
+```
+
+## Props
+
+The ToolGroup component receives the following props:
+
+- `startIndex`: The index of the first tool call in the group
+- `endIndex`: The index of the last tool call in the group
+- `children`: The rendered tool call components
+
+## Examples
+
+### Collapsible Tool Group
+
+```tsx
+const ToolGroup: FC<
+  PropsWithChildren<{ startIndex: number; endIndex: number }>
+> = ({ startIndex, endIndex, children }) => {
+  const toolCount = endIndex - startIndex + 1;
+
+  return (
+    <details className="my-2">
+      <summary className="cursor-pointer font-medium">
+        {toolCount} tool {toolCount === 1 ? "call" : "calls"}
+      </summary>
+      <div className="space-y-2 pl-4">{children}</div>
+    </details>
+  );
+};
+```
+
+### Styled Tool Group with Header
+
+```tsx
+const ToolGroup: FC<
+  PropsWithChildren<{ startIndex: number; endIndex: number }>
+> = ({ startIndex, endIndex, children }) => {
+  return (
+    <div className="bg-muted/50 my-2 rounded-lg border p-4">
+      <div className="text-muted-foreground mb-2 text-sm">
+        Tool execution #{startIndex + 1}-{endIndex + 1}
+      </div>
+      <div className="space-y-2">{children}</div>
+    </div>
+  );
+};
+```

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@assistant-ui/mcp-docs-server",
-  "version": "0.1.4",
+  "version": "0.1.5",
   "description": "MCP server for assistant-ui documentation and examples",
   "type": "module",
   "main": "dist/index.js",
@@ -8,18 +8,18 @@
     "assistant-ui-mcp": "./dist/stdio.js"
   },
   "dependencies": {
-    "@modelcontextprotocol/sdk": "^1.13.2",
-    "zod": "^3.25.67",
+    "@modelcontextprotocol/sdk": "^1.17.1",
+    "zod": "^4.0.14",
     "gray-matter": "^4.0.3",
-    "cross-env": "^7.0.3"
+    "cross-env": "^10.0.0"
   },
   "devDependencies": {
-    "@types/node": "^24.0.4",
+    "@types/node": "^24.1.0",
     "tsup": "^8.5.0",
     "tsx": "^4.20.3",
-    "typescript": "^5.8.3",
+    "typescript": "^5.9.2",
     "vitest": "^3.2.4",
-    "eslint": "^9.29.0"
+    "eslint": "^9.32.0"
   },
   "files": [
     "dist",