@mcp-b/react-components 0.29.0 → 0.30.1

package/dist/{WorkspaceFileView-CKEmUyeT.js → WorkspaceFileView-BeUpr6TU.js}

@@ -1,13 +1,11 @@
-import { buttonVariants } from "./components/Button.js";
-import { A as MaximizeIcon, d as CheckIcon, h as CodeIcon, rt as XIcon, tt as WarningIcon, x as EyeIcon, y as DownloadIcon } from "./icons-B4mGvCvc.js";
-import { t as NavigationLink } from "./navigation-link-Cob7KBlM.js";
-import { c as useWorkspaceNavigationContext, s as useWorkspaceNavigationRestoration } from "./WorkspaceLink-BYYeTQLf.js";
-import { r as formatClock } from "./format-S6uWyoSb.js";
-import { f as MessageResponse, m as createWorkspaceRehypePlugins } from "./Message-BF6SiKKL.js";
-import { a as CodeBlockCopyButton, i as CodeBlockContent, r as CodeBlockContainer, t as CodeBlock } from "./CodeBlock-BUfEhDia.js";
-import { AppTopBar } from "./components/AppTopBar.js";
-import { inferWorkspaceLanguage, inferWorkspaceMedia, isWorkspaceMarkdownPath, isWorkspaceSkillPath, parseWorkspaceSkill } from "./components/WorkspaceFile.js";
-import { WorkspaceHeader } from "./components/WorkspaceHeader.js";
+import { A as MaximizeIcon, d as CheckIcon, h as CodeIcon, r as ArrowLeftIcon, tt as WarningIcon, x as EyeIcon, y as DownloadIcon } from "./icons-B4mGvCvc.js";
+import { r as formatClock } from "./format-CmopcfqJ.js";
+import { a as CodeBlockCopyButton, i as CodeBlockContent, r as CodeBlockContainer, t as CodeBlock } from "./CodeBlock-B5I7wje1.js";
+import { inferWorkspaceLanguage, inferWorkspaceMedia, isWorkspaceMarkdownPath, isWorkspaceSkillPath, parseWorkspaceSkill } from "./components/agents-sdk/WorkspaceFile.js";
+import { c as useWorkspaceNavigationContext, s as useWorkspaceNavigationRestoration } from "./WorkspaceLink-DZeLe_jN.js";
+import { n as createWorkspaceRehypePlugins, t as WorkspaceMessageResponse } from "./WorkspaceMessageResponse-BWbkIELl.js";
+import { AppTopBar } from "./components/general-purpose/AppTopBar.js";
+import { WorkspaceHeader } from "./components/agents-sdk/WorkspaceHeader.js";
 import * as React from "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { defaultRehypePlugins } from "streamdown";
@@ -461,7 +459,7 @@ function WorkspaceMediaPreview(props) {
 	});
 }
 //#endregion
-//#region src/components/WorkspaceFileView.tsx
+//#region src/components/agents-sdk/WorkspaceFileView.tsx
 function createFileViewRehypePlugins(workspace) {
 	return [...workspace ? createWorkspaceRehypePlugins(workspace.root, workspace.base) : Object.values(defaultRehypePlugins), rehypeSlug];
 }
@@ -555,22 +553,13 @@ function WorkspaceFileView({ appearance = "contained", file, path, isLoading, is
 		downloadUrl: assetUrl.downloadUrl,
 		allowOpen: media?.mimeType !== "image/svg+xml"
 	}) : null;
