@mcp-b/react-components 0.29.0 → 0.30.0

package/dist/{WorkspaceLink-BYYeTQLf.js → WorkspaceLink-DZeLe_jN.js}

@@ -1,5 +1,5 @@
 import { t as cx } from "./class-names-BiMDVpUo.js";
-import { t as NavigationLink } from "./navigation-link-Cob7KBlM.js";
+import { n as isPlainPrimaryLinkActivation, t as NavigationLink } from "./navigation-link-kqMa81v5.js";
 import { n as isWorkspacePathWithinRoot, t as canonicalizeAbsoluteWorkspacePath } from "./workspace-path-L_KmjRjq.js";
 import * as React from "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
@@ -93,7 +93,7 @@ function useRequiredWorkspaceNavigationRestoration() {
 	return restoration;
 }
 //#endregion
-//#region src/components/WorkspaceLink.tsx
+//#region src/components/agents-sdk/WorkspaceLink.tsx
 const EXTERNAL_PROTOCOLS = /* @__PURE__ */ new Set([
 	"http:",
 	"https:",
@@ -278,8 +278,7 @@ function WorkspaceFileLink({ children, className, download, href = "", node: _no
 	}
 	const handleClick = (event) => {
 		onClick?.(event);
-		const actualTarget = event.currentTarget.target.toLowerCase();
-		if (event.button !== 0 || event.metaKey || event.ctrlKey || event.shiftKey || event.altKey || event.currentTarget.hasAttribute("download") || actualTarget !== "" && actualTarget !== "_self") return;
+		if (!isPlainPrimaryLinkActivation(event)) return;
 		const focusScope = event.currentTarget.closest("[data-workspace-restoration-scope]")?.dataset.workspaceRestorationScope;
 		restoration?.recordFocus(workspace.navigation.current.key, resolved, focusScope);
 	};

package/dist/WorkspaceMessageResponse-BWbkIELl.js

@@ -0,0 +1,100 @@
+import { MessageResponse } from "./components/ai-sdk/Message.js";
+import { c as useWorkspaceNavigationContext, r as resolveWorkspaceLink, t as WorkspaceFileLink } from "./WorkspaceLink-DZeLe_jN.js";
+import * as React from "react";
+import { jsx } from "react/jsx-runtime";
+import { defaultRehypePlugins } from "streamdown";
+import { visit } from "unist-util-visit";
+//#region src/components/_internal/workspace-markdown.ts
+const WORKSPACE_HARDEN_ORIGIN = "https://workspace.invalid/";
+const workspaceOriginalUrl = Symbol("workspace-original-url");
+function captureWorkspaceUrls() {
+	return (tree) => {
+		visit(tree, "element", (node) => {
+			const property = node.tagName === "a" ? "href" : node.tagName === "img" ? "src" : null;
+			const value = property ? node.properties[property] : null;
+			if (typeof value === "string") node[workspaceOriginalUrl] = value;
+		});
+	};
+}
+function isWorkspaceRelativeUrl(value) {
+	if (value.startsWith("//")) return false;
+	try {
+		new URL(value);
+		return false;
+	} catch {
+		return true;
+	}
+}
+function restoreWorkspaceUrls({ root, base }) {
+	return (tree) => {
+		visit(tree, "element", (node) => {
+			const workspaceNode = node;
+			const originalUrl = workspaceNode[workspaceOriginalUrl];
+			delete workspaceNode[workspaceOriginalUrl];
+			if (originalUrl === void 0) return;
+			if (node.tagName === "img") {
+				if (isWorkspaceRelativeUrl(originalUrl)) {
+					const alt = typeof node.properties.alt === "string" ? node.properties.alt : "";
+					node.tagName = "a";
+					node.properties = { href: originalUrl };
+					node.children = [{
+						type: "text",
+						value: alt || "Open linked image"
+					}];
+				} else if (originalUrl.startsWith("//")) node.properties.src = originalUrl;
+				return;
+			}
+			if (node.tagName !== "a") return;
+			node.properties.href = originalUrl;
+			if (resolveWorkspaceLink({
+				href: originalUrl,
+				root,
+				base
+			}).kind === "file") {
+				delete node.properties.target;
+				delete node.properties.rel;
+			}
+		});
+	};
+}
+function configureWorkspaceHarden(plugin) {
+	if (!Array.isArray(plugin) || typeof plugin[0] !== "function") throw new Error("Streamdown's harden plugin no longer exposes configurable options.");
+	const options = plugin[1];
+	if (options !== void 0 && (typeof options !== "object" || options === null || Array.isArray(options))) throw new Error("Streamdown's harden plugin options have an unsupported shape.");
+	return [plugin[0], {
+		...options,
+		defaultOrigin: WORKSPACE_HARDEN_ORIGIN
+	}];
+}
+const workspaceHardenPlugin = configureWorkspaceHarden(defaultRehypePlugins.harden);
+/** Preserve validated filesystem links through Streamdown's URL hardening pass. */
+function createWorkspaceRehypePlugins(root, base) {
+	const plugins = [];
+	for (const [name, plugin] of Object.entries(defaultRehypePlugins)) if (name === "harden") plugins.push(captureWorkspaceUrls, workspaceHardenPlugin, [restoreWorkspaceUrls, {
+		root,
+		base
+	}]);
+	else plugins.push(plugin);
+	return plugins;
+}
+//#endregion
+//#region src/components/agents-sdk/WorkspaceMessageResponse.tsx
+const workspaceComponents = {
+	img: "img",
+	a: WorkspaceFileLink
+};
+/** Adds workspace-aware Markdown links when rendered inside a workspace provider. */
+const WorkspaceMessageResponse = React.memo(function WorkspaceMessageResponse({ components, rehypePlugins, ...props }) {
+	const workspace = useWorkspaceNavigationContext();
+	const resolvedRehypePlugins = React.useMemo(() => rehypePlugins ?? (workspace ? createWorkspaceRehypePlugins(workspace.root, workspace.base) : void 0), [rehypePlugins, workspace]);
+	return /* @__PURE__ */ jsx(MessageResponse, {
+		components: components ? {
+			...workspaceComponents,
+			...components
+		} : workspaceComponents,
+		rehypePlugins: resolvedRehypePlugins,
+		...props
+	});
+});
+//#endregion
+export { createWorkspaceRehypePlugins as n, WorkspaceMessageResponse as t };

package/dist/{attachment-preview-DIs50Q0h.js → attachment-preview-1CXJvrmb.js}

@@ -1,4 +1,4 @@
-import { Dialog } from "./components/Dialog.js";
+import { Dialog } from "./components/foundations/Dialog.js";
 import "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/_internal/attachment-preview.tsx

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

@@ -1,2 +1,2 @@
-import { a as AgentActivityIconProps, i as AgentActivityIconKind, n as AgentActivityFaviconProps, o as AgentActivityMode, r as AgentActivityIcon, s as AgentActivitySummary, t as AgentActivityFavicon } from "../AgentActivity-D3OvrC02.js";
+import { a as AgentActivityIconProps, i as AgentActivityIconKind, n as AgentActivityFaviconProps, o as AgentActivityMode, r as AgentActivityIcon, s as AgentActivitySummary, t as AgentActivityFavicon } from "../../AgentActivity-SP1WfLDW.js";
 export { AgentActivityFavicon, AgentActivityFaviconProps, AgentActivityIcon, AgentActivityIconKind, AgentActivityIconProps, AgentActivityMode, AgentActivitySummary };

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

@@ -1,8 +1,8 @@
-import { $ as TerminalIcon, B as PencilIcon, C as FileIcon, F as MonitorIcon, G as SearchIcon, O as InfoIcon, k as LinkIcon, nt as WrenchIcon, tt as WarningIcon } from "../icons-B4mGvCvc.js";
-import { inferFaviconUrl } from "../utils/favicon.js";
+import { inferFaviconUrl } from "../../utils/favicon.js";
+import { $ as TerminalIcon, B as PencilIcon, C as FileIcon, F as MonitorIcon, G as SearchIcon, O as InfoIcon, k as LinkIcon, nt as WrenchIcon, tt as WarningIcon } from "../../icons-B1Qw05te.js";
 import * as React from "react";
 import { jsx } from "react/jsx-runtime";
-//#region src/components/AgentActivity.tsx
+//#region src/components/agents-sdk/AgentActivity.tsx
 /** Built-in icon vocabulary shared by AI SDK activity and Agents SDK state summaries. */
 function AgentActivityIcon({ kind }) {
 	switch (kind) {

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

@@ -1,8 +1,8 @@
-import { n as WorkspaceDestination } from "../WorkspaceLink-O-EBKUJ8.js";
-import { s as AgentActivitySummary } from "../AgentActivity-D3OvrC02.js";
+import { n as WorkspaceDestination } from "../../WorkspaceLink-DQogVe8E.js";
+import { s as AgentActivitySummary } from "../../AgentActivity-SP1WfLDW.js";
 import * as React from "react";
 
-//#region src/components/AgentActivityPreview.d.ts
+//#region src/components/agents-sdk/AgentActivityPreview.d.ts
 /** The three conditions that make an agent relevant to the transient preview. */
 type AgentActivityPreviewStatus = "running" | "input-required" | "unviewed";
 interface AgentActivityPreviewFavicon {

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

@@ -1,13 +1,13 @@
-import { t as cx } from "../class-names-BiMDVpUo.js";
-import { C as FileIcon, J as SpinnerIcon, j as McpIcon, rt as XIcon, tt as WarningIcon } from "../icons-B4mGvCvc.js";
-import { ActivityHeader } from "./Activity.js";
+import { t as cx } from "../../class-names-BiMDVpUo.js";
+import { C as FileIcon, J as SpinnerIcon, j as McpIcon, rt as XIcon, tt as WarningIcon } from "../../icons-B1Qw05te.js";
 import { AgentActivityFavicon, AgentActivityIcon } from "./AgentActivity.js";
-import { t as NavigationLink } from "../navigation-link-Cob7KBlM.js";
-import { AppIcon } from "./AppIcon.js";
-import { IconButton } from "./IconButton.js";
+import { ActivityHeader } from "../ai-sdk/Activity.js";
+import { t as NavigationLink } from "../../navigation-link-kqMa81v5.js";
+import { AppIcon } from "../foundations/AppIcon.js";
+import { Button } from "../foundations/Button.js";
 import "react";
 import { jsx, jsxs } from "react/jsx-runtime";
-//#region src/components/AgentActivityPreview.tsx
+//#region src/components/agents-sdk/AgentActivityPreview.tsx
 /** Compact multi-agent preview for a page overlay or secondary application rail. */
 function AgentActivityPreview({ "aria-label": ariaLabel = "Agent activity", brandIcon = /* @__PURE__ */ jsx(McpIcon, {}), className, items, onDismiss, renderAgentLink, renderWorkspaceFileLink, ref, ...props }) {
 	if (items.length === 0) return null;
@@ -23,10 +23,11 @@ function AgentActivityPreview({ "aria-label": ariaLabel = "Agent activity", bran
 				"aria-hidden": "true",
 				children: brandIcon
 			}),
-			onDismiss ? /* @__PURE__ */ jsx(IconButton, {
+			onDismiss ? /* @__PURE__ */ jsx(Button, {
+				"aria-label": "Hide agent activity",
 				className: "agent-activity-preview__dismiss",
 				color: "neutral",
-				label: "Hide agent activity",
+				iconOnly: true,
 				size: "sm",
 				variant: "ghost",
 				onClick: onDismiss,
@@ -40,7 +41,7 @@ function AgentActivityPreview({ "aria-label": ariaLabel = "Agent activity", bran
 					children: [/* @__PURE__ */ jsx(NavigationLink, {
 						render: renderAgentLink(item),
 						className: "agent-activity-preview__row",
-						"aria-label": `${item.action}. ${statusLabel(item.status)}. Open agent.`,
+						"aria-label": `${item.action}${item.detail ? ` ${item.detail}` : ""}. ${statusLabel(item.status)}. Open agent.`,
 						"data-status": item.status,
 						children: /* @__PURE__ */ jsx(ActivityHeader, {
 							icon: item.url ? /* @__PURE__ */ jsx(AgentActivityFavicon, {
@@ -49,6 +50,7 @@ function AgentActivityPreview({ "aria-label": ariaLabel = "Agent activity", bran
 							}) : /* @__PURE__ */ jsx(AgentActivityIcon, { kind: item.iconKind }),
 							isStreaming: item.status === "running",
 							action: item.action,
+							detail: item.detail,
 							trailing: /* @__PURE__ */ jsxs("span", {
 								className: "agent-activity-preview__trailing",
 								"aria-hidden": "true",

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

@@ -1,2 +1,2 @@
-import { a as PermissionModeControl, i as AgentChatRenderMessageContext, n as AgentChatComposerDraft, r as AgentChatProps, t as AgentChat } from "../AgentChat-Dy3cKCd-.js";
+import { a as PermissionModeControl, i as AgentChatRenderMessageContext, n as AgentChatComposerDraft, r as AgentChatProps, t as AgentChat } from "../../AgentChat-CV-GuYA6.js";
 export { AgentChat, AgentChatComposerDraft, AgentChatProps, AgentChatRenderMessageContext, PermissionModeControl };

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

@@ -1,25 +1,26 @@
-import { t as cx } from "../class-names-BiMDVpUo.js";
-import { Button } from "./Button.js";
-import { ExpansionStateProvider } from "./ExpansionState.js";
-import { B as PencilIcon, H as PlusIcon, L as MoveToFrontIcon, U as QueueIcon, W as RefreshIcon, et as TrashIcon, t as ArchiveIcon } from "../icons-B4mGvCvc.js";
-import { IconButton } from "./IconButton.js";
-import { n as MessageAction, r as MessageActions, t as Message } from "../Message-BF6SiKKL.js";
-import { AgentMessageParts } from "./AgentMessageParts.js";
-import { Context, ContextContent, ContextContentBody, ContextContentHeader, ContextTrigger, getContextUsage, getContextUsedTokens } from "./Context.js";
-import { EmptyState } from "./EmptyState.js";
-import { VirtualMessageScroller } from "./MessageScrollerVirtual.js";
-import { Menu } from "./Menu.js";
-import { PromptInput, PromptInputActionAddAttachments, PromptInputActionMenu, PromptInputActionMenuContent, PromptInputActionMenuTrigger, PromptInputApproval, PromptInputAttachments, PromptInputBody, PromptInputButton, PromptInputCommandComposer, PromptInputContextSelector, PromptInputDictation, PromptInputFooter, PromptInputHeader, PromptInputPermissionSelector, PromptInputReferences, PromptInputSubmit, PromptInputTextarea, PromptInputTools, PromptInputTray, getApprovalRequestId, getApprovalStateKey, getPendingToolApprovals, usePromptInputAttachments } from "./PromptInput.js";
-import { AgentChatStartScreen } from "./AgentChatStartScreen.js";
-import { AgentChatMessageEditor } from "./AgentChatMessageEditor.js";
-import { Marker, MarkerContent } from "./Marker.js";
-import { TransitionSurface } from "./TransitionSurface.js";
-import { t as CopyButton } from "../copy-button-7ttJAorN.js";
+import { t as cx } from "../../class-names-BiMDVpUo.js";
+import { B as PencilIcon, H as PlusIcon, J as SpinnerIcon, L as MoveToFrontIcon, U as QueueIcon, W as RefreshIcon, et as TrashIcon, t as ArchiveIcon } from "../../icons-B1Qw05te.js";
+import { ExpansionStateProvider } from "../ai-sdk/ExpansionState.js";
+import { Button } from "../foundations/Button.js";
+import { IconButton } from "../foundations/IconButton.js";
+import { Message, MessageAction, MessageActions } from "../ai-sdk/Message.js";
+import { AgentMessageParts } from "../ai-sdk/AgentMessageParts.js";
+import { Context, ContextContent, ContextContentBody, ContextContentHeader, ContextTrigger, getContextUsage, getContextUsedTokens } from "../ai-sdk/Context.js";
+import { EmptyState } from "../foundations/EmptyState.js";
+import { VirtualMessageScroller } from "../ai-sdk/MessageScrollerVirtual.js";
+import { Menu } from "../foundations/Menu.js";
+import { PromptInput, PromptInputActionAddAttachments, PromptInputActionMenu, PromptInputActionMenuContent, PromptInputActionMenuTrigger, PromptInputAttachments, PromptInputBody, PromptInputButton, PromptInputCommandComposer, PromptInputContextSelector, PromptInputDictation, PromptInputFooter, PromptInputHeader, PromptInputPermissionSelector, PromptInputReferences, PromptInputSubmit, PromptInputTextarea, PromptInputTools, PromptInputTray, usePromptInputAttachments } from "../ai-sdk/PromptInput.js";
+import { AgentChatStartScreen } from "../ai-sdk/AgentChatStartScreen.js";
+import { AgentChatMessageEditor } from "../ai-sdk/AgentChatMessageEditor.js";
+import { Marker, MarkerContent } from "../foundations/Marker.js";
+import { TransitionSurface } from "../foundations/TransitionSurface.js";
+import { PromptInputApproval, getApprovalRequestId, getApprovalStateKey, getPendingToolApprovals } from "./PromptInputApproval.js";
+import { t as CopyButton } from "../../copy-button-CsNSSKYG.js";
 import * as React from "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { isCompactionMessage } from "agents/experimental/memory/utils";
 import { isTextUIPart } from "ai";
-//#region src/components/AgentChat.tsx
+//#region src/components/agents-sdk/AgentChat.tsx
 /**
 * Agents exports this helper from `agents/sessions` after cloudflare/agents#1896;
 * the current 0.19.0 release still publishes it from the experimental path.
@@ -29,9 +30,9 @@ import { isTextUIPart } from "ai";
 * instead of duplicating the prefix contract locally.
 */
 /**
-* Built-in `/compact` entry, present whenever `onCompact` is provided.
-* Selection is intercepted in `selectComposerCommand` before any reference
-* chip or host `onSelect` runs.
+* Built-in `/compact` entry, present whenever `onCompact` is provided and the
+* agent is not mid-turn. Selection is intercepted in `selectComposerCommand`
+* before any reference chip or host `onSelect` runs.
 */
 const COMPACT_SLASH_COMMAND = {
 	id: "agent-chat:compact",
@@ -42,6 +43,12 @@ const COMPACT_SLASH_COMMAND = {
 	group: "Conversation",
 	meta: "Built in"
 };
+const COMPACTION_NOTICES = {
+	compacted: "Context compacted. Context usage updates after your next message.",
+	failed: "Compaction failed — run /compact to try again.",
+	pending: /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(SpinnerIcon, {}), "Compacting context…"] }),
+	unchanged: "No context was compacted. Recent context is already protected."
+};
 function observeAgentChatComposer(element) {
 	if (!element || typeof ResizeObserver === "undefined") return;
 	const root = element.parentElement;
@@ -130,6 +137,13 @@ function getEditableUserText(message) {
 	const part = message.parts[0];
 	return isTextUIPart(part) && part.text.trim() ? part.text : void 0;
 }
+/** Agents row-size compaction metadata is intentionally handled at the Agents seam. */
+function isCompactedPart(message, partIndex) {
+	const part = message.parts[partIndex];
+	const metadata = message.metadata;
+	if (isTextUIPart(part)) return Array.isArray(metadata?.compactedTextParts) && metadata.compactedTextParts.includes(partIndex);
+	return part !== void 0 && "toolCallId" in part && typeof part.toolCallId === "string" && Array.isArray(metadata?.compactedToolOutputs) && metadata.compactedToolOutputs.includes(part.toolCallId);
+}
 /**
 * One transcript row's content, memoized so a streaming delta re-renders only
 * the rows whose props changed — in practice the live message. This only
@@ -153,7 +167,15 @@ function AgentChatTranscriptRowBodyImpl({ message, messageIndex, status, renderP
 			/* @__PURE__ */ jsx(AgentMessageParts, {
 				message,
 				status,
-				renderPart
+				renderPart: (context) => {
+					const custom = renderPart?.(context);
+					if (!isCompactedPart(message, context.partIndex)) return custom;
+					const rendered = custom === void 0 ? context.defaultRender() : custom;
+					return rendered ? /* @__PURE__ */ jsxs(Fragment, { children: [rendered, /* @__PURE__ */ jsx("div", {
+						className: "message__compacted",
+						children: "Output truncated for storage"
+					})] }) : null;
+				}
 			}),
 			renderMessageAfter?.({
 				message,
@@ -218,6 +240,8 @@ function AgentChat({ className, messages, status = "ready", onSubmit, showCompos
 	const [queueHeld, setQueueHeld] = React.useState(false);
 	const busy = status === "submitted" || status === "streaming";
 	const wasBusy = React.useRef(busy);
+	const [compactionState, setCompactionState] = React.useState(null);
+	const compactionInFlight = React.useRef(false);
 	const addComposerReference = React.useCallback((reference) => {
 		setComposerReferences((current) => current.some((item) => item.id === reference.id && item.trigger === reference.trigger) ? current : [...current, reference]);
 	}, []);
@@ -244,6 +268,7 @@ function AgentChat({ className, messages, status = "ready", onSubmit, showCompos
 		setQueueHeld(false);
 		setComposerDraft("");
 		setComposerReferences([]);
+		setCompactionState(null);
 		if (busy || pendingPrompts.length && !queueHeld) {
 			setPendingPrompts((current) => [...current, {
 				id: crypto.randomUUID(),
@@ -278,20 +303,19 @@ function AgentChat({ className, messages, status = "ready", onSubmit, showCompos
 		pendingPrompts,
 		queueHeld
 	]);
-	const [compactionNotice, setCompactionNotice] = React.useState(null);
-	const compactionInFlight = React.useRef(false);
 	const selectComposerCommand = React.useCallback((command, trigger) => {
 		if (trigger === "/" && onCompact && command.id === COMPACT_SLASH_COMMAND.id) {
-			if (compactionInFlight.current) return;
+			if (compactionInFlight.current || busy) return;
 			compactionInFlight.current = true;
-			setCompactionNotice(null);
+			setCompactionState("pending");
 			setComposerDraft("");
-			Promise.resolve().then(onCompact).then(() => {
+			Promise.resolve().then(onCompact).then((result) => {
 				compactionInFlight.current = false;
+				setCompactionState(result?.compacted ? "compacted" : "unchanged");
 			}, (error) => {
 				compactionInFlight.current = false;
 				console.error("Manual compaction failed", error);
-				setCompactionNotice("Compaction failed — run /compact to try again.");
+				setCompactionState("failed");
 			});
 			return;
 		}
@@ -316,6 +340,7 @@ function AgentChat({ className, messages, status = "ready", onSubmit, showCompos
 		else setComposerDraft("");
 	}, [
 		addComposerReference,
+		busy,
 		composerDraft,
 		composerReferences,
 		mentionCommands,
@@ -457,11 +482,11 @@ function AgentChat({ className, messages, status = "ready", onSubmit, showCompos
 		ref: observeAgentChatComposer,
 		className: "agent-chat__composer",
 		children: [
-			/* @__PURE__ */ jsxs("div", {
+			/* @__PURE__ */ jsx("div", {
 				className: "agent-chat__notice",
 				role: "status",
 				"aria-atomic": "true",
-				children: [notice, compactionNotice]
+				children: notice ?? (compactionState ? COMPACTION_NOTICES[compactionState] : null)
 			}),
 			composerTray || pendingPrompts.length ? /* @__PURE__ */ jsxs(PromptInputTray, {
 				side: "top",
@@ -533,7 +558,7 @@ function AgentChat({ className, messages, status = "ready", onSubmit, showCompos
 						"aria-label": "Message",
 						placeholder: composerReferences.length ? "" : placeholder,
 						disabled,
-						commands: onCompact ? [COMPACT_SLASH_COMMAND, ...slashCommands?.items ?? []] : slashCommands?.items ?? [],
+						commands: onCompact && !busy ? [COMPACT_SLASH_COMMAND, ...slashCommands?.items ?? []] : slashCommands?.items ?? [],
 						mentionCommands: mentionCommands?.items,
 						value: composerDraft,
 						onValueChange: setComposerDraft,

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

@@ -1,2 +1,2 @@
-import { i as useOptionalAgentToolRuns, n as AgentToolRunsProvider, r as AgentToolRunsProviderProps, t as AgentToolEventsValue } from "../AgentToolRunsContext-BVe4stgw.js";
+import { i as useOptionalAgentToolRuns, n as AgentToolRunsProvider, r as AgentToolRunsProviderProps, t as AgentToolEventsValue } from "../../AgentToolRunsContext-Cgve-Upx.js";
 export { AgentToolEventsValue, AgentToolRunsProvider, AgentToolRunsProviderProps, useOptionalAgentToolRuns };

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

@@ -1,6 +1,6 @@
 import * as React from "react";
 import { jsx } from "react/jsx-runtime";
-//#region src/components/AgentToolRunsContext.tsx
+//#region src/components/agents-sdk/AgentToolRunsContext.tsx
 const AgentToolRunsContext = React.createContext(null);
 /** Provides one parent connection's retained Agent Tool event projection. */
 function AgentToolRunsProvider({ agentTools, children }) {

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

@@ -0,0 +1,2 @@
+import { n as BrowserLiveViewProps, t as BrowserLiveView } from "../../BrowserLiveView-tJTWkoyu.js";
+export { BrowserLiveView, BrowserLiveViewProps };

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

@@ -1,12 +1,12 @@
-import { t as cx } from "../class-names-BiMDVpUo.js";
-import { Button } from "./Button.js";
-import { A as MaximizeIcon, J as SpinnerIcon } from "../icons-B4mGvCvc.js";
-import { Dialog } from "./Dialog.js";
-import { TransitionSurface } from "./TransitionSurface.js";
-import { StatusPill } from "./StatusPill.js";
+import { t as cx } from "../../class-names-BiMDVpUo.js";
+import { A as MaximizeIcon, J as SpinnerIcon } from "../../icons-B1Qw05te.js";
+import { Button } from "../foundations/Button.js";
+import { Dialog } from "../foundations/Dialog.js";
+import { TransitionSurface } from "../foundations/TransitionSurface.js";
+import { StatusPill } from "../foundations/StatusPill.js";
 import * as React from "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-//#region src/components/BrowserLiveView.tsx
+//#region src/components/agents-sdk/BrowserLiveView.tsx
 const FRAME_LOAD_TIMEOUT_MS = 15e3;
 function EndedState({ title, detail }) {
 	return /* @__PURE__ */ jsxs("div", {

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

@@ -0,0 +1,2 @@
+import { n as BrowserReplayProps, t as BrowserReplay } from "../../BrowserReplay-B0BQZr-N.js";
+export { BrowserReplay, BrowserReplayProps };

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

@@ -1,13 +1,13 @@
-import { t as cx } from "../class-names-BiMDVpUo.js";
-import { V as PlayIcon, z as PauseIcon } from "../icons-B4mGvCvc.js";
-import { IconButton } from "./IconButton.js";
-import { r as formatClock } from "../format-S6uWyoSb.js";
-import { EmptyState } from "./EmptyState.js";
-import { Slider } from "./Slider.js";
+import { t as cx } from "../../class-names-BiMDVpUo.js";
+import { V as PlayIcon, z as PauseIcon } from "../../icons-B1Qw05te.js";
+import { IconButton } from "../foundations/IconButton.js";
+import { r as formatClock } from "../../format-CmopcfqJ.js";
+import { EmptyState } from "../foundations/EmptyState.js";
+import { Slider } from "../foundations/Slider.js";
 import * as React from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Replayer } from "@rrweb/replay";
-//#region src/components/BrowserReplay.tsx
+//#region src/components/agents-sdk/BrowserReplay.tsx
 function labelReplayFrame(stage) {
 	const frame = stage.querySelector("iframe");
 	if (frame) frame.title = "Browser session replay";

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

@@ -1,7 +1,7 @@
 import * as React from "react";
 import { BrowserLiveView } from "agents/browser";
 
-//#region src/components/BrowserRunPanel.d.ts
+//#region src/components/agents-sdk/BrowserRunPanel.d.ts
 interface BrowserRunPanelProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "children"> {
   /** Host-side Browser Run Live View data from `connector.liveView()`. */
   liveView?: BrowserLiveView;

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

@@ -1,12 +1,12 @@
-import { t as cx } from "../class-names-BiMDVpUo.js";
-import { Button } from "./Button.js";
-import { J as SpinnerIcon, rt as XIcon } from "../icons-B4mGvCvc.js";
-import { Tabs } from "./Tabs.js";
+import { t as cx } from "../../class-names-BiMDVpUo.js";
+import { J as SpinnerIcon, rt as XIcon } from "../../icons-B1Qw05te.js";
+import { Button } from "../foundations/Button.js";
+import { Tabs } from "../foundations/Tabs.js";
 import { BrowserLiveView } from "./BrowserLiveView.js";
-import { WebPreview, WebPreviewNavigation, WebPreviewNavigationButton, WebPreviewUrl } from "./WebPreview.js";
+import { WebPreview, WebPreviewNavigation, WebPreviewNavigationButton, WebPreviewUrl } from "../general-purpose/WebPreview.js";
 import * as React from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
-//#region src/components/BrowserRunPanel.tsx
+//#region src/components/agents-sdk/BrowserRunPanel.tsx
 function isInspectablePage(target) {
 	const pageUrl = target.pageUrl;
 	return Boolean(pageUrl && !pageUrl.startsWith("about:") && !pageUrl.startsWith("chrome:") && !pageUrl.startsWith("devtools:"));

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

@@ -1,9 +1,9 @@
-import { o as McpServerCard } from "../mcp-server-catalog-CO7GAl1f.js";
+import { o as McpServerCard } from "../../mcp-server-catalog-CO7GAl1f.js";
 import * as React from "react";
 import { DynamicToolUIPart, ToolUIPart } from "ai";
 import { MCPServersState } from "agents";
 
-//#region src/components/McpConnectionRequest.d.ts
+//#region src/components/agents-sdk/McpConnectionRequest.d.ts
 type McpConnectionRequestOutcome = "authorization-required" | "connected" | "declined" | "failed";
 interface McpConnectionRequestBaseProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "children" | "part"> {
   /** Whole upstream AI SDK tool part whose lifecycle this card renders. */
@@ -31,19 +31,7 @@ type McpConnectionRequestProps = (McpConnectionRequestBaseProps & {
  * state. Failed and interrupted connections deliberately restart through the
  * same `onConnect` seam instead of introducing recovery operations.
  */
-declare function McpConnectionRequest({
-  part,
-  server,
-  reason,
-  mcp,
-  serverId,
-  outcome,
-  onConnect,
-  onDecline,
-  className,
-  ref,
-  ...props
-}: McpConnectionRequestProps & {
+declare function McpConnectionRequest(props: McpConnectionRequestProps & {
   ref?: React.Ref<HTMLDivElement>;
 }): React.JSX.Element;
 //#endregion

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

@@ -1,43 +1,71 @@
-import { t as cx } from "../class-names-BiMDVpUo.js";
-import { Button } from "./Button.js";
-import { J as SpinnerIcon, d as CheckIcon, j as McpIcon, tt as WarningIcon } from "../icons-B4mGvCvc.js";
-import { AgentAttention, AgentAttentionActions, AgentAttentionBody, AgentAttentionHeader } from "./AgentAttention.js";
-import { getMcpServerEntry, getMcpServerRuntimeState } from "../utils/mcp-server-catalog.js";
-import { DescriptionList } from "./DescriptionList.js";
+import { getMcpServerEntry, getMcpServerRuntimeState } from "../../utils/mcp-server-catalog.js";
+import { t as cx } from "../../class-names-BiMDVpUo.js";
+import { J as SpinnerIcon, d as CheckIcon, j as McpIcon, tt as WarningIcon } from "../../icons-B1Qw05te.js";
+import { Button } from "../foundations/Button.js";
+import { i as formatErrorMessage } from "../../format-CmopcfqJ.js";
+import { AgentAttention, AgentAttentionActions, AgentAttentionBody, AgentAttentionHeader } from "../ai-sdk/AgentAttention.js";
+import { DescriptionList } from "../foundations/DescriptionList.js";
+import { n as getMcpServerConnectionKind } from "../../mcp-server-U71zhxFF.js";
 import * as React from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { getToolPartState } from "@cloudflare/think/react";
-//#region src/components/McpConnectionRequest.tsx
+//#region src/components/agents-sdk/McpConnectionRequest.tsx
 /**
 * In-chat MCP connection request backed by the AI SDK tool part and Agents MCP
 * state. Failed and interrupted connections deliberately restart through the
 * same `onConnect` seam instead of introducing recovery operations.
 */
-function McpConnectionRequest({ part, server, reason, mcp, serverId, outcome, onConnect, onDecline, className, ref, ...props }) {
+function McpConnectionRequest(props) {
+	const { mcp, part, server, serverId } = props;
+	const entry = getMcpServerEntry(server, mcp);
+	const connectedServer = serverId === void 0 ? entry?.[1] : mcp?.servers[serverId];
+	const serverState = connectedServer ? getMcpServerRuntimeState(connectedServer) : void 0;
+	const actionStateKey = JSON.stringify([
+		part.toolCallId,
+		server.id,
+		server.url,
+		serverId ?? entry?.[0],
+		serverState,
+		connectedServer?.error
+	]);
+	return /* @__PURE__ */ jsx(McpConnectionRequestContent, { ...props }, actionStateKey);
+}
+function McpConnectionRequestContent({ part, server, reason, mcp, serverId, outcome, onConnect, onDecline, className, ref, ...props }) {
 	const [action, setAction] = React.useState(null);
 	const entry = getMcpServerEntry(server, mcp);
 	const connectedServer = serverId === void 0 ? entry?.[1] : mcp?.servers[serverId];
 	const serverState = connectedServer ? getMcpServerRuntimeState(connectedServer) : void 0;
-	const pendingAction = action && "pending" in action ? action.pending : null;
-	const actionError = action && "error" in action ? action.error : null;
+	const connectionKind = getMcpServerConnectionKind(connectedServer);
+	const pendingAction = action?.status === "pending" ? action.kind : null;
+	const actionError = action?.status === "error" ? action.error : null;
+	const failedAction = action?.status === "error" ? action.kind : null;
 	const toolState = part.state === "output-available" && part.preliminary === true ? "streaming" : getToolPartState(part);
 	const authorizationPending = outcome === "authorization-required" && toolState === "complete";
 	const settled = toolState === "error" || toolState === "denied" || toolState === "complete" && !authorizationPending;
 	const preparing = !settled && (toolState === "streaming" || toolState === "waiting-approval" || toolState === "approved");
-	const ready = serverState === "ready";
+	const ready = connectionKind === "connected";
 	const authorizationFailed = authorizationPending && (serverState === "failed" || serverState === "not-connected" || Boolean(connectedServer?.error) || Boolean(actionError));
 	const authorizing = authorizationPending && !ready && !authorizationFailed;
-	const connecting = !authorizationPending && (pendingAction === "connect" || serverState === "connecting" || serverState === "discovering" || serverState === "connected" && !connectedServer?.error);
-	const reconnect = Boolean(actionError) || serverState === "authenticating" || serverState === "failed" || serverState === "not-connected" || serverState === "connected" && Boolean(connectedServer?.error);
-	const connectionError = actionError ?? connectedServer?.error ?? (serverState === "failed" ? "Connection failed. Reconnect to try again." : authorizationFailed ? "Connection did not complete." : void 0);
+	const connecting = !authorizationPending && (pendingAction === "connect" || connectionKind === "connecting");
+	const reconnect = failedAction === "connect" || connectionKind === "reconnect";
+	const connectionError = actionError ?? connectedServer?.error ?? (serverState === "failed" ? "The connection did not complete." : authorizationFailed ? "Connection did not complete." : void 0);
 	async function runAction(kind, callback) {
 		if (pendingAction) return;
-		setAction({ pending: kind });
+		const nextAction = {
+			kind,
+			status: "pending"
+		};
+		setAction(nextAction);
 		try {
 			await callback();
-			setAction(null);
+			setAction((current) => current === nextAction ? null : current);
 		} catch (error) {
-			setAction({ error: error instanceof Error ? error.message : String(error) });
+			const message = formatErrorMessage(error);
+			setAction((current) => current === nextAction ? {
+				error: message,
+				kind,
+				status: "error"
+			} : current);
 		}
 	}
 	if (settled) {
@@ -61,7 +89,7 @@ function McpConnectionRequest({ part, server, reason, mcp, serverId, outcome, on
 			}) }) : null]
 		});
 	}
-	const title = preparing ? "Preparing connection request" : authorizationFailed ? `Couldn’t connect ${server.name}` : authorizing ? `Authorizing ${server.name}` : connecting ? `Connecting ${server.name}` : ready ? `Connected to ${server.name}` : reconnect ? `Reconnect ${server.name}` : `Connect ${server.name}`;
+	const title = preparing ? "Preparing connection request" : authorizationFailed ? `Couldn’t connect ${server.name}` : authorizing ? `Authorizing ${server.name}` : connecting ? `Connecting ${server.name}` : ready ? `Connected to ${server.name}` : reconnect ? `${server.name} connection needs attention` : `${server.name} connection requested`;
 	const description = preparing ? "Reading assistant request" : authorizationFailed ? "Connection failed" : authorizing ? "The agent is completing sign-in" : connecting ? "Setting up connection" : ready ? "Connection is ready" : reconnect ? "The previous connection needs attention" : "Assistant requested access";
 	const connectLabel = pendingAction === "connect" ? "Connecting…" : ready ? "Continue" : reconnect ? `Reconnect ${server.name}` : `Connect ${server.name}`;
 	return /* @__PURE__ */ jsxs(AgentAttention, {