@mcp-b/react-components 0.26.1 → 0.28.0

package/dist/components/WorkspaceExplorer.js

@@ -4,7 +4,7 @@ import { n as mergeRefs } from "../merge-refs-DF_7w2x_.js";
 import { inferWorkspaceLanguage, inferWorkspaceMedia, isWorkspaceMarkdownPath, isWorkspaceMediaPath, isWorkspaceSkillPath, parseWorkspaceSkill } from "./WorkspaceFile.js";
 import { WorkspaceBrowser } from "./WorkspaceBrowser.js";
 import { t as WorkspaceFileView } from "../WorkspaceFileView-CKEmUyeT.js";
-import { useWorkspace, workspaceBinaryFileQueryOptions, workspaceDirectoryQueryOptions, workspaceFileAssetQueryOptions, workspaceFileStatQueryOptions, workspaceInfoQueryOptions, workspaceQueryKey, workspaceTextFileQueryOptions } from "./Workspace.js";
+import { useWorkspace, workspaceBinaryFileQueryOptions, workspaceDirectoryQueryKey, workspaceDirectoryQueryOptions, workspaceDirectoryQueryPrefix, workspaceFileAssetQueryOptions, workspaceFileStatQueryOptions, workspaceInfoQueryOptions, workspaceQueryKey, workspaceTextFileQueryOptions } from "./Workspace.js";
 import * as React from "react";
 import { jsx } from "react/jsx-runtime";
 //#region src/components/WorkspaceExplorer.tsx
@@ -125,4 +125,4 @@ function WorkspaceExplorerContent({ workspace, navigation, className, title = "W
 	});
 }
 //#endregion
-export { WorkspaceExplorer, WorkspaceFileLink, WorkspaceNavigationProvider, inferWorkspaceLanguage, inferWorkspaceMedia, isWorkspaceMarkdownPath, isWorkspaceMediaPath, isWorkspaceSkillPath, parseWorkspaceSkill, resolveWorkspaceLink, useWorkspace, workspaceBinaryFileQueryOptions, workspaceDirectoryQueryOptions, workspaceFileAssetQueryOptions, workspaceFileStatQueryOptions, workspaceInfoQueryOptions, workspaceQueryKey, workspaceTextFileQueryOptions };
+export { WorkspaceExplorer, WorkspaceFileLink, WorkspaceNavigationProvider, inferWorkspaceLanguage, inferWorkspaceMedia, isWorkspaceMarkdownPath, isWorkspaceMediaPath, isWorkspaceSkillPath, parseWorkspaceSkill, resolveWorkspaceLink, useWorkspace, workspaceBinaryFileQueryOptions, workspaceDirectoryQueryKey, workspaceDirectoryQueryOptions, workspaceDirectoryQueryPrefix, workspaceFileAssetQueryOptions, workspaceFileStatQueryOptions, workspaceInfoQueryOptions, workspaceQueryKey, workspaceTextFileQueryOptions };

package/dist/components/WorkspaceMountManager.d.ts

@@ -0,0 +1,32 @@
+import * as React from "react";
+
+//#region src/components/WorkspaceMountManager.d.ts
+type WorkspaceMountPermission = "granted" | "prompt" | "denied" | "unavailable";
+interface WorkspaceMountItem {
+  id: string;
+  path: string;
+  permission: WorkspaceMountPermission;
+}
+interface WorkspaceMountManagerProps {
+  mounts: readonly WorkspaceMountItem[];
+  adding?: boolean;
+  busyMountId?: string | null;
+  error?: React.ReactNode;
+  onAdd: () => void;
+  onReconnect: (mount: WorkspaceMountItem) => void;
+  onRemove: (mount: WorkspaceMountItem) => void;
+  triggerLabel?: string;
+}
+/** Controlled local-mount presentation; native handles and persistence stay in the host. */
+declare function WorkspaceMountManager({
+  mounts,
+  adding,
+  busyMountId,
+  error,
+  onAdd,
+  onReconnect,
+  onRemove,
+  triggerLabel
+}: WorkspaceMountManagerProps): React.JSX.Element;
+//#endregion
+export { WorkspaceMountItem, WorkspaceMountManager, WorkspaceMountManagerProps, WorkspaceMountPermission };