-	const closeAction = workspaceNavigation ? /* @__PURE__ */ jsx(NavigationLink, {
-		"aria-label": "Close file",
-		className: buttonVariants({
-			color: "neutral",
-			variant: "ghost",
-			size: "sm",
-			className: "workspace-explorer__file-close"
-		}),
-		"data-icon-only": "",
-		"data-slot": "button",
-		render: workspaceNavigation.navigation.renderLink({ kind: "files" }),
-		children: /* @__PURE__ */ jsx(XIcon, { "aria-hidden": "true" })
-	}) : null;
 	const headerProps = {
 		path,
-		leading,
+		leading: workspaceNavigation ? /* @__PURE__ */ jsx(AppTopBar.Link, {
+			label: "Back to workspace",
+			render: workspaceNavigation.navigation.renderLink({ kind: "files" }),
+			children: /* @__PURE__ */ jsx(ArrowLeftIcon, { "aria-hidden": "true" })
+		}) : leading,
 		actions: isMarkdown ? /* @__PURE__ */ jsxs(Fragment, { children: [
 			actions,
 			assetActions,
@@ -606,17 +595,13 @@ function WorkspaceFileView({ appearance = "contained", file, path, isLoading, is
 			className: "workspace-explorer__file",
 			"data-appearance": appearance,
 			"data-workspace-restoration-scope": "file",
-			children: [
-				/* @__PURE__ */ jsx(WorkspaceHeader, { ...headerProps }),
-				closeAction,
-				/* @__PURE__ */ jsx("div", {
-					className: "workspace-explorer__empty",
-					"data-workspace-file-content": "",
-					"data-workspace-focus-target": "",
-					role,
-					children: message
-				})
-			]
+			children: [/* @__PURE__ */ jsx(WorkspaceHeader, { ...headerProps }), /* @__PURE__ */ jsx("div", {
+				className: "workspace-explorer__empty",
+				"data-workspace-file-content": "",
+				"data-workspace-focus-target": "",
+				role,
+				children: message
+			})]
 		});
 	}
 	if (file.asset && media && assetUrl.url) return /* @__PURE__ */ jsxs("div", {
@@ -624,23 +609,19 @@ function WorkspaceFileView({ appearance = "contained", file, path, isLoading, is
 		className: "workspace-explorer__file",
 		"data-appearance": appearance,
 		"data-workspace-restoration-scope": "file",
-		children: [
-			/* @__PURE__ */ jsx(WorkspaceHeader, { ...headerProps }),
-			closeAction,
-			/* @__PURE__ */ jsx(WorkspaceMediaPreview, {
-				asset: file.asset,
-				fileName: file.name,
-				media,
-				url: assetUrl.url,
-				downloadUrl: assetUrl.downloadUrl,
-				onScroll: handleScroll
-			})
-		]
+		children: [/* @__PURE__ */ jsx(WorkspaceHeader, { ...headerProps }), /* @__PURE__ */ jsx(WorkspaceMediaPreview, {
+			asset: file.asset,
+			fileName: file.name,
+			media,
+			url: assetUrl.url,
+			downloadUrl: assetUrl.downloadUrl,
+			onScroll: handleScroll
+		})]
 	});
 	if (file.content === null) return null;
 	if (isMarkdown && markdownView === "preview") {
 		const skill = isWorkspaceSkillPath(file.path) ? parseWorkspaceSkill(file.content) : null;
-		const response = /* @__PURE__ */ jsx(MessageResponse, {
+		const response = /* @__PURE__ */ jsx(WorkspaceMessageResponse, {
 			className: "workspace-explorer__markdown-content",
 			components: markdownComponents,
 			mode: "static",
@@ -652,60 +633,56 @@ function WorkspaceFileView({ appearance = "contained", file, path, isLoading, is
 			className: "workspace-explorer__file",
 			"data-appearance": appearance,
 			"data-workspace-restoration-scope": "file",
-			children: [
-				/* @__PURE__ */ jsx(WorkspaceHeader, { ...headerProps }),
-				closeAction,
-				/* @__PURE__ */ jsx("div", {
-					ref: scrollRef,
-					className: "workspace-explorer__markdown-scroll",
-					"data-workspace-file-content": "",
-					"data-workspace-scroll": "",
-					onScroll: handleScroll,
-					children: /* @__PURE__ */ jsxs("article", {
-						className: "workspace-explorer__markdown",
-						children: [skill ? /* @__PURE__ */ jsxs("header", {
-							className: "workspace-explorer__skill",
-							"data-skill-identity": showSkillIdentity ? "" : void 0,
-							children: [
-								showSkillIdentity ? /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx("div", {
-									className: "workspace-explorer__skill-kicker",
-									children: "Agent Skill"
-								}), skill.parsed ? /* @__PURE__ */ jsxs(Fragment, { children: [
-									/* @__PURE__ */ jsx("p", {
-										className: "workspace-explorer__skill-name",
-										children: skill.parsed.properties.name
-									}),
-									/* @__PURE__ */ jsx("p", {
-										className: "workspace-explorer__skill-description",
-										children: skill.parsed.properties.description
-									}),
-									/* @__PURE__ */ jsxs("dl", {
-										className: "workspace-explorer__skill-metadata",
-										children: [skill.parsed.properties.compatibility ? /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx("dt", { children: "Compatibility" }), /* @__PURE__ */ jsx("dd", { children: skill.parsed.properties.compatibility })] }) : null, skill.parsed.properties.allowedTools ? /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx("dt", { children: "Allowed tools" }), /* @__PURE__ */ jsx("dd", { children: skill.parsed.properties.allowedTools })] }) : null]
-									})
-								] }) : null] }) : null,
-								/* @__PURE__ */ jsxs("div", {
-									className: "workspace-explorer__skill-status",
-									"data-invalid": skill.validationErrors.length > 0 ? "" : void 0,
-									children: [skill.validationErrors.length > 0 ? /* @__PURE__ */ jsx(WarningIcon, { "aria-hidden": "true" }) : /* @__PURE__ */ jsx(CheckIcon, { "aria-hidden": "true" }), skill.validationErrors.length > 0 ? `${skill.validationErrors.length.toLocaleString()} validation ${skill.validationErrors.length === 1 ? "issue" : "issues"}` : "Valid Agent Skill"]
+			children: [/* @__PURE__ */ jsx(WorkspaceHeader, { ...headerProps }), /* @__PURE__ */ jsx("div", {
+				ref: scrollRef,
+				className: "workspace-explorer__markdown-scroll",
+				"data-workspace-file-content": "",
+				"data-workspace-scroll": "",
+				onScroll: handleScroll,
+				children: /* @__PURE__ */ jsxs("article", {
+					className: "workspace-explorer__markdown",
+					children: [skill ? /* @__PURE__ */ jsxs("header", {
+						className: "workspace-explorer__skill",
+						"data-skill-identity": showSkillIdentity ? "" : void 0,
+						children: [
+							showSkillIdentity ? /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx("div", {
+								className: "workspace-explorer__skill-kicker",
+								children: "Agent Skill"
+							}), skill.parsed ? /* @__PURE__ */ jsxs(Fragment, { children: [
+								/* @__PURE__ */ jsx("p", {
+									className: "workspace-explorer__skill-name",
+									children: skill.parsed.properties.name
 								}),
-								skill.validationErrors.length > 0 ? /* @__PURE__ */ jsx("ul", {
-									className: "workspace-explorer__skill-errors",
-									children: skill.validationErrors.map((error) => /* @__PURE__ */ jsx("li", { children: error }, error))
-								}) : null
-							]
-						}) : null, response]
-					})
+								/* @__PURE__ */ jsx("p", {
+									className: "workspace-explorer__skill-description",
+									children: skill.parsed.properties.description
+								}),
+								/* @__PURE__ */ jsxs("dl", {
+									className: "workspace-explorer__skill-metadata",
+									children: [skill.parsed.properties.compatibility ? /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx("dt", { children: "Compatibility" }), /* @__PURE__ */ jsx("dd", { children: skill.parsed.properties.compatibility })] }) : null, skill.parsed.properties.allowedTools ? /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx("dt", { children: "Allowed tools" }), /* @__PURE__ */ jsx("dd", { children: skill.parsed.properties.allowedTools })] }) : null]
+								})
+							] }) : null] }) : null,
+							/* @__PURE__ */ jsxs("div", {
+								className: "workspace-explorer__skill-status",
+								"data-invalid": skill.validationErrors.length > 0 ? "" : void 0,
+								children: [skill.validationErrors.length > 0 ? /* @__PURE__ */ jsx(WarningIcon, { "aria-hidden": "true" }) : /* @__PURE__ */ jsx(CheckIcon, { "aria-hidden": "true" }), skill.validationErrors.length > 0 ? `${skill.validationErrors.length.toLocaleString()} validation ${skill.validationErrors.length === 1 ? "issue" : "issues"}` : "Valid Agent Skill"]
+							}),
+							skill.validationErrors.length > 0 ? /* @__PURE__ */ jsx("ul", {
+								className: "workspace-explorer__skill-errors",
+								children: skill.validationErrors.map((error) => /* @__PURE__ */ jsx("li", { children: error }, error))
+							}) : null
+						]
+					}) : null, response]
 				})
-			]
+			})]
 		});
 	}
