@mcp-b/react-components 0.44.1 → 0.46.0

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

@@ -1,4 +1,4 @@
-import { o as McpServerCard } from "../../mcp-server-catalog-CCj2ItkV.js";
+import { o as McpServerCard } from "../../mcp-server-catalog-Cbu483Zb.js";
 import * as React from "react";
 import { DynamicToolUIPart, ToolUIPart } from "ai";
 import { MCPServersState } from "agents";

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

@@ -1,10 +1,10 @@
 import { t as cx } from "../../class-names-BiMDVpUo.js";
-import { A as McpIcon, d as CheckIcon, et as WarningIcon, q as SpinnerIcon } from "../../icons-Dw-im7lg.js";
+import { d as CheckIcon, et as WarningIcon, q as SpinnerIcon } from "../../icons-BNEY4gO5.js";
 import { Button } from "../foundations/Button.js";
-import { i as formatErrorMessage } from "../../format-DB2mX9DA.js";
 import { AgentAttention, AgentAttentionActions, AgentAttentionBody, AgentAttentionHeader } from "../ai-sdk/AgentAttention.js";
+import { a as formatErrorMessage } from "../../format-COCyV98Z.js";
+import { r as getMcpServerProjection, t as McpServerIcon } from "../../mcp-server-7NR24ASj.js";
 import { DescriptionList } from "../foundations/DescriptionList.js";
-import { n as getMcpServerProjection } from "../../mcp-server-SD_S-IpB.js";
 import * as React from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { getToolPartState } from "@cloudflare/think/react";
