@mcp-b/react-components 0.14.1 → 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/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 };

package/dist/components/ThinkChat.d.ts

@@ -1,8 +1,8 @@
-import { a as AgentChatRenderPartContext, r as AgentChatProps } from "../AgentChat-Cgb1xuT7.js";
+import { a as AgentChatRenderPartContext, r as AgentChatProps } from "../AgentChat-DQkqt82e.js";
 import { n as BrowserLiveViewProps, t as BrowserLiveView } from "../BrowserLiveView-BV5qgFgI.js";
 import { n as BrowserReplayProps, t as BrowserReplay } from "../BrowserReplay-xWvRjRAC.js";
-import { _ as isThinkChatActivityPart } from "../ThinkChatToolParts-Cv4o7j6F.js";
-import { a as ThinkChatToolRenderers, c as renderThinkChatActivityPart, i as ThinkChatToolRenderer, n as ThinkChatActivityProps, o as createThinkChatActivityRenderer, r as ThinkChatActivityRendererOptions, s as describeThinkChatActivityPart, t as ThinkChatActivity } from "../ThinkChatActivity-m9orbdeI.js";
+import { x as isThinkChatActivityPart } from "../ThinkChatToolParts-CDEjqS6A.js";
+import { a as ThinkChatToolRenderers, c as renderThinkChatActivityPart, i as ThinkChatToolRenderer, n as ThinkChatActivityProps, o as createThinkChatActivityRenderer, r as ThinkChatActivityRendererOptions, s as describeThinkChatActivityPart, t as ThinkChatActivity } from "../ThinkChatActivity-BmwuIigx.js";
 import { n as ThinkChatValue } from "../ThinkChatContext-C3Eb1Xpi.js";
 import { FileInfo, UseWorkspaceOptions, WorkspaceExplorer, WorkspaceExplorerProps, WorkspaceFileState, WorkspaceInfo, WorkspaceSource, WorkspaceState, inferWorkspaceLanguage, useWorkspace } from "./WorkspaceExplorer.js";
 import * as React from "react";
@@ -29,6 +29,8 @@ interface ThinkChatMessagesProps<MessageT extends UIMessage = UIMessage> extends
   className?: string;
   /** Disable the composer (e.g. while the agent is unreachable). */
   disabled?: boolean;
+  /** Hide the composer while retaining the normal Think transcript rendering. */
+  showComposer?: AgentChatProps<MessageT>["showComposer"];
   /** Shown in place of the list while there are no messages. */
   emptyState?: React.ReactNode;
   /** Extra controls rendered inside the composer, next to the send button. */
@@ -104,7 +106,9 @@ declare function ThinkChatRoot<State = unknown, MessageT extends UIMessage = UIM
  * 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/components/ThinkChat.js

@@ -2,6 +2,6 @@ import { BrowserLiveView } from "./BrowserLiveView.js";
 import { BrowserReplay } from "./BrowserReplay.js";
 import { isThinkChatActivityPart } from "./ThinkChatToolParts.js";
 import { ThinkChatActivity, createThinkChatActivityRenderer, describeThinkChatActivityPart, renderThinkChatActivityPart } from "./ThinkChatActivity.js";
-import { a as useThinkChat, i as ThinkChatRoot, n as ThinkChatMessages, o as useThinkPendingApprovals, r as ThinkChatProvider, t as ThinkChat } from "../ThinkChat-7DQ2CogF.js";
+import { a as useThinkChat, i as ThinkChatRoot, n as ThinkChatMessages, o as useThinkPendingApprovals, r as ThinkChatProvider, t as ThinkChat } from "../ThinkChat-BPcehdbP.js";
 import { WorkspaceExplorer, inferWorkspaceLanguage, useWorkspace } from "./WorkspaceExplorer.js";
 export { BrowserLiveView, BrowserReplay, ThinkChat, ThinkChatActivity, ThinkChatMessages, ThinkChatProvider, ThinkChatRoot, WorkspaceExplorer, createThinkChatActivityRenderer, describeThinkChatActivityPart, inferWorkspaceLanguage, isThinkChatActivityPart, renderThinkChatActivityPart, useThinkChat, useThinkPendingApprovals, useWorkspace };