package/dist/components/WorkspaceMountManager.js

@@ -0,0 +1,89 @@
+import { Button } from "./Button.js";
+import { w as FolderIcon } from "../icons-B4mGvCvc.js";
+import { Popover } from "./Popover.js";
+import { EmptyState } from "./EmptyState.js";
+import { AppTopBar } from "./AppTopBar.js";
+import { StatusPill } from "./StatusPill.js";
+import { Card, CardAction, CardFooter, CardHeader, CardTitle } from "./Card.js";
+import "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/components/WorkspaceMountManager.tsx
+function permissionLabel(permission) {
+	if (permission === "granted") return "Read/write connected";
+	if (permission === "prompt") return "Permission needed";
+	if (permission === "denied") return "Access denied";
+	return "Unavailable";
+}
+function permissionColor(permission) {
+	if (permission === "granted") return "success";
+	if (permission === "prompt") return "warning";
+	if (permission === "denied") return "destructive";
+	return "neutral";
+}
+/** Controlled local-mount presentation; native handles and persistence stay in the host. */
+function WorkspaceMountManager({ mounts, adding = false, busyMountId = null, error, onAdd, onReconnect, onRemove, triggerLabel = "Attach local folders" }) {
+	const busy = adding || busyMountId !== null;
+	return /* @__PURE__ */ jsxs(Popover.Root, { children: [/* @__PURE__ */ jsx(AppTopBar.Button, {
+		label: triggerLabel,
+		render: /* @__PURE__ */ jsx(Popover.Trigger, { unstyled: true }),
+		children: /* @__PURE__ */ jsx(FolderIcon, {})
+	}), /* @__PURE__ */ jsx(Popover.Portal, { children: /* @__PURE__ */ jsx(Popover.Positioner, {
+		side: "bottom",
+		align: "end",
+		sideOffset: 8,
+		children: /* @__PURE__ */ jsxs(Popover.Popup, { children: [/* @__PURE__ */ jsxs(Popover.Header, { children: [/* @__PURE__ */ jsx(Popover.Title, { children: "Local folders" }), /* @__PURE__ */ jsx(Popover.Description, { children: "Attach folders to the workspace so the model can work on their contents." })] }), /* @__PURE__ */ jsxs("div", {
+			className: "workspace-mount-manager__content",
+			children: [
+				/* @__PURE__ */ jsx(Button, {
+					type: "button",
+					size: "sm",
+					disabled: busy,
+					onClick: onAdd,
+					children: adding ? "Opening…" : "Attach local folder"
+				}),
+				error ? /* @__PURE__ */ jsx("p", {
+					className: "workspace-mount-manager__error",
+					role: "alert",
+					children: error
+				}) : null,
+				mounts.length === 0 ? /* @__PURE__ */ jsx(EmptyState, { description: "No local folders attached." }) : /* @__PURE__ */ jsx("ul", {
+					className: "workspace-mount-manager__list sigvelo-stack-list",
+					children: mounts.map((mount) => {
+						return /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsxs(Card, {
+							size: "sm",
+							"aria-busy": busyMountId === mount.id || void 0,
+							children: [/* @__PURE__ */ jsxs(CardHeader, { children: [/* @__PURE__ */ jsx(CardTitle, {
+								className: "workspace-mount-manager__path",
+								children: /* @__PURE__ */ jsx("code", { children: mount.path })
+							}), /* @__PURE__ */ jsx(CardAction, { children: /* @__PURE__ */ jsx(StatusPill, {
+								color: permissionColor(mount.permission),
+								size: "sm",
+								children: permissionLabel(mount.permission)
+							}) })] }), /* @__PURE__ */ jsxs(CardFooter, { children: [mount.permission !== "granted" ? /* @__PURE__ */ jsx(Button, {
+								type: "button",
+								size: "sm",
+								disabled: busy,
+								onClick: () => onReconnect(mount),
+								children: "Reconnect"
+							}) : null, /* @__PURE__ */ jsx(Button, {
+								type: "button",
+								size: "sm",
+								variant: "ghost",
+								color: "destructive",
+								disabled: busy,
+								onClick: () => onRemove(mount),
+								children: "Remove"
+							})] })]
+						}) }, mount.id);
+					})
+				}),
+				/* @__PURE__ */ jsx("p", {
+					className: "workspace-mount-manager__footnote",
+					children: "Removing an attachment only forgets the folder reference; it never deletes files."
+				})
+			]
+		})] })
+	}) })] });
+}
+//#endregion
+export { WorkspaceMountManager };

