@mcp-b/react-components 0.14.0 → 0.14.2

package/dist/{AgentChat-Cgb1xuT7.d.ts → AgentChat-DQkqt82e.d.ts}

@@ -44,8 +44,7 @@ interface AgentChatProps<MessageT extends UIMessage = UIMessage> {
    * @example Think session compaction setup
    * ```ts
    * import { Think, defaultContextOverflowClassifier } from "@cloudflare/think";
-   * import { Session } from "agents/experimental/memory/session";
-   * import { createCompactFunction } from "agents/experimental/memory/utils";
+   * import { Session, createCompactFunction } from "agents/sessions";
    * import { generateText } from "ai";
    *
    * export class MyAgent extends Think<Env> {
@@ -78,6 +77,8 @@ interface AgentChatProps<MessageT extends UIMessage = UIMessage> {
   status?: ChatStatus;
   /** Called with the composed message when the user submits. Omit for a read-only transcript. */
   onSubmit?: (message: PromptInputMessage) => void | Promise<void>;
+  /** Show the prompt composer. Defaults to whether `onSubmit` is provided. */
+  showComposer?: boolean;
   /** Called when the user hits stop while `status` is streaming/submitted. */
   onStop?: () => void;
   placeholder?: string;
@@ -174,6 +175,7 @@ declare function AgentChat<MessageT extends UIMessage = UIMessage>({
   messages,
   status,
   onSubmit,
+  showComposer,
   onStop,
   placeholder,
   disabled,

package/dist/{ModelSelector-DVgVBdvw.js → ModelSelector-CPCpFAUt.js}

@@ -134,7 +134,11 @@ function readCloudflareModelId(entry) {
 		const modelId = readCatalogString(entry);
 		return modelId && isCloudflareRunnableModelId(modelId) ? modelId : null;
 	}
-	for (const field of ["name", "id"]) {
+	for (const field of [
+		"model_id",
+		"name",
+		"id"
+	]) {
 		const modelId = readCatalogField(entry, field);
 		if (modelId && isCloudflareRunnableModelId(modelId)) return modelId;
 	}
@@ -175,12 +179,17 @@ function normalizeCloudflareModelSelectorModels(models) {
 	return options;
 }
 async function listCloudflareModelSelectorOptions(client, params) {
+	const { account_id, task, per_page = 100 } = params;
 	const models = [];
-	for await (const model of client.ai.models.list(params)) models.push(model);
-	if (params.format !== "openrouter") for await (const model of client.ai.models.list({
-		...params,
-		format: "openrouter"
-	})) models.push(model);
+	for (let page = 1;; page += 1) {
+		const response = await client.get(`/accounts/${account_id}/ai/catalog/models`, { query: {
+			page,
+			per_page
+		} });
+		const pageModels = response.result.filter((model) => !model.private && (!task || model.task === task));
+		models.push(...pageModels);
+		if (response.result.length < per_page) break;
+	}
 	return normalizeCloudflareModelSelectorModels(models);
 }
 function groupCloudflareModelOptions(options) {

package/dist/{ThinkChat-7DQ2CogF.js → ThinkChat-BPcehdbP.js}

@@ -119,7 +119,9 @@ const ThinkChatApprovalsContext = React.createContext(null);
 * The full conversation surface — message list plus composer — with the
 * activity renderer as the default `renderPart`: runs of reasoning/tool parts
 * fold into one collapsed Activity block with derived labels and per-tool
-* panels. Extend for app-specific tools with `toolRenderers` (label/panel
+* panels. Session-generated context/load/search tools are recognized from
+* their upstream runtime schemas and keep their recorded inputs and outputs
+* inspectable. Extend for app-specific tools with `toolRenderers` (label/panel
 * inside the log) or `excludeTools` + your own `renderPart` (standalone
 * card) — see README "App-specific tools" and the Custom Tool Panel story.
 */

package/dist/{ThinkChatActivity-m9orbdeI.d.ts → ThinkChatActivity-BmwuIigx.d.ts}

@@ -1,5 +1,5 @@
-import { a as AgentChatRenderPartContext, r as AgentChatProps } from "./AgentChat-Cgb1xuT7.js";
-import { s as ThinkChatPart } from "./ThinkChatToolParts-Cv4o7j6F.js";
+import { a as AgentChatRenderPartContext, r as AgentChatProps } from "./AgentChat-DQkqt82e.js";
+import { l as ThinkChatPart } from "./ThinkChatToolParts-CDEjqS6A.js";
 import * as React from "react";
 import { DynamicToolUIPart, ToolUIPart, UIMessage } from "ai";
 

package/dist/{ThinkChatToolParts-Cv4o7j6F.d.ts → ThinkChatToolParts-CDEjqS6A.d.ts}

@@ -39,6 +39,55 @@ type SkillUITools = {
 };
 type SkillToolPart = ToolUIPart<SkillUITools>;
 declare function isSkillToolPart(part: ThinkChatPart): part is SkillToolPart;
+type SetContextInput = {
+  label: string;
+  content: string;
+  action?: "replace" | "append";
+  metadata?: {
+    title?: string;
+    description?: string;
+  };
+};
+type SessionContextUITools = {
+  set_context: {
+    input: SetContextInput;
+    output: string;
+  };
+  load_context: {
+    input: {
+      label: string;
+      key: string;
+    };
+    output: string;
+  };
+  unload_context: {
+    input: {
+      label: string;
+      key: string;
+    };
+    output: string;
+  };
+  search_context: {
+    input: {
+      label: string;
+      query: string;
+    };
+    output: string;
+  };
+  session_search: {
+    input: {
+      query: string;
+    };
+    output: string;
+  };
+};
+type SessionContextToolPart = ToolUIPart<SessionContextUITools>;
+type SessionContextToolName = keyof SessionContextUITools;
+declare function isSessionContextToolPart(part: ThinkChatPart): part is SessionContextToolPart;
+/** Session tools report provider failures as successful string outputs so the
+    model can recover. Treat that upstream `Error:` envelope as failed UI while
+    preserving the recorded tool state and output verbatim. */
+declare function isSessionContextToolFailure(part: SessionContextToolPart): boolean;
 type FetchToolInput = {
   url: string;
   path?: never;
@@ -88,4 +137,4 @@ declare function isPartWorking(part: ThinkChatPart): boolean;
 declare function isPartFailed(part: ThinkChatPart): boolean;
 declare function displayUrl(url: string | undefined): string;
 //#endregion
-export { isThinkChatActivityPart as _, ThinkBashToolOutput as a, ThinkWorkspaceToolName as c, isBrowserToolPart as d, isExecuteToolPart as f, isSkillToolPart as g, isPartWorking as h, SkillToolPart as i, WorkspaceToolPart as l, isPartFailed as m, ExecuteToolPart as n, ThinkBashToolPart as o, isFetchToolPart as p, FetchToolPart as r, ThinkChatPart as s, BrowserToolPart as t, displayUrl as u, isWorkspaceToolPart as v };
+export { isWorkspaceToolPart as S, isPartWorking as _, SessionContextToolPart as a, isSkillToolPart as b, ThinkBashToolPart as c, WorkspaceToolPart as d, displayUrl as f, isPartFailed as g, isFetchToolPart as h, SessionContextToolName as i, ThinkChatPart as l, isExecuteToolPart as m, ExecuteToolPart as n, SkillToolPart as o, isBrowserToolPart as p, FetchToolPart as r, ThinkBashToolOutput as s, BrowserToolPart as t, ThinkWorkspaceToolName as u, isSessionContextToolFailure as v, isThinkChatActivityPart as x, isSessionContextToolPart as y };

package/dist/components/AgentChat.d.ts

@@ -1,2 +1,2 @@
-import { a as AgentChatRenderPartContext, i as AgentChatRenderMessageContext, n as AgentChatPart, r as AgentChatProps, t as AgentChat } from "../AgentChat-Cgb1xuT7.js";
+import { a as AgentChatRenderPartContext, i as AgentChatRenderMessageContext, n as AgentChatPart, r as AgentChatProps, t as AgentChat } from "../AgentChat-DQkqt82e.js";
 export { AgentChat, AgentChatPart, AgentChatProps, AgentChatRenderMessageContext, AgentChatRenderPartContext };

package/dist/components/AgentChat.js

@@ -107,11 +107,12 @@ function isStepStartPart(part) {
 /**
 * Session compaction overlay marker from Agents Sessions.
 *
-* Agents exports `isCompactionMessage` from
-* `agents/experimental/memory/utils`; it checks the canonical `compaction_`
+* Agents exports `isCompactionMessage` from `agents/sessions`; it checks the canonical `compaction_`
 * id prefix used when `Session.getHistory()` materializes a summary overlay.
 * `UIMessage` is structurally compatible with the fields the helper reads, so
-* keep this wrapper instead of duplicating the prefix test locally.
+* keep this wrapper instead of duplicating the prefix test locally. The
+* runtime import above stays on the deprecated compatibility path until this
+* package raises its Agents dependency floor to the graduating release.
 */
 function isCompactionMessage$1(message) {
 	return isCompactionMessage(message);
@@ -310,7 +311,7 @@ function renderDefaultPart(part) {
 * transport. Product code that talks to a Cloudflare Think agent should render
 * `ThinkChat`; use this directly only for plain AI SDK or read-only messages.
 */
-function AgentChat({ className, messages, status = "ready", onSubmit, onStop, placeholder = "Ask anything...", disabled, emptyState, composerHeader, composerTools, voiceInput, beforeVoiceStart, composerAddMenuItems, notice, onRegenerate, onEditAndResend, onApprovalResponse, thinkStub, onExecutionSettled, pendingApprovals: durableApprovals = EMPTY_PENDING_APPROVALS, contextWindow, renderPart, renderMessageAfter, ref }) {
+function AgentChat({ className, messages, status = "ready", onSubmit, showComposer = onSubmit !== void 0, onStop, placeholder = "Ask anything...", disabled, emptyState, composerHeader, composerTools, voiceInput, beforeVoiceStart, composerAddMenuItems, notice, onRegenerate, onEditAndResend, onApprovalResponse, thinkStub, onExecutionSettled, pendingApprovals: durableApprovals = EMPTY_PENDING_APPROVALS, contextWindow, renderPart, renderMessageAfter, ref }) {
 	const [copyAnnouncement, setCopyAnnouncement] = React.useState("");
 	const copyAnnouncementTimer = React.useRef(null);
 	const announceCopyStatus = React.useCallback((message) => {
@@ -414,6 +415,7 @@ function AgentChat({ className, messages, status = "ready", onSubmit, onStop, pl
 	return /* @__PURE__ */ jsxs("div", {
 		ref,
 		className: cx("agent-chat", className),
+		"data-composer-hidden": showComposer ? void 0 : "",
 		children: [
 			/* @__PURE__ */ jsx("span", {
 				className: "message__copy-status",
@@ -512,7 +514,7 @@ function AgentChat({ className, messages, status = "ready", onSubmit, onStop, pl
 					})]
 				})
 			}),
-			/* @__PURE__ */ jsxs("div", {
+			showComposer ? /* @__PURE__ */ jsxs("div", {
 				ref: composerRef,
 				className: "agent-chat__composer",
 				children: [/* @__PURE__ */ jsx("div", {
@@ -572,7 +574,7 @@ function AgentChat({ className, messages, status = "ready", onSubmit, onStop, pl
 						})] })
 					] })
 				})]
-			})
+			}) : null
 		]
 	});
 }

package/dist/components/ChatGptSignInScreen.js

@@ -1,7 +1,7 @@
 import { t as cx } from "../class-names-9UtZwb0J.js";
 import { N as SpinnerIcon } from "../icons-Ba9THQKz.js";
 import { Button } from "./Button.js";
-import { u as ModelSelectorLogo } from "../ModelSelector-DVgVBdvw.js";
+import { u as ModelSelectorLogo } from "../ModelSelector-CPCpFAUt.js";
 import "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/ChatGptSignInScreen.tsx

package/dist/components/McpServerPicker.d.ts

@@ -16,7 +16,7 @@ interface McpServerPickerProps {
   onRetry?: McpServerConnectionAction;
   /** Called when a ready/connected server should refresh discovery through an app-owned Agent RPC. */
   onRefresh?: McpServerConnectionAction;
-  /** Called when a server transport should close but the stored config should remain. */
+  /** Called when an authenticating or connected server should be removed or disconnected. */
   onDisconnect?: McpServerConnectionAction;
   /** Offset from the plus trigger to the menu, useful for prompt composers. */
   sideOffset?: number;

package/dist/components/McpServerPicker.js

@@ -120,6 +120,12 @@ function McpServerPickerRow({ server, mcp, onConnect, onAuthorize, onDisconnect,
 					label: pending("authorize") ? `Opening ${server.name}` : `Authorize ${server.name}`,
 					onClick: () => onAuthorize(connectedServerId, connectedServer)
 				}) : null,
+				connectedServer?.state === "authenticating" && connectedServerId && onDisconnect ? /* @__PURE__ */ jsx(McpServerActionItem, {
+					disabled: pending("disconnect"),
+					icon: /* @__PURE__ */ jsx(MinusIcon, {}),
+					label: pending("disconnect") ? `Cancelling ${server.name} authentication` : `Cancel ${server.name} authentication`,
+					onClick: () => onDisconnect(connectedServerId, connectedServer)
+				}) : null,
 				connectedServer?.state === "failed" && connectedServerId && onRetry ? /* @__PURE__ */ jsx(McpServerActionItem, {
 					disabled: pending("retry"),
 					icon: /* @__PURE__ */ jsx(RefreshIcon, {}),

package/dist/components/ModelSelector.d.ts

@@ -5,7 +5,19 @@ import Cloudflare from "cloudflare";
 import { AiModelsSearchObject } from "@cloudflare/workers-types";
 
 //#region src/components/ModelSelector.d.ts
-type CloudflareModelSelectorModels = readonly Cloudflare.AI.ModelListResponse[] | readonly AiModelsSearchObject[] | readonly string[];
+type CloudflareModelSelectorModels = readonly Cloudflare.AI.ModelListResponse[] | readonly CloudflareModelCatalogEntry[] | readonly AiModelsSearchObject[] | readonly string[];
+interface CloudflareModelCatalogEntry {
+  readonly model_id: string;
+  readonly name?: string;
+  readonly description?: string;
+  readonly task?: string;
+  readonly private?: boolean;
+}
+interface CloudflareModelCatalogListParams {
+  readonly account_id: string;
+  readonly task?: string;
+  readonly per_page?: number;
+}
 interface CloudflareModelSelectorOption {
   readonly id: string;
   readonly provider: string;
@@ -36,7 +48,7 @@ declare function readCloudflareModelId(entry: unknown): string | null;
 declare function getCloudflareModelProvider(modelId: string): string;
 declare function formatCloudflareModelProvider(provider: string): string;
 declare function normalizeCloudflareModelSelectorModels(models: CloudflareModelSelectorModels): CloudflareModelSelectorOption[];
-declare function listCloudflareModelSelectorOptions(client: Cloudflare, params: Cloudflare.AI.ModelListParams): Promise<CloudflareModelSelectorOption[]>;
+declare function listCloudflareModelSelectorOptions(client: Cloudflare, params: CloudflareModelCatalogListParams): Promise<CloudflareModelSelectorOption[]>;
 interface ModelSelectorProps extends React.HTMLAttributes<HTMLDivElement> {
   /** Controlled dialog open state. */
   open?: boolean;
@@ -244,4 +256,4 @@ declare function ModelSelectorShortcut({
   ref?: React.Ref<HTMLSpanElement>;
 }): React.JSX.Element;
 //#endregion
-export { CloudflareModelSelector, CloudflareModelSelectorModels, CloudflareModelSelectorOption, CloudflareModelSelectorProps, ModelSelector, ModelSelectorContent, ModelSelectorContentProps, ModelSelectorDialog, ModelSelectorDialogProps, ModelSelectorEmpty, ModelSelectorEmptyProps, ModelSelectorGroup, ModelSelectorGroupProps, ModelSelectorInput, ModelSelectorInputProps, ModelSelectorItem, ModelSelectorItemProps, ModelSelectorList, ModelSelectorListProps, ModelSelectorLogo, ModelSelectorLogoGroup, ModelSelectorLogoGroupProps, ModelSelectorLogoProps, ModelSelectorName, ModelSelectorNameProps, ModelSelectorProps, ModelSelectorSeparator, ModelSelectorSeparatorProps, ModelSelectorShortcut, ModelSelectorShortcutProps, ModelSelectorTrigger, ModelSelectorTriggerProps, formatCloudflareModelProvider, getCloudflareModelProvider, isCloudflareRunnableModelId, listCloudflareModelSelectorOptions, normalizeCloudflareModelSelectorModels, readCloudflareModelId };
+export { CloudflareModelCatalogEntry, CloudflareModelCatalogListParams, CloudflareModelSelector, CloudflareModelSelectorModels, CloudflareModelSelectorOption, CloudflareModelSelectorProps, ModelSelector, ModelSelectorContent, ModelSelectorContentProps, ModelSelectorDialog, ModelSelectorDialogProps, ModelSelectorEmpty, ModelSelectorEmptyProps, ModelSelectorGroup, ModelSelectorGroupProps, ModelSelectorInput, ModelSelectorInputProps, ModelSelectorItem, ModelSelectorItemProps, ModelSelectorList, ModelSelectorListProps, ModelSelectorLogo, ModelSelectorLogoGroup, ModelSelectorLogoGroupProps, ModelSelectorLogoProps, ModelSelectorName, ModelSelectorNameProps, ModelSelectorProps, ModelSelectorSeparator, ModelSelectorSeparatorProps, ModelSelectorShortcut, ModelSelectorShortcutProps, ModelSelectorTrigger, ModelSelectorTriggerProps, formatCloudflareModelProvider, getCloudflareModelProvider, isCloudflareRunnableModelId, listCloudflareModelSelectorOptions, normalizeCloudflareModelSelectorModels, readCloudflareModelId };

package/dist/components/ModelSelector.js

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

package/dist/components/NaniteScene.d.ts

@@ -6,6 +6,15 @@ type NaniteSceneProps = {
   readonly className?: string; /** Accessible title when the illustration communicates state. */
   readonly title?: string;
 };
+type NaniteMarkProps = {
+  /** Selects one of the established Nanite body colors. */readonly index?: number; /** Additional class names for layout only. */
+  readonly className?: string;
+};
+/** Compact decorative Nanite identity mark for dense agent and task UI. */
+declare function NaniteMark({
+  index,
+  className
+}: NaniteMarkProps): import("react").JSX.Element;
 /**
  * Decorative Nanites illustration used in setup, status, and empty states.
  * Pass a title when the illustration communicates state; otherwise it remains
@@ -30,4 +39,4 @@ declare function NaniteScene({
   title
 }: NaniteSceneProps): import("react").JSX.Element;
 //#endregion
-export { NaniteScene, NaniteSceneProps, NaniteSceneVariant };
+export { NaniteMark, NaniteMarkProps, NaniteScene, NaniteSceneProps, NaniteSceneVariant };

package/dist/components/NaniteScene.js

@@ -22,6 +22,41 @@ const TRIO_XS = [
 	100,
 	160
 ];
+/** Compact decorative Nanite identity mark for dense agent and task UI. */
+function NaniteMark({ index = 0, className }) {
+	return /* @__PURE__ */ jsx("span", {
+		className: ["nanite-mark", className].filter(Boolean).join(" "),
+		"aria-hidden": "true",
+		children: /* @__PURE__ */ jsxs("svg", {
+			viewBox: "-18 -34 36 54",
+			focusable: "false",
+			fill: "none",
+			children: [/* @__PURE__ */ jsx(NaniteBody, { index }), /* @__PURE__ */ jsxs("g", {
+				className: "nanite-mark__hat",
+				children: [
+					/* @__PURE__ */ jsx("path", {
+						d: "M -9 -22 Q -9 -31 0 -31 Q 9 -31 9 -22 Z",
+						fill: HAT_SHELL
+					}),
+					/* @__PURE__ */ jsx("rect", {
+						x: "-12",
+						y: "-23",
+						width: "24",
+						height: "3.5",
+						rx: "1.5",
+						fill: HAT_BRIM
+					}),
+					/* @__PURE__ */ jsx("circle", {
+						cx: "0",
+						cy: "-28",
+						r: "2",
+						fill: HAT_BULB
+					})
+				]
+			})]
+		})
+	});
+}
 /**
 * Decorative Nanites illustration used in setup, status, and empty states.
 * Pass a title when the illustration communicates state; otherwise it remains
@@ -402,4 +437,4 @@ function Nanite({ index, cx, cy, scale }) {
 	});
 }
 //#endregion
-export { NaniteScene };
+export { NaniteMark, NaniteScene };

package/dist/components/SubagentRun.d.ts

@@ -0,0 +1,87 @@
+import { Collapsible } from "./Collapsible.js";
+import { BadgeProps } from "./Badge.js";
+import { SubagentRunActions, SubagentRunActionsProps, SubagentRunMilestone, SubagentRunMilestoneProps, SubagentRunMilestones, SubagentRunMilestonesProps, SubagentRunProgress, SubagentRunProgressProps } from "./SubagentRunDetails.js";
+import * as React from "react";
+
+//#region src/components/SubagentRun.d.ts
+interface SubagentRunProps extends Omit<React.ComponentProps<typeof Collapsible.Root>, "className" | "unstyled"> {
+  className?: string;
+}
+/** Transport-neutral disclosure for one delegated agent run. */
+declare function SubagentRun({
+  className,
+  ref,
+  ...props
+}: SubagentRunProps): React.JSX.Element;
+interface SubagentRunTriggerProps extends Omit<React.ComponentProps<typeof Collapsible.Trigger>, "className" | "unstyled"> {
+  className?: string;
+}
+interface SubagentRunSelectorProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
+  naniteIndex?: number;
+  selected?: boolean;
+}
+/** Compact selector for a run whose transcript is rendered in a separate detail surface. */
+declare function SubagentRunSelector({
+  className,
+  children,
+  naniteIndex,
+  selected,
+  ref,
+  type,
+  ...props
+}: SubagentRunSelectorProps & {
+  ref?: React.Ref<HTMLButtonElement>;
+}): React.JSX.Element;
+/** Compact run selector. Use the content for a short preview, not a full child transcript. */
+declare function SubagentRunTrigger({
+  className,
+  children,
+  ref,
+  ...props
+}: SubagentRunTriggerProps): React.JSX.Element;
+interface SubagentRunHeadingProps extends React.HTMLAttributes<HTMLSpanElement> {}
+declare function SubagentRunHeading({
+  className,
+  ref,
+  ...props
+}: SubagentRunHeadingProps & {
+  ref?: React.Ref<HTMLSpanElement>;
+}): React.JSX.Element;
+interface SubagentRunTitleProps extends React.HTMLAttributes<HTMLSpanElement> {}
+declare function SubagentRunTitle({
+  className,
+  ref,
+  ...props
+}: SubagentRunTitleProps & {
+  ref?: React.Ref<HTMLSpanElement>;
+}): React.JSX.Element;
+interface SubagentRunDescriptionProps extends React.HTMLAttributes<HTMLSpanElement> {}
+declare function SubagentRunDescription({
+  className,
+  ref,
+  ...props
+}: SubagentRunDescriptionProps & {
+  ref?: React.Ref<HTMLSpanElement>;
+}): React.JSX.Element;
+type SubagentRunStatusTone = "active" | "complete" | "error" | "stopped" | "warning";
+interface SubagentRunStatusProps extends Omit<BadgeProps, "color"> {
+  tone?: SubagentRunStatusTone;
+}
+/** Visible status label. A transport adapter owns any debounced live announcement. */
+declare function SubagentRunStatus({
+  className,
+  tone,
+  size,
+  ...props
+}: SubagentRunStatusProps): React.JSX.Element;
+interface SubagentRunContentProps extends Omit<React.ComponentProps<typeof Collapsible.Panel>, "className" | "unstyled"> {
+  className?: string;
+}
+declare function SubagentRunContent({
+  className,
+  children,
+  ref,
+  ...props
+}: SubagentRunContentProps): React.JSX.Element;
+//#endregion
+export { SubagentRun, SubagentRunActions, type SubagentRunActionsProps, SubagentRunContent, SubagentRunContentProps, SubagentRunDescription, SubagentRunDescriptionProps, SubagentRunHeading, SubagentRunHeadingProps, SubagentRunMilestone, type SubagentRunMilestoneProps, SubagentRunMilestones, type SubagentRunMilestonesProps, SubagentRunProgress, type SubagentRunProgressProps, SubagentRunProps, SubagentRunSelector, SubagentRunSelectorProps, SubagentRunStatus, SubagentRunStatusProps, SubagentRunStatusTone, SubagentRunTitle, SubagentRunTitleProps, SubagentRunTrigger, SubagentRunTriggerProps };

package/dist/components/SubagentRun.js

@@ -0,0 +1,101 @@
+import { Collapsible } from "./Collapsible.js";
+import { t as cx } from "../class-names-9UtZwb0J.js";
+import { Badge } from "./Badge.js";
+import { NaniteMark } from "./NaniteScene.js";
+import { SubagentRunActions, SubagentRunMilestone, SubagentRunMilestones, SubagentRunProgress } from "./SubagentRunDetails.js";
+import "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/components/SubagentRun.tsx
+/** Transport-neutral disclosure for one delegated agent run. */
+function SubagentRun({ className, ref, ...props }) {
+	return /* @__PURE__ */ jsx(Collapsible.Root, {
+		ref,
+		"data-slot": "subagent-run",
+		className: cx("subagent-run", className),
+		...props,
+		unstyled: true
+	});
+}
+/** Compact selector for a run whose transcript is rendered in a separate detail surface. */
+function SubagentRunSelector({ className, children, naniteIndex = 0, selected = false, ref, type = "button", ...props }) {
+	return /* @__PURE__ */ jsxs("button", {
+		ref,
+		type,
+		"data-slot": "subagent-run-selector",
+		className: cx("subagent-run__trigger", className),
+		"aria-pressed": selected,
+		...props,
+		children: [/* @__PURE__ */ jsx(NaniteMark, { index: naniteIndex }), /* @__PURE__ */ jsx("span", {
+			className: "subagent-run__trigger-content",
+			children
+		})]
+	});
+}
+/** Compact run selector. Use the content for a short preview, not a full child transcript. */
+function SubagentRunTrigger({ className, children, ref, ...props }) {
+	return /* @__PURE__ */ jsxs(Collapsible.Trigger, {
+		ref,
+		"data-slot": "subagent-run-trigger",
+		className: cx("subagent-run__trigger", className),
+		...props,
+		unstyled: true,
+		children: [/* @__PURE__ */ jsx(NaniteMark, {}), /* @__PURE__ */ jsx("span", {
+			className: "subagent-run__trigger-content",
+			children
+		})]
+	});
+}
+function SubagentRunHeading({ className, ref, ...props }) {
+	return /* @__PURE__ */ jsx("span", {
+		ref,
+		className: cx("subagent-run__heading", className),
+		...props
+	});
+}
+function SubagentRunTitle({ className, ref, ...props }) {
+	return /* @__PURE__ */ jsx("span", {
+		ref,
+		className: cx("subagent-run__title", className),
+		...props
+	});
+}
+function SubagentRunDescription({ className, ref, ...props }) {
+	return /* @__PURE__ */ jsx("span", {
+		ref,
+		className: cx("subagent-run__description", className),
+		...props
+	});
+}
+const STATUS_COLOR = {
+	active: "primary",
+	complete: "success",
+	error: "destructive",
+	stopped: "neutral",
+	warning: "warning"
+};
+/** Visible status label. A transport adapter owns any debounced live announcement. */
+function SubagentRunStatus({ className, tone = "active", size = "sm", ...props }) {
+	return /* @__PURE__ */ jsx(Badge, {
+		"data-slot": "subagent-run-status",
+		"data-tone": tone,
+		className: cx("subagent-run__status", className),
+		color: STATUS_COLOR[tone],
+		size,
+		...props
+	});
+}
+function SubagentRunContent({ className, children, ref, ...props }) {
+	return /* @__PURE__ */ jsx(Collapsible.Panel, {
+		ref,
+		"data-slot": "subagent-run-content",
+		className: cx("subagent-run__content", className),
+		...props,
+		unstyled: true,
+		children: /* @__PURE__ */ jsx("div", {
+			className: "subagent-run__content-inner",
+			children
+		})
+	});
+}
+//#endregion
+export { SubagentRun, SubagentRunActions, SubagentRunContent, SubagentRunDescription, SubagentRunHeading, SubagentRunMilestone, SubagentRunMilestones, SubagentRunProgress, SubagentRunSelector, SubagentRunStatus, SubagentRunTitle, SubagentRunTrigger };

package/dist/components/SubagentRunDetails.d.ts

@@ -0,0 +1,44 @@
+import * as React from "react";
+
+//#region src/components/SubagentRunDetails.d.ts
+interface SubagentRunProgressProps extends React.HTMLAttributes<HTMLDivElement> {
+  /** Human-readable current action or phase. */
+  label: string;
+  /** Completion fraction from 0 to 1. Omit for indeterminate progress. */
+  value?: number;
+}
+declare function SubagentRunProgress({
+  className,
+  label,
+  value,
+  ref,
+  ...props
+}: SubagentRunProgressProps & {
+  ref?: React.Ref<HTMLDivElement>;
+}): React.JSX.Element;
+interface SubagentRunActionsProps extends React.HTMLAttributes<HTMLDivElement> {}
+declare function SubagentRunActions({
+  className,
+  ref,
+  ...props
+}: SubagentRunActionsProps & {
+  ref?: React.Ref<HTMLDivElement>;
+}): React.JSX.Element;
+interface SubagentRunMilestonesProps extends React.OlHTMLAttributes<HTMLOListElement> {}
+declare function SubagentRunMilestones({
+  className,
+  ref,
+  ...props
+}: SubagentRunMilestonesProps & {
+  ref?: React.Ref<HTMLOListElement>;
+}): React.JSX.Element;
+interface SubagentRunMilestoneProps extends React.LiHTMLAttributes<HTMLLIElement> {}
+declare function SubagentRunMilestone({
+  className,
+  ref,
+  ...props
+}: SubagentRunMilestoneProps & {
+  ref?: React.Ref<HTMLLIElement>;
+}): React.JSX.Element;
+//#endregion
+export { SubagentRunActions, SubagentRunActionsProps, SubagentRunMilestone, SubagentRunMilestoneProps, SubagentRunMilestones, SubagentRunMilestonesProps, SubagentRunProgress, SubagentRunProgressProps };

package/dist/components/SubagentRunDetails.js

@@ -0,0 +1,48 @@
+import { t as cx } from "../class-names-9UtZwb0J.js";
+import { Progress } from "./Progress.js";
+import * as React from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/components/SubagentRunDetails.tsx
+function SubagentRunProgress({ className, label, value, ref, ...props }) {
+	const labelId = React.useId();
+	const percent = value === void 0 ? null : Math.round(Math.min(1, Math.max(0, value)) * 100);
+	return /* @__PURE__ */ jsxs("div", {
+		ref,
+		className: cx("subagent-run__progress", className),
+		...props,
+		children: [/* @__PURE__ */ jsxs("span", {
+			id: labelId,
+			className: "subagent-run__progress-label",
+			children: [/* @__PURE__ */ jsx("span", { children: label }), percent === null ? null : /* @__PURE__ */ jsxs("span", { children: [percent, "%"] })]
+		}), /* @__PURE__ */ jsx(Progress.Root, {
+			value: percent,
+			"aria-labelledby": labelId,
+			children: /* @__PURE__ */ jsx(Progress.Track, { children: /* @__PURE__ */ jsx(Progress.Indicator, {}) })
+		})]
+	});
+}
+function SubagentRunActions({ className, ref, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		ref,
+		className: cx("subagent-run__actions", className),
+		...props
+	});
+}
+function SubagentRunMilestones({ className, ref, ...props }) {
+	return /* @__PURE__ */ jsx("ol", {
+		ref,
+		"data-slot": "subagent-run-milestones",
+		className: cx("subagent-run__milestones", className),
+		role: "list",
+		...props
+	});
+}
+function SubagentRunMilestone({ className, ref, ...props }) {
+	return /* @__PURE__ */ jsx("li", {
+		ref,
+		className: cx("subagent-run__milestone", className),
+		...props
+	});
+}
+//#endregion
+export { SubagentRunActions, SubagentRunMilestone, SubagentRunMilestones, SubagentRunProgress };