@mcp-b/react-components 0.16.1 → 0.18.0

package/dist/components/TestResults.d.ts

@@ -1,4 +1,4 @@
-import { Collapsible } from "./Collapsible.js";
+import { t as Collapsible } from "../Collapsible-N64ASIQr.js";
 import * as React from "react";
 
 //#region src/components/TestResults.d.ts
@@ -101,8 +101,7 @@ declare function TestResultsContent({
 }: TestResultsContentProps & {
   ref?: React.Ref<HTMLDivElement>;
 }): React.JSX.Element;
-interface TestSuiteProps extends Omit<React.ComponentProps<typeof Collapsible.Root>, "className" | "unstyled"> {
-  className?: string;
+interface TestSuiteProps extends Omit<React.ComponentProps<typeof Collapsible.Root>, "unstyled"> {
   name: string;
   status: TestStatusValue;
 }
@@ -117,9 +116,7 @@ declare function TestSuite({
 }: TestSuiteProps & {
   ref?: React.Ref<HTMLDivElement>;
 }): React.JSX.Element;
-type TestSuiteNameProps = Omit<React.ComponentProps<typeof Collapsible.Trigger>, "className" | "unstyled"> & {
-  className?: string;
-};
+type TestSuiteNameProps = Omit<React.ComponentProps<typeof Collapsible.Trigger>, "unstyled"> & {};
 declare function TestSuiteName({
   className,
   children,
@@ -144,9 +141,7 @@ declare function TestSuiteStats({
 }: TestSuiteStatsProps & {
   ref?: React.Ref<HTMLDivElement>;
 }): React.JSX.Element;
-type TestSuiteContentProps = Omit<React.ComponentProps<typeof Collapsible.Panel>, "className" | "unstyled"> & {
-  className?: string;
-};
+type TestSuiteContentProps = Omit<React.ComponentProps<typeof Collapsible.Panel>, "unstyled"> & {};
 declare function TestSuiteContent({
   className,
   children,

package/dist/components/TestResults.js

@@ -1,6 +1,6 @@
+import { t as cx } from "../class-names-BiMDVpUo.js";
 import { Collapsible } from "./Collapsible.js";
-import { t as cx } from "../class-names-9UtZwb0J.js";
-import { B as SpinnerIcon, Y as XIcon, l as ChevronRightIcon, o as CheckIcon } from "../icons-CpfUer49.js";
+import { $ as XIcon, G as SpinnerIcon, f as ChevronRightIcon, l as CheckIcon } from "../icons-CQJ-aMnI.js";
 import { Badge } from "./Badge.js";
 import * as React from "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
@@ -45,6 +45,7 @@ const TestResultsContext = React.createContext({});
 function TestResults({ className, summary, children, ref, ...props }) {
 	const overall = summary && summary.failed > 0 ? "failed" : "passed";
 	const contextValue = React.useMemo(() => ({ summary }), [summary]);
+	const isComposable = hasComposableTestResultsChildren(children);
 	return /* @__PURE__ */ jsx(TestResultsContext.Provider, {
 		value: contextValue,
 		children: /* @__PURE__ */ jsx("div", {
@@ -52,7 +53,8 @@ function TestResults({ className, summary, children, ref, ...props }) {
 			className: cx("test-results", className),
 			"data-status": overall,
 			...props,
-			children: children ?? /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsxs(TestResultsHeader, { children: [/* @__PURE__ */ jsx(TestResultsSummary, {}), /* @__PURE__ */ jsx(TestResultsProgress, {})] }), /* @__PURE__ */ jsx(TestResultsContent, {})] })
+			"data-recipe": "framed-panel",
+			children: isComposable ? children : /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsxs(TestResultsHeader, { children: [/* @__PURE__ */ jsx(TestResultsSummary, {}), /* @__PURE__ */ jsx(TestResultsProgress, {})] }), /* @__PURE__ */ jsx(TestResultsContent, { children })] })
 		})
 	});
 }
