@mcp-b/react-components 0.29.0 → 0.30.1

package/dist/components/{McpServerPicker.js → agents-sdk/McpServerPicker.js}

@@ -1,15 +1,17 @@
-import { n as mergeBaseClassName } from "../class-names-BiMDVpUo.js";
-import { buttonVariants } from "./Button.js";
-import { J as SpinnerIcon, P as MinusIcon, d as CheckIcon, tt as WarningIcon } from "../icons-B4mGvCvc.js";
-import { AppIcon } from "./AppIcon.js";
-import { Dialog } from "./Dialog.js";
-import { Menu } from "./Menu.js";
-import { PromptInputActionMenu, PromptInputActionMenuContent, PromptInputActionMenuTrigger } from "./PromptInput.js";
-import { getMcpServerEntry, getMcpServerIconSrc, getMcpServerRuntimeState } from "../utils/mcp-server-catalog.js";
-import { McpConnectorForm } from "./AgentConnection.js";
+import { getMcpServerEntry, getMcpServerRuntimeState } from "../../utils/mcp-server-catalog.js";
+import { n as mergeBaseClassName } from "../../class-names-BiMDVpUo.js";
+import { J as SpinnerIcon, P as MinusIcon, d as CheckIcon, tt as WarningIcon } from "../../icons-B4mGvCvc.js";
+import { buttonVariants } from "../foundations/Button.js";
+import { Menu } from "../foundations/Menu.js";
+import { Dialog } from "../foundations/Dialog.js";
+import { i as formatErrorMessage } from "../../format-CmopcfqJ.js";
+import { PromptInputActionMenu, PromptInputActionMenuContent, PromptInputActionMenuTrigger } from "../ai-sdk/PromptInput.js";
+import { n as getMcpServerConnectionKind, t as McpServerIcon } from "../../mcp-server-U71zhxFF.js";
+import { McpConnectorForm } from "./McpConnectorForm.js";
+import { t as MenuDisclosureGroup } from "../../MenuDisclosureGroup-BUOZ42me.js";
 import * as React from "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-//#region src/components/McpServerPicker.tsx