package/dist/components/ThinkChatActivity.d.ts

@@ -1,3 +1,3 @@
-import { _ as isThinkChatActivityPart } from "../ThinkChatToolParts-Cv4o7j6F.js";
-import { a as ThinkChatToolRenderers, c as renderThinkChatActivityPart, i as ThinkChatToolRenderer, n as ThinkChatActivityProps, o as createThinkChatActivityRenderer, r as ThinkChatActivityRendererOptions, s as describeThinkChatActivityPart, t as ThinkChatActivity } from "../ThinkChatActivity-m9orbdeI.js";
+import { x as isThinkChatActivityPart } from "../ThinkChatToolParts-CDEjqS6A.js";
+import { a as ThinkChatToolRenderers, c as renderThinkChatActivityPart, i as ThinkChatToolRenderer, n as ThinkChatActivityProps, o as createThinkChatActivityRenderer, r as ThinkChatActivityRendererOptions, s as describeThinkChatActivityPart, t as ThinkChatActivity } from "../ThinkChatActivity-BmwuIigx.js";
 export { ThinkChatActivity, ThinkChatActivityProps, ThinkChatActivityRendererOptions, ThinkChatToolRenderer, ThinkChatToolRenderers, createThinkChatActivityRenderer, describeThinkChatActivityPart, isThinkChatActivityPart, renderThinkChatActivityPart };

package/dist/components/ThinkChatActivity.js

@@ -2,8 +2,8 @@ import { D as PencilIcon, I as TerminalIcon, L as WarningIcon, R as WrenchIcon,
 import { Activity, ActivityContent, ActivityItem, ActivityItemGroup, ActivityText, ActivityTrigger } from "./Activity.js";
 import { t as summarizeToolInput } from "../summarize-tool-input-BUJsENSn.js";
 import { useOptionalThinkChatContext } from "./ThinkChatContext.js";
-import { displayUrl, isBrowserToolPart, isExecuteToolPart, isFetchToolPart, isPartFailed, isPartWorking, isSkillToolPart, isThinkChatActivityPart, isWorkspaceToolPart } from "./ThinkChatToolParts.js";
-import { ThinkChatBrowserPanel, ThinkChatExecutePanel, ThinkChatFetchPanel, ThinkChatSkillPanel, ThinkChatWorkspacePanel } from "./ThinkChatToolPanels.js";
+import { displayUrl, isBrowserToolPart, isExecuteToolPart, isFetchToolPart, isPartFailed, isPartWorking, isSessionContextToolFailure, isSessionContextToolPart, isSkillToolPart, isThinkChatActivityPart, isWorkspaceToolPart } from "./ThinkChatToolParts.js";
+import { ThinkChatBrowserPanel, ThinkChatExecutePanel, ThinkChatFetchPanel, ThinkChatSessionContextPanel, ThinkChatSkillPanel, ThinkChatWorkspacePanel } from "./ThinkChatToolPanels.js";
 import * as React from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { getToolInput, getToolOutput } from "@cloudflare/think/react";
@@ -130,6 +130,7 @@ function activityPartIconKind(part) {
 		case "tool-bash": return "command";
 	}
 	if (isSkillToolPart(part)) return "tool";
+	if (isSessionContextToolPart(part)) return part.type === "tool-search_context" || part.type === "tool-session_search" ? "search" : "tool";
 	if (isFetchToolPart(part)) return "web";
 	if (isBrowserToolPart(part)) return part.type === "tool-browser_execute" ? "browser" : "web";
 	if (isExecuteToolPart(part)) return "command";
@@ -163,6 +164,7 @@ function describeThinkChatActivityPart(part, toolRenderers) {
 	}
 	if (isWorkspaceToolPart(part)) return describeWorkspaceToolPart(part);
 	if (isSkillToolPart(part)) return describeSkillToolPart(part);
+	if (isSessionContextToolPart(part)) return describeSessionContextToolPart(part);
 	if (isFetchToolPart(part)) return describeFetchToolPart(part);
 	if (isBrowserToolPart(part)) return describeBrowserToolPart(part);
 	if (isExecuteToolPart(part)) return describeExecuteToolPart(part);
@@ -212,6 +214,23 @@ function describeSkillToolPart(part) {
 	})();
 	return failed ? `${label} · failed` : label;
 }