package/dist/{mcp-server-catalog-BewjV7Eq.d.ts → mcp-server-catalog-CO7GAl1f.d.ts}

@@ -46,7 +46,7 @@ interface McpServerCard {
 /**
  * Read the complete state emitted by the pinned Agents runtime.
  *
- * Agents 0.17.4 can return `not-connected` from `getMcpServers()` even though
+ * Agents 0.19.0 can return `not-connected` from `getMcpServers()` even though
  * that value is missing from its exported `MCPServer["state"]` declaration.
  * Keep the unavoidable compatibility assertion at this one SDK boundary.
  */

package/dist/styles/chatgpt-sign-in-screen.css

@@ -4,10 +4,12 @@
 
   position: relative;
   isolation: isolate;
-  overflow: hidden;
+  overflow-x: hidden;
+  overflow-y: auto;
   block-size: 100%;
   min-inline-size: 17.5rem;
   display: grid;
+  grid-template-rows: minmax(min-content, 1fr) auto;
   place-items: center;
   padding: clamp(var(--sigvelo-spacing-5), 5vw, var(--sigvelo-spacing-12));
   background-color: var(--sigvelo-color-canvas);
@@ -61,6 +63,13 @@
   text-align: center;
 }
 
+.chatgpt-sign-in__secondary-action {
+  z-index: 1;
+  display: flex;
+  justify-content: center;
+  margin-block-start: var(--sigvelo-spacing-4);
+}
+
 .chatgpt-sign-in__brand {
   display: grid;
   gap: var(--sigvelo-spacing-1-5);

package/dist/styles/conversation-tab-picker.css

@@ -0,0 +1,24 @@
+.conversation-tab-picker__identity {
+  display: grid;
+}
+
+.conversation-tab-picker__error {
+  align-items: center;
+  color: var(--sigvelo-color-danger-text);
+  display: flex;
+  font-size: var(--sigvelo-text-sm);
+  gap: var(--sigvelo-spacing-2);
+  overflow-wrap: anywhere;
+  padding: var(--sigvelo-spacing-2) var(--sigvelo-spacing-3);
+}
+
+.conversation-tab-picker__error > svg {
+  flex: none;
+}
+
+.conversation-tab-picker__domain {
+  color: var(--sigvelo-color-text-muted);
+  font-size: var(--sigvelo-text-sm);
+  font-weight: var(--sigvelo-font-weight-normal);
+  line-height: var(--sigvelo-text-sm-leading);
+}

package/dist/styles/index.css

@@ -95,6 +95,7 @@
 @import "./commit.css" layer(components);
 @import "./context.css" layer(components);
 @import "./conversation.css" layer(components);
+@import "./conversation-tab-picker.css" layer(components);
 @import "./codex-model-selector.css" layer(components);
 @import "./environment-variables.css" layer(components);
 @import "./file-tree.css" layer(components);
@@ -121,6 +122,7 @@
 @import "./think-thread-picker.css" layer(components);
 @import "./web-preview.css" layer(components);
 @import "./workspace-explorer.css" layer(components);
+@import "./workspace-mount-manager.css" layer(components);
 @import "./composition-motion.css" layer(components);
 
 /* Page Components */

package/dist/styles/workspace-mount-manager.css

@@ -0,0 +1,24 @@
+.workspace-mount-manager__content {
+  display: grid;
+  gap: var(--sigvelo-spacing-3);
+}
+
+.workspace-mount-manager__error,
+.workspace-mount-manager__footnote {
+  color: var(--sigvelo-color-text-muted);
+  font-size: var(--sigvelo-text-sm);
+  line-height: var(--sigvelo-text-sm-leading);
+}
+
+.workspace-mount-manager__list {
+  gap: var(--sigvelo-spacing-2);
+}
+
+.workspace-mount-manager__error {
+  color: var(--sigvelo-color-danger-text);
+  overflow-wrap: anywhere;
+}
+
+.workspace-mount-manager__path code {
+  overflow-wrap: anywhere;
+}

package/dist/utils/codex-model-catalog.d.ts

@@ -75,7 +75,7 @@ declare const CHECKED_IN_CODEX_MODELS: readonly [{
   readonly upgradeInfo: null;
   readonly availabilityNux: null;
   readonly hidden: boolean;
-  readonly inputModalities: ("text" | "image")[];
+  readonly inputModalities: ("image" | "text")[];
   readonly supportsPersonality: boolean;
   readonly additionalSpeedTiers: never[];
   readonly serviceTiers: never[];
@@ -92,7 +92,7 @@ declare const CHECKED_IN_CODEX_MODELS: readonly [{
   readonly upgradeInfo: null;
   readonly availabilityNux: null;
   readonly hidden: boolean;
-  readonly inputModalities: ("text" | "image")[];
+  readonly inputModalities: ("image" | "text")[];
   readonly supportsPersonality: boolean;
   readonly additionalSpeedTiers: never[];
   readonly serviceTiers: never[];
@@ -109,7 +109,7 @@ declare const CHECKED_IN_CODEX_MODELS: readonly [{
   readonly upgradeInfo: null;
   readonly availabilityNux: null;
   readonly hidden: boolean;
-  readonly inputModalities: ("text" | "image")[];
+  readonly inputModalities: ("image" | "text")[];
   readonly supportsPersonality: boolean;
   readonly additionalSpeedTiers: never[];
   readonly serviceTiers: never[];
@@ -126,7 +126,7 @@ declare const CHECKED_IN_CODEX_MODELS: readonly [{
   readonly upgradeInfo: null;
   readonly availabilityNux: null;
   readonly hidden: boolean;
-  readonly inputModalities: ("text" | "image")[];
+  readonly inputModalities: ("image" | "text")[];
   readonly supportsPersonality: boolean;
   readonly additionalSpeedTiers: never[];
   readonly serviceTiers: never[];

package/dist/utils/mcp-server-catalog.d.ts

@@ -1,2 +1,2 @@
-import { a as MCP_SERVER_SETUP_AUTH, c as McpServerManualSetup, d as McpServerSetupAuthFieldName, f as McpServerSetupLink, h as getMcpServerRuntimeState, i as MANUAL_MCP_SERVER_CARDS, l as McpServerSetupAuth, m as getMcpServerIconSrc, n as DCR_MCP_SERVER_CARDS, o as McpServerCard, p as getMcpServerEntry, r as DEFAULT_MCP_SERVER_CARDS, s as McpServerCardIcon, t as CUSTOM_MCP_SERVER_CARD, u as McpServerSetupAuthField } from "../mcp-server-catalog-BewjV7Eq.js";
+import { a as MCP_SERVER_SETUP_AUTH, c as McpServerManualSetup, d as McpServerSetupAuthFieldName, f as McpServerSetupLink, h as getMcpServerRuntimeState, i as MANUAL_MCP_SERVER_CARDS, l as McpServerSetupAuth, m as getMcpServerIconSrc, n as DCR_MCP_SERVER_CARDS, o as McpServerCard, p as getMcpServerEntry, r as DEFAULT_MCP_SERVER_CARDS, s as McpServerCardIcon, t as CUSTOM_MCP_SERVER_CARD, u as McpServerSetupAuthField } from "../mcp-server-catalog-CO7GAl1f.js";
 export { CUSTOM_MCP_SERVER_CARD, DCR_MCP_SERVER_CARDS, DEFAULT_MCP_SERVER_CARDS, MANUAL_MCP_SERVER_CARDS, MCP_SERVER_SETUP_AUTH, McpServerCard, McpServerCardIcon, McpServerManualSetup, McpServerSetupAuth, McpServerSetupAuthField, McpServerSetupAuthFieldName, McpServerSetupLink, getMcpServerEntry, getMcpServerIconSrc, getMcpServerRuntimeState };

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

@@ -3,7 +3,7 @@ import { inferFaviconUrl } from "./favicon.js";
 /**
 * Read the complete state emitted by the pinned Agents runtime.
 *
-* Agents 0.17.4 can return `not-connected` from `getMcpServers()` even though
+* Agents 0.19.0 can return `not-connected` from `getMcpServers()` even though
 * that value is missing from its exported `MCPServer["state"]` declaration.
 * Keep the unavoidable compatibility assertion at this one SDK boundary.
 */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mcp-b/react-components",
-  "version": "0.26.1",
+  "version": "0.28.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": {
@@ -39,7 +39,7 @@
   },
   "dependencies": {
     "@base-ui/react": "~1.6.0",
-    "@cloudflare/codemode": "^0.4.3",
+    "@cloudflare/codemode": "^0.5.0",
     "@cloudflare/workers-types": "^5.20260715.1",
     "@rrweb/replay": "^2.1.0",
     "@shadcn/react": "^0.2.1",
@@ -58,12 +58,12 @@
     "streamdown": "^2.5.0",
     "unist-util-visit": "^5.1.0",
     "yet-another-react-lightbox": "^3.32.1",
-    "@mcp-b/design-tokens": "0.26.1"
+    "@mcp-b/design-tokens": "0.28.0"
   },
   "devDependencies": {
-    "@ai-sdk/react": "^3.0.222",
-    "@cloudflare/shell": "^0.4.1",
-    "@cloudflare/think": "^0.13.0",
+    "@ai-sdk/react": "^3.0.230",
+    "@cloudflare/shell": "^0.4.3",
+    "@cloudflare/think": "^0.15.0",
     "@cloudflare/voice": "^0.3.4",
     "@storybook/addon-a11y": "^10.5.2",
     "@storybook/addon-docs": "^10.5.2",
@@ -81,8 +81,8 @@
     "@vitest/browser-playwright": "^4.1.10",
     "@vitest/coverage-v8": "^4.1.10",
     "@vitest/mocker": "^4.1.10",
-    "agents": "^0.17.4",
-    "ai": "^6.0.220",
+    "agents": "^0.19.0",
+    "ai": "^6.0.228",
     "playwright": "^1.61.0",
     "react": "19.3.0-canary-711c445b-20260722",
     "react-dom": "19.3.0-canary-711c445b-20260722",
@@ -93,14 +93,14 @@
     "vitest": "^4.1.10"
   },
   "peerDependencies": {
-    "@ai-sdk/react": "^3.0.204",
-    "@cloudflare/shell": "^0.4.1",
-    "@cloudflare/think": "^0.13.0",
+    "@ai-sdk/react": "^3.0.230",
+    "@cloudflare/shell": "^0.4.3",
+    "@cloudflare/think": "^0.15.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",
+    "agents": "^0.19.0",
+    "ai": "^6.0.228",
     "react": "19.3.0-canary-711c445b-20260722",
     "react-dom": "19.3.0-canary-711c445b-20260722"
   },