+//#region src/components/agents-sdk/McpServerPicker.tsx
 /** Manual MCP setup surface driven by the same catalog metadata as the picker. */
 function McpServerSetupDialog({ server, defaults, onOpenChange, onSubmit, redirectUrl, status }) {
 	const formDefaults = server ? {
@@ -88,7 +90,7 @@ function McpServerPickerItems({ servers, onConnect, mcp, onDisconnect, actions,
 			await callback();
 			setAction(null);
 		} catch (error) {
-			setAction({ error: error instanceof Error ? error.message : String(error) });
+			setAction({ error: formatErrorMessage(error) });
 		}
 	}
 	return /* @__PURE__ */ jsxs(Fragment, { children: [
@@ -126,13 +128,12 @@ function McpServerPickerItems({ servers, onConnect, mcp, onDisconnect, actions,
 	] });
 }
 function McpServerPickerGroup({ label, children, className, ...props }) {
-	return /* @__PURE__ */ jsxs(Menu.Group, {
+	return /* @__PURE__ */ jsx(MenuDisclosureGroup, {
 		className: mergeBaseClassName("mcp-server-picker__group", className),
+		label,
+		triggerClassName: "mcp-server-picker__group-trigger",
 		...props,
-		children: [/* @__PURE__ */ jsx(Menu.GroupLabel, {
-			className: "mcp-server-picker__group-label",
-			children: label
-		}), children]
+		children
 	});
 }
 function McpServerPickerAction({ icon, label, description, className, ...props }) {
@@ -159,12 +160,12 @@ function McpServerPickerRow({ row, onConnect, onDisconnect, pendingAction }) {
 	const connectedServerId = entry?.[0];
 	const connectedServer = entry?.[1];
 	const state = connectedServer ? getMcpServerRuntimeState(connectedServer) : void 0;
+	const connectionKind = getMcpServerConnectionKind(connectedServer);
 	const connectKey = `connect:${server.id}:${server.url}`;
-	const connecting = state === "connecting" || state === "discovering" || state === "connected" && !connectedServer?.error;
-	const reconnectable = state === "authenticating" || state === "failed" || state === "not-connected" || state === "connected" && Boolean(connectedServer?.error);
+	const connecting = connectionKind === "connecting";
 	const pendingConnect = pendingAction === connectKey;
-	const statusText = pendingConnect ? "Connecting" : getStatusLabel(state, connectedServer?.error);
-	const disabled = !onConnect || !(!connectedServer || reconnectable) || connecting || state === "ready" || pendingAction !== null;
+	const statusText = pendingConnect ? "Connecting" : getStatusLabel(connectionKind, state);
+	const disabled = !onConnect || !(connectionKind === "available" || connectionKind === "reconnect") || pendingAction !== null;
 	const description = connectedServer?.error || server.description;
 	const disconnectPending = pendingAction === `disconnect:${connectedServerId}`;
 	let disconnectLabel = state === "ready" ? `Disconnect ${server.name}` : `Remove ${server.name}`;
@@ -183,7 +184,10 @@ function McpServerPickerRow({ row, onConnect, onDisconnect, pendingAction }) {
 			children: [
 				/* @__PURE__ */ jsx("span", {
 					className: "mcp-server-picker__icon",
-					children: /* @__PURE__ */ jsx(McpServerIcon, { server })
+					children: /* @__PURE__ */ jsx(McpServerIcon, {
+						server,
+						size: "xs"
+					})
 				}),
 				/* @__PURE__ */ jsxs("span", {
 					className: "mcp-server-picker__copy",
@@ -207,9 +211,8 @@ function McpServerPickerRow({ row, onConnect, onDisconnect, pendingAction }) {
 				className: "mcp-server-picker__row-status",
 				title: statusText,
 				children: /* @__PURE__ */ jsx(StatusIcon, {
-					error: connectedServer.error,
-					pending: pendingConnect,
-					state
+					connectionKind,
+					pending: pendingConnect
 				})
 			}), connectedServerId && onDisconnect ? /* @__PURE__ */ jsxs(Menu.Item, {
 				className: "mcp-server-picker__action",
@@ -225,17 +228,16 @@ function McpServerPickerRow({ row, onConnect, onDisconnect, pendingAction }) {
 		}) : null]
 	});
 }
-function StatusIcon({ error, pending, state }) {
-	if (pending || state === "connecting" || state === "discovering" || state === "connected" && !error) return /* @__PURE__ */ jsx(SpinnerIcon, { size: 14 });
-	if (state === "ready") return /* @__PURE__ */ jsx(CheckIcon, { size: 14 });
+function StatusIcon({ connectionKind, pending }) {
+	if (pending || connectionKind === "connecting") return /* @__PURE__ */ jsx(SpinnerIcon, { size: 14 });
+	if (connectionKind === "connected") return /* @__PURE__ */ jsx(CheckIcon, { size: 14 });
 	return /* @__PURE__ */ jsx(WarningIcon, { size: 14 });
 }
-function getStatusLabel(state, error) {
-	if (state === "ready") return "Connected";
-	if (state === "connecting" || state === "discovering" || state === "connected" && !error) return "Connecting";
+function getStatusLabel(connectionKind, state) {
+	if (connectionKind === "connected") return "Connected";
+	if (connectionKind === "connecting") return "Connecting";
 	if (state === "authenticating") return "Reconnect to sign in";
-	if (state === "connected" || state === "failed" || state === "not-connected") return "Reconnect";
-	return "";
+	return connectionKind === "reconnect" ? "Reconnect" : "";
 }
 function getPickerRows(servers, mcp) {
 	const catalogRows = servers.map((server) => ({
@@ -257,7 +259,7 @@ function getPickerRows(servers, mcp) {
 function groupPickerRows(rows) {
 	const groups = /* @__PURE__ */ new Map();
 	for (const row of rows) {
-		const key = (row.entry ? getMcpServerRuntimeState(row.entry[1]) : void 0) === "ready" ? "Connected" : row.server.category === "Auto" ? "MCP connectors" : row.server.category === "Manual" ? "Manual setup" : row.server.category ?? "Other";
+		const key = getMcpServerConnectionKind(row.entry?.[1]) === "connected" ? "Connected" : row.server.category === "Auto" ? "MCP connectors" : row.server.category === "Manual" ? "Manual setup" : row.server.category ?? "Other";
 		const group = groups.get(key) ?? [];
 		group.push(row);
 		groups.set(key, group);
@@ -270,17 +272,5 @@ function groupPickerRows(rows) {
 	];
 	return [...groups.entries()].sort(([left], [right]) => (order.indexOf(left) === -1 ? order.length : order.indexOf(left)) - (order.indexOf(right) === -1 ? order.length : order.indexOf(right)));
 }
-function McpServerIcon({ server }) {
-	const src = getMcpServerIconSrc(server);
-	return /* @__PURE__ */ jsxs(AppIcon.Root, {
-		size: "xs",
-		"aria-hidden": "true",
-		children: [src ? /* @__PURE__ */ jsx(AppIcon.Image, {
-			alt: "",
-			fit: "contain",
-			src
-		}, src) : null, /* @__PURE__ */ jsx(AppIcon.Fallback, { children: server.name.slice(0, 1) })]
-	});
-}
 //#endregion
 export { McpServerPicker, McpServerPickerAction, McpServerPickerGroup, McpServerPickerItems, McpServerSetupDialog };

package/dist/components/{ModelSelector.d.ts → agents-sdk/ModelSelector.d.ts}

@@ -1,11 +1,11 @@
-import { r as ButtonProps } from "../Button-SBIz6Lqi.js";
-import { l as DialogProps } from "../Dialog-BD8NBKaE.js";
-import { SeparatorProps } from "./Separator.js";
+import { r as ButtonProps } from "../../Button-CZt3yywF.js";
+import { l as DialogProps } from "../../Dialog-DeOSJ0Oy.js";
+import { SeparatorProps } from "../foundations/Separator.js";
 import * as React from "react";
 import Cloudflare from "cloudflare";
 import { AiModelsSearchObject } from "@cloudflare/workers-types";
 
-//#region src/components/ModelSelector.d.ts
+//#region src/components/agents-sdk/ModelSelector.d.ts
 type CloudflareModelSelectorModels = readonly Cloudflare.AI.ModelListResponse[] | readonly CloudflareModelCatalogEntry[] | readonly AiModelsSearchObject[] | readonly string[];
 interface CloudflareModelCatalogEntry {
   readonly model_id: string;

package/dist/components/{ModelSelector.js → agents-sdk/ModelSelector.js}

@@ -1,2 +1,2 @@
-import { _ as getCloudflareModelProvider, a as ModelSelectorEmpty, b as normalizeCloudflareModelSelectorModels, c as ModelSelectorItem, d as ModelSelectorLogoGroup, f as ModelSelectorName, g as formatCloudflareModelProvider, h as ModelSelectorTrigger, i as ModelSelectorDialog, l as ModelSelectorList, m as ModelSelectorSource, n as ModelSelector, o as ModelSelectorGroup, p as ModelSelectorSeparator, r as ModelSelectorContent, s as ModelSelectorInput, t as CloudflareModelSelector, u as ModelSelectorLogo, v as isCloudflareRunnableModelId, x as readCloudflareModelId, y as listCloudflareModelSelectorOptions } from "../ModelSelector-CRdvHT_b.js";
+import { _ as getCloudflareModelProvider, a as ModelSelectorEmpty, b as normalizeCloudflareModelSelectorModels, c as ModelSelectorItem, d as ModelSelectorLogoGroup, f as ModelSelectorName, g as formatCloudflareModelProvider, h as ModelSelectorTrigger, i as ModelSelectorDialog, l as ModelSelectorList, m as ModelSelectorSource, n as ModelSelector, o as ModelSelectorGroup, p as ModelSelectorSeparator, r as ModelSelectorContent, s as ModelSelectorInput, t as CloudflareModelSelector, u as ModelSelectorLogo, v as isCloudflareRunnableModelId, x as readCloudflareModelId, y as listCloudflareModelSelectorOptions } from "../../ModelSelector-DZcpUBgn.js";
 export { CloudflareModelSelector, ModelSelector, ModelSelectorContent, ModelSelectorDialog, ModelSelectorEmpty, ModelSelectorGroup, ModelSelectorInput, ModelSelectorItem, ModelSelectorList, ModelSelectorLogo, ModelSelectorLogoGroup, ModelSelectorName, ModelSelectorSeparator, ModelSelectorSource, ModelSelectorTrigger, formatCloudflareModelProvider, getCloudflareModelProvider, isCloudflareRunnableModelId, listCloudflareModelSelectorOptions, normalizeCloudflareModelSelectorModels, readCloudflareModelId };

package/dist/components/agents-sdk/PromptInputApproval.d.ts

@@ -0,0 +1,44 @@
+import * as React from "react";
+import { ChatAddToolApproveResponseFunction, DynamicToolUIPart, ToolUIPart, UIMessage } from "ai";
+import { PendingApproval, Think } from "@cloudflare/think";
+import { AgentStub } from "agents/client";
+
+//#region src/components/agents-sdk/PromptInputApproval.d.ts
+/** The id a response must carry: the approval id, or the paused run's executionId. */
+declare function getApprovalRequestId(part: ToolUIPart | DynamicToolUIPart): string | undefined;
+/** Component-local identity: paused executions can ask for multiple approvals. */
+declare function getApprovalStateKey(part: ToolUIPart | DynamicToolUIPart): string | undefined;
+/** Derives pending tool approvals straight from the messages — no app-owned shapes. */
+declare function getPendingToolApprovals(messages: readonly UIMessage[], {
+  pausedExecutions
+}?: {
+  pausedExecutions?: boolean;
+}): Array<ToolUIPart | DynamicToolUIPart>;
+interface PromptInputApprovalProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "part"> {
+  part?: ToolUIPart | DynamicToolUIPart;
+  approval?: PendingApproval;
+  onRespond?: ChatAddToolApproveResponseFunction;
+  thinkStub?: AgentStub<Think>;
+  onExecutionSettled?: () => void | Promise<void>;
+  onSkip?: () => void;
+  question?: React.ReactNode;
+  count?: number;
+}
+/** Adapts AI SDK and Think approval states into the prompt-input approval surface. */
+declare function PromptInputApproval({
+  part,
+  approval: durableApproval,
+  onRespond,
+  thinkStub,
+  onExecutionSettled,
+  onSkip,
+  question,
+  count,
+  className,
+  ref,
+  ...props
+}: PromptInputApprovalProps & {
+  ref?: React.Ref<HTMLDivElement>;
+}): React.JSX.Element | null;
+//#endregion
+export { PromptInputApproval, PromptInputApprovalProps, getApprovalRequestId, getApprovalStateKey, getPendingToolApprovals };

package/dist/components/agents-sdk/PromptInputApproval.js

@@ -0,0 +1,61 @@
+import { t as cx } from "../../class-names-BiMDVpUo.js";
+import { ToolApproval } from "../ai-sdk/ToolApproval.js";
+import { ThinkExecutionApproval, ThinkPendingApproval, getPausedExecution } from "./ThinkPendingApproval.js";
+import "react";
+import { jsx } from "react/jsx-runtime";
+import { isToolUIPart } from "ai";
+//#region src/components/agents-sdk/PromptInputApproval.tsx
+/** The id a response must carry: the approval id, or the paused run's executionId. */
+function getApprovalRequestId(part) {
+	if (part.state === "approval-requested") return part.approval.id;
+	return getPausedExecution(part)?.executionId;
+}
+/** Component-local identity: paused executions can ask for multiple approvals. */
+function getApprovalStateKey(part) {
+	if (part.state === "approval-requested") return part.approval.id;
+	const paused = getPausedExecution(part);
+	if (!paused) return void 0;
+	const seq = paused.pending[0]?.seq;
+	return seq === void 0 ? paused.executionId : `${paused.executionId}:${seq}`;
+}
+/** Derives pending tool approvals straight from the messages — no app-owned shapes. */
+function getPendingToolApprovals(messages, { pausedExecutions = false } = {}) {
+	const pending = [];
+	messages.forEach((message) => {
+		message.parts.forEach((part) => {
+			if (isToolUIPart(part) && (part.state === "approval-requested" || pausedExecutions && getPausedExecution(part))) pending.push(part);
+		});
+	});
+	return pending;
+}
+/** Adapts AI SDK and Think approval states into the prompt-input approval surface. */
+function PromptInputApproval({ part, approval: durableApproval, onRespond, thinkStub, onExecutionSettled, onSkip, question, count, className, ref, ...props }) {
+	const shared = {
+		className: cx("prompt-input__approval", className),
+		count,
+		onSkip,
+		question,
+		ref,
+		...props
+	};
+	if (part?.state === "approval-requested" && onRespond) return /* @__PURE__ */ jsx(ToolApproval, {
+		...shared,
+		part,
+		onRespond
+	});
+	if (part && thinkStub && getPausedExecution(part)) return /* @__PURE__ */ jsx(ThinkExecutionApproval, {
+		...shared,
+		part,
+		thinkStub,
+		onSettled: onExecutionSettled
+	});
+	if (durableApproval && thinkStub) return /* @__PURE__ */ jsx(ThinkPendingApproval, {
+		...shared,
+		approval: durableApproval,
+		thinkStub,
+		onSettled: onExecutionSettled
+	});
+	return null;
+}
+//#endregion
+export { PromptInputApproval, getApprovalRequestId, getApprovalStateKey, getPendingToolApprovals };

package/dist/components/agents-sdk/PromptInputCommands.d.ts

@@ -0,0 +1,11 @@
+import { O as PromptInputCommandDefinition } from "../../PromptInput-DOyee1kM.js";
+import { MCPServersState } from "agents";
+import { SkillDescriptor } from "agents/skills";
+
+//#region src/components/agents-sdk/PromptInputCommands.d.ts
+/** Project whole upstream Agents MCP state into composer mention commands. */
+declare function mcpPromptInputCommands(mcp: MCPServersState): PromptInputCommandDefinition[];
+/** Project whole upstream skill descriptors into composer slash commands. */
+declare function skillPromptInputCommands(skills: readonly SkillDescriptor[]): PromptInputCommandDefinition[];
+//#endregion
+export { mcpPromptInputCommands, skillPromptInputCommands };

package/dist/components/agents-sdk/PromptInputCommands.js

@@ -0,0 +1,33 @@
+import { c as BoxIcon, j as McpIcon } from "../../icons-B4mGvCvc.js";
+import { jsx } from "react/jsx-runtime";
+//#region src/components/agents-sdk/PromptInputCommands.tsx
+/** Project whole upstream Agents MCP state into composer mention commands. */
+function mcpPromptInputCommands(mcp) {
+	return Object.entries(mcp.servers).flatMap(([id, server]) => server.state === "ready" ? [{
+		id: `mcp:${id}`,
+		value: id,
+		label: server.name,
+		description: server.server_url,
+		icon: /* @__PURE__ */ jsx(McpIcon, {}),
+		keywords: [id, server.server_url],
+		group: "Connected MCP servers",
+		meta: "Connected"
+	}] : []);
+}
+/** Project whole upstream skill descriptors into composer slash commands. */
+function skillPromptInputCommands(skills) {
+	return skills.map((skill) => ({
+		id: `skill:${skill.sourceId ?? "built-in"}:${skill.name}`,
+		value: skill.name,
+		label: skill.name,
+		description: skill.description,
+		icon: /* @__PURE__ */ jsx(BoxIcon, {}),
+		...skill.sourceId ? {
+			keywords: [skill.sourceId],
+			meta: skill.sourceId
+		} : {},
+		group: "Skills"
+	}));
+}
+//#endregion
+export { mcpPromptInputCommands, skillPromptInputCommands };

package/dist/components/agents-sdk/SessionCompaction.d.ts

@@ -0,0 +1,2 @@
+import { a as UseSessionCompactionOptions, c as parseSessionStatusFrame, i as SessionStatusPhase, l as useSessionCompaction, n as SessionFrameSource, o as UseSessionCompactionResult, r as SessionStatusFrame, s as parseSessionErrorFrame, t as SessionCompactionSize } from "../../SessionCompaction-CmTJFpzj.js";
+export { SessionCompactionSize, SessionFrameSource, SessionStatusFrame, SessionStatusPhase, UseSessionCompactionOptions, UseSessionCompactionResult, parseSessionErrorFrame, parseSessionStatusFrame, useSessionCompaction };

package/dist/components/{SessionCompaction.js → agents-sdk/SessionCompaction.js}

@@ -1,5 +1,5 @@
 import * as React from "react";
-//#region src/components/SessionCompaction.ts
+//#region src/components/agents-sdk/SessionCompaction.ts
 /**
 * Client-side session-compaction plumbing for Think conversations.
 *
@@ -20,17 +20,23 @@ import * as React from "react";
 *
 * This module is the "local adapter … documented runtime-only mirror" that
 * docs/think-session-ui.md calls for: upstream exports no payload types or
-* client hook for these frames. The doc records the complete frame shapes
-* (including `tokenEstimate` and `tokenThreshold`); this adapter deliberately
-* consumes only `phase`, the presence of `compacted`, and the error string of
-* `cf_agent_session_error` so an upstream field change cannot break the UI.
-* Per that doc,
-* `tokenThreshold` is the auto-compaction threshold, not the model context
-* window — never feed it to the `Context` ring.
+* client hook for these frames. The doc records the complete frame shapes;
+* this adapter consumes `phase`, the presence of `compacted`, the error string
+* of `cf_agent_session_error`, and the two estimates that size a landed
+* compaction (`tokenEstimate` and `compacted.tokensBefore`). Every field but
+* `phase` degrades to null rather than throwing, so an upstream field change
+* costs detail, never the UI. Per that doc, `tokenThreshold` is the
+* auto-compaction threshold, not the model context window — it stays unread
+* here, and neither estimate may drive the `Context` ring, which reads
+* provider-reported `metadata.usage`.
 *
 * @see ../../docs/think-session-ui.md
 * @see https://github.com/cloudflare/agents/blob/main/docs/agents/sessions.md#compaction
 */
+/** Finite numbers only — an absent or malformed field degrades to null. */
+function finiteNumber(value) {
+	return typeof value === "number" && Number.isFinite(value) ? value : null;
+}
 /**
 * Parse a raw websocket payload as a `cf_agent_session` status frame.
 * Returns null for every other frame on the connection.
@@ -44,9 +50,12 @@ function parseSessionStatusFrame(data) {
 		return null;
 	}
 	if (typeof message !== "object" || message === null || !("type" in message) || message.type !== "cf_agent_session" || !("phase" in message) || message.phase !== "idle" && message.phase !== "compacting") return null;
+	const compacted = "compacted" in message && message.compacted != null ? message.compacted : null;
 	return {
 		phase: message.phase,
-		compacted: "compacted" in message && message.compacted != null
+		compacted: compacted !== null,
+		tokenEstimate: finiteNumber("tokenEstimate" in message ? message.tokenEstimate : void 0),
+		tokensBefore: typeof compacted === "object" && compacted !== null && "tokensBefore" in compacted ? finiteNumber(compacted.tokensBefore) : null
 	};
 }
 /**
@@ -69,17 +78,28 @@ function useSessionCompaction({ agent, chat, getMessages }) {
 	const [refreshPending, setRefreshPending] = React.useState(false);
 	const [reloadError, setReloadError] = React.useState(null);
 	const [sessionError, setSessionError] = React.useState(null);
+	const [lastCompaction, setLastCompaction] = React.useState(null);
 	React.useEffect(() => {
 		setCompacting(false);
 		setSessionError(null);
 		setRefreshPending(false);
 		setReloadError(null);
+		setLastCompaction(null);
 		const onMessage = (event) => {
 			const frame = parseSessionStatusFrame(event.data);
 			if (frame) {
 				setCompacting(frame.phase === "compacting");
-				if (frame.phase === "compacting") setSessionError(null);
-				if (frame.compacted) setRefreshPending(true);
+				if (frame.phase === "compacting") {
+					setSessionError(null);
+					setLastCompaction(null);
+				}
+				if (frame.compacted) {
+					setRefreshPending(true);
+					setLastCompaction(frame.tokensBefore !== null && frame.tokenEstimate !== null ? {
+						tokensAfter: frame.tokenEstimate,
+						tokensBefore: frame.tokensBefore
+					} : null);
+				}
 				return;
 			}
 			const error = parseSessionErrorFrame(event.data);
@@ -111,6 +131,7 @@ function useSessionCompaction({ agent, chat, getMessages }) {
 	}, [refreshPending, status]);
 	return {
 		compacting,
+		lastCompaction,
 		reloadError,
 		sessionError
 	};

package/dist/components/{SubagentRunDetails.d.ts → agents-sdk/SubagentRunDetails.d.ts}

@@ -1,6 +1,6 @@
 import * as React from "react";
 
-//#region src/components/SubagentRunDetails.d.ts
+//#region src/components/agents-sdk/SubagentRunDetails.d.ts
 interface SubagentRunProgressProps extends React.HTMLAttributes<HTMLDivElement> {
   /** Human-readable current action or phase. */
   label: string;

package/dist/components/{SubagentRunDetails.js → agents-sdk/SubagentRunDetails.js}

@@ -1,9 +1,9 @@
-import { t as cx } from "../class-names-BiMDVpUo.js";
-import { n as clamp } from "../format-S6uWyoSb.js";
-import { Progress } from "./Progress.js";
+import { t as cx } from "../../class-names-BiMDVpUo.js";
+import { n as clamp } from "../../format-CmopcfqJ.js";
+import { Progress } from "../foundations/Progress.js";
 import * as React from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
-//#region src/components/SubagentRunDetails.tsx
+//#region src/components/agents-sdk/SubagentRunDetails.tsx
 function SubagentRunProgress({ className, label, value, ref, ...props }) {
 	const labelId = React.useId();
 	const percent = value === void 0 ? null : Math.round(clamp(value, 0, 1) * 100);

package/dist/components/{SubagentRunIndicator.d.ts → agents-sdk/SubagentRunIndicator.d.ts}

@@ -1,7 +1,7 @@
 import * as React from "react";
 import { AgentToolRunPart, AgentToolRunState } from "agents/agent-tools";
 
-//#region src/components/SubagentRunIndicator.d.ts
+//#region src/components/agents-sdk/SubagentRunIndicator.d.ts
 declare function getSubagentRunName(run: AgentToolRunState): string;
 /** Human-readable detail for a retained run selector's tooltip. */
 declare function getSubagentRunTooltip(run: AgentToolRunState): React.ReactNode;

package/dist/components/{SubagentRunIndicator.js → agents-sdk/SubagentRunIndicator.js}

@@ -1,8 +1,8 @@
-import { t as cx } from "../class-names-BiMDVpUo.js";
-import { J as SpinnerIcon, X as StopIcon, d as CheckIcon, tt as WarningIcon } from "../icons-B4mGvCvc.js";
+import { t as cx } from "../../class-names-BiMDVpUo.js";
+import { J as SpinnerIcon, X as StopIcon, d as CheckIcon, tt as WarningIcon } from "../../icons-B4mGvCvc.js";
 import "react";
 import { jsx } from "react/jsx-runtime";
-//#region src/components/SubagentRunIndicator.tsx
+//#region src/components/agents-sdk/SubagentRunIndicator.tsx
 function getSubagentRunName(run) {
 	return run.display?.name ?? run.agentType;
 }

package/dist/components/{SubagentRunList.d.ts → agents-sdk/SubagentRunList.d.ts}

@@ -2,7 +2,7 @@ import * as React from "react";
 import { UIMessage } from "ai";
 import { AgentToolRunPart, AgentToolRunState } from "agents/agent-tools";
 
-//#region src/components/SubagentRunList.d.ts
+//#region src/components/agents-sdk/SubagentRunList.d.ts
 interface SubagentRunListProps<Part extends AgentToolRunPart = UIMessage["parts"][number]> extends Omit<React.HTMLAttributes<HTMLUListElement>, "children" | "onSelect"> {
   /** Complete retained runs returned by `useAgentToolEvents()`, in display order. */
   runs: readonly AgentToolRunState<Part>[];

package/dist/components/{SubagentRunList.js → agents-sdk/SubagentRunList.js}

@@ -1,8 +1,8 @@
-import { t as cx } from "../class-names-BiMDVpUo.js";
+import { t as cx } from "../../class-names-BiMDVpUo.js";
 import { SubagentRunSelector } from "./SubagentRunSelector.js";
 import "react";
 import { jsx } from "react/jsx-runtime";
-//#region src/components/SubagentRunList.tsx
+//#region src/components/agents-sdk/SubagentRunList.tsx
 /** Semantic, wrapping list of retained-run selectors. */
 function SubagentRunList({ className, renderRunLink, runs, ref, ...props }) {
 	return /* @__PURE__ */ jsx("ul", {

package/dist/components/{SubagentRunSelector.d.ts → agents-sdk/SubagentRunSelector.d.ts}

@@ -2,7 +2,7 @@ import * as React from "react";
 import { UIMessage } from "ai";
 import { AgentToolRunPart, AgentToolRunState } from "agents/agent-tools";
 
-//#region src/components/SubagentRunSelector.d.ts
+//#region src/components/agents-sdk/SubagentRunSelector.d.ts
 interface SubagentRunSelectorProps<Part extends AgentToolRunPart = UIMessage["parts"][number]> extends Omit<React.AnchorHTMLAttributes<HTMLAnchorElement>, "children"> {
   /** Complete retained-run state returned by `useAgentToolEvents()`. */
   run: AgentToolRunState<Part>;

package/dist/components/{SubagentRunSelector.js → agents-sdk/SubagentRunSelector.js}

@@ -1,12 +1,12 @@
-import { t as cx } from "../class-names-BiMDVpUo.js";
-import { buttonVariants } from "./Button.js";
-import { t as NavigationLink } from "../navigation-link-Cob7KBlM.js";
-import { Tooltip } from "./Tooltip.js";
-import { NaniteMark } from "./NaniteScene.js";
+import { t as cx } from "../../class-names-BiMDVpUo.js";
+import { l as BrainIcon } from "../../icons-B4mGvCvc.js";
+import { buttonVariants } from "../foundations/Button.js";
+import { Tooltip } from "../foundations/Tooltip.js";
+import { t as NavigationLink } from "../../navigation-link-kqMa81v5.js";
 import { SubagentRunIndicator, getSubagentRunName, getSubagentRunTooltip } from "./SubagentRunIndicator.js";
 import "react";
 import { jsx, jsxs } from "react/jsx-runtime";
-//#region src/components/SubagentRunSelector.tsx
+//#region src/components/agents-sdk/SubagentRunSelector.tsx
 /**
 * Compact selector for a retained Cloudflare Agent Tool run.
 *
@@ -30,7 +30,7 @@ function SubagentRunSelector({ className, render, run, tooltip, ref, "aria-label
 		"aria-label": ariaLabel ?? `Open ${name}, ${run.status}`,
 		...props,
 		children: [
-			/* @__PURE__ */ jsx(NaniteMark, { index: run.order }),
+			/* @__PURE__ */ jsx(BrainIcon, { "aria-hidden": "true" }),
 			/* @__PURE__ */ jsx("span", {
 				className: "subagent-run__title sigvelo-truncate",
 				children: name

package/dist/components/{ThinkChat.d.ts → agents-sdk/ThinkChat.d.ts}

@@ -1,26 +1,26 @@
-import { i as AgentMessageRenderPartContext } from "../AgentMessageParts-CyD2UB3V.js";
-import { r as AgentChatProps } from "../AgentChat-Dy3cKCd-.js";
-import { i as useOptionalAgentToolRuns, n as AgentToolRunsProvider, r as AgentToolRunsProviderProps, t as AgentToolEventsValue } from "../AgentToolRunsContext-BVe4stgw.js";
-import { S as isThinkChatActivityPart } from "../ThinkChatToolParts-BfroXQ4F.js";
-import { u as describeThinkChatActivityPart } from "../ThinkChatActivitySummary-F062wneC.js";
-import { a as ThinkChatToolRenderers, i as ThinkChatToolRenderer, n as ThinkChatActivityProps, o as createThinkChatActivityRenderer, r as ThinkChatActivityRendererOptions, s as renderThinkChatActivityPart, t as ThinkChatActivity } from "../ThinkChatActivity-Dq0lOAgw.js";
-import { i as ThinkChatValue } from "../ThinkChatContext-B-Nk84Wi.js";
-import { n as ThinkRecoveryNoticeProps, t as ThinkRecoveryNotice } from "../ThinkRecoveryNotice-D6gYcBbr.js";
-import { a as UseSessionCompactionResult } from "../SessionCompaction-DMa1vv6Y.js";
-import { n as BrowserLiveViewProps, t as BrowserLiveView } from "../BrowserLiveView-BV5qgFgI.js";
-import { n as BrowserReplayProps, t as BrowserReplay } from "../BrowserReplay-xWvRjRAC.js";
-import { d as inferWorkspaceLanguage, i as WorkspaceFileState } from "../WorkspaceFile-DMtRMwVv.js";
-import { a as WorkspaceSource, c as workspaceBinaryFileQueryOptions, d as workspaceDirectoryQueryPrefix, f as workspaceFileAssetQueryOptions, g as workspaceTextFileQueryOptions, h as workspaceQueryKey, i as WorkspaceQueryKey, l as workspaceDirectoryQueryKey, m as workspaceInfoQueryOptions, n as WorkspaceFileReadTarget, o as WorkspaceState, p as workspaceFileStatQueryOptions, r as WorkspaceInfo, s as useWorkspace, t as UseWorkspaceOptions, u as workspaceDirectoryQueryOptions } from "../Workspace-Bn6In4wi.js";
-import { n as WorkspaceExplorerProps, t as WorkspaceExplorer } from "../WorkspaceExplorer-D0aiscG6.js";
+import { i as AgentMessageRenderPartContext } from "../../AgentMessageParts-C7L-Mv9U.js";
+import { r as AgentChatProps } from "../../AgentChat-CV-GuYA6.js";
+import { i as useOptionalAgentToolRuns, n as AgentToolRunsProvider, r as AgentToolRunsProviderProps, t as AgentToolEventsValue } from "../../AgentToolRunsContext-Cgve-Upx.js";
+import { n as BrowserLiveViewProps, t as BrowserLiveView } from "../../BrowserLiveView-tJTWkoyu.js";
+import { n as BrowserReplayProps, t as BrowserReplay } from "../../BrowserReplay-B0BQZr-N.js";
+import { o as UseSessionCompactionResult } from "../../SessionCompaction-CmTJFpzj.js";
+import { x as isThinkChatActivityPart } from "../../ThinkChatToolParts-D4qcnnxt.js";
+import { u as describeThinkChatActivityPart } from "../../ThinkChatActivitySummary-teRjrPxW.js";
+import { a as ThinkChatToolRenderers, i as ThinkChatToolRenderer, n as ThinkChatActivityProps, o as createThinkChatActivityRenderer, r as ThinkChatActivityRendererOptions, s as renderThinkChatActivityPart, t as ThinkChatActivity } from "../../ThinkChatActivity-CgqpROz_.js";
+import { i as ThinkChatValue } from "../../ThinkChatContext-COIgzkYp.js";
+import { n as ThinkRecoveryNoticeProps, t as ThinkRecoveryNotice } from "../../ThinkRecoveryNotice-DGWr94rk.js";
+import { d as inferWorkspaceLanguage, i as WorkspaceFileState } from "../../WorkspaceFile-C8Riev9j.js";
+import { a as WorkspaceSource, c as workspaceBinaryFileQueryOptions, d as workspaceDirectoryQueryPrefix, f as workspaceFileAssetQueryOptions, g as workspaceTextFileQueryOptions, h as workspaceQueryKey, i as WorkspaceQueryKey, l as workspaceDirectoryQueryKey, m as workspaceInfoQueryOptions, n as WorkspaceFileReadTarget, o as WorkspaceState, p as workspaceFileStatQueryOptions, r as WorkspaceInfo, s as useWorkspace, t as UseWorkspaceOptions, u as workspaceDirectoryQueryOptions } from "../../Workspace-EhvvlHOB.js";
+import { n as WorkspaceExplorerProps, t as WorkspaceExplorer } from "../../WorkspaceExplorer-DygQnEyi.js";
 import * as React from "react";
 import { UIMessage } from "ai";
-import { UseAgentOptions } from "agents/react";
 import { DataTag, UndefinedInitialDataOptions } from "@tanstack/react-query";
+import { UseAgentOptions } from "agents/react";
 import { PendingApproval, Think } from "@cloudflare/think";
 import { AgentStub } from "agents/client";
 import { UseVoiceInputReturn } from "@cloudflare/voice/react";
 
-//#region src/components/ThinkChat.d.ts
+//#region src/components/agents-sdk/ThinkChat.d.ts
 type ThinkPendingExecutionApprovalsQueryKey = readonly ["think", sourceKey: string, "pending-approvals"];
 type ThinkPendingExecutionApprovalsQueryOptions = UndefinedInitialDataOptions<readonly PendingApproval[], Error, readonly PendingApproval[], ThinkPendingExecutionApprovalsQueryKey> & {
   queryKey: DataTag<ThinkPendingExecutionApprovalsQueryKey, readonly PendingApproval[], Error>;

package/dist/components/{ThinkChat.js → agents-sdk/ThinkChat.js}

@@ -1,12 +1,12 @@
-import { isThinkChatActivityPart } from "./ThinkChatToolParts.js";
 import { AgentToolRunsProvider, useOptionalAgentToolRuns } from "./AgentToolRunsContext.js";
 import { BrowserLiveView } from "./BrowserLiveView.js";
+import { BrowserReplay } from "./BrowserReplay.js";
 import { inferWorkspaceLanguage } from "./WorkspaceFile.js";
+import { isThinkChatActivityPart } from "./ThinkChatToolParts.js";
 import { describeThinkChatActivityPart } from "./ThinkChatActivitySummary.js";
 import { ThinkChatActivity, createThinkChatActivityRenderer, renderThinkChatActivityPart } from "./ThinkChatActivity.js";
 import { ThinkRecoveryNotice } from "./ThinkRecoveryNotice.js";
-import { a as thinkPendingExecutionApprovalsQueryOptions, i as ThinkChatRoot, n as ThinkChatMessages, o as useThinkChat, r as ThinkChatProvider, s as useThinkPendingExecutionApprovals, t as ThinkChat } from "../ThinkChat-Bp-nAnoW.js";
-import { BrowserReplay } from "./BrowserReplay.js";
+import { a as thinkPendingExecutionApprovalsQueryOptions, i as ThinkChatRoot, n as ThinkChatMessages, o as useThinkChat, r as ThinkChatProvider, s as useThinkPendingExecutionApprovals, t as ThinkChat } from "../../ThinkChat-yid8e_Jb.js";
 import { useWorkspace, workspaceBinaryFileQueryOptions, workspaceDirectoryQueryKey, workspaceDirectoryQueryOptions, workspaceDirectoryQueryPrefix, workspaceFileAssetQueryOptions, workspaceFileStatQueryOptions, workspaceInfoQueryOptions, workspaceQueryKey, workspaceTextFileQueryOptions } from "./Workspace.js";
 import { WorkspaceExplorer } from "./WorkspaceExplorer.js";
 export { AgentToolRunsProvider, BrowserLiveView, BrowserReplay, ThinkChat, ThinkChatActivity, ThinkChatMessages, ThinkChatProvider, ThinkChatRoot, ThinkRecoveryNotice, WorkspaceExplorer, createThinkChatActivityRenderer, describeThinkChatActivityPart, inferWorkspaceLanguage, isThinkChatActivityPart, renderThinkChatActivityPart, thinkPendingExecutionApprovalsQueryOptions, useOptionalAgentToolRuns, useThinkChat, useThinkPendingExecutionApprovals, useWorkspace, workspaceBinaryFileQueryOptions, workspaceDirectoryQueryKey, workspaceDirectoryQueryOptions, workspaceDirectoryQueryPrefix, workspaceFileAssetQueryOptions, workspaceFileStatQueryOptions, workspaceInfoQueryOptions, workspaceQueryKey, workspaceTextFileQueryOptions };

package/dist/components/{ThinkChatActivity.d.ts → agents-sdk/ThinkChatActivity.d.ts}

@@ -1,4 +1,4 @@
-import { S as isThinkChatActivityPart } from "../ThinkChatToolParts-BfroXQ4F.js";
-import { u as describeThinkChatActivityPart } from "../ThinkChatActivitySummary-F062wneC.js";
-import { a as ThinkChatToolRenderers, i as ThinkChatToolRenderer, n as ThinkChatActivityProps, o as createThinkChatActivityRenderer, r as ThinkChatActivityRendererOptions, s as renderThinkChatActivityPart, t as ThinkChatActivity } from "../ThinkChatActivity-Dq0lOAgw.js";
+import { x as isThinkChatActivityPart } from "../../ThinkChatToolParts-D4qcnnxt.js";
+import { u as describeThinkChatActivityPart } from "../../ThinkChatActivitySummary-teRjrPxW.js";
+import { a as ThinkChatToolRenderers, i as ThinkChatToolRenderer, n as ThinkChatActivityProps, o as createThinkChatActivityRenderer, r as ThinkChatActivityRendererOptions, s as renderThinkChatActivityPart, t as ThinkChatActivity } from "../../ThinkChatActivity-CgqpROz_.js";
 export { ThinkChatActivity, ThinkChatActivityProps, ThinkChatActivityRendererOptions, ThinkChatToolRenderer, ThinkChatToolRenderers, createThinkChatActivityRenderer, describeThinkChatActivityPart, isThinkChatActivityPart, renderThinkChatActivityPart };