@mcp-b/react-components 0.28.0 → 0.30.0

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

@@ -0,0 +1,44 @@
+import * as React from "react";
+import { ChatAddToolApproveResponseFunction, DynamicToolUIPart, ToolUIPart, UIMessage } from "ai";
+import { PendingApproval, Think } from "@cloudflare/think";
+import { AgentStub } from "agents/client";
+
+//#region src/components/agents-sdk/PromptInputApproval.d.ts
+/** The id a response must carry: the approval id, or the paused run's executionId. */
+declare function getApprovalRequestId(part: ToolUIPart | DynamicToolUIPart): string | undefined;
+/** Component-local identity: paused executions can ask for multiple approvals. */
+declare function getApprovalStateKey(part: ToolUIPart | DynamicToolUIPart): string | undefined;
+/** Derives pending tool approvals straight from the messages — no app-owned shapes. */
+declare function getPendingToolApprovals(messages: readonly UIMessage[], {
+  pausedExecutions
+}?: {
+  pausedExecutions?: boolean;
+}): Array<ToolUIPart | DynamicToolUIPart>;
+interface PromptInputApprovalProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "part"> {
+  part?: ToolUIPart | DynamicToolUIPart;
+  approval?: PendingApproval;
+  onRespond?: ChatAddToolApproveResponseFunction;
+  thinkStub?: AgentStub<Think>;
+  onExecutionSettled?: () => void | Promise<void>;
+  onSkip?: () => void;
+  question?: React.ReactNode;
+  count?: number;
+}
+/** Adapts AI SDK and Think approval states into the prompt-input approval surface. */
+declare function PromptInputApproval({
+  part,
+  approval: durableApproval,
+  onRespond,
+  thinkStub,
+  onExecutionSettled,
+  onSkip,
+  question,
+  count,
+  className,
+  ref,
+  ...props
+}: PromptInputApprovalProps & {
+  ref?: React.Ref<HTMLDivElement>;
+}): React.JSX.Element | null;
+//#endregion
+export { PromptInputApproval, PromptInputApprovalProps, getApprovalRequestId, getApprovalStateKey, getPendingToolApprovals };

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

@@ -0,0 +1,61 @@
+import { t as cx } from "../../class-names-BiMDVpUo.js";
+import { ThinkExecutionApproval, ThinkPendingApproval, getPausedExecution } from "./ThinkPendingApproval.js";
+import { ToolApproval } from "../ai-sdk/ToolApproval.js";
+import "react";
+import { jsx } from "react/jsx-runtime";
+import { isToolUIPart } from "ai";
+//#region src/components/agents-sdk/PromptInputApproval.tsx
+/** The id a response must carry: the approval id, or the paused run's executionId. */
+function getApprovalRequestId(part) {
+	if (part.state === "approval-requested") return part.approval.id;
+	return getPausedExecution(part)?.executionId;
+}
+/** Component-local identity: paused executions can ask for multiple approvals. */
+function getApprovalStateKey(part) {
+	if (part.state === "approval-requested") return part.approval.id;
+	const paused = getPausedExecution(part);
+	if (!paused) return void 0;
+	const seq = paused.pending[0]?.seq;
+	return seq === void 0 ? paused.executionId : `${paused.executionId}:${seq}`;
+}
+/** Derives pending tool approvals straight from the messages — no app-owned shapes. */
+function getPendingToolApprovals(messages, { pausedExecutions = false } = {}) {
+	const pending = [];
+	messages.forEach((message) => {
+		message.parts.forEach((part) => {
+			if (isToolUIPart(part) && (part.state === "approval-requested" || pausedExecutions && getPausedExecution(part))) pending.push(part);
+		});
+	});
+	return pending;
+}
+/** Adapts AI SDK and Think approval states into the prompt-input approval surface. */
+function PromptInputApproval({ part, approval: durableApproval, onRespond, thinkStub, onExecutionSettled, onSkip, question, count, className, ref, ...props }) {
+	const shared = {
+		className: cx("prompt-input__approval", className),
+		count,
+		onSkip,
+		question,
+		ref,
+		...props
+	};
+	if (part?.state === "approval-requested" && onRespond) return /* @__PURE__ */ jsx(ToolApproval, {
+		...shared,
+		part,
+		onRespond
+	});
+	if (part && thinkStub && getPausedExecution(part)) return /* @__PURE__ */ jsx(ThinkExecutionApproval, {
+		...shared,
+		part,
+		thinkStub,
+		onSettled: onExecutionSettled
+	});
+	if (durableApproval && thinkStub) return /* @__PURE__ */ jsx(ThinkPendingApproval, {
+		...shared,
+		approval: durableApproval,
+		thinkStub,
+		onSettled: onExecutionSettled
+	});
+	return null;
+}
+//#endregion
+export { PromptInputApproval, getApprovalRequestId, getApprovalStateKey, getPendingToolApprovals };

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