-	return /* @__PURE__ */ jsxs("div", {
+	return /* @__PURE__ */ jsx("div", {
 		ref: fileViewRef,
 		className: "workspace-explorer__file",
 		"data-appearance": appearance,
 		"data-workspace-restoration-scope": "file",
-		children: [closeAction, /* @__PURE__ */ jsxs(CodeBlock, {
+		children: /* @__PURE__ */ jsxs(CodeBlock, {
 			className: "workspace-explorer__code",
 			code: file.content,
 			"data-workspace-file-content": "",
@@ -724,7 +701,7 @@ function WorkspaceFileView({ appearance = "contained", file, path, isLoading, is
 				onScroll: handleScroll,
 				children: /* @__PURE__ */ jsx(CodeBlockContent, {})
 			})]
-		})]
+		})
 	});
 }
 //#endregion

package/dist/{WorkspaceLink-O-EBKUJ8.d.ts → WorkspaceLink-DQogVe8E.d.ts}

@@ -1,6 +1,6 @@
 import * as React from "react";
 
-//#region src/components/WorkspaceLink.d.ts
+//#region src/components/agents-sdk/WorkspaceLink.d.ts
 type WorkspaceDestination = {
   kind: "files";
 } | {

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-B4mGvCvc.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-B4mGvCvc.js";
+import { ActivityHeader } from "../ai-sdk/Activity.js";
+import { Button } from "../foundations/Button.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 { t as NavigationLink } from "../../navigation-link-kqMa81v5.js";
+import { AppIcon } from "../foundations/AppIcon.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 { ExpansionStateProvider } from "../ai-sdk/ExpansionState.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-B4mGvCvc.js";
+import { Button } from "../foundations/Button.js";
+import { AgentChatMessageEditor } from "../ai-sdk/AgentChatMessageEditor.js";
+import { IconButton } from "../foundations/IconButton.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 { Message, MessageAction, MessageActions } from "../ai-sdk/Message.js";
+import { AgentMessageParts } from "../ai-sdk/AgentMessageParts.js";
+import { Marker, MarkerContent } from "../foundations/Marker.js";
+import { t as CopyButton } from "../../copy-button-4YvddK4e.js";
+import { Context, ContextContent, ContextContentBody, ContextContentHeader, ContextTrigger, getContextUsage, getContextUsedTokens } from "../ai-sdk/Context.js";
+import { VirtualMessageScroller } from "../ai-sdk/MessageScrollerVirtual.js";
+import { EmptyState } from "../foundations/EmptyState.js";
+import { TransitionSurface } from "../foundations/TransitionSurface.js";
+import { PromptInputApproval, getApprovalRequestId, getApprovalStateKey, getPendingToolApprovals } from "./PromptInputApproval.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
+import { isCompactionMessage } from "agents/experimental/memory/utils";
+//#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,