+function describeSessionContextToolPart(part) {
+	const working = isPartWorking(part);
+	const failed = isSessionContextToolFailure(part);
+	const label = (() => {
+		switch (part.type) {
+			case "tool-set_context": {
+				const target = part.input?.label ? ` ${part.input.label}` : " context";
+				return `${working ? "Updating" : "Updated"}${target}`;
+			}
+			case "tool-load_context": return `${working ? "Loading" : "Loaded"} ${part.input?.key ?? "context"}`;
+			case "tool-unload_context": return `${working ? "Unloading" : "Unloaded"} ${part.input?.key ?? "context"}`;
+			case "tool-search_context": return `${working ? "Searching" : "Searched"} ${part.input?.label ?? "context"}`;
+			case "tool-session_search": return `${working ? "Searching" : "Searched"} conversations`;
+		}
+	})();
+	return failed ? `${label} · failed` : label;
+}
 function describeBrowserToolPart(part) {
 	const working = isPartWorking(part);
 	const failed = isPartFailed(part);
@@ -253,6 +272,7 @@ function summarizeActivitySteps(parts) {
 	const skillNames = /* @__PURE__ */ new Set();
 	let thoughts = 0;
 	let skillParts = 0;
+	const sessionSegments = /* @__PURE__ */ new Set();
 	let fetches = 0;
 	let browses = 0;
 	let codeRuns = 0;
@@ -263,7 +283,8 @@ function summarizeActivitySteps(parts) {
 	} else if (isSkillToolPart(part)) {
 		skillParts++;
 		if (typeof part.input?.name === "string") skillNames.add(part.input.name);
-	} else if (isFetchToolPart(part)) fetches++;
+	} else if (isSessionContextToolPart(part)) sessionSegments.add(part.type === "tool-search_context" || part.type === "tool-session_search" ? "searched context" : "updated context");
+	else if (isFetchToolPart(part)) fetches++;
 	else if (isBrowserToolPart(part)) browses++;
 	else if (isExecuteToolPart(part)) codeRuns++;
 	else if (isToolUIPart(part)) genericSegments.add(genericToolLabels(getToolName(part), activityPartUrl(part) !== null).summary);
@@ -276,6 +297,7 @@ function summarizeActivitySteps(parts) {
 	const segments = [];
 	if (thoughts > 0) segments.push("thought");
 	if (skillParts > 0) segments.push(skillNames.size === 1 ? `used the ${[...skillNames][0]} skill` : skillNames.size > 1 ? `used ${skillNames.size} skills` : "used a skill");
+	for (const segment of ["updated context", "searched context"]) if (sessionSegments.has(segment)) segments.push(segment);
 	if (reads > 0) segments.push(`read ${files(reads)}`);
 	if (edits > 0) segments.push(`edited ${files(edits)}`);
 	if (deletes > 0) segments.push(`deleted ${files(deletes)}`);
@@ -362,6 +384,11 @@ function ThinkChatActivityStep({ text, part, toolRenderers }) {
 		icon,
 		children: /* @__PURE__ */ jsx(ThinkChatSkillPanel, { part })
 	});
+	if (isSessionContextToolPart(part)) return /* @__PURE__ */ jsx(ActivityItemGroup, {
+		label: text,
+		icon,
+		children: /* @__PURE__ */ jsx(ThinkChatSessionContextPanel, { part })
+	});
 	if (isFetchToolPart(part)) return /* @__PURE__ */ jsx(ActivityItemGroup, {
 		label: text,
 		icon,

package/dist/components/ThinkChatToolPanels.d.ts

@@ -1,4 +1,4 @@
-import { i as SkillToolPart, l as WorkspaceToolPart, n as ExecuteToolPart, r as FetchToolPart, t as BrowserToolPart } from "../ThinkChatToolParts-Cv4o7j6F.js";
+import { a as SessionContextToolPart, d as WorkspaceToolPart, n as ExecuteToolPart, o as SkillToolPart, r as FetchToolPart, t as BrowserToolPart } from "../ThinkChatToolParts-CDEjqS6A.js";
 import * as React from "react";
 
 //#region src/components/ThinkChatToolPanels.d.ts
@@ -18,6 +18,14 @@ declare function ThinkChatSkillPanel({
 }: {
   part: SkillToolPart;
 }): React.JSX.Element;
+/** Session panels expose the durable context/search operation recorded in the
+    UIMessage. The session itself remains server-owned; this is transcript
+    rendering, not a client-side mirror of context state. */
+declare function ThinkChatSessionContextPanel({
+  part
+}: {
+  part: SessionContextToolPart;
+}): React.JSX.Element;
 declare function ThinkChatFetchPanel({
   part
 }: {
@@ -36,4 +44,4 @@ declare function ThinkChatBrowserPanel({
   part: BrowserToolPart;
 }): React.JSX.Element;
 //#endregion
-export { ThinkChatBrowserPanel, ThinkChatExecutePanel, ThinkChatFetchPanel, ThinkChatSkillPanel, ThinkChatWorkspacePanel };
+export { ThinkChatBrowserPanel, ThinkChatExecutePanel, ThinkChatFetchPanel, ThinkChatSessionContextPanel, ThinkChatSkillPanel, ThinkChatWorkspacePanel };

package/dist/components/ThinkChatToolPanels.js

@@ -2,7 +2,7 @@ import { ActivityOutput, ActivityPanel } from "./Activity.js";
 import { Tabs } from "./Tabs.js";
 import { t as CodeBlock } from "../CodeBlock-BUFXG8HW.js";
 import { BrowserLiveView } from "./BrowserLiveView.js";
-import { displayUrl } from "./ThinkChatToolParts.js";
+import { displayUrl, isSessionContextToolFailure } from "./ThinkChatToolParts.js";
 import * as React from "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { getToolName } from "ai";
@@ -152,6 +152,51 @@ function ThinkChatSkillPanel({ part }) {
 		}
 	}
 }
+/** Session panels expose the durable context/search operation recorded in the
+UIMessage. The session itself remains server-owned; this is transcript
+rendering, not a client-side mirror of context state. */
+function ThinkChatSessionContextPanel({ part }) {
+	if (part.state === "output-error") return /* @__PURE__ */ jsx(ActivityPanel, {
+		label: getToolName(part),
+		text: part.errorText,
+		status: "error",
+		error: true
+	});
+	if (part.state === "output-denied") return renderDeniedPanel(getToolName(part), part.approval.reason);
+	const output = part.state === "output-available" ? part.output : void 0;
+	const outputIsError = isSessionContextToolFailure(part);
+	switch (part.type) {
+		case "tool-set_context": {
+			const input = part.input;
+			const title = input?.metadata?.title;
+			return /* @__PURE__ */ jsx(ActivityPanel, {
+				label: title ? `${input?.label ?? "context"} / ${title}` : input?.label ?? "context",
+				text: input?.content,
+				status: output,
+				error: outputIsError
+			});
+		}
+		case "tool-load_context":
+		case "tool-unload_context": return /* @__PURE__ */ jsx(ActivityPanel, {
+			label: `${part.input?.label ?? "context"} / ${part.input?.key ?? "entry"}`,
+			text: output,
+			status: outputIsError ? "error" : void 0,
+			error: outputIsError
+		});
+		case "tool-search_context": return /* @__PURE__ */ jsx(ActivityPanel, {
+			label: part.input?.query ?? "Context search",
+			text: output,
+			status: outputIsError ? "error" : part.input?.label,
+			error: outputIsError
+		});
+		case "tool-session_search": return /* @__PURE__ */ jsx(ActivityPanel, {
+			label: part.input?.query ?? "Conversation search",
+			text: output,
+			status: outputIsError ? "error" : void 0,
+			error: outputIsError
+		});
+	}
+}
 function ThinkChatFetchPanel({ part }) {
 	const label = part.input?.url ?? part.input?.path ?? "fetch";
 	if (part.state === "output-error") return /* @__PURE__ */ jsx(ActivityPanel, {
@@ -364,4 +409,4 @@ function getBashStatusText(output, errorText, deniedReason) {
 	return "success";
 }
 //#endregion
-export { ThinkChatBrowserPanel, ThinkChatExecutePanel, ThinkChatFetchPanel, ThinkChatSkillPanel, ThinkChatWorkspacePanel };
+export { ThinkChatBrowserPanel, ThinkChatExecutePanel, ThinkChatFetchPanel, ThinkChatSessionContextPanel, ThinkChatSkillPanel, ThinkChatWorkspacePanel };

package/dist/components/ThinkChatToolParts.d.ts

@@ -1,2 +1,2 @@
-import { _ as isThinkChatActivityPart, a as ThinkBashToolOutput, c as ThinkWorkspaceToolName, d as isBrowserToolPart, f as isExecuteToolPart, g as isSkillToolPart, h as isPartWorking, i as SkillToolPart, l as WorkspaceToolPart, m as isPartFailed, n as ExecuteToolPart, o as ThinkBashToolPart, p as isFetchToolPart, r as FetchToolPart, s as ThinkChatPart, t as BrowserToolPart, u as displayUrl, v as isWorkspaceToolPart } from "../ThinkChatToolParts-Cv4o7j6F.js";
-export { BrowserToolPart, ExecuteToolPart, FetchToolPart, SkillToolPart, ThinkBashToolOutput, ThinkBashToolPart, ThinkChatPart, ThinkWorkspaceToolName, WorkspaceToolPart, displayUrl, isBrowserToolPart, isExecuteToolPart, isFetchToolPart, isPartFailed, isPartWorking, isSkillToolPart, isThinkChatActivityPart, isWorkspaceToolPart };
+import { S as isWorkspaceToolPart, _ as isPartWorking, a as SessionContextToolPart, b as isSkillToolPart, c as ThinkBashToolPart, d as WorkspaceToolPart, f as displayUrl, g as isPartFailed, h as isFetchToolPart, i as SessionContextToolName, l as ThinkChatPart, m as isExecuteToolPart, n as ExecuteToolPart, o as SkillToolPart, p as isBrowserToolPart, r as FetchToolPart, s as ThinkBashToolOutput, t as BrowserToolPart, u as ThinkWorkspaceToolName, v as isSessionContextToolFailure, x as isThinkChatActivityPart, y as isSessionContextToolPart } from "../ThinkChatToolParts-CDEjqS6A.js";
+export { BrowserToolPart, ExecuteToolPart, FetchToolPart, SessionContextToolName, SessionContextToolPart, SkillToolPart, ThinkBashToolOutput, ThinkBashToolPart, ThinkChatPart, ThinkWorkspaceToolName, WorkspaceToolPart, displayUrl, isBrowserToolPart, isExecuteToolPart, isFetchToolPart, isPartFailed, isPartWorking, isSessionContextToolFailure, isSessionContextToolPart, isSkillToolPart, isThinkChatActivityPart, isWorkspaceToolPart };

package/dist/components/ThinkChatToolParts.js

@@ -22,6 +22,22 @@ const SKILL_TOOL_NAMES = /* @__PURE__ */ new Set([
 function isSkillToolPart(part) {
 	return isStaticToolUIPart(part) && SKILL_TOOL_NAMES.has(getStaticToolName(part));
 }
+const SESSION_CONTEXT_TOOL_NAMES = /* @__PURE__ */ new Set([
+	"set_context",
+	"load_context",
+	"unload_context",
+	"search_context",
+	"session_search"
+]);
+function isSessionContextToolPart(part) {
+	return isStaticToolUIPart(part) && SESSION_CONTEXT_TOOL_NAMES.has(getStaticToolName(part));
+}
+/** 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. */
+function isSessionContextToolFailure(part) {
+	return isPartFailed(part) || part.state === "output-available" && part.output.startsWith("Error:");
+}
 function isFetchToolPart(part) {
 	return isStaticToolUIPart(part) && getStaticToolName(part).startsWith("fetch_");
 }
@@ -63,4 +79,4 @@ function displayUrl(url) {
 	return url ? url.replace(/^https?:\/\//, "") : "";
 }
 //#endregion
-export { displayUrl, isBrowserToolPart, isExecuteToolPart, isFetchToolPart, isPartFailed, isPartWorking, isSkillToolPart, isThinkChatActivityPart, isWorkspaceToolPart };
+export { displayUrl, isBrowserToolPart, isExecuteToolPart, isFetchToolPart, isPartFailed, isPartWorking, isSessionContextToolFailure, isSessionContextToolPart, isSkillToolPart, isThinkChatActivityPart, isWorkspaceToolPart };

package/dist/components/ThinkFullApp.js

@@ -4,7 +4,7 @@ import { Separator } from "./Separator.js";
 import { Button } from "./Button.js";
 import { Tooltip } from "./Tooltip.js";
 import { ToggleGroup } from "./ToggleGroup.js";
-import { o as useThinkPendingApprovals, s as resolveThinkApprovalProps, t as ThinkChat } from "../ThinkChat-7DQ2CogF.js";
+import { o as useThinkPendingApprovals, s as resolveThinkApprovalProps, t as ThinkChat } from "../ThinkChat-BPcehdbP.js";
 import { WorkspaceExplorer, useWorkspace } from "./WorkspaceExplorer.js";
 import { ThinkExecutionWorkbench } from "./ThinkExecutionWorkbench.js";
 import { ThinkThreadShell } from "./ThinkThreadShell.js";

package/dist/styles/agent-chat.css

@@ -28,6 +28,10 @@
   padding-inline: 1rem;
 }
 
+.agent-chat[data-composer-hidden] .agent-chat__transcript-content {
+  padding-block-end: var(--sigvelo-spacing-4);
+}
+
 .agent-chat__empty-row {
   display: flex;
   flex: 1;
@@ -44,6 +48,10 @@
   );
 }
 
+.agent-chat[data-composer-hidden] .agent-chat__scroll-button {
+  --message-scroller-button-inset-block-end: var(--sigvelo-spacing-2);
+}
+
 /* Floating over the transcript: solid behind the controls, fading out
    through the top padding so content slides under instead of hitting a bar. */
 .agent-chat__composer {

package/dist/styles/index.css

@@ -83,6 +83,7 @@
 @import "./queue.css" layer(components);
 @import "./reasoning.css" layer(components);
 @import "./sources.css" layer(components);
+@import "./subagent-run.css" layer(components);
 @import "./task.css" layer(components);
 @import "./terminal.css" layer(components);
 @import "./test-results.css" layer(components);

package/dist/styles/nanite-scene.css

@@ -5,6 +5,22 @@
   line-height: 0;
 }
 
+.nanite-mark {
+  display: inline-flex;
+  flex: 0 0 auto;
+  inline-size: 1.25rem;
+  block-size: 1.5rem;
+  align-items: center;
+  justify-content: center;
+  line-height: 0;
+}
+
+.nanite-mark svg {
+  display: block;
+  inline-size: 100%;
+  block-size: 100%;
+}
+
 .nanite-scene--trio {
   inline-size: 200px;
   block-size: 68px;

package/dist/styles/subagent-run.css

@@ -0,0 +1,188 @@
+.subagent-run {
+  display: inline-flex;
+  flex-direction: column;
+  max-inline-size: 100%;
+  color: var(--sigvelo-color-text);
+  font-family: inherit;
+}
+
+.subagent-run__trigger {
+  display: flex;
+  align-items: safe center;
+  gap: var(--sigvelo-spacing-1-5);
+  min-block-size: var(--sigvelo-control-height-md);
+  max-inline-size: 18rem;
+  padding-block: var(--sigvelo-spacing-1);
+  padding-inline: var(--sigvelo-spacing-2-5);
+  border: var(--sigvelo-border-style) var(--sigvelo-border-width)
+    var(--sigvelo-color-neutral-border-subtle);
+  border-radius: var(--sigvelo-radius-full);
+  background-color: var(--sigvelo-color-surface);
+  color: var(--sigvelo-color-text);
+  font: inherit;
+  text-align: start;
+  cursor: pointer;
+  transition:
+    background-color var(--sigvelo-duration-fast) var(--sigvelo-ease-standard),
+    border-color var(--sigvelo-duration-fast) var(--sigvelo-ease-standard);
+}
+
+.subagent-run__trigger:hover:not([data-disabled]) {
+  background-color: var(--sigvelo-color-neutral-bg-subtle);
+  border-color: var(--sigvelo-color-neutral-border-muted);
+}
+
+.subagent-run__trigger:focus-visible {
+  outline: none;
+  box-shadow: var(--sigvelo-recipe-focus-shadow);
+}
+
+.subagent-run__trigger[data-panel-open],
+.subagent-run__trigger[aria-pressed="true"] {
+  border-color: var(--sigvelo-color-neutral-border-muted);
+  background-color: var(--sigvelo-color-neutral-bg-subtle);
+}
+
+.subagent-run__trigger[aria-pressed="true"] {
+  box-shadow: inset 0 0 0 var(--sigvelo-border-width) var(--sigvelo-color-neutral-border-subtle);
+}
+
+.subagent-run__trigger-content {
+  display: flex;
+  align-items: safe center;
+  flex: 1 1 0;
+  gap: var(--sigvelo-spacing-1-5);
+  min-inline-size: 0;
+}
+
+.subagent-run__trigger[data-slot="subagent-run-trigger"] .subagent-run__trigger-content {
+  align-items: stretch;
+  flex-direction: column;
+  gap: 0;
+}
+
+.subagent-run__heading {
+  display: flex;
+  align-items: safe center;
+  flex-wrap: nowrap;
+  gap: var(--sigvelo-spacing-1-5);
+  min-inline-size: 0;
+}
+
+.subagent-run__title {
+  min-inline-size: 0;
+  overflow: hidden;
+  color: var(--sigvelo-color-text);
+  font-size: var(--sigvelo-text-sm);
+  font-weight: var(--sigvelo-font-weight-semibold);
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.subagent-run__description {
+  display: block;
+  overflow: hidden;
+  color: var(--sigvelo-color-text-muted);
+  font-size: var(--sigvelo-text-compact);
+  line-height: 1.5;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.subagent-run__description:empty {
+  display: none;
+}
+
+.subagent-run__status {
+  max-inline-size: 100%;
+}
+
+.subagent-run__content-inner {
+  display: flex;
+  flex-direction: column;
+  gap: var(--sigvelo-spacing-3);
+  padding-block: var(--sigvelo-spacing-3);
+  min-inline-size: min(30rem, calc(100vw - var(--sigvelo-spacing-8)));
+  margin-block-start: var(--sigvelo-spacing-2);
+  padding-inline: var(--sigvelo-spacing-3);
+  border: var(--sigvelo-border-style) var(--sigvelo-border-width)
+    var(--sigvelo-color-neutral-border-subtle);
+  border-radius: var(--sigvelo-radius-lg);
+  background-color: var(--sigvelo-color-surface);
+}
+
+.subagent-run__progress {
+  display: grid;
+  gap: var(--sigvelo-spacing-1-5);
+}
+
+.subagent-run__progress-label {
+  display: flex;
+  justify-content: space-between;
+  gap: var(--sigvelo-spacing-3);
+  color: var(--sigvelo-color-text-muted);
+  font-size: var(--sigvelo-text-xs);
+  line-height: 1.5;
+}
+
+.subagent-run__progress-label > :first-child {
+  min-inline-size: 0;
+  overflow-wrap: anywhere;
+}
+
+.subagent-run__progress-label > :last-child {
+  flex: 0 0 auto;
+  font-variant-numeric: tabular-nums;
+}
+
+.subagent-run__milestones {
+  display: grid;
+  gap: var(--sigvelo-spacing-1-5);
+  margin: 0;
+  padding: 0;
+  list-style: none;
+}
+
+.subagent-run__milestone {
+  display: flex;
+  align-items: baseline;
+  gap: var(--sigvelo-spacing-2);
+  color: var(--sigvelo-color-text-muted);
+  font-size: var(--sigvelo-text-compact);
+  line-height: 1.5;
+}
+
+.subagent-run__milestone::before {
+  content: "";
+  flex: 0 0 auto;
+  inline-size: var(--sigvelo-spacing-1-5);
+  block-size: var(--sigvelo-spacing-1-5);
+  border: var(--sigvelo-border-style) var(--sigvelo-border-width)
+    var(--sigvelo-color-neutral-border-muted);
+  border-radius: var(--sigvelo-radius-full);
+  background-color: var(--sigvelo-color-neutral-bg-subtle);
+}
+
+.subagent-run__actions {
+  display: flex;
+  flex-wrap: wrap;
+  gap: var(--sigvelo-spacing-2);
+  justify-content: flex-end;
+}
+
+@media (forced-colors: active) {
+  .subagent-run__trigger,
+  .subagent-run__content-inner {
+    border-color: CanvasText;
+  }
+
+  .subagent-run__trigger:focus-visible {
+    outline: 2px solid Highlight;
+    outline-offset: 2px;
+    box-shadow: none;
+  }
+
+  .subagent-run__milestone::before {
+    border-color: CanvasText;
+  }
+}

package/dist/styles/think-full-app.css

@@ -46,6 +46,7 @@
   min-inline-size: 0;
   min-block-size: 0;
   display: grid;
+  grid-template-columns: minmax(0, 1fr);
   grid-template-rows: minmax(0, 1fr);
   overflow: hidden;
   background: var(--sigvelo-color-surface);
@@ -57,6 +58,7 @@
   min-inline-size: 0;
   min-block-size: 0;
   display: grid;
+  grid-template-columns: minmax(0, 1fr);
   grid-template-rows: minmax(0, 1fr);
   overflow: hidden;
 }

package/dist/utils/codex-model-catalog.d.ts

@@ -78,7 +78,7 @@ declare const CHECKED_IN_CODEX_MODELS: readonly [{
   readonly upgradeInfo: null;
   readonly availabilityNux: null;
   readonly hidden: boolean;
-  readonly inputModalities: ("text" | "image")[];
+  readonly inputModalities: ("image" | "text")[];
   readonly supportsPersonality: boolean;
   readonly additionalSpeedTiers: never[];
   readonly serviceTiers: never[];
@@ -98,7 +98,7 @@ declare const CHECKED_IN_CODEX_MODELS: readonly [{
   readonly upgradeInfo: null;
   readonly availabilityNux: null;
   readonly hidden: boolean;
-  readonly inputModalities: ("text" | "image")[];
+  readonly inputModalities: ("image" | "text")[];
   readonly supportsPersonality: boolean;
   readonly additionalSpeedTiers: never[];
   readonly serviceTiers: never[];
@@ -115,7 +115,7 @@ declare const CHECKED_IN_CODEX_MODELS: readonly [{
   readonly upgradeInfo: null;
   readonly availabilityNux: null;
   readonly hidden: boolean;
-  readonly inputModalities: ("text" | "image")[];
+  readonly inputModalities: ("image" | "text")[];
   readonly supportsPersonality: boolean;
   readonly additionalSpeedTiers: never[];
   readonly serviceTiers: never[];
@@ -132,7 +132,7 @@ declare const CHECKED_IN_CODEX_MODELS: readonly [{
   readonly upgradeInfo: null;
   readonly availabilityNux: null;
   readonly hidden: boolean;
-  readonly inputModalities: ("text" | "image")[];
+  readonly inputModalities: ("image" | "text")[];
   readonly supportsPersonality: boolean;
   readonly additionalSpeedTiers: never[];
   readonly serviceTiers: never[];

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mcp-b/react-components",
-  "version": "0.14.1",
+  "version": "0.14.2",
   "description": "MCP-B React components built on Base UI and shared design tokens, including Cloudflare Think chat primitives.",
   "homepage": "https://design-system.sigvelo.com",
   "bugs": {
@@ -53,7 +53,7 @@
     "lucide-react": "^1.23.0",
     "shiki": "^3.23.0",
     "streamdown": "^2.5.0",
-    "@mcp-b/design-tokens": "0.14.1"
+    "@mcp-b/design-tokens": "0.14.2"
   },
   "devDependencies": {
     "@ai-sdk/react": "^3.0.222",