@mcp-b/react-components 0.29.0 → 0.30.0

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-Dy3cKCd-.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-Dq0lOAgw.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>;

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-Dq0lOAgw.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;

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

@@ -1,11 +1,11 @@
-import { t as cx } from "../class-names-BiMDVpUo.js";
-import { $ as TerminalIcon, C as FileIcon, O as InfoIcon, W as RefreshIcon, d as CheckIcon, n as ArrowDownIcon, rt as XIcon } from "../icons-B4mGvCvc.js";
-import { Activity, ActivityContent, ActivityItem, ActivityItemGroup, ActivityOutput, ActivityPanel, ActivityTrigger } from "./Activity.js";
+import { t as cx } from "../../class-names-BiMDVpUo.js";
+import { $ as TerminalIcon, C as FileIcon, O as InfoIcon, W as RefreshIcon, d as CheckIcon, n as ArrowDownIcon, rt as XIcon } from "../../icons-B1Qw05te.js";
+import { Activity, ActivityContent, ActivityItem, ActivityItemGroup, ActivityOutput, ActivityPanel, ActivityTrigger } from "../ai-sdk/Activity.js";
 import { formatThinkExecutionRunProgress, formatThinkExecutionStatus, formatThinkExecutionTimestamp, getThinkExecutionRunError, getThinkExecutionRunId, getThinkExecutionRunProgressedAt, getThinkExecutionRunProgressedLabel, getThinkExecutionRunStatus, getThinkExecutionRunTitle, isThinkSubmissionRun } from "./ThinkExecutionRun.js";
 import { ThinkExecutionStatus } from "./ThinkExecutionStatus.js";
 import "react";
 import { jsx, jsxs } from "react/jsx-runtime";
-//#region src/components/ThinkExecutionDetail.tsx
+//#region src/components/agents-sdk/ThinkExecutionDetail.tsx
 function formatJson(value) {
 	return JSON.stringify(value, null, 2);
 }
@@ -29,10 +29,7 @@ function ThinkExecutionDetail({ className, emptyState = "Select a run to view it
 			className: "think-execution-workbench__detail-header",
 			children: [/* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsx("h3", { children: getThinkExecutionRunTitle(run) }), !isThinkSubmissionRun(run) ? /* @__PURE__ */ jsx("code", { children: id }) : null] }), /* @__PURE__ */ jsxs("div", {
 				className: "think-execution-workbench__detail-status",
-				children: [/* @__PURE__ */ jsx(ThinkExecutionStatus, {
-					run,
-					className: "think-execution-workbench__icon"
-				}), /* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsx("strong", { children: formatThinkExecutionStatus(getThinkExecutionRunStatus(run)) }), /* @__PURE__ */ jsx("span", { children: formatThinkExecutionRunProgress(run) })] })]
+				children: [/* @__PURE__ */ jsx(ThinkExecutionStatus, { run }), /* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsx("strong", { children: formatThinkExecutionStatus(getThinkExecutionRunStatus(run)) }), /* @__PURE__ */ jsx("span", { children: formatThinkExecutionRunProgress(run) })] })]
 			})]
 		}), /* @__PURE__ */ jsxs(Activity, {
 			defaultOpen: true,

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

@@ -1,2 +1,2 @@
-import { _ as isThinkSubmissionRun, a as formatThinkExecutionStatus, c as getThinkExecutionRunError, d as getThinkExecutionRunProgressedLabel, f as getThinkExecutionRunStatus, g as isSameThinkExecutionRun, h as getThinkExecutionRunTitle, i as formatThinkExecutionShortTimestamp, l as getThinkExecutionRunId, m as getThinkExecutionRunSubtitle, n as ThinkExecutionStatusTone, o as formatThinkExecutionTimestamp, p as getThinkExecutionRunStatusTone, r as formatThinkExecutionRunProgress, s as getThinkExecutionRunAccessibleName, t as ThinkExecutionRun, u as getThinkExecutionRunProgressedAt } from "../ThinkExecutionRun-ChhWhOoU.js";
+import { _ as isThinkSubmissionRun, a as formatThinkExecutionStatus, c as getThinkExecutionRunError, d as getThinkExecutionRunProgressedLabel, f as getThinkExecutionRunStatus, g as isSameThinkExecutionRun, h as getThinkExecutionRunTitle, i as formatThinkExecutionShortTimestamp, l as getThinkExecutionRunId, m as getThinkExecutionRunSubtitle, n as ThinkExecutionStatusTone, o as formatThinkExecutionTimestamp, p as getThinkExecutionRunStatusTone, r as formatThinkExecutionRunProgress, s as getThinkExecutionRunAccessibleName, t as ThinkExecutionRun, u as getThinkExecutionRunProgressedAt } from "../../ThinkExecutionRun-lYYgyeE1.js";
 export { ThinkExecutionRun, ThinkExecutionStatusTone, formatThinkExecutionRunProgress, formatThinkExecutionShortTimestamp, formatThinkExecutionStatus, formatThinkExecutionTimestamp, getThinkExecutionRunAccessibleName, getThinkExecutionRunError, getThinkExecutionRunId, getThinkExecutionRunProgressedAt, getThinkExecutionRunProgressedLabel, getThinkExecutionRunStatus, getThinkExecutionRunStatusTone, getThinkExecutionRunSubtitle, getThinkExecutionRunTitle, isSameThinkExecutionRun, isThinkSubmissionRun };

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

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

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

@@ -0,0 +1,35 @@
+import { t as ThinkExecutionRun } from "../../ThinkExecutionRun-lYYgyeE1.js";
+import * as React from "react";
+
+//#region src/components/agents-sdk/ThinkExecutionStatus.d.ts
+interface ThinkExecutionStatusProps extends React.HTMLAttributes<HTMLSpanElement> {
+  /** Whole upstream Think submission or Agents workflow record. */
+  run: ThinkExecutionRun;
+  /** Accessible status label; derived from the run when omitted. */
+  label?: string;
+}
+interface ThinkExecutionRunSummaryProps extends React.HTMLAttributes<HTMLSpanElement> {
+  /** Whole upstream Think submission or Agents workflow record. */
+  run: ThinkExecutionRun;
+}
+/** Shared status icon for whole upstream Think submission and Agents workflow records. */
+declare function ThinkExecutionStatus({
+  className,
+  label,
+  run,
+  ref,
+  ...props
+}: ThinkExecutionStatusProps & {
+  ref?: React.Ref<HTMLSpanElement>;
+}): React.JSX.Element;
+/** Shared identity, status, and progress summary for a whole Think execution record. */
+declare function ThinkExecutionRunSummary({
+  className,
+  run,
+  ref,
+  ...props
+}: ThinkExecutionRunSummaryProps & {
+  ref?: React.Ref<HTMLSpanElement>;
+}): React.JSX.Element;
+//#endregion
+export { ThinkExecutionRunSummary, ThinkExecutionRunSummaryProps, ThinkExecutionStatus, ThinkExecutionStatusProps };