@@ -80,7 +80,10 @@ function McpConnectionRequestContent({ part, server, reason, mcp: _mcp, serverId
 			role: failed ? "alert" : "status",
 			tone: failed ? "attention" : "neutral",
 			children: [/* @__PURE__ */ jsx(AgentAttentionHeader, {
-				icon: failed ? /* @__PURE__ */ jsx(WarningIcon, {}) : outcome === "connected" ? /* @__PURE__ */ jsx(CheckIcon, {}) : /* @__PURE__ */ jsx(McpIcon, {}),
+				icon: failed ? /* @__PURE__ */ jsx(WarningIcon, {}) : outcome === "connected" ? /* @__PURE__ */ jsx(CheckIcon, {}) : /* @__PURE__ */ jsx(McpServerIcon, {
+					server,
+					size: "xs"
+				}),
 				title: failed ? `Couldn’t connect ${server.name}` : declined ? `Skipped connecting ${server.name}` : outcome === "connected" ? `Connected to ${server.name}` : `Connection request completed for ${server.name}`
 			}), error ? /* @__PURE__ */ jsx(AgentAttentionBody, { children: /* @__PURE__ */ jsx("div", {
 				className: "mcp-connection-request__error",
@@ -103,7 +106,10 @@ function McpConnectionRequestContent({ part, server, reason, mcp: _mcp, serverId
 		children: [
 			/* @__PURE__ */ jsx(AgentAttentionHeader, {
 				description,
-				icon: preparing || connecting ? /* @__PURE__ */ jsx(SpinnerIcon, {}) : ready ? /* @__PURE__ */ jsx(CheckIcon, {}) : authorizing ? /* @__PURE__ */ jsx(McpIcon, {}) : reconnect ? /* @__PURE__ */ jsx(WarningIcon, {}) : /* @__PURE__ */ jsx(McpIcon, {}),
+				icon: preparing || connecting ? /* @__PURE__ */ jsx(SpinnerIcon, {}) : ready ? /* @__PURE__ */ jsx(CheckIcon, {}) : reconnect ? /* @__PURE__ */ jsx(WarningIcon, {}) : /* @__PURE__ */ jsx(McpServerIcon, {
+					server,
+					size: "xs"
+				}),
 				title
 			}),
 			/* @__PURE__ */ jsxs(AgentAttentionBody, {

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

@@ -1,2 +1,2 @@
-import { n as McpConnectorFormProps, r as McpConnectorFormValues, t as McpConnectorForm } from "../../McpConnectorForm-MRm1r59e.js";
+import { n as McpConnectorFormProps, r as McpConnectorFormValues, t as McpConnectorForm } from "../../McpConnectorForm-BETdVBRk.js";
 export { McpConnectorForm, McpConnectorFormProps, McpConnectorFormValues };

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

@@ -1,9 +1,9 @@
 import { CUSTOM_MCP_SERVER_CARD } from "../../utils/mcp-server-catalog.js";
 import { t as cx } from "../../class-names-BiMDVpUo.js";
 import { Button } from "../foundations/Button.js";
-import { i as formatErrorMessage } from "../../format-DB2mX9DA.js";
 import { Field } from "../foundations/Field.js";
 import { Form } from "../foundations/Form.js";
+import { a as formatErrorMessage } from "../../format-COCyV98Z.js";
 import { Fieldset } from "../foundations/Fieldset.js";
 import * as React from "react";
 import { jsx, jsxs } from "react/jsx-runtime";

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

@@ -1,2 +1,2 @@
-import { a as McpPluginDetailsDialogProps, i as McpPluginDetailsDialog, n as McpPluginCatalogProps, r as McpPluginDetails, t as McpPluginCatalog } from "../../McpPluginCatalog-mbGw8FTu.js";
+import { a as McpPluginDetailsDialogProps, i as McpPluginDetailsDialog, n as McpPluginCatalogProps, r as McpPluginDetails, t as McpPluginCatalog } from "../../McpPluginCatalog-C6ip9IvL.js";
 export { McpPluginCatalog, McpPluginCatalogProps, McpPluginDetails, McpPluginDetailsDialog, McpPluginDetailsDialogProps };

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

@@ -1,14 +1,14 @@
 import { CUSTOM_MCP_SERVER_CARD } from "../../utils/mcp-server-catalog.js";
 import { t as cx } from "../../class-names-BiMDVpUo.js";
-import { V as PlusIcon, et as WarningIcon, nt as XIcon, o as ArrowUpRightIcon, q as SpinnerIcon, y as EllipsisIcon } from "../../icons-Dw-im7lg.js";
+import { V as PlusIcon, et as WarningIcon, nt as XIcon, o as ArrowUpRightIcon, q as SpinnerIcon, y as EllipsisIcon } from "../../icons-BNEY4gO5.js";
 import { Button } from "../foundations/Button.js";
+import { AgentAttention, AgentAttentionBody, AgentAttentionHeader } from "../ai-sdk/AgentAttention.js";
 import { IconButton } from "../foundations/IconButton.js";
 import { Dialog } from "../foundations/Dialog.js";
-import { i as formatErrorMessage } from "../../format-DB2mX9DA.js";
-import { Separator } from "../foundations/Separator.js";
-import { AgentAttention, AgentAttentionBody, AgentAttentionHeader } from "../ai-sdk/AgentAttention.js";
+import { a as formatErrorMessage } from "../../format-COCyV98Z.js";
 import { AppIcon } from "../foundations/AppIcon.js";
-import { n as getMcpServerProjection, t as McpServerIcon } from "../../mcp-server-SD_S-IpB.js";
+import { r as getMcpServerProjection, t as McpServerIcon } from "../../mcp-server-7NR24ASj.js";
+import { Separator } from "../foundations/Separator.js";
 import { SearchField } from "../foundations/SearchField.js";
 import { McpServerSetupDialog } from "./McpServerPicker.js";
 import * as React from "react";
@@ -129,6 +129,7 @@ function McpPluginCatalog({ servers, mcp, detailsByServerId, featuredServerIds =
 /** Reference-derived plugin detail surface without a parallel install state. */
 function McpPluginDetailsDialog({ server, details, mcp, brandName = "your AI", brandLogo = /* @__PURE__ */ jsx("img", {
 	alt: "",
+	className: "sigvelo-brand-mark sigvelo-brand-mark--colorful",
 	src: new URL("../../assets/think-browser-host.png", import.meta.url).href,
 	width: 128,
 	height: 128
@@ -175,7 +176,7 @@ function McpPluginDetailsDialog({ server, details, mcp, brandName = "your AI", b
 							/* @__PURE__ */ jsx(Separator, { orientation: "vertical" }),
 							/* @__PURE__ */ jsx(AppIcon.Root, {
 								size: "xl",
-								variant: "contrast",
+								variant: "surface",
 								children: brandLogo
 							})
 						]
@@ -223,7 +224,10 @@ function McpPluginCard({ server, details, mcp, onSelect }) {
 			size: "xl",
 			variant: "ghost",
 			onClick: onSelect,
-			children: [/* @__PURE__ */ jsx(McpServerIcon, { server }), /* @__PURE__ */ jsxs("span", {
+			children: [/* @__PURE__ */ jsx(McpServerIcon, {
+				server,
+				size: "md"
+			}), /* @__PURE__ */ jsxs("span", {
 				className: "mcp-plugin-catalog__card-copy",
 				children: [/* @__PURE__ */ jsx("span", {
 					className: "mcp-plugin-catalog__card-name sigvelo-truncate",

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

@@ -1,6 +1,6 @@
 import { s as MenuItemProps, t as Menu } from "../../Menu-yb6QXWA3.js";
-import { o as McpServerCard } from "../../mcp-server-catalog-CCj2ItkV.js";
-import { n as McpConnectorFormProps } from "../../McpConnectorForm-MRm1r59e.js";
+import { o as McpServerCard } from "../../mcp-server-catalog-Cbu483Zb.js";
+import { n as McpConnectorFormProps } from "../../McpConnectorForm-BETdVBRk.js";
 import { l as DialogProps } from "../../Dialog-B_FhRWaz.js";
 import * as React from "react";
 import { MCPServersState } from "agents";

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

@@ -1,11 +1,11 @@
 import { n as mergeBaseClassName } from "../../class-names-BiMDVpUo.js";
-import { N as MinusIcon, d as CheckIcon, et as WarningIcon, q as SpinnerIcon } from "../../icons-Dw-im7lg.js";
+import { N as MinusIcon, d as CheckIcon, et as WarningIcon, q as SpinnerIcon } from "../../icons-BNEY4gO5.js";
 import { buttonVariants } from "../foundations/Button.js";
-import { Dialog } from "../foundations/Dialog.js";
-import { i as formatErrorMessage } from "../../format-DB2mX9DA.js";
 import { Menu } from "../foundations/Menu.js";
+import { Dialog } from "../foundations/Dialog.js";
+import { a as formatErrorMessage } from "../../format-COCyV98Z.js";
+import { r as getMcpServerProjection, t as McpServerIcon } from "../../mcp-server-7NR24ASj.js";
 import { PromptInputActionMenu, PromptInputActionMenuContent, PromptInputActionMenuTrigger } from "../ai-sdk/PromptInput.js";
-import { n as getMcpServerProjection, t as McpServerIcon } from "../../mcp-server-SD_S-IpB.js";
 import { McpConnectorForm } from "./McpConnectorForm.js";
 import * as React from "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";

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

@@ -1,13 +1,13 @@
 import { t as cx } from "../../class-names-BiMDVpUo.js";
-import { W as SearchIcon, f as ChevronDownIcon } from "../../icons-Dw-im7lg.js";
+import { W as SearchIcon, f as ChevronDownIcon } from "../../icons-BNEY4gO5.js";
 import { Button } from "../foundations/Button.js";
+import { Autocomplete } from "../foundations/Autocomplete.js";
 import { Dialog } from "../foundations/Dialog.js";
-import { o as titleCase } from "../../format-DB2mX9DA.js";
+import { c as titleCase } from "../../format-COCyV98Z.js";
 import { Separator } from "../foundations/Separator.js";
-import { EmptyState } from "../foundations/EmptyState.js";
 import { ScrollArea } from "../foundations/ScrollArea.js";
-import { Autocomplete } from "../foundations/Autocomplete.js";
-import { t as ProviderLogo } from "../../provider-logos-zjZycgV6.js";
+import { t as ProviderLogo } from "../../provider-logos-DWYY8wNz.js";
+import { EmptyState } from "../foundations/EmptyState.js";
 import * as React from "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { createPortal } from "react-dom";

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

@@ -1,6 +1,6 @@
 import { t as cx } from "../../class-names-BiMDVpUo.js";
-import { ThinkExecutionApproval, ThinkPendingApproval, getPausedExecution } from "./ThinkPendingApproval.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";

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

@@ -1,4 +1,5 @@
-import { D as PromptInputCommandDefinition } from "../../PromptInput-BRX7FhjH.js";
+import { D as PromptInputCommandDefinition } from "../../PromptInput-DtJHyp0S.js";
+import { ConversationTabPickerItem } from "../extension/ConversationTabPicker.js";
 import { MCPServersState } from "agents";
 import { SkillDescriptor } from "agents/skills";
 
@@ -7,5 +8,7 @@ import { SkillDescriptor } from "agents/skills";
 declare function mcpPromptInputCommands(mcp: MCPServersState): PromptInputCommandDefinition[];
 /** Project whole upstream skill descriptors into composer slash commands. */
 declare function skillPromptInputCommands(skills: readonly SkillDescriptor[]): PromptInputCommandDefinition[];
+/** Project host-resolved browser tabs into composer `@` mentions. */
+declare function tabPromptInputCommands(tabs: readonly ConversationTabPickerItem[]): PromptInputCommandDefinition[];
 //#endregion
-export { mcpPromptInputCommands, skillPromptInputCommands };
+export { mcpPromptInputCommands, skillPromptInputCommands, tabPromptInputCommands };

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

@@ -1,6 +1,43 @@
-import { A as McpIcon, c as BoxIcon } from "../../icons-Dw-im7lg.js";
+import { composerLinkHref } from "../../utils/composer-link.js";
+import { getMcpServerIconSrc } from "../../utils/mcp-server-catalog.js";
+import { A as McpIcon, c as BoxIcon } from "../../icons-BNEY4gO5.js";
+import { n as findCatalogMcpServerCard } from "../../mcp-server-7NR24ASj.js";
 import { jsx } from "react/jsx-runtime";
 //#region src/components/agents-sdk/PromptInputCommands.tsx
+function mcpServerCommandIcon(server) {
+	const card = findCatalogMcpServerCard({
+		id: server.name,
+		name: server.name,
+		url: server.server_url
+	});
+	const src = card ? getMcpServerIconSrc(card) : void 0;
+	if (!src) return /* @__PURE__ */ jsx(McpIcon, {});
+	return /* @__PURE__ */ jsx("img", {
+		alt: "",
+		className: "sigvelo-brand-mark sigvelo-brand-mark--colorful",
+		decoding: "async",
+		referrerPolicy: "no-referrer",
+		src
+	});
+}
+function mcpServerIconSrc(server) {
+	const card = findCatalogMcpServerCard({
+		id: server.name,
+		name: server.name,
+		url: server.server_url
+	});
+	return card ? getMcpServerIconSrc(card) : void 0;
+}
+function tabCommandLabel(tab) {
+	const title = tab.title?.trim();
+	if (title) return title;
+	if (!tab.url) return `Tab ${tab.id}`;
+	try {
+		return new URL(tab.url).hostname.replace(/^www\./, "") || tab.url;
+	} catch {
+		return tab.url;
+	}
+}
 /** Project whole upstream Agents MCP state into composer mention commands. */
 function mcpPromptInputCommands(mcp) {
 	return Object.entries(mcp.servers).flatMap(([id, server]) => server.state === "ready" ? [{
@@ -8,7 +45,14 @@ function mcpPromptInputCommands(mcp) {
 		value: id,
 		label: server.name,
 		description: server.server_url,
-		icon: /* @__PURE__ */ jsx(McpIcon, {}),
+		icon: mcpServerCommandIcon(server),
+		iconSrc: mcpServerIconSrc(server),
+		href: composerLinkHref({
+			kind: "mcp",
+			value: id,
+			label: server.name,
+			iconSrc: mcpServerIconSrc(server)
+		}),
 		keywords: [id, server.server_url],
 		group: "Connected MCP servers",
 		meta: "Connected"
@@ -21,6 +65,11 @@ function skillPromptInputCommands(skills) {
 		value: skill.name,
 		label: skill.name,
 		description: skill.description,
+		href: composerLinkHref({
+			kind: "skill",
+			value: skill.name,
+			label: skill.name
+		}),
 		icon: /* @__PURE__ */ jsx(BoxIcon, {}),
 		...skill.sourceId ? {
 			keywords: [skill.sourceId],
@@ -29,5 +78,34 @@ function skillPromptInputCommands(skills) {
 		group: "Skills"
 	}));
 }
+/** Project host-resolved browser tabs into composer `@` mentions. */
+function tabPromptInputCommands(tabs) {
+	return tabs.map((tab) => {
+		const label = tabCommandLabel(tab);
+		const value = String(tab.id);
+		return {
+			id: `tab:${value}`,
+			value,
+			label,
+			description: tab.url,
+			iconSrc: tab.iconSrc,
+			href: composerLinkHref({
+				kind: "tab",
+				value,
+				label,
+				iconSrc: tab.iconSrc
+			}),
+			icon: tab.iconSrc ? /* @__PURE__ */ jsx("img", {
+				alt: "",
+				className: "sigvelo-brand-mark sigvelo-brand-mark--colorful",
+				decoding: "async",
+				referrerPolicy: "no-referrer",
+				src: tab.iconSrc
+			}) : void 0,
+			keywords: [tab.url, tab.title].filter((term) => Boolean(term)),
+			group: "Tabs"
+		};
+	});
+}
 //#endregion
-export { mcpPromptInputCommands, skillPromptInputCommands };
+export { mcpPromptInputCommands, skillPromptInputCommands, tabPromptInputCommands };

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

@@ -1,5 +1,5 @@
 import { t as cx } from "../../class-names-BiMDVpUo.js";
-import { n as clamp } from "../../format-DB2mX9DA.js";
+import { n as clamp } from "../../format-COCyV98Z.js";
 import { Progress } from "../foundations/Progress.js";
 import * as React from "react";
 import { jsx, jsxs } from "react/jsx-runtime";

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

@@ -3,8 +3,15 @@ import { AgentToolRunPart, AgentToolRunState } from "agents/agent-tools";
 
 //#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;
+/**
+ * One line of status for a retained run, derived from upstream's whole
+ * record: the latest progress report or streamed text while it runs, the
+ * report's first line once it finished, the failure otherwise. Rendered under
+ * the run's name wherever the run labels itself, and as its tooltip. Every
+ * source is cut in one place here, because a host's progress message, error,
+ * and report are all unbounded prose.
+ */
+declare function getSubagentRunStatusText(run: AgentToolRunState): string;
 interface SubagentRunIndicatorProps<Part extends AgentToolRunPart = AgentToolRunPart> extends Omit<React.HTMLAttributes<HTMLSpanElement>, "children"> {
   /** Complete retained-run state returned by `useAgentToolEvents()`. */
   run: AgentToolRunState<Part>;
@@ -18,5 +25,16 @@ declare function SubagentRunIndicator<Part extends AgentToolRunPart = AgentToolR
 }: SubagentRunIndicatorProps<Part> & {
   ref?: React.Ref<HTMLSpanElement>;
 }): React.JSX.Element;
+/**
+ * How a run labels itself anywhere it appears: its Nanite, its name over its
+ * live status line, and its status mark. The selector chip and the drill-in's
+ * top bar share this so what a person clicks and what they land on read the
+ * same. The caller owns the surrounding row (a link, a bar title).
+ */
+declare function SubagentRunLabel<Part extends AgentToolRunPart = AgentToolRunPart>({
+  run
+}: {
+  /** Complete retained-run state returned by `useAgentToolEvents()`. */run: AgentToolRunState<Part>;
+}): React.JSX.Element;
 //#endregion
-export { SubagentRunIndicator, SubagentRunIndicatorProps, getSubagentRunName, getSubagentRunTooltip };
+export { SubagentRunIndicator, SubagentRunIndicatorProps, SubagentRunLabel, getSubagentRunName, getSubagentRunStatusText };

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

@@ -1,21 +1,48 @@
 import { t as cx } from "../../class-names-BiMDVpUo.js";
-import { Y as StopIcon, d as CheckIcon, et as WarningIcon, q as SpinnerIcon } from "../../icons-Dw-im7lg.js";
+import { Y as StopIcon, d as CheckIcon, et as WarningIcon, q as SpinnerIcon } from "../../icons-BNEY4gO5.js";
+import { r as firstLine, s as textLines } from "../../format-COCyV98Z.js";
+import { NaniteMark } from "../nanites/NaniteScene.js";
 import "react";
-import { jsx } from "react/jsx-runtime";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/agents-sdk/SubagentRunIndicator.tsx
 function getSubagentRunName(run) {
 	return run.display?.name ?? run.agentType;
 }
-/** Human-readable detail for a retained run selector's tooltip. */
-function getSubagentRunTooltip(run) {
+/**
+* The last thing the child said, read off the run's live stream projection —
+* what a running run shows before (or between) its progress reports. The
+* projection's part type only guarantees `type`, so the text is narrowed here
+* rather than assumed.
+*/
+function lastStreamedLine(run) {
+	for (let index = run.parts.length - 1; index >= 0; index -= 1) {
+		const part = run.parts[index];
+		if (part.type !== "text" || !("text" in part) || typeof part.text !== "string") continue;
+		const line = textLines(part.text).at(-1);
+		if (line) return line;
+	}
+}
+/** Where a run's status line comes from, before it is cut to one line. */
+function statusSource(run) {
 	switch (run.status) {
-		case "running": return run.progress?.message ?? run.progress?.phase ?? "Running";
+		case "running": return run.progress?.message ?? run.progress?.phase ?? lastStreamedLine(run) ?? "Running";
 		case "completed": return run.summary ?? "Completed";
 		case "error": return run.error ?? "Agent run failed";
 		case "aborted": return run.error ?? "Agent run stopped";
 		case "interrupted": return run.error ?? (run.childStillRunning ? "Interrupted · agent may still be running" : "Interrupted");
 	}
 }
+/**
+* One line of status for a retained run, derived from upstream's whole
+* record: the latest progress report or streamed text while it runs, the
+* report's first line once it finished, the failure otherwise. Rendered under
+* the run's name wherever the run labels itself, and as its tooltip. Every
+* source is cut in one place here, because a host's progress message, error,
+* and report are all unbounded prose.
+*/
+function getSubagentRunStatusText(run) {
+	return firstLine(statusSource(run));
+}
 /** Decorative status mark derived from a whole upstream retained-run record. */
 function SubagentRunIndicator({ className, run, ref, ...props }) {
 	const icon = run.status === "running" ? /* @__PURE__ */ jsx(SpinnerIcon, {}) : run.status === "completed" ? /* @__PURE__ */ jsx(CheckIcon, {}) : run.status === "aborted" ? /* @__PURE__ */ jsx(StopIcon, {}) : /* @__PURE__ */ jsx(WarningIcon, {});
@@ -29,5 +56,28 @@ function SubagentRunIndicator({ className, run, ref, ...props }) {
 		children: icon
 	});
 }
+/**
+* How a run labels itself anywhere it appears: its Nanite, its name over its
+* live status line, and its status mark. The selector chip and the drill-in's
+* top bar share this so what a person clicks and what they land on read the
+* same. The caller owns the surrounding row (a link, a bar title).
+*/
+function SubagentRunLabel({ run }) {
+	return /* @__PURE__ */ jsxs(Fragment, { children: [
+		/* @__PURE__ */ jsx(NaniteMark, { index: run.order }),
+		/* @__PURE__ */ jsxs("span", {
+			className: "subagent-run__text",
+			"data-status": run.status,
+			children: [/* @__PURE__ */ jsx("span", {
+				className: "subagent-run__title sigvelo-truncate",
+				children: getSubagentRunName(run)
+			}), /* @__PURE__ */ jsx("span", {
+				className: "subagent-run__status sigvelo-truncate",
+				children: getSubagentRunStatusText(run)
+			})]
+		}),
+		/* @__PURE__ */ jsx(SubagentRunIndicator, { run })
+	] });
+}
 //#endregion
-export { SubagentRunIndicator, getSubagentRunName, getSubagentRunTooltip };
+export { SubagentRunIndicator, SubagentRunLabel, getSubagentRunName, getSubagentRunStatusText };

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

@@ -2,8 +2,7 @@ import { t as cx } from "../../class-names-BiMDVpUo.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 { NaniteMark } from "../nanites/NaniteScene.js";
+import { SubagentRunLabel, getSubagentRunName, getSubagentRunStatusText } from "./SubagentRunIndicator.js";
 import "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/agents-sdk/SubagentRunSelector.tsx
@@ -19,10 +18,11 @@ import { jsx, jsxs } from "react/jsx-runtime";
 */
 function SubagentRunSelector({ className, render, run, tooltip, ref, "aria-label": ariaLabel, ...props }) {
 	const name = getSubagentRunName(run);
-	const link = /* @__PURE__ */ jsxs(NavigationLink, {
+	const link = /* @__PURE__ */ jsx(NavigationLink, {
 		ref,
 		render,
 		"data-slot": "subagent-run-selector",
+		"data-status": run.status,
 		className: cx(buttonVariants({
 			variant: "ghost",
 			color: "neutral",
@@ -30,16 +30,9 @@ function SubagentRunSelector({ className, render, run, tooltip, ref, "aria-label
 		}), "subagent-run__selector", className),
 		"aria-label": ariaLabel ?? `Open ${name}, ${run.status}`,
 		...props,
-		children: [
-			/* @__PURE__ */ jsx(NaniteMark, { index: run.order }),
-			/* @__PURE__ */ jsx("span", {
-				className: "subagent-run__title sigvelo-truncate",
-				children: name
-			}),
-			/* @__PURE__ */ jsx(SubagentRunIndicator, { run })
-		]
+		children: /* @__PURE__ */ jsx(SubagentRunLabel, { run })
 	});
-	const tooltipContent = tooltip === false ? null : tooltip ?? getSubagentRunTooltip(run);
+	const tooltipContent = tooltip === false ? null : tooltip ?? getSubagentRunStatusText(run);
 	if (!tooltipContent) return link;
 	return /* @__PURE__ */ jsxs(Tooltip.Root, { children: [/* @__PURE__ */ jsx(Tooltip.Trigger, {
 		render: link,

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

@@ -1,9 +1,9 @@
 import { i as AgentMessageRenderPartContext } from "../../AgentMessageParts-C7L-Mv9U.js";
-import { K as PromptInputMessage } from "../../PromptInput-BRX7FhjH.js";
-import { r as AgentChatProps } from "../../AgentChat-Bibfj7u1.js";
-import { n as AgentToolEventsValue } from "../../AgentToolRunsContext-daY67hFM.js";
+import { K as PromptInputMessage } from "../../PromptInput-DtJHyp0S.js";
+import { r as AgentChatProps } from "../../AgentChat-BLmQghkt.js";
+import { n as AgentToolEventsValue } from "../../AgentToolRunsContext-jtmveaRE.js";
 import { o as UseSessionCompactionResult } from "../../SessionCompaction-CmTJFpzj.js";
-import { o as createThinkChatActivityRenderer, r as ThinkChatActivityRendererOptions, t as ThinkChatActivity } from "../../ThinkChatActivity-CgvmTXXB.js";
+import { o as createThinkChatActivityRenderer, r as ThinkChatActivityRendererOptions, t as ThinkChatActivity } from "../../ThinkChatActivity-B3lGVS-6.js";
 import { i as ThinkChatValue } from "../../ThinkChatContext-COIgzkYp.js";
 import { t as ThinkRecoveryNotice } from "../../ThinkRecoveryNotice-DGWr94rk.js";
 import { n as WorkspaceHtmlArtifactRenderer } from "../../WorkspaceMessageResponse-D66ty4FO.js";
@@ -124,7 +124,6 @@ declare function ThinkChatRoot<State = unknown, MessageT extends UIMessage = UIM
  * card) — see README "App-specific tools" and the Custom Tool Panel story.
  */
 declare function ThinkChatMessages<State = unknown, MessageT extends UIMessage = UIMessage>({
-  composerHeader,
   draft,
   loading,
   renderPart,

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

@@ -1,2 +1,2 @@
-import { a as thinkPendingExecutionApprovalsQueryOptions, i as ThinkChatRoot, n as ThinkChatMessages, o as useThinkChat, r as ThinkChatProvider, s as useThinkPendingExecutionApprovals, t as ThinkChat } from "../../ThinkChat-BES_3Mb-.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-qztQ6Clo.js";
 export { ThinkChat, ThinkChatMessages, ThinkChatProvider, ThinkChatRoot, thinkPendingExecutionApprovalsQueryOptions, useThinkChat, useThinkPendingExecutionApprovals };

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

@@ -1,2 +1,2 @@
-import { a as ThinkChatToolRenderers, i as ThinkChatToolRenderer, n as ThinkChatActivityProps, o as createThinkChatActivityRenderer, r as ThinkChatActivityRendererOptions, s as renderThinkChatActivityPart, t as ThinkChatActivity } from "../../ThinkChatActivity-CgvmTXXB.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-B3lGVS-6.js";
 export { ThinkChatActivity, ThinkChatActivityProps, ThinkChatActivityRendererOptions, ThinkChatToolRenderer, ThinkChatToolRenderers, createThinkChatActivityRenderer, renderThinkChatActivityPart };

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

@@ -1,9 +1,9 @@
-import { AgentActivityFavicon, AgentActivityIcon } from "./AgentActivity.js";
-import { Button } from "../foundations/Button.js";
-import { MessageResponse } from "../ai-sdk/Message.js";
 import { useExpansionState } from "../ai-sdk/ExpansionState.js";
 import { Activity, ActivityContent, ActivityItem, ActivityItemGroup, ActivityText, ActivityTrigger } from "../ai-sdk/Activity.js";
+import { Button } from "../foundations/Button.js";
+import { MessageResponse } from "../ai-sdk/Message.js";
 import { useOptionalAgentToolRuns } from "./AgentToolRunsContext.js";
+import { AgentActivityFavicon, AgentActivityIcon } from "./AgentActivity.js";
 import { SubagentRunList } from "./SubagentRunList.js";
 import { useOptionalThinkChatLive } from "./ThinkChatContext.js";
 import { isBrowserToolPart, isExecuteToolPart, isFetchToolPart, isPartWorking, isSessionContextToolPart, isSkillToolPart, isThinkChatActivityPart, isWorkspaceToolPart } from "./ThinkChatToolParts.js";

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

@@ -1,4 +1,4 @@
-import { t as capitalize } from "../../format-DB2mX9DA.js";
+import { t as capitalize } from "../../format-COCyV98Z.js";
 import { getToolDisplayName } from "../ai-sdk/ToolPart.js";
 import { t as summarizeToolInput } from "../../summarize-tool-input-CqTcGRYy.js";
 import { displayUrl, isBrowserToolPart, isExecuteToolPart, isFetchToolPart, isPartFailed, isPartWorking, isSessionContextToolFailure, isSessionContextToolPart, isSkillToolPart, isWorkspaceToolPart } from "./ThinkChatToolParts.js";

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

@@ -1,8 +1,8 @@
-import { a as formatUnknownValue } from "../../format-DB2mX9DA.js";
 import { ActivityOutput, ActivityPanel } from "../ai-sdk/Activity.js";
 import { Tabs } from "../foundations/Tabs.js";
+import { o as formatUnknownValue } from "../../format-COCyV98Z.js";
+import { t as CodeBlock } from "../../CodeBlock-BpooTofO.js";
 import { BrowserLiveView } from "./BrowserLiveView.js";
-import { t as CodeBlock } from "../../CodeBlock-Dl7a3Wqo.js";
 import { inferWorkspaceLanguage } from "./WorkspaceFile.js";
 import { displayUrl, isSessionContextToolFailure } from "./ThinkChatToolParts.js";
 import * as React from "react";

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

@@ -1,9 +1,9 @@
 import { t as cx } from "../../class-names-BiMDVpUo.js";
-import { S as FileIcon, T as InfoIcon } from "../../icons-Dw-im7lg.js";
-import { a as formatUnknownValue } from "../../format-DB2mX9DA.js";
+import { S as FileIcon, T as InfoIcon } from "../../icons-BNEY4gO5.js";
 import { Activity, ActivityContent, ActivityItemGroup, ActivityOutput, ActivityTrigger } from "../ai-sdk/Activity.js";
-import { EmptyState } from "../foundations/EmptyState.js";
+import { o as formatUnknownValue } from "../../format-COCyV98Z.js";
 import { DescriptionList } from "../foundations/DescriptionList.js";
+import { EmptyState } from "../foundations/EmptyState.js";
 import { formatThinkExecutionTimestamp, getThinkExecutionRunError, getThinkExecutionRunId, getThinkExecutionRunKindLabel, getThinkExecutionRunProgressedAt, getThinkExecutionRunProgressedLabel, getThinkExecutionRunTitle, isThinkSubmissionRun } from "./ThinkExecutionRun.js";
 import { ThinkExecutionStatus } from "./ThinkExecutionStatus.js";
 import "react";

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

@@ -1,4 +1,4 @@
-import { t as capitalize } from "../../format-DB2mX9DA.js";
+import { t as capitalize } from "../../format-COCyV98Z.js";
 //#region src/components/agents-sdk/ThinkExecutionRun.ts
 /** Narrows the direct upstream execution union without wrapping either record. */
 function isThinkSubmissionRun(run) {

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

@@ -1,5 +1,5 @@
 import { t as cx } from "../../class-names-BiMDVpUo.js";
-import { R as PauseIcon, T as InfoIcon, d as CheckIcon, nt as XIcon, q as SpinnerIcon } from "../../icons-Dw-im7lg.js";
+import { R as PauseIcon, T as InfoIcon, d as CheckIcon, nt as XIcon, q as SpinnerIcon } from "../../icons-BNEY4gO5.js";
 import { Tooltip } from "../foundations/Tooltip.js";
 import { formatThinkExecutionRunProgress, formatThinkExecutionStatus, getThinkExecutionRunKindLabel, getThinkExecutionRunStatus, getThinkExecutionRunStatusTone, getThinkExecutionRunTitle } from "./ThinkExecutionRun.js";
 import "react";

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

@@ -1,11 +1,11 @@
 import { t as cx } from "../../class-names-BiMDVpUo.js";
-import { U as RefreshIcon, et as WarningIcon, r as ArrowLeftIcon, y as EllipsisIcon } from "../../icons-Dw-im7lg.js";
+import { U as RefreshIcon, et as WarningIcon, r as ArrowLeftIcon, y as EllipsisIcon } from "../../icons-BNEY4gO5.js";
 import { buttonVariants } from "../foundations/Button.js";
 import { IconButton } from "../foundations/IconButton.js";
-import { i as formatErrorMessage } from "../../format-DB2mX9DA.js";
-import { EmptyState } from "../foundations/EmptyState.js";
 import { Menu } from "../foundations/Menu.js";
+import { a as formatErrorMessage } from "../../format-COCyV98Z.js";
 import { t as NavigationLink } from "../../navigation-link-kqMa81v5.js";
+import { EmptyState } from "../foundations/EmptyState.js";
 import { AppTopBar } from "../general-purpose/AppTopBar.js";
 import { getThinkExecutionRunAccessibleName, getThinkExecutionRunId, getThinkExecutionRunStatus, getThinkExecutionRunStatusTone, isThinkSubmissionRun } from "./ThinkExecutionRun.js";
 import { ThinkExecutionRunSummary } from "./ThinkExecutionStatus.js";