@mcp-b/react-components 0.17.0 → 0.19.0

package/dist/utils/mcp-server-catalog.js

@@ -148,6 +148,14 @@ const DCR_MCP_SERVER_CARDS = [
 		category: DCR_CATEGORY,
 		icon: "https://cdn.simpleicons.org/atlassian/0052CC"
 	},
+	{
+		id: "attio",
+		name: "Attio",
+		url: "https://mcp.attio.com/mcp",
+		description: "Manage CRM records, notes, tasks, and pipeline activity",
+		category: DCR_CATEGORY,
+		icon: "https://attio.com/favicon.ico"
+	},
 	{
 		id: "canva",
 		name: "Canva",
@@ -507,6 +515,36 @@ const MANUAL_MCP_SERVER_CARDS = [
 			]
 		}
 	},
+	{
+		id: "google-docs",
+		name: "Google Docs",
+		url: "https://docsmcp.googleapis.com/mcp/v1",
+		description: "Read and update Google Docs",
+		category: MANUAL_CATEGORY,
+		icon: "https://cdn.simpleicons.org/googledocs/4285F4",
+		manualSetup: {
+			auth: MCP_SERVER_SETUP_AUTH.manualOAuthClientSecret,
+			description: "Enable Docs and Docs MCP APIs, configure OAuth consent, and create a web OAuth client.",
+			links: [
+				{
+					label: "Setup guide",
+					url: "https://developers.google.com/workspace/docs/api/guides/configure-mcp-server"
+				},
+				{
+					label: "API reference",
+					url: "https://developers.google.com/workspace/docs/api/reference/mcp"
+				},
+				{
+					label: "OAuth consent",
+					url: "https://console.cloud.google.com/apis/credentials/consent"
+				},
+				{
+					label: "Credentials",
+					url: "https://console.cloud.google.com/apis/credentials"
+				}
+			]
+		}
+	},
 	{
 		id: "google-drive",
 		name: "Google Drive",
@@ -567,6 +605,66 @@ const MANUAL_MCP_SERVER_CARDS = [
 			]
 		}
 	},