@@ -84,7 +86,6 @@ function TestResultsSummary({ className, children, ref, ...props }) {
 		...props,
 		children: children ?? /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(Badge, {
 			color: STATUS_COLOR[overall],
-			className: "test-results__overall",
 			children: overall === "passed" ? "All tests passed" : `${summary.failed} failed`
 		}), /* @__PURE__ */ jsxs("span", {
 			className: "test-results__stats",
@@ -128,13 +129,14 @@ function TestResultsProgress({ className, children, ref, ...props }) {
 			"aria-valuenow": summary.passed,
 			"aria-valuetext": `${summary.passed}/${summary.total} tests passed, ${summary.failed} failed`,
 			className: "test-results__progress-track",
+			"data-slot": "progress-track",
 			role: "progressbar",
 			children: [/* @__PURE__ */ jsx("div", {
 				className: "test-results__progress-segment test-results__progress-segment--passed",
-				style: { width: `${passedPercent}%` }
+				style: { inlineSize: `${passedPercent}%` }
 			}), /* @__PURE__ */ jsx("div", {
 				className: "test-results__progress-segment test-results__progress-segment--failed",
-				style: { width: `${failedPercent}%` }
+				style: { inlineSize: `${failedPercent}%` }
 			})]
 		}), /* @__PURE__ */ jsxs("span", {
 			className: "test-results__progress-label",
@@ -157,6 +159,9 @@ function TestResultsContent({ className, children, ref, ...props }) {
 		children
 	});
 }
+function hasComposableTestResultsChildren(children) {
+	return React.Children.toArray(children).some((child) => React.isValidElement(child) && (child.type === TestResultsHeader || child.type === TestResultsSummary || child.type === TestResultsProgress || child.type === TestResultsContent));
+}
 const TestSuiteContext = React.createContext({
 	name: "",
 	status: "passed"

package/dist/components/Textarea.js

@@ -1,4 +1,4 @@
-import { t as cx } from "../class-names-9UtZwb0J.js";
+import { t as cx } from "../class-names-BiMDVpUo.js";
 import "react";
 import { jsx } from "react/jsx-runtime";
 //#region src/components/Textarea.tsx

package/dist/components/ThemeModeControl.js

@@ -1,4 +1,4 @@
-import { A as MoonIcon, W as SunIcon, k as MonitorIcon } from "../icons-CpfUer49.js";
+import { J as SunIcon, N as MonitorIcon, P as MoonIcon } from "../icons-CQJ-aMnI.js";
 import { Radio, RadioGroup } from "./RadioGroup.js";
 import { useTheme } from "./ThemeProvider.js";
 import { jsx, jsxs } from "react/jsx-runtime";

package/dist/components/ThinkChat.d.ts

@@ -1,24 +1,34 @@
-import { i as AgentChatProps, o as AgentChatRenderPartContext } from "../AgentChat-CrlpbvQJ.js";
+import { i as AgentMessageRenderPartContext } from "../AgentMessageParts-CyD2UB3V.js";
+import { r as AgentChatProps } from "../AgentChat-ClxViuUM.js";
+import { i as useOptionalAgentToolRuns, n as AgentToolRunsProvider, r as AgentToolRunsProviderProps, t as AgentToolEventsValue } from "../AgentToolRunsContext-BVe4stgw.js";
+import { S as isThinkChatActivityPart } from "../ThinkChatToolParts-CSzVwMXf.js";
+import { l as describeThinkChatActivityPart } from "../ThinkChatActivitySummary-D1xOrNrq.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-Bzot45kX.js";
+import { n as ThinkChatValue } from "../ThinkChatContext-DrsZqdaO.js";
+import { n as ThinkRecoveryNoticeProps, t as ThinkRecoveryNotice } from "../ThinkRecoveryNotice-DFIcG9UX.js";
 import { n as BrowserLiveViewProps, t as BrowserLiveView } from "../BrowserLiveView-BV5qgFgI.js";
 import { n as BrowserReplayProps, t as BrowserReplay } from "../BrowserReplay-xWvRjRAC.js";
-import { S as isThinkChatActivityPart } from "../ThinkChatToolParts-CSzVwMXf.js";
-import { l as describeThinkChatActivityPart } from "../ThinkChatActivitySummary-BPmu9a-c.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-BFQnb2ct.js";
-import { n as ThinkChatValue } from "../ThinkChatContext-C3Eb1Xpi.js";
-import { d as inferWorkspaceLanguage, i as WorkspaceFileState } from "../WorkspaceFile-DOZkPwzu.js";
-import { a as useWorkspace, i as WorkspaceState, n as WorkspaceInfo, r as WorkspaceSource, t as UseWorkspaceOptions } from "../Workspace-D39LxGvP.js";
-import { WorkspaceExplorer, WorkspaceExplorerProps } from "./WorkspaceExplorer.js";
+import { d as inferWorkspaceLanguage, i as WorkspaceFileState } from "../WorkspaceFile-CzyHnESE.js";
+import { a as WorkspaceSource, c as workspaceBinaryFileQueryOptions, d as workspaceFileStatQueryOptions, f as workspaceInfoQueryOptions, i as WorkspaceQueryKey, l as workspaceDirectoryQueryOptions, m as workspaceTextFileQueryOptions, n as WorkspaceFileReadTarget, o as WorkspaceState, p as workspaceQueryKey, r as WorkspaceInfo, s as useWorkspace, t as UseWorkspaceOptions, u as workspaceFileAssetQueryOptions } from "../Workspace-Jez8ffUj.js";
+import { n as WorkspaceExplorerProps, t as WorkspaceExplorer } from "../WorkspaceExplorer-B9dQWNVK.js";
 import * as React from "react";
 import { UIMessage } from "ai";
 import { UseAgentOptions } from "agents/react";
+import { DataTag, UndefinedInitialDataOptions } from "@tanstack/react-query";
 import { PendingApproval, Think } from "@cloudflare/think";
 import { AgentStub } from "agents/client";
 import { UseVoiceInputReturn } from "@cloudflare/voice/react";
 
 //#region src/components/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>;
+};
 interface ThinkChatProviderProps<State = unknown, MessageT extends UIMessage = UIMessage> {
   /** The `useAgentChat` value from `@cloudflare/think/react` that descendants read. */
   chat: ThinkChatValue<State, MessageT>;
+  /** Optional whole `useAgentToolEvents` result when the app owns the parent connection. */
+  agentTools?: AgentToolEventsValue<MessageT["parts"][number]>;
   children: React.ReactNode;
 }
 interface ThinkChatRootProps<State = unknown> {
@@ -26,9 +36,14 @@ interface ThinkChatRootProps<State = unknown> {
   agent: string | UseAgentOptions<State>;
   /** Instance name (e.g. a session or room id). Wins over `agent.name`. */
   name?: string;
+  /**
+   * Stable, non-secret identity for the remote Think agent. Include endpoint,
+   * account or tenant scope, and agent path so sources cannot share cached data.
+   */
+  sourceKey: string;
   children: React.ReactNode;
 }
-interface ThinkChatMessagesProps<MessageT extends UIMessage = UIMessage> extends ThinkChatActivityRendererOptions {
+interface ThinkChatMessagesProps<MessageT extends UIMessage = UIMessage> extends ThinkChatActivityRendererOptions<MessageT> {
   className?: string;
   /** Disable the composer (e.g. while the agent is unreachable). */
   disabled?: boolean;
@@ -38,12 +53,6 @@ interface ThinkChatMessagesProps<MessageT extends UIMessage = UIMessage> extends
   emptyState?: React.ReactNode;
   /** Extra controls rendered inside the composer, next to the send button. */
   composerTools?: React.ReactNode;
-  /** Keep submitting composed follow-ups through `chat.sendMessage()` while busy. */
-  allowSubmitWhileBusy?: AgentChatProps<MessageT>["allowSubmitWhileBusy"];
-  /** Authoritative queued messages rendered outside the transcript. */
-  queuedMessages?: AgentChatProps<MessageT>["queuedMessages"];
-  onSteerQueuedMessage?: AgentChatProps<MessageT>["onSteerQueuedMessage"];
-  onRemoveQueuedMessage?: AgentChatProps<MessageT>["onRemoveQueuedMessage"];
   /** Host-owned slash-command catalog and selection policy. */
   slashCommands?: AgentChatProps<MessageT>["slashCommands"];
   /** Controlled MCP catalog revealed by `@`; selections become composer references. */
@@ -95,7 +104,9 @@ interface ThinkChatMessagesProps<MessageT extends UIMessage = UIMessage> extends
    */
   contextWindow?: AgentChatProps<MessageT>["contextWindow"];
 }
-declare function useThinkPendingApprovals(stub: AgentStub<Think>, refreshKey: unknown): {
+/** Shared pending-approval options for components and TanStack Router loaders. */
+declare function thinkPendingExecutionApprovalsQueryOptions(stub: AgentStub<Think>, sourceKey: string): ThinkPendingExecutionApprovalsQueryOptions;
+declare function useThinkPendingExecutionApprovals(stub: AgentStub<Think>, sourceKey: string, refreshSignal?: unknown): {
   pendingApprovals: readonly PendingApproval[];
   refreshPendingApprovals: () => Promise<void>;
 };
@@ -105,24 +116,33 @@ declare function useThinkPendingApprovals(stub: AgentStub<Think>, refreshKey: un
  * stream with agent work folded into collapsed Activity blocks.
  */
 declare function ThinkChatProvider<State = unknown, MessageT extends UIMessage = UIMessage>({
+  agentTools,
   chat,
   children
 }: ThinkChatProviderProps<State, MessageT>): React.JSX.Element;
 /**
  * Batteries-included root: connects to the named Think agent (upstream's
  * `useAgent` + `useAgentChat`) and provides the live chat to everything
- * inside. If the app already owns the chat hook, use `ThinkChat.Provider`.
+ * inside. Render it beneath the app's `QueryClientProvider`. If the app
+ * already owns the chat hook, use `ThinkChat.Provider`.
  *
  * @example
  * ```tsx
- * <ThinkChat.Root agent="my-agent" name="session-1">
- *   <ThinkChat.Messages />
- * </ThinkChat.Root>
+ * <QueryClientProvider client={queryClient}>
+ *   <ThinkChat.Root
+ *     agent="my-agent"
+ *     name="session-1"
+ *     sourceKey="api.example.com:account:acme:agent:session-1"
+ *   >
+ *     <ThinkChat.Messages />
+ *   </ThinkChat.Root>
+ * </QueryClientProvider>
  * ```
  */
 declare function ThinkChatRoot<State = unknown, MessageT extends UIMessage = UIMessage>({
   agent: agentOption,
   name,
+  sourceKey,
   children
 }: ThinkChatRootProps<State>): React.JSX.Element;
 /**
@@ -136,8 +156,10 @@ declare function ThinkChatRoot<State = unknown, MessageT extends UIMessage = UIM
  * card) — see README "App-specific tools" and the Custom Tool Panel story.
  */
 declare function ThinkChatMessages<State = unknown, MessageT extends UIMessage = UIMessage>({
+  composerHeader,
   renderPart,
   excludeTools,
+  renderAgentToolRunLink,
   toolRenderers,
   thinkStub,
   onExecutionSettled,
@@ -180,8 +202,9 @@ declare const ThinkChat: {
   Root: typeof ThinkChatRoot;
   Messages: typeof ThinkChatMessages;
   Activity: typeof ThinkChatActivity;
-  renderActivityPart: (context: AgentChatRenderPartContext<UIMessage<unknown, import("ai").UIDataTypes, import("ai").UITools>>) => React.ReactNode | undefined;
+  RecoveryNotice: typeof ThinkRecoveryNotice;
+  renderActivityPart: (context: AgentMessageRenderPartContext<UIMessage<unknown, import("ai").UIDataTypes, import("ai").UITools>>) => React.ReactNode | undefined;
   createActivityRenderer: typeof createThinkChatActivityRenderer;
 };
 //#endregion
-export { BrowserLiveView, type BrowserLiveViewProps, BrowserReplay, type BrowserReplayProps, ThinkChat, ThinkChatActivity, type ThinkChatActivityProps, type ThinkChatActivityRendererOptions, ThinkChatMessages, ThinkChatMessagesProps, ThinkChatProvider, ThinkChatProviderProps, ThinkChatRoot, ThinkChatRootProps, type ThinkChatToolRenderer, type ThinkChatToolRenderers, type UseWorkspaceOptions, WorkspaceExplorer, type WorkspaceExplorerProps, type WorkspaceFileState, type WorkspaceInfo, type WorkspaceSource, type WorkspaceState, createThinkChatActivityRenderer, describeThinkChatActivityPart, inferWorkspaceLanguage, isThinkChatActivityPart, renderThinkChatActivityPart, useThinkChat, useThinkPendingApprovals, useWorkspace };
+export { type AgentToolEventsValue, AgentToolRunsProvider, type AgentToolRunsProviderProps, BrowserLiveView, type BrowserLiveViewProps, BrowserReplay, type BrowserReplayProps, ThinkChat, ThinkChatActivity, type ThinkChatActivityProps, type ThinkChatActivityRendererOptions, ThinkChatMessages, ThinkChatMessagesProps, ThinkChatProvider, ThinkChatProviderProps, ThinkChatRoot, ThinkChatRootProps, type ThinkChatToolRenderer, type ThinkChatToolRenderers, ThinkPendingExecutionApprovalsQueryKey, ThinkPendingExecutionApprovalsQueryOptions, ThinkRecoveryNotice, type ThinkRecoveryNoticeProps, type UseWorkspaceOptions, WorkspaceExplorer, type WorkspaceExplorerProps, type WorkspaceFileReadTarget, type WorkspaceFileState, type WorkspaceInfo, type WorkspaceQueryKey, type WorkspaceSource, type WorkspaceState, createThinkChatActivityRenderer, describeThinkChatActivityPart, inferWorkspaceLanguage, isThinkChatActivityPart, renderThinkChatActivityPart, thinkPendingExecutionApprovalsQueryOptions, useOptionalAgentToolRuns, useThinkChat, useThinkPendingExecutionApprovals, useWorkspace, workspaceBinaryFileQueryOptions, workspaceDirectoryQueryOptions, workspaceFileAssetQueryOptions, workspaceFileStatQueryOptions, workspaceInfoQueryOptions, workspaceQueryKey, workspaceTextFileQueryOptions };

package/dist/components/ThinkChat.js

@@ -1,10 +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 { describeThinkChatActivityPart } from "./ThinkChatActivitySummary.js";
 import { ThinkChatActivity, createThinkChatActivityRenderer, 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-CzC-zNGA.js";
-import { inferWorkspaceLanguage } from "./WorkspaceFile.js";
-import { useWorkspace } from "./Workspace.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-15EhfvYJ.js";
+import { BrowserReplay } from "./BrowserReplay.js";
+import { useWorkspace, workspaceBinaryFileQueryOptions, workspaceDirectoryQueryOptions, workspaceFileAssetQueryOptions, workspaceFileStatQueryOptions, workspaceInfoQueryOptions, workspaceQueryKey, workspaceTextFileQueryOptions } from "./Workspace.js";
 import { WorkspaceExplorer } from "./WorkspaceExplorer.js";
-export { BrowserLiveView, BrowserReplay, ThinkChat, ThinkChatActivity, ThinkChatMessages, ThinkChatProvider, ThinkChatRoot, WorkspaceExplorer, createThinkChatActivityRenderer, describeThinkChatActivityPart, inferWorkspaceLanguage, isThinkChatActivityPart, renderThinkChatActivityPart, useThinkChat, useThinkPendingApprovals, useWorkspace };
+export { AgentToolRunsProvider, BrowserLiveView, BrowserReplay, ThinkChat, ThinkChatActivity, ThinkChatMessages, ThinkChatProvider, ThinkChatRoot, ThinkRecoveryNotice, WorkspaceExplorer, createThinkChatActivityRenderer, describeThinkChatActivityPart, inferWorkspaceLanguage, isThinkChatActivityPart, renderThinkChatActivityPart, thinkPendingExecutionApprovalsQueryOptions, useOptionalAgentToolRuns, useThinkChat, useThinkPendingExecutionApprovals, useWorkspace, workspaceBinaryFileQueryOptions, workspaceDirectoryQueryOptions, workspaceFileAssetQueryOptions, workspaceFileStatQueryOptions, workspaceInfoQueryOptions, workspaceQueryKey, workspaceTextFileQueryOptions };

package/dist/components/ThinkChatActivity.d.ts

@@ -1,4 +1,4 @@
 import { S as isThinkChatActivityPart } from "../ThinkChatToolParts-CSzVwMXf.js";
-import { l as describeThinkChatActivityPart } from "../ThinkChatActivitySummary-BPmu9a-c.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-BFQnb2ct.js";
+import { l as describeThinkChatActivityPart } from "../ThinkChatActivitySummary-D1xOrNrq.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-Bzot45kX.js";
 export { ThinkChatActivity, ThinkChatActivityProps, ThinkChatActivityRendererOptions, ThinkChatToolRenderer, ThinkChatToolRenderers, createThinkChatActivityRenderer, describeThinkChatActivityPart, isThinkChatActivityPart, renderThinkChatActivityPart };

package/dist/components/ThinkChatActivity.js

@@ -1,11 +1,13 @@
 import { Activity, ActivityContent, ActivityItem, ActivityItemGroup, ActivityText, ActivityTrigger } from "./Activity.js";
 import { AgentActivityFavicon, AgentActivityIcon } from "./AgentActivity.js";
 import { isBrowserToolPart, isExecuteToolPart, isFetchToolPart, isPartWorking, isSessionContextToolPart, isSkillToolPart, isThinkChatActivityPart, isWorkspaceToolPart } from "./ThinkChatToolParts.js";
+import { useOptionalAgentToolRuns } from "./AgentToolRunsContext.js";
+import { SubagentRunList } from "./SubagentRunList.js";
 import { useOptionalThinkChatContext } from "./ThinkChatContext.js";
 import { ThinkChatBrowserPanel, ThinkChatExecutePanel, ThinkChatFetchPanel, ThinkChatSessionContextPanel, ThinkChatSkillPanel, ThinkChatWorkspacePanel } from "./ThinkChatToolPanels.js";
 import { activityPartIconKind, activityPartUrl, deriveThinkChatActivityHeader, describeThinkChatActivityPart } from "./ThinkChatActivitySummary.js";
-import "react";
-import { jsx, jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { getToolName, isReasoningUIPart, isToolUIPart } from "ai";
 //#region src/components/ThinkChatActivity.tsx
 function activityPartIcon(part) {
@@ -103,14 +105,28 @@ function ThinkChatActivityStep({ text, part, toolRenderers }) {
 		children: text
 	});
 }
-function ThinkChatActivityGroup({ message, parts, isTrailing, toolRenderers }) {
+function ThinkChatActivityGroup({ message, parts, renderAgentToolRunLink, isTrailing, toolRenderers }) {
 	const chat = useOptionalThinkChatContext();
 	const chatStillWorking = isTrailing && Boolean(chat?.isStreaming) && chat?.messages.at(-1)?.id === message.id;
-	return /* @__PURE__ */ jsx(ThinkChatActivity, {
+	const agentTools = useOptionalAgentToolRuns();
+	const runs = React.useMemo(() => {
+		if (!agentTools || !renderAgentToolRunLink) return [];
+		return parts.flatMap((part) => isToolUIPart(part) ? agentTools.getRunsForToolCall(part.toolCallId) : []);
+	}, [
+		agentTools,
+		parts,
+		renderAgentToolRunLink
+	]);
+	return /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(ThinkChatActivity, {
 		parts,
 		isStreaming: parts.some(isPartWorking) || chatStillWorking,
 		toolRenderers
-	});
+	}), runs.length && renderAgentToolRunLink ? /* @__PURE__ */ jsx(SubagentRunList, {
+		className: "subagent-run__list--adjacent",
+		"aria-label": "Delegated agent runs",
+		runs,
+		renderRunLink: renderAgentToolRunLink
+	}) : null] });
 }
 /**
 * Builds a renderPart handler that folds every run of consecutive activity
@@ -119,7 +135,7 @@ function ThinkChatActivityGroup({ message, parts, isTrailing, toolRenderers }) {
 * state. Excluded tools split the run and return undefined so your own
 * renderPart (or AgentChat's generic activity row) takes over for them.
 */
-function createThinkChatActivityRenderer({ excludeTools, toolRenderers } = {}) {
+function createThinkChatActivityRenderer({ excludeTools, renderAgentToolRunLink, toolRenderers } = {}) {
 	const excluded = excludeTools?.length ? new Set(excludeTools) : void 0;
 	const isActivity = (part) => isThinkChatActivityPart(part, excluded);
 	return (context) => {
@@ -134,7 +150,8 @@ function createThinkChatActivityRenderer({ excludeTools, toolRenderers } = {}) {
 			message,
 			parts: message.parts.slice(start, end + 1),
 			isTrailing: end === message.parts.length - 1,
-			toolRenderers
+			toolRenderers,
+			renderAgentToolRunLink
 		});
 	};
 }

package/dist/components/ThinkChatActivitySummary.d.ts

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

package/dist/components/ThinkChatActivitySummary.js

@@ -1,5 +1,5 @@
 import { displayUrl, getToolDisplayName, isBrowserToolPart, isExecuteToolPart, isFetchToolPart, isPartFailed, isPartWorking, isSessionContextToolFailure, isSessionContextToolPart, isSkillToolPart, isWorkspaceToolPart } from "./ThinkChatToolParts.js";
-import { t as summarizeToolInput } from "../summarize-tool-input-BUJsENSn.js";
+import { t as summarizeToolInput } from "../summarize-tool-input-CqTcGRYy.js";
 import { getToolName, isReasoningUIPart, isToolUIPart } from "ai";
 //#region src/components/ThinkChatActivitySummary.ts
 const ACTIVITY_HEADER_LABEL_MAX_LENGTH = 240;
@@ -310,6 +310,7 @@ function summarizeActivitySteps(parts) {
 	if (browses > 0) segments.push("used the browser");
 	if (codeRuns > 0) segments.push("ran code");
 	if (commands > 0) segments.push(commands === 1 ? "ran a command" : `ran ${commands} commands`);
+	const includedSegments = new Set(segments);
 	for (const segment of [
 		"edited files",
 		"searched code",
@@ -318,8 +319,11 @@ function summarizeActivitySteps(parts) {
 		"ran a command",
 		"read files",
 		"used a tool"
-	]) if (genericSegments.has(segment)) segments.push(segment);
-	for (const segment of genericSegments) if (!segments.includes(segment)) segments.push(segment);
+	]) if (genericSegments.has(segment)) {
+		segments.push(segment);
+		includedSegments.add(segment);
+	}
+	for (const segment of genericSegments) if (!includedSegments.has(segment)) segments.push(segment);
 	if (segments.length === 0) return "Worked";
 	const top = segments.slice(0, 3);
 	const joined = top.length === 1 ? top[0] : `${top.slice(0, -1).join(", ")} and ${top.at(-1)}`;

package/dist/components/ThinkChatContext.d.ts

@@ -1,2 +1,2 @@
-import { i as useThinkChatContext, n as ThinkChatValue, r as useOptionalThinkChatContext, t as ThinkChatContext } from "../ThinkChatContext-C3Eb1Xpi.js";
+import { i as useThinkChatContext, n as ThinkChatValue, r as useOptionalThinkChatContext, t as ThinkChatContext } from "../ThinkChatContext-DrsZqdaO.js";
 export { ThinkChatContext, ThinkChatValue, useOptionalThinkChatContext, useThinkChatContext };

package/dist/components/ThinkChatToolPanels.js

@@ -1,8 +1,9 @@
 import { ActivityOutput, ActivityPanel } from "./Activity.js";
-import { Tabs } from "./Tabs.js";
 import { displayUrl, isSessionContextToolFailure } from "./ThinkChatToolParts.js";
-import { t as CodeBlock } from "../CodeBlock-BmB4Xaqq.js";
+import { Tabs } from "./Tabs.js";
+import { t as CodeBlock } from "../CodeBlock-Bfp5PAg3.js";
 import { BrowserLiveView } from "./BrowserLiveView.js";
+import { inferWorkspaceLanguage } from "./WorkspaceFile.js";
 import * as React from "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { getToolName } from "ai";
@@ -15,11 +16,6 @@ function renderDeniedPanel(label, reason) {
 		error: true
 	});
 }
-function numberLines(content, from = 1) {
-	const lines = content.split("\n");
-	const width = String(from + lines.length - 1).length;
-	return lines.map((line, i) => `${String(from + i).padStart(width)}  ${line}`).join("\n");
-}
 function prefixLines(text, prefix) {
 	return text.split("\n").map((line) => `${prefix}${line}`).join("\n");
 }
@@ -58,11 +54,19 @@ function ThinkChatWorkspacePanel({ part }) {
 			return /* @__PURE__ */ jsx(ActivityPanel, { label });
 		}
 		case "tool-write": {
+			const path = part.input?.path ?? "file";
+			const content = part.input?.content;
 			const output = part.state === "output-available" ? part.output : void 0;
 			return /* @__PURE__ */ jsx(ActivityPanel, {
-				label: part.input?.path ?? "file",
-				text: part.input?.content ? numberLines(part.input.content) : void 0,
-				status: output ? `${output.lines} lines written` : void 0
+				label: path,
+				status: output ? `${output.lines} lines written` : void 0,
+				children: content !== void 0 ? /* @__PURE__ */ jsx(CodeBlock, {
+					className: "activity__code-block",
+					code: content,
+					isStreaming: part.state === "input-streaming",
+					language: inferWorkspaceLanguage(path),
+					showLineNumbers: true
+				}) : null
 			});
 		}
 		case "tool-edit": {
@@ -402,19 +406,25 @@ function ThinkChatBrowserPanel({ part }) {
 				children: [
 					/* @__PURE__ */ jsxs(Tabs.List, {
 						variant: "line",
-						children: [/* @__PURE__ */ jsx(Tabs.Tab, {
-							value: "browser",
-							children: "Preview"
-						}), /* @__PURE__ */ jsx(Tabs.Tab, {
-							value: "code",
-							children: "Code"
-						})]
+						children: [
+							/* @__PURE__ */ jsx(Tabs.Tab, {
+								value: "browser",
+								children: "Preview"
+							}),
+							/* @__PURE__ */ jsx(Tabs.Tab, {
+								value: "code",
+								children: "Code"
+							}),
+							/* @__PURE__ */ jsx(Tabs.Indicator, {})
+						]
 					}),
 					/* @__PURE__ */ jsx(Tabs.Panel, {
+						className: "activity__browser-panel",
 						value: "browser",
 						children: browserView
 					}),
 					/* @__PURE__ */ jsx(Tabs.Panel, {
+						className: "activity__browser-panel",
 						value: "code",
 						children: codeView
 					})

package/dist/components/ThinkExecutionDetail.js

@@ -1,5 +1,5 @@
-import { t as cx } from "../class-names-9UtZwb0J.js";
-import { G as TerminalIcon, L as RefreshIcon, S as InfoIcon, Y as XIcon, o as CheckIcon, t as ArrowDownIcon, v as FileIcon } from "../icons-CpfUer49.js";
+import { t as cx } from "../class-names-BiMDVpUo.js";
+import { $ as XIcon, E as InfoIcon, H as RefreshIcon, Y as TerminalIcon, l as CheckIcon, n as ArrowDownIcon, x as FileIcon } from "../icons-CQJ-aMnI.js";
 import { Activity, ActivityContent, ActivityItem, ActivityItemGroup, ActivityOutput, ActivityPanel, ActivityTrigger } from "./Activity.js";
 import { formatThinkExecutionRunProgress, formatThinkExecutionStatus, formatThinkExecutionTimestamp, getThinkExecutionRunError, getThinkExecutionRunId, getThinkExecutionRunProgressedAt, getThinkExecutionRunProgressedLabel, getThinkExecutionRunStatus, getThinkExecutionRunTitle, isThinkSubmissionRun } from "./ThinkExecutionRun.js";
 import { ThinkExecutionStatus } from "./ThinkExecutionStatus.js";

package/dist/components/ThinkExecutionStatus.js

@@ -1,5 +1,5 @@
-import { t as cx } from "../class-names-9UtZwb0J.js";
-import { B as SpinnerIcon, M as PauseIcon, S as InfoIcon, Y as XIcon, o as CheckIcon } from "../icons-CpfUer49.js";
+import { t as cx } from "../class-names-BiMDVpUo.js";
+import { $ as XIcon, E as InfoIcon, G as SpinnerIcon, L as PauseIcon, l as CheckIcon } from "../icons-CQJ-aMnI.js";
 import { Tooltip } from "./Tooltip.js";
 import { formatThinkExecutionStatus, getThinkExecutionRunStatus, getThinkExecutionRunStatusTone } from "./ThinkExecutionRun.js";
 import "react";

package/dist/components/ThinkExecutionWorkbench.d.ts

@@ -1,20 +1,41 @@
 import { t as ThinkExecutionRun } from "../ThinkExecutionRun-ChhWhOoU.js";
 import * as React from "react";
-import { Think } from "@cloudflare/think";
+import { DataTag, UndefinedInitialDataOptions } from "@tanstack/react-query";
+import { Think, ThinkSubmissionInspection } from "@cloudflare/think";
 import { AgentStub } from "agents/client";
+import { WorkflowPage } from "agents/workflows";
 
 //#region src/components/ThinkExecutionWorkbench.d.ts
 interface ThinkExecutionWorkbenchProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "title"> {
   /** Agents SDK client stub for a Think agent; this UI calls native submission/workflow methods. */
   source: AgentStub<Think>;
+  /**
+   * Stable, serializable identity for the remote Think agent. It must change
+   * when `source` points at a different agent and must not contain credentials.
+   */
+  sourceKey: string;
   title?: React.ReactNode;
   backButton?: React.ReactNode;
   pageSize?: number;
-  /** Whole native execution selected by a parent-owned route or product record. */
-  selectedRun?: ThinkExecutionRun | null;
-  /** Receives the fully inspected native execution after a user selects a row. */
-  onSelectedRunChange?: (run: ThinkExecutionRun) => void;
+  /** Whole native execution selected by the application route. */
+  selectedRun: ThinkExecutionRun | null;
+  /** Returns an application-authored TanStack Router Link for the run. */
+  renderRunLink: (run: ThinkExecutionRun) => React.ReactElement;
 }
+interface ThinkExecutionRunsData {
+  submissions: readonly ThinkSubmissionInspection[];
+  workflows: WorkflowPage;
+}
+type ThinkExecutionRunsQueryKey = readonly ["think", sourceKey: string, "execution-runs", {
+  readonly limit: number;
+}];
+type ThinkExecutionRunsQueryOptions = UndefinedInitialDataOptions<ThinkExecutionRunsData, Error, ThinkExecutionRunsData, ThinkExecutionRunsQueryKey> & {
+  queryKey: DataTag<ThinkExecutionRunsQueryKey, ThinkExecutionRunsData, Error>;
+};
+/**
+ * Shared list options for component reads and TanStack Router loaders.
+ */
+declare function thinkExecutionRunsQueryOptions(source: AgentStub<Think>, sourceKey: string, pageSize?: number): ThinkExecutionRunsQueryOptions;
 /**
  * Unified execution history for native Think submissions and Agents workflows.
  * The workbench reads and acts through the whole upstream agent stub; it does
@@ -23,15 +44,16 @@ interface ThinkExecutionWorkbenchProps extends Omit<React.HTMLAttributes<HTMLDiv
 declare function ThinkExecutionWorkbench({
   backButton,
   className,
-  onSelectedRunChange,
   pageSize,
   ref,
-  selectedRun: controlledSelectedRun,
+  renderRunLink,
+  selectedRun,
   source,
+  sourceKey,
   title,
   ...props
 }: ThinkExecutionWorkbenchProps & {
   ref?: React.Ref<HTMLDivElement>;
 }): React.JSX.Element;
 //#endregion
-export { ThinkExecutionWorkbench, ThinkExecutionWorkbenchProps };
+export { ThinkExecutionRunsData, ThinkExecutionRunsQueryKey, ThinkExecutionRunsQueryOptions, ThinkExecutionWorkbench, ThinkExecutionWorkbenchProps, thinkExecutionRunsQueryOptions };