@@ -0,0 +1,11 @@
+import { O as PromptInputCommandDefinition } from "../../PromptInput-DOyee1kM.js";
+import { MCPServersState } from "agents";
+import { SkillDescriptor } from "agents/skills";
+
+//#region src/components/agents-sdk/PromptInputCommands.d.ts
+/** Project whole upstream Agents MCP state into composer mention commands. */
+declare function mcpPromptInputCommands(mcp: MCPServersState): PromptInputCommandDefinition[];
+/** Project whole upstream skill descriptors into composer slash commands. */
+declare function skillPromptInputCommands(skills: readonly SkillDescriptor[]): PromptInputCommandDefinition[];
+//#endregion
+export { mcpPromptInputCommands, skillPromptInputCommands };

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

@@ -0,0 +1,33 @@
+import { c as BoxIcon, j as McpIcon } from "../../icons-B1Qw05te.js";
+import { jsx } from "react/jsx-runtime";
+//#region src/components/agents-sdk/PromptInputCommands.tsx
+/** Project whole upstream Agents MCP state into composer mention commands. */
+function mcpPromptInputCommands(mcp) {
+	return Object.entries(mcp.servers).flatMap(([id, server]) => server.state === "ready" ? [{
+		id: `mcp:${id}`,
+		value: id,
+		label: server.name,
+		description: server.server_url,
+		icon: /* @__PURE__ */ jsx(McpIcon, {}),
+		keywords: [id, server.server_url],
+		group: "Connected MCP servers",
+		meta: "Connected"
+	}] : []);
+}
+/** Project whole upstream skill descriptors into composer slash commands. */
+function skillPromptInputCommands(skills) {
+	return skills.map((skill) => ({
+		id: `skill:${skill.sourceId ?? "built-in"}:${skill.name}`,
+		value: skill.name,
+		label: skill.name,
+		description: skill.description,
+		icon: /* @__PURE__ */ jsx(BoxIcon, {}),
+		...skill.sourceId ? {
+			keywords: [skill.sourceId],
+			meta: skill.sourceId
+		} : {},
+		group: "Skills"
+	}));
+}
+//#endregion
+export { mcpPromptInputCommands, skillPromptInputCommands };

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

@@ -0,0 +1,2 @@
+import { a as UseSessionCompactionOptions, c as parseSessionStatusFrame, i as SessionStatusPhase, l as useSessionCompaction, n as SessionFrameSource, o as UseSessionCompactionResult, r as SessionStatusFrame, s as parseSessionErrorFrame, t as SessionCompactionSize } from "../../SessionCompaction-CmTJFpzj.js";
+export { SessionCompactionSize, SessionFrameSource, SessionStatusFrame, SessionStatusPhase, UseSessionCompactionOptions, UseSessionCompactionResult, parseSessionErrorFrame, parseSessionStatusFrame, useSessionCompaction };

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

@@ -1,5 +1,5 @@
 import * as React from "react";
-//#region src/components/SessionCompaction.ts
+//#region src/components/agents-sdk/SessionCompaction.ts
 /**
 * Client-side session-compaction plumbing for Think conversations.
 *
@@ -20,17 +20,23 @@ import * as React from "react";
 *
 * This module is the "local adapter … documented runtime-only mirror" that
 * docs/think-session-ui.md calls for: upstream exports no payload types or
-* client hook for these frames. The doc records the complete frame shapes
-* (including `tokenEstimate` and `tokenThreshold`); this adapter deliberately
-* consumes only `phase`, the presence of `compacted`, and the error string of
-* `cf_agent_session_error` so an upstream field change cannot break the UI.
-* Per that doc,
-* `tokenThreshold` is the auto-compaction threshold, not the model context
-* window — never feed it to the `Context` ring.
+* client hook for these frames. The doc records the complete frame shapes;
+* this adapter consumes `phase`, the presence of `compacted`, the error string
+* of `cf_agent_session_error`, and the two estimates that size a landed
+* compaction (`tokenEstimate` and `compacted.tokensBefore`). Every field but
+* `phase` degrades to null rather than throwing, so an upstream field change
+* costs detail, never the UI. Per that doc, `tokenThreshold` is the
+* auto-compaction threshold, not the model context window — it stays unread
+* here, and neither estimate may drive the `Context` ring, which reads
+* provider-reported `metadata.usage`.
 *
 * @see ../../docs/think-session-ui.md
 * @see https://github.com/cloudflare/agents/blob/main/docs/agents/sessions.md#compaction
 */