+	{
+		id: "google-sheets",
+		name: "Google Sheets",
+		url: "https://sheetsmcp.googleapis.com/mcp/v1",
+		description: "Read and update spreadsheets",
+		category: MANUAL_CATEGORY,
+		icon: "https://cdn.simpleicons.org/googlesheets/34A853",
+		manualSetup: {
+			auth: MCP_SERVER_SETUP_AUTH.manualOAuthClientSecret,
+			description: "Enable Sheets and Sheets MCP APIs, configure OAuth consent, and create a web OAuth client.",
+			links: [
+				{
+					label: "Setup guide",
+					url: "https://developers.google.com/workspace/sheets/api/guides/configure-mcp-server"
+				},
+				{
+					label: "API reference",
+					url: "https://developers.google.com/workspace/sheets/api/reference/mcp"
+				},
+				{
+					label: "OAuth consent",
+					url: "https://console.cloud.google.com/apis/credentials/consent"
+				},
+				{
+					label: "Credentials",
+					url: "https://console.cloud.google.com/apis/credentials"
+				}
+			]
+		}
+	},
+	{
+		id: "google-slides",
+		name: "Google Slides",
+		url: "https://slidesmcp.googleapis.com/mcp/v1",
+		description: "Read and update presentations",
+		category: MANUAL_CATEGORY,
+		icon: "https://cdn.simpleicons.org/googleslides/FBBC04",
+		manualSetup: {
+			auth: MCP_SERVER_SETUP_AUTH.manualOAuthClientSecret,
+			description: "Enable Slides and Slides MCP APIs, configure OAuth consent, and create a web OAuth client.",
+			links: [
+				{
+					label: "Setup guide",
+					url: "https://developers.google.com/workspace/slides/api/guides/configure-mcp-server"
+				},
+				{
+					label: "API reference",
+					url: "https://developers.google.com/workspace/slides/api/reference/mcp"
+				},
+				{
+					label: "OAuth consent",
+					url: "https://console.cloud.google.com/apis/credentials/consent"
+				},
+				{
+					label: "Credentials",
+					url: "https://console.cloud.google.com/apis/credentials"
+				}
+			]
+		}
+	},
 	{
 		id: "google-workspace-search",
 		name: "Google Workspace Universal Search",

package/dist/utils/structured-code.d.ts

@@ -1,4 +1,4 @@
-import { A as CodeBlockLanguage } from "../CodeBlock-Dnpr88ZQ.js";
+import { A as CodeBlockLanguage } from "../CodeBlock-gV4kZeCI.js";
 
 //#region src/utils/structured-code.d.ts
 interface StructuredCodeDisplay {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mcp-b/react-components",
-  "version": "0.17.0",
+  "version": "0.19.0",
   "description": "MCP-B React components built on Base UI and shared design tokens, including Cloudflare Think chat primitives.",
   "homepage": "https://design-system.sigvelo.com",
   "bugs": {
@@ -57,18 +57,22 @@
     "streamdown": "^2.5.0",
     "unist-util-visit": "^5.1.0",
     "yet-another-react-lightbox": "^3.32.1",
-    "@mcp-b/design-tokens": "0.17.0"
+    "@mcp-b/design-tokens": "0.19.0"
   },
   "devDependencies": {
     "@ai-sdk/react": "^3.0.222",
     "@cloudflare/shell": "^0.4.1",
     "@cloudflare/think": "^0.13.0",
     "@cloudflare/voice": "^0.3.4",
-    "@storybook/addon-a11y": "^10.5.0",
-    "@storybook/addon-docs": "^10.5.0",
-    "@storybook/addon-vitest": "^10.5.0",
-    "@storybook/react-vite": "^10.5.0",
+    "@storybook/addon-a11y": "^10.5.2",
+    "@storybook/addon-docs": "^10.5.2",
+    "@storybook/addon-vitest": "^10.5.2",
+    "@storybook/tanstack-react": "^10.5.2",
     "@tanstack/react-form": "^1.33.2",
+    "@tanstack/react-query": "^5.101.2",
+    "@tanstack/react-router": "^1.170.18",
+    "@tanstack/react-store": "^0.9.3",
+    "@tanstack/router-core": "^1.171.15",
     "@types/hast": "^3.0.4",
     "@types/node": "^26",
     "@types/react": "^19.2.17",
@@ -81,7 +85,7 @@
     "playwright": "^1.61.0",
     "react": "^19.2.7",
     "react-dom": "^19.2.7",
-    "storybook": "^10.5.0",
+    "storybook": "^10.5.2",
     "typescript": "^6.0.3",
     "vite": "npm:@voidzero-dev/vite-plus-core@0.2.4",
     "vite-plus": "0.2.4",
@@ -92,6 +96,8 @@
     "@cloudflare/shell": "^0.4.1",
     "@cloudflare/think": "^0.13.0",
     "@cloudflare/voice": "^0.3.4",
+    "@tanstack/react-query": "^5.101.2",
+    "@tanstack/react-router": "^1.170.18",
     "agents": "^0.17.4",
     "ai": "^6.0.182",
     "react": "^19.0.0",

package/dist/Workspace-C9RFoxcu.d.ts

@@ -1,62 +0,0 @@
-import { i as WorkspaceFileState, r as WorkspaceFileAssetResolver } from "./WorkspaceFile-C8UzuSH4.js";
-import { WorkspaceLike } from "@cloudflare/think";
-import { FileInfo, Workspace } from "@cloudflare/shell";
-
-//#region src/components/Workspace.d.ts
-/** Workspace summary, as returned by `Workspace.getWorkspaceInfo()` upstream. */
-type WorkspaceInfo = Awaited<ReturnType<Workspace["getWorkspaceInfo"]>>;
-/** Whole upstream workspace shapes, accepted without narrowing or mirroring. */
-type WorkspaceSource = Workspace | WorkspaceLike;
-interface UseWorkspaceOptions {
-  /** Must be referentially stable (memoize in the app) — a new source resets the workspace. */
-  source: WorkspaceSource;
-  /** Root directory to list first. Defaults to "/". */
-  root?: string;
-  /**
-   * Optional host adapter called before text/binary reads. Return `null` for
-   * ordinary text files and prefer signed/range-friendly URLs for large media.
-   * The configured root scopes navigation; hosts must enforce authorization
-   * atomically when resolving assets across a trust boundary.
-   */
-  resolveFileAsset?: WorkspaceFileAssetResolver;
-  /** Maximum size for the built-in buffered-byte fallback. Defaults to 32 MiB. */
-  maxInlineAssetBytes?: number;
-}
-interface WorkspaceState {
-  root: string;
-  /** Loaded directory listings, keyed by directory path. */
-  entriesByDirectory: Readonly<Record<string, readonly FileInfo[]>>;
-  /** Every loaded entry, keyed by its path. */
-  entryByPath: ReadonlyMap<string, FileInfo>;
-  expandedPaths: ReadonlySet<string>;
-  /** Update expansion; newly expanded directories load lazily. */
-  setExpandedPaths: (next: Set<string>) => void;
-  selectedPath: string | null;
-  /** Select a file and load it. Text is cached; binary assets remain active-file only. */
-  selectFile: (path: string | null) => void;
-  /** The selected file once its read settles; null while loading. */
-  selectedFile: WorkspaceFileState | null;
-  /** Root listing in flight. */
-  isLoading: boolean;
-  /** Directory and file paths with a request in flight. */
-  loadingPaths: ReadonlySet<string>;
-  /** Root/directory listing failure. Per-file read errors live on the file state. */
-  error: string | null;
-  /** Workspace summary, when the source provides `getWorkspaceInfo`. */
-  info: WorkspaceInfo | null;
-  /** Reload the root, every expanded directory, and the selected file. */
-  refresh: () => void;
-}
-/**
- * Headless state for browsing a Think workspace: lazy directory loading,
- * cached file reads, expansion/selection, and refresh. Feed the result to
- * `WorkspaceExplorer`, or compose `WorkspaceBrowser` and `WorkspaceFileView`.
- */
-declare function useWorkspace({
-  source,
-  root,
-  resolveFileAsset,
-  maxInlineAssetBytes
-}: UseWorkspaceOptions): WorkspaceState;
-//#endregion
-export { useWorkspace as a, WorkspaceState as i, WorkspaceInfo as n, WorkspaceSource as r, UseWorkspaceOptions as t };

package/dist/summarize-tool-input-BUJsENSn.js

@@ -1,12 +0,0 @@
-//#region src/components/_internal/summarize-tool-input.ts
-/** First non-empty line of the salient string input (command, path, query…). */
-function summarizeToolInput(input) {
-	if (!input || typeof input !== "object") return null;
-	for (const value of Object.values(input)) if (typeof value === "string" && value.trim()) {
-		const line = value.trim().split("\n", 1)[0] ?? "";
-		return line.length > 64 ? `${line.slice(0, 64)}…` : line;
-	}
-	return null;
-}
-//#endregion
-export { summarizeToolInput as t };