+/** Finite numbers only — an absent or malformed field degrades to null. */
+function finiteNumber(value) {
+	return typeof value === "number" && Number.isFinite(value) ? value : null;
+}
 /**
 * Parse a raw websocket payload as a `cf_agent_session` status frame.
 * Returns null for every other frame on the connection.
@@ -44,9 +50,12 @@ function parseSessionStatusFrame(data) {
 		return null;
 	}
 	if (typeof message !== "object" || message === null || !("type" in message) || message.type !== "cf_agent_session" || !("phase" in message) || message.phase !== "idle" && message.phase !== "compacting") return null;
+	const compacted = "compacted" in message && message.compacted != null ? message.compacted : null;
 	return {
 		phase: message.phase,
-		compacted: "compacted" in message && message.compacted != null
+		compacted: compacted !== null,
+		tokenEstimate: finiteNumber("tokenEstimate" in message ? message.tokenEstimate : void 0),
+		tokensBefore: typeof compacted === "object" && compacted !== null && "tokensBefore" in compacted ? finiteNumber(compacted.tokensBefore) : null
 	};
 }
 /**
@@ -69,17 +78,28 @@ function useSessionCompaction({ agent, chat, getMessages }) {
 	const [refreshPending, setRefreshPending] = React.useState(false);
 	const [reloadError, setReloadError] = React.useState(null);
 	const [sessionError, setSessionError] = React.useState(null);
+	const [lastCompaction, setLastCompaction] = React.useState(null);
 	React.useEffect(() => {
 		setCompacting(false);
 		setSessionError(null);
 		setRefreshPending(false);
 		setReloadError(null);
+		setLastCompaction(null);
 		const onMessage = (event) => {
 			const frame = parseSessionStatusFrame(event.data);
 			if (frame) {
 				setCompacting(frame.phase === "compacting");
-				if (frame.phase === "compacting") setSessionError(null);
-				if (frame.compacted) setRefreshPending(true);
+				if (frame.phase === "compacting") {
+					setSessionError(null);
+					setLastCompaction(null);
+				}
+				if (frame.compacted) {
+					setRefreshPending(true);
+					setLastCompaction(frame.tokensBefore !== null && frame.tokenEstimate !== null ? {
+						tokensAfter: frame.tokenEstimate,
+						tokensBefore: frame.tokensBefore
+					} : null);
+				}
 				return;
 			}
 			const error = parseSessionErrorFrame(event.data);
@@ -111,6 +131,7 @@ function useSessionCompaction({ agent, chat, getMessages }) {
 	}, [refreshPending, status]);
 	return {
 		compacting,
+		lastCompaction,
 		reloadError,
 		sessionError
 	};

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

@@ -1,6 +1,6 @@
 import * as React from "react";
 
-//#region src/components/SubagentRunDetails.d.ts
+//#region src/components/agents-sdk/SubagentRunDetails.d.ts
 interface SubagentRunProgressProps extends React.HTMLAttributes<HTMLDivElement> {
   /** Human-readable current action or phase. */
   label: string;

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

@@ -1,9 +1,9 @@
-import { t as cx } from "../class-names-BiMDVpUo.js";
-import { n as clamp } from "../format-S6uWyoSb.js";
-import { Progress } from "./Progress.js";
+import { t as cx } from "../../class-names-BiMDVpUo.js";
+import { n as clamp } from "../../format-CmopcfqJ.js";
+import { Progress } from "../foundations/Progress.js";
 import * as React from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
-//#region src/components/SubagentRunDetails.tsx
+//#region src/components/agents-sdk/SubagentRunDetails.tsx
 function SubagentRunProgress({ className, label, value, ref, ...props }) {
 	const labelId = React.useId();
 	const percent = value === void 0 ? null : Math.round(clamp(value, 0, 1) * 100);

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

@@ -1,7 +1,7 @@
 import * as React from "react";
 import { AgentToolRunPart, AgentToolRunState } from "agents/agent-tools";
 
-//#region src/components/SubagentRunIndicator.d.ts
+//#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;

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

@@ -1,8 +1,8 @@
-import { t as cx } from "../class-names-BiMDVpUo.js";
-import { J as SpinnerIcon, X as StopIcon, d as CheckIcon, tt as WarningIcon } from "../icons-B4mGvCvc.js";
+import { t as cx } from "../../class-names-BiMDVpUo.js";
+import { J as SpinnerIcon, X as StopIcon, d as CheckIcon, tt as WarningIcon } from "../../icons-B1Qw05te.js";
 import "react";
 import { jsx } from "react/jsx-runtime";
-//#region src/components/SubagentRunIndicator.tsx
+//#region src/components/agents-sdk/SubagentRunIndicator.tsx
 function getSubagentRunName(run) {
 	return run.display?.name ?? run.agentType;
 }

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

@@ -2,7 +2,7 @@ import * as React from "react";
 import { UIMessage } from "ai";
 import { AgentToolRunPart, AgentToolRunState } from "agents/agent-tools";
 
-//#region src/components/SubagentRunList.d.ts
+//#region src/components/agents-sdk/SubagentRunList.d.ts
 interface SubagentRunListProps<Part extends AgentToolRunPart = UIMessage["parts"][number]> extends Omit<React.HTMLAttributes<HTMLUListElement>, "children" | "onSelect"> {
   /** Complete retained runs returned by `useAgentToolEvents()`, in display order. */
   runs: readonly AgentToolRunState<Part>[];

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

@@ -1,8 +1,8 @@
-import { t as cx } from "../class-names-BiMDVpUo.js";
+import { t as cx } from "../../class-names-BiMDVpUo.js";
 import { SubagentRunSelector } from "./SubagentRunSelector.js";
 import "react";
 import { jsx } from "react/jsx-runtime";
-//#region src/components/SubagentRunList.tsx
+//#region src/components/agents-sdk/SubagentRunList.tsx
 /** Semantic, wrapping list of retained-run selectors. */
 function SubagentRunList({ className, renderRunLink, runs, ref, ...props }) {
 	return /* @__PURE__ */ jsx("ul", {

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

@@ -2,7 +2,7 @@ import * as React from "react";
 import { UIMessage } from "ai";
 import { AgentToolRunPart, AgentToolRunState } from "agents/agent-tools";
 
-//#region src/components/SubagentRunSelector.d.ts
+//#region src/components/agents-sdk/SubagentRunSelector.d.ts
 interface SubagentRunSelectorProps<Part extends AgentToolRunPart = UIMessage["parts"][number]> extends Omit<React.AnchorHTMLAttributes<HTMLAnchorElement>, "children"> {
   /** Complete retained-run state returned by `useAgentToolEvents()`. */
   run: AgentToolRunState<Part>;

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

@@ -1,12 +1,12 @@
-import { t as cx } from "../class-names-BiMDVpUo.js";
-import { buttonVariants } from "./Button.js";
-import { t as NavigationLink } from "../navigation-link-Cob7KBlM.js";
-import { Tooltip } from "./Tooltip.js";
-import { NaniteMark } from "./NaniteScene.js";
+import { t as cx } from "../../class-names-BiMDVpUo.js";
+import { l as BrainIcon } from "../../icons-B1Qw05te.js";
+import { t as NavigationLink } from "../../navigation-link-kqMa81v5.js";
+import { buttonVariants } from "../foundations/Button.js";
+import { Tooltip } from "../foundations/Tooltip.js";
 import { SubagentRunIndicator, getSubagentRunName, getSubagentRunTooltip } from "./SubagentRunIndicator.js";
 import "react";
 import { jsx, jsxs } from "react/jsx-runtime";
-//#region src/components/SubagentRunSelector.tsx
+//#region src/components/agents-sdk/SubagentRunSelector.tsx
 /**
 * Compact selector for a retained Cloudflare Agent Tool run.
 *
@@ -30,7 +30,7 @@ function SubagentRunSelector({ className, render, run, tooltip, ref, "aria-label
 		"aria-label": ariaLabel ?? `Open ${name}, ${run.status}`,
 		...props,
 		children: [
-			/* @__PURE__ */ jsx(NaniteMark, { index: run.order }),
+			/* @__PURE__ */ jsx(BrainIcon, { "aria-hidden": "true" }),
 			/* @__PURE__ */ jsx("span", {
 				className: "subagent-run__title sigvelo-truncate",
 				children: name

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

@@ -1,26 +1,26 @@
-import { i as AgentMessageRenderPartContext } from "../AgentMessageParts-CyD2UB3V.js";
-import { r as AgentChatProps } from "../AgentChat-CHEz8ts_.js";
-import { i as useOptionalAgentToolRuns, n as AgentToolRunsProvider, r as AgentToolRunsProviderProps, t as AgentToolEventsValue } from "../AgentToolRunsContext-BVe4stgw.js";
-import { S as isThinkChatActivityPart } from "../ThinkChatToolParts-BfroXQ4F.js";
-import { u as describeThinkChatActivityPart } from "../ThinkChatActivitySummary-F062wneC.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-C2uaL3el.js";
-import { i as ThinkChatValue } from "../ThinkChatContext-B-Nk84Wi.js";
-import { n as ThinkRecoveryNoticeProps, t as ThinkRecoveryNotice } from "../ThinkRecoveryNotice-D6gYcBbr.js";
-import { a as UseSessionCompactionResult } from "../SessionCompaction-DMa1vv6Y.js";
-import { n as BrowserLiveViewProps, t as BrowserLiveView } from "../BrowserLiveView-BV5qgFgI.js";
-import { n as BrowserReplayProps, t as BrowserReplay } from "../BrowserReplay-xWvRjRAC.js";
-import { d as inferWorkspaceLanguage, i as WorkspaceFileState } from "../WorkspaceFile-DMtRMwVv.js";
-import { a as WorkspaceSource, c as workspaceBinaryFileQueryOptions, d as workspaceDirectoryQueryPrefix, f as workspaceFileAssetQueryOptions, g as workspaceTextFileQueryOptions, h as workspaceQueryKey, i as WorkspaceQueryKey, l as workspaceDirectoryQueryKey, m as workspaceInfoQueryOptions, n as WorkspaceFileReadTarget, o as WorkspaceState, p as workspaceFileStatQueryOptions, r as WorkspaceInfo, s as useWorkspace, t as UseWorkspaceOptions, u as workspaceDirectoryQueryOptions } from "../Workspace-Bn6In4wi.js";
-import { n as WorkspaceExplorerProps, t as WorkspaceExplorer } from "../WorkspaceExplorer-D0aiscG6.js";
+import { i as AgentMessageRenderPartContext } from "../../AgentMessageParts-C7L-Mv9U.js";
+import { r as AgentChatProps } from "../../AgentChat-CV-GuYA6.js";
+import { i as useOptionalAgentToolRuns, n as AgentToolRunsProvider, r as AgentToolRunsProviderProps, t as AgentToolEventsValue } from "../../AgentToolRunsContext-Cgve-Upx.js";
+import { n as BrowserLiveViewProps, t as BrowserLiveView } from "../../BrowserLiveView-tJTWkoyu.js";
+import { n as BrowserReplayProps, t as BrowserReplay } from "../../BrowserReplay-B0BQZr-N.js";
+import { o as UseSessionCompactionResult } from "../../SessionCompaction-CmTJFpzj.js";
+import { x as isThinkChatActivityPart } from "../../ThinkChatToolParts-D4qcnnxt.js";
+import { u as describeThinkChatActivityPart } from "../../ThinkChatActivitySummary-teRjrPxW.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-CgqpROz_.js";
+import { i as ThinkChatValue } from "../../ThinkChatContext-COIgzkYp.js";
+import { n as ThinkRecoveryNoticeProps, t as ThinkRecoveryNotice } from "../../ThinkRecoveryNotice-DGWr94rk.js";
+import { d as inferWorkspaceLanguage, i as WorkspaceFileState } from "../../WorkspaceFile-C8Riev9j.js";
+import { a as WorkspaceSource, c as workspaceBinaryFileQueryOptions, d as workspaceDirectoryQueryPrefix, f as workspaceFileAssetQueryOptions, g as workspaceTextFileQueryOptions, h as workspaceQueryKey, i as WorkspaceQueryKey, l as workspaceDirectoryQueryKey, m as workspaceInfoQueryOptions, n as WorkspaceFileReadTarget, o as WorkspaceState, p as workspaceFileStatQueryOptions, r as WorkspaceInfo, s as useWorkspace, t as UseWorkspaceOptions, u as workspaceDirectoryQueryOptions } from "../../Workspace-EhvvlHOB.js";
+import { n as WorkspaceExplorerProps, t as WorkspaceExplorer } from "../../WorkspaceExplorer-DygQnEyi.js";
 import * as React from "react";
 import { UIMessage } from "ai";
-import { UseAgentOptions } from "agents/react";
 import { DataTag, UndefinedInitialDataOptions } from "@tanstack/react-query";
+import { UseAgentOptions } from "agents/react";
 import { PendingApproval, Think } from "@cloudflare/think";
 import { AgentStub } from "agents/client";
 import { UseVoiceInputReturn } from "@cloudflare/voice/react";
 
-//#region src/components/ThinkChat.d.ts
+//#region src/components/agents-sdk/ThinkChat.d.ts
 type ThinkPendingExecutionApprovalsQueryKey = readonly ["think", sourceKey: string, "pending-approvals"];
 type ThinkPendingExecutionApprovalsQueryOptions = UndefinedInitialDataOptions<readonly PendingApproval[], Error, readonly PendingApproval[], ThinkPendingExecutionApprovalsQueryKey> & {
   queryKey: DataTag<ThinkPendingExecutionApprovalsQueryKey, readonly PendingApproval[], Error>;
@@ -76,6 +76,8 @@ interface ThinkChatMessagesProps<MessageT extends UIMessage = UIMessage> extends
   composerHeader?: AgentChatProps<MessageT>["composerHeader"];
   /** Persistent context (e.g. the Goal banner) in the tray above the composer. */
   composerTray?: AgentChatProps<MessageT>["composerTray"];
+  /** Called when a submission is queued behind a busy turn; see AgentChat. */
+  onPromptQueued?: AgentChatProps<MessageT>["onPromptQueued"];
   /** Extra rows rendered in the built-in plus menu after files. */
   composerAddMenuItems?: AgentChatProps<MessageT>["composerAddMenuItems"];
   /** Composer placeholder text. */

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

@@ -1,12 +1,12 @@
-import { isThinkChatActivityPart } from "./ThinkChatToolParts.js";
 import { AgentToolRunsProvider, useOptionalAgentToolRuns } from "./AgentToolRunsContext.js";
 import { BrowserLiveView } from "./BrowserLiveView.js";
+import { BrowserReplay } from "./BrowserReplay.js";
 import { inferWorkspaceLanguage } from "./WorkspaceFile.js";
+import { isThinkChatActivityPart } from "./ThinkChatToolParts.js";
 import { describeThinkChatActivityPart } from "./ThinkChatActivitySummary.js";
 import { ThinkChatActivity, createThinkChatActivityRenderer, renderThinkChatActivityPart } from "./ThinkChatActivity.js";
 import { ThinkRecoveryNotice } from "./ThinkRecoveryNotice.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-Bp-nAnoW.js";
-import { BrowserReplay } from "./BrowserReplay.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-Dsm1xF3a.js";
 import { useWorkspace, workspaceBinaryFileQueryOptions, workspaceDirectoryQueryKey, workspaceDirectoryQueryOptions, workspaceDirectoryQueryPrefix, workspaceFileAssetQueryOptions, workspaceFileStatQueryOptions, workspaceInfoQueryOptions, workspaceQueryKey, workspaceTextFileQueryOptions } from "./Workspace.js";
 import { WorkspaceExplorer } from "./WorkspaceExplorer.js";
 export { AgentToolRunsProvider, BrowserLiveView, BrowserReplay, ThinkChat, ThinkChatActivity, ThinkChatMessages, ThinkChatProvider, ThinkChatRoot, ThinkRecoveryNotice, WorkspaceExplorer, createThinkChatActivityRenderer, describeThinkChatActivityPart, inferWorkspaceLanguage, isThinkChatActivityPart, renderThinkChatActivityPart, thinkPendingExecutionApprovalsQueryOptions, useOptionalAgentToolRuns, useThinkChat, useThinkPendingExecutionApprovals, useWorkspace, workspaceBinaryFileQueryOptions, workspaceDirectoryQueryKey, workspaceDirectoryQueryOptions, workspaceDirectoryQueryPrefix, workspaceFileAssetQueryOptions, workspaceFileStatQueryOptions, workspaceInfoQueryOptions, workspaceQueryKey, workspaceTextFileQueryOptions };

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

@@ -1,4 +1,4 @@
-import { S as isThinkChatActivityPart } from "../ThinkChatToolParts-BfroXQ4F.js";
-import { u as describeThinkChatActivityPart } from "../ThinkChatActivitySummary-F062wneC.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-C2uaL3el.js";
+import { x as isThinkChatActivityPart } from "../../ThinkChatToolParts-D4qcnnxt.js";
+import { u as describeThinkChatActivityPart } from "../../ThinkChatActivitySummary-teRjrPxW.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-CgqpROz_.js";
 export { ThinkChatActivity, ThinkChatActivityProps, ThinkChatActivityRendererOptions, ThinkChatToolRenderer, ThinkChatToolRenderers, createThinkChatActivityRenderer, describeThinkChatActivityPart, isThinkChatActivityPart, renderThinkChatActivityPart };

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

@@ -1,18 +1,18 @@
-import { Button } from "./Button.js";
-import { useExpansionState } from "./ExpansionState.js";
-import { Activity, ActivityContent, ActivityItem, ActivityItemGroup, ActivityText, ActivityTrigger } from "./Activity.js";
 import { AgentActivityFavicon, AgentActivityIcon } from "./AgentActivity.js";
-import { f as MessageResponse } from "../Message-BF6SiKKL.js";
-import { isBrowserToolPart, isExecuteToolPart, isFetchToolPart, isPartWorking, isSessionContextToolPart, isSkillToolPart, isThinkChatActivityPart, isWorkspaceToolPart } from "./ThinkChatToolParts.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 { SubagentRunList } from "./SubagentRunList.js";
 import { useOptionalThinkChatLive } from "./ThinkChatContext.js";
+import { isBrowserToolPart, isExecuteToolPart, isFetchToolPart, isPartWorking, isSessionContextToolPart, isSkillToolPart, isThinkChatActivityPart, isWorkspaceToolPart } from "./ThinkChatToolParts.js";
 import { ThinkChatBrowserPanel, ThinkChatExecutePanel, ThinkChatFetchPanel, ThinkChatSessionContextPanel, ThinkChatSkillPanel, ThinkChatWorkspacePanel } from "./ThinkChatToolPanels.js";
 import { activityPartIconKind, activityPartUrl, deriveThinkChatActivityHeader, describeThinkChatActivityPart } from "./ThinkChatActivitySummary.js";
 import * as React from "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { getToolName, isReasoningUIPart, isToolUIPart } from "ai";
-//#region src/components/ThinkChatActivity.tsx
+//#region src/components/agents-sdk/ThinkChatActivity.tsx
 function activityPartIcon(part) {
 	const url = activityPartUrl(part);
 	return url ? /* @__PURE__ */ jsx(AgentActivityFavicon, { url }) : /* @__PURE__ */ jsx(AgentActivityIcon, { kind: activityPartIconKind(part) });

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

@@ -1,2 +1,2 @@
-import { a as ThinkChatToolLifecycleSnapshot, c as deriveThinkChatActivityHeader, d as summarizeActivitySteps, i as ThinkChatToolDescribers, l as deriveThinkChatToolLifecycleHeader, n as ThinkChatActivityHeader, o as activityPartIconKind, r as ThinkChatToolDescriber, s as activityPartUrl, t as ThinkChatActivityDescription, u as describeThinkChatActivityPart } from "../ThinkChatActivitySummary-F062wneC.js";
+import { a as ThinkChatToolLifecycleSnapshot, c as deriveThinkChatActivityHeader, d as summarizeActivitySteps, i as ThinkChatToolDescribers, l as deriveThinkChatToolLifecycleHeader, n as ThinkChatActivityHeader, o as activityPartIconKind, r as ThinkChatToolDescriber, s as activityPartUrl, t as ThinkChatActivityDescription, u as describeThinkChatActivityPart } from "../../ThinkChatActivitySummary-teRjrPxW.js";
 export { ThinkChatActivityDescription, ThinkChatActivityHeader, ThinkChatToolDescriber, ThinkChatToolDescribers, ThinkChatToolLifecycleSnapshot, activityPartIconKind, activityPartUrl, deriveThinkChatActivityHeader, deriveThinkChatToolLifecycleHeader, describeThinkChatActivityPart, summarizeActivitySteps };

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

@@ -1,8 +1,9 @@
-import { t as capitalize } from "../format-S6uWyoSb.js";
-import { displayUrl, getToolDisplayName, isBrowserToolPart, isExecuteToolPart, isFetchToolPart, isPartFailed, isPartWorking, isSessionContextToolFailure, isSessionContextToolPart, isSkillToolPart, isWorkspaceToolPart } from "./ThinkChatToolParts.js";
-import { t as summarizeToolInput } from "../summarize-tool-input-CqTcGRYy.js";
+import { t as capitalize } from "../../format-CmopcfqJ.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";
 import { getToolName, isReasoningUIPart, isToolUIPart } from "ai";
-//#region src/components/ThinkChatActivitySummary.ts
+//#region src/components/agents-sdk/ThinkChatActivitySummary.ts
 function described(action, detail) {
 	return detail ? {
 		action,

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

@@ -1,2 +1,2 @@
-import { a as useOptionalThinkChatContext, i as ThinkChatValue, n as ThinkChatLiveContext, o as useOptionalThinkChatLive, r as ThinkChatLiveValue, s as useThinkChatContext, t as ThinkChatContext } from "../ThinkChatContext-B-Nk84Wi.js";
+import { a as useOptionalThinkChatContext, i as ThinkChatValue, n as ThinkChatLiveContext, o as useOptionalThinkChatLive, r as ThinkChatLiveValue, s as useThinkChatContext, t as ThinkChatContext } from "../../ThinkChatContext-COIgzkYp.js";
 export { ThinkChatContext, ThinkChatLiveContext, ThinkChatLiveValue, ThinkChatValue, useOptionalThinkChatContext, useOptionalThinkChatLive, useThinkChatContext };

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

@@ -1,5 +1,5 @@
 import * as React from "react";
-//#region src/components/ThinkChatContext.ts
+//#region src/components/agents-sdk/ThinkChatContext.ts
 /**
 * React contexts cannot bind provider-specific generics. Keep the stored value
 * opaque and restore the complete upstream hook type through the typed accessors.

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

@@ -1,7 +1,7 @@
-import { a as SessionContextToolPart, d as WorkspaceToolPart, n as ExecuteToolPart, o as SkillToolPart, r as FetchToolPart, t as BrowserToolPart } from "../ThinkChatToolParts-BfroXQ4F.js";
+import { a as SessionContextToolPart, d as WorkspaceToolPart, n as ExecuteToolPart, o as SkillToolPart, r as FetchToolPart, t as BrowserToolPart } from "../../ThinkChatToolParts-D4qcnnxt.js";
 import * as React from "react";
 
-//#region src/components/ThinkChatToolPanels.d.ts
+//#region src/components/agents-sdk/ThinkChatToolPanels.d.ts
 /** Default panels for the Think workspace tools, Claude Code-style: read/write
     show the file with line numbers, edit shows a mini diff, list/find/grep
     show their result lists, bash gets the shell panel. Everything is typed by

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

@@ -1,13 +1,13 @@
-import { ActivityOutput, ActivityPanel } from "./Activity.js";
-import { displayUrl, isSessionContextToolFailure } from "./ThinkChatToolParts.js";
-import { Tabs } from "./Tabs.js";
-import { t as CodeBlock } from "../CodeBlock-BUfEhDia.js";
+import { ActivityOutput, ActivityPanel } from "../ai-sdk/Activity.js";
+import { Tabs } from "../foundations/Tabs.js";
 import { BrowserLiveView } from "./BrowserLiveView.js";
+import { t as CodeBlock } from "../../CodeBlock-CM5gfmdq.js";
 import { inferWorkspaceLanguage } from "./WorkspaceFile.js";
+import { displayUrl, isSessionContextToolFailure } from "./ThinkChatToolParts.js";
 import * as React from "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { getToolName } from "ai";
-//#region src/components/ThinkChatToolPanels.tsx
+//#region src/components/agents-sdk/ThinkChatToolPanels.tsx
 function renderDeniedPanel(label, reason) {
 	return /* @__PURE__ */ jsx(ActivityPanel, {
 		label,

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

@@ -0,0 +1,2 @@
+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-D4qcnnxt.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 → agents-sdk/ThinkChatToolParts.js}

@@ -1,36 +1,6 @@
+import { isToolPartFailed, isToolPartWorking } from "../ai-sdk/ToolPart.js";
 import { getStaticToolName, getToolName, isReasoningUIPart, isStaticToolUIPart, isToolUIPart } from "ai";
-//#region src/components/ThinkChatToolParts.ts
-/** React-free equivalent of Think's UI-state mapping. Kept local so activity
-* summaries can run in workers and extension background contexts. */
-function getToolPartState(part) {
-	if (!("state" in part)) return "loading";
-	switch (part.state) {
-		case "input-streaming": return "streaming";
-		case "approval-requested": return "waiting-approval";
-		case "approval-responded": return "approved";
-		case "output-available": return "complete";
-		case "output-error": return "error";
-		case "output-denied": return "denied";
-		default: return "loading";
-	}
-}
-/** Prefer AI SDK's provider/tool-authored title over its transport-facing key. */
-function getToolDisplayName(part) {
-	return part.title ?? getToolName(part);
-}
-/**
-* Whole-part supplement to Think's simplified state mapping. Think maps every
-* `output-available` part to complete, while AI SDK preliminary outputs remain
-* in flight until a non-preliminary result arrives.
-*/
-function isToolPartWorking(part) {
-	const state = getToolPartState(part);
-	return state === "loading" || state === "streaming" || state === "waiting-approval" || state === "approved" || part.state === "output-available" && part.preliminary === true;
-}
-function isToolPartFailed(part) {
-	const state = getToolPartState(part);
-	return state === "error" || state === "denied";
-}
+//#region src/components/agents-sdk/ThinkChatToolParts.ts
 const WORKSPACE_TOOL_NAMES = /* @__PURE__ */ new Set([
 	"read",
 	"write",
@@ -105,4 +75,4 @@ function displayUrl(url) {
 	return url ? url.replace(/^https?:\/\//, "") : "";
 }
 //#endregion
-export { displayUrl, getToolDisplayName, isBrowserToolPart, isExecuteToolPart, isFetchToolPart, isPartFailed, isPartWorking, isSessionContextToolFailure, isSessionContextToolPart, isSkillToolPart, isThinkChatActivityPart, isToolPartFailed, isToolPartWorking, isWorkspaceToolPart };
+export { displayUrl, isBrowserToolPart, isExecuteToolPart, isFetchToolPart, isPartFailed, isPartWorking, isSessionContextToolFailure, isSessionContextToolPart, isSkillToolPart, isThinkChatActivityPart, isWorkspaceToolPart };

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

@@ -1,7 +1,7 @@
-import { t as ThinkExecutionRun } from "../ThinkExecutionRun-ChhWhOoU.js";
+import { t as ThinkExecutionRun } from "../../ThinkExecutionRun-lYYgyeE1.js";
 import * as React from "react";
 
-//#region src/components/ThinkExecutionDetail.d.ts
+//#region src/components/agents-sdk/ThinkExecutionDetail.d.ts
 interface ThinkExecutionDetailProps extends React.HTMLAttributes<HTMLElement> {
   run: ThinkExecutionRun | null;
   emptyState?: React.ReactNode;