@mcp-b/react-components 0.16.0 → 0.17.0

package/dist/components/Sources.js

@@ -1,6 +1,6 @@
+import { t as cx } from "../class-names-Bk-QLWWI.js";
 import { Collapsible } from "./Collapsible.js";
-import { t as cx } from "../class-names-9UtZwb0J.js";
-import { C as LinkIcon, l as ChevronRightIcon } from "../icons-CpfUer49.js";
+import { u as ChevronRightIcon, w as LinkIcon } from "../icons--FqCZEc3.js";
 import "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/Sources.tsx
@@ -29,6 +29,7 @@ function Sources({ className, ref, ...props }) {
 		ref,
 		className: cx("sources", className),
 		...props,
+		"data-recipe": "disclosure-stack",
 		unstyled: true
 	});
 }

package/dist/components/Stepper.js

@@ -1,5 +1,5 @@
-import { t as cx } from "../class-names-9UtZwb0J.js";
-import { B as SpinnerIcon, o as CheckIcon } from "../icons-CpfUer49.js";
+import { t as cx } from "../class-names-Bk-QLWWI.js";
+import { V as SpinnerIcon, s as CheckIcon } from "../icons--FqCZEc3.js";
 import { t as assignRef } from "../merge-refs-DF_7w2x_.js";
 import * as React from "react";
 import { jsx } from "react/jsx-runtime";

package/dist/components/SubagentRunDetails.js

@@ -1,4 +1,4 @@
-import { t as cx } from "../class-names-9UtZwb0J.js";
+import { t as cx } from "../class-names-Bk-QLWWI.js";
 import { Progress } from "./Progress.js";
 import * as React from "react";
 import { jsx, jsxs } from "react/jsx-runtime";

package/dist/components/SubagentRunIndicator.js

@@ -1,5 +1,5 @@
-import { t as cx } from "../class-names-9UtZwb0J.js";
-import { B as SpinnerIcon, U as StopIcon, o as CheckIcon, q as WarningIcon } from "../icons-CpfUer49.js";
+import { t as cx } from "../class-names-Bk-QLWWI.js";
+import { J as WarningIcon, V as SpinnerIcon, W as StopIcon, s as CheckIcon } from "../icons--FqCZEc3.js";
 import "react";
 import { jsx } from "react/jsx-runtime";
 //#region src/components/SubagentRunIndicator.tsx

package/dist/components/SubagentRunList.js

@@ -1,4 +1,4 @@
-import { t as cx } from "../class-names-9UtZwb0J.js";
+import { t as cx } from "../class-names-Bk-QLWWI.js";
 import { SubagentRunSelector } from "./SubagentRunSelector.js";
 import "react";
 import { jsx } from "react/jsx-runtime";
@@ -15,7 +15,6 @@ function SubagentRunList({ className, onSelect, runs, selectedRunId, ref, ...pro
 			className: "subagent-run__list-item",
 			children: /* @__PURE__ */ jsx(SubagentRunSelector, {
 				run,
-				naniteIndex: run.order,
 				selected: run.runId === selectedRunId,
 				onSelect
 			})

package/dist/components/SubagentRunSelector.d.ts

@@ -4,16 +4,9 @@ import { UIMessage } from "ai";
 import { AgentToolRunPart, AgentToolRunState } from "agents/agent-tools";
 
 //#region src/components/SubagentRunSelector.d.ts
-interface SubagentRunSelectorProps<Part extends AgentToolRunPart = UIMessage["parts"][number]> extends Omit<ButtonProps, "children" | "className" | "color" | "onSelect" | "size" | "variant"> {
-  className?: string;
+interface SubagentRunSelectorProps<Part extends AgentToolRunPart = UIMessage["parts"][number]> extends Omit<ButtonProps, "children" | "color" | "onSelect" | "size" | "variant"> {
   /** Complete retained-run state returned by `useAgentToolEvents()`. */
-  run?: AgentToolRunState<Part>;
-  /**
-   * @deprecated Pass `run` so the selector derives its content from the whole
-   * upstream object. Retained for the pre-0.15 presentation-only API.
-   */
-  children?: React.ReactNode;
-  naniteIndex?: number;
+  run: AgentToolRunState<Part>;
   selected?: boolean;
   /** Short supplementary status shown on hover and keyboard focus. `false` disables it. */
   tooltip?: React.ReactNode | false;
@@ -30,8 +23,6 @@ interface SubagentRunSelectorProps<Part extends AgentToolRunPart = UIMessage["pa
  */
 declare function SubagentRunSelector<Part extends AgentToolRunPart = UIMessage["parts"][number]>({
   className,
-  children,
-  naniteIndex,
   onClick,
   onSelect,
   run,

package/dist/components/SubagentRunSelector.js

@@ -1,10 +1,10 @@
-import { t as cx } from "../class-names-9UtZwb0J.js";
+import { t as cx } from "../class-names-Bk-QLWWI.js";
 import { Button } from "./Button.js";
 import { Tooltip } from "./Tooltip.js";
 import { NaniteMark } from "./NaniteScene.js";
 import { SubagentRunIndicator, getSubagentRunName, getSubagentRunTooltip } from "./SubagentRunIndicator.js";
 import "react";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/SubagentRunSelector.tsx
 /**
 * Compact selector for a retained Cloudflare Agent Tool run.
@@ -14,8 +14,8 @@ import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 * an adjacent detail surface; it never invents a second transcript or expands
 * child content inline.
 */
-function SubagentRunSelector({ className, children, naniteIndex = 0, onClick, onSelect, run, selected = false, tooltip, ref, "aria-label": ariaLabel, ...props }) {
-	const name = run ? getSubagentRunName(run) : void 0;
+function SubagentRunSelector({ className, onClick, onSelect, run, selected = false, tooltip, ref, "aria-label": ariaLabel, ...props }) {
+	const name = getSubagentRunName(run);
 	const button = /* @__PURE__ */ jsxs(Button, {
 		ref,
 		type: "button",
@@ -23,24 +23,25 @@ function SubagentRunSelector({ className, children, naniteIndex = 0, onClick, on
 		color: "neutral",
 		size: "xs",
 		"data-slot": "subagent-run-selector",
-		"data-status": run?.status,
+		"data-status": run.status,
 		className: cx("subagent-run__selector", className),
 		"aria-pressed": selected,
-		"aria-label": ariaLabel ?? (run ? `Open ${name}, ${run.status}` : void 0),
+		"aria-label": ariaLabel ?? `Open ${name}, ${run.status}`,
 		onClick: (event) => {
 			onClick?.(event);
-			if (!event.defaultPrevented && run) onSelect?.(run);
+			if (!event.defaultPrevented) onSelect?.(run);
 		},
 		...props,
-		children: [/* @__PURE__ */ jsx(NaniteMark, { index: naniteIndex }), run ? /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx("span", {
-			className: "subagent-run__title",
-			children: name
-		}), /* @__PURE__ */ jsx(SubagentRunIndicator, { run })] }) : /* @__PURE__ */ jsx("span", {
-			className: "subagent-run__trigger-content",
-			children
-		})]
+		children: [
+			/* @__PURE__ */ jsx(NaniteMark, { index: run.order }),
+			/* @__PURE__ */ jsx("span", {
+				className: "subagent-run__title",
+				children: name
+			}),
+			/* @__PURE__ */ jsx(SubagentRunIndicator, { run })
+		]
 	});
-	const tooltipContent = tooltip === false ? null : tooltip ?? (run ? getSubagentRunTooltip(run) : null);
+	const tooltipContent = tooltip === false ? null : tooltip ?? getSubagentRunTooltip(run);
 	if (!tooltipContent) return button;
 	return /* @__PURE__ */ jsxs(Tooltip.Root, { children: [/* @__PURE__ */ jsx(Tooltip.Trigger, {
 		render: button,

package/dist/components/Switch.d.ts

@@ -2,17 +2,14 @@ import * as React from "react";
 import { Switch as Switch$1 } from "@base-ui/react/switch";
 
 //#region src/components/Switch.d.ts
-interface SwitchProps extends Omit<React.ComponentPropsWithRef<typeof Switch$1.Root>, "className"> {
-  className?: string;
+interface SwitchProps extends React.ComponentPropsWithRef<typeof Switch$1.Root> {
   /**
    * The size of the switch.
    * @default 'default'
    */
   size?: "sm" | "md" | "lg" | "default";
 }
-interface SwitchThumbProps extends Omit<React.ComponentPropsWithRef<typeof Switch$1.Thumb>, "className"> {
-  className?: string;
-}
+interface SwitchThumbProps extends React.ComponentPropsWithRef<typeof Switch$1.Thumb> {}
 /**
  * A toggle switch component for binary choices.
  *

package/dist/components/Switch.js

@@ -1,3 +1,4 @@
+import { n as mergeBaseClassName } from "../class-names-Bk-QLWWI.js";
 import "react";
 import { jsx } from "react/jsx-runtime";
 import { Switch as Switch$1 } from "@base-ui/react/switch";
@@ -23,13 +24,9 @@ import { Switch as Switch$1 } from "@base-ui/react/switch";
 *
 * @see {@link https://base-ui.com/react/components/switch | Base UI Switch}
 */
-function SwitchRoot({ size = "default", className = "", ref, ...props }) {
+function SwitchRoot({ size = "default", className, ref, ...props }) {
 	const normalizedSize = size === "md" ? "default" : size;
-	const classes = [
-		"switch",
-		normalizedSize !== "default" && `switch--${normalizedSize}`,
-		className
-	].filter(Boolean).join(" ");
+	const classes = mergeBaseClassName(["switch", normalizedSize !== "default" && `switch--${normalizedSize}`].filter(Boolean).join(" "), className);
 	return /* @__PURE__ */ jsx(Switch$1.Root, {
 		ref,
 		"data-slot": "switch",
@@ -41,8 +38,8 @@ function SwitchRoot({ size = "default", className = "", ref, ...props }) {
 /**
 * The thumb indicator for the Switch component.
 */
-function SwitchThumb({ className = "", ref, ...props }) {
-	const classes = ["switch__thumb", className].filter(Boolean).join(" ");
+function SwitchThumb({ className, ref, ...props }) {
+	const classes = mergeBaseClassName(["switch__thumb"].filter(Boolean).join(" "), className);
 	return /* @__PURE__ */ jsx(Switch$1.Thumb, {
 		ref,
 		"data-slot": "switch-thumb",

package/dist/components/Tabs.d.ts

@@ -1,2 +1,2 @@
-import { a as TabsListVariantsOptions, i as TabsListProps, n as TabProps, o as TabsProps, r as Tabs, s as tabsListVariants, t as TabPanelProps } from "../Tabs-3Zc4tb9D.js";
-export { TabPanelProps, TabProps, Tabs, TabsListProps, TabsListVariantsOptions, TabsProps, tabsListVariants };
+import { a as TabsProps, i as TabsListProps, n as TabProps, r as Tabs, t as TabPanelProps } from "../Tabs-9zddXDQo.js";
+export { TabPanelProps, TabProps, Tabs, TabsListProps, TabsProps };

package/dist/components/Tabs.js

@@ -1,3 +1,4 @@
+import { n as mergeBaseClassName } from "../class-names-Bk-QLWWI.js";
 import "react";
 import { jsx } from "react/jsx-runtime";
 import { Tabs as Tabs$1 } from "@base-ui/react/tabs";
@@ -26,12 +27,8 @@ function tabsListVariants({ variant = "default", className } = {}) {
 *
 * @see {@link https://base-ui.com/react/components/tabs | Base UI Tabs}
 */
-function TabsRoot({ orientation = "horizontal", variant = "default", className = "", ref, ...props }) {
-	const classes = [
-		"tabs",
-		variant !== "default" && `tabs--${variant}`,
-		className
-	].filter(Boolean).join(" ");
+function TabsRoot({ orientation = "horizontal", variant = "default", className, ref, ...props }) {
+	const classes = mergeBaseClassName(["tabs", variant !== "default" && `tabs--${variant}`].filter(Boolean).join(" "), className);
 	return /* @__PURE__ */ jsx(Tabs$1.Root, {
 		ref,
 		"data-orientation": orientation,
@@ -41,11 +38,8 @@ function TabsRoot({ orientation = "horizontal", variant = "default", className =
 		...props
 	});
 }
-function TabsList({ className = "", variant = "default", ref, ...props }) {
-	const classes = tabsListVariants({
-		variant,
-		className
-	});
+function TabsList({ className, variant = "default", ref, ...props }) {
+	const classes = mergeBaseClassName(tabsListVariants({ variant }), className);
 	return /* @__PURE__ */ jsx(Tabs$1.List, {
 		ref,
 		"data-slot": "tabs-list",
@@ -54,8 +48,8 @@ function TabsList({ className = "", variant = "default", ref, ...props }) {
 		...props
 	});
 }
-function Tab({ className = "", ref, ...props }) {
-	const classes = ["tabs__tab", className].filter(Boolean).join(" ");
+function Tab({ className, ref, ...props }) {
+	const classes = mergeBaseClassName("tabs__tab", className);
 	return /* @__PURE__ */ jsx(Tabs$1.Tab, {
 		ref,
 		"data-slot": "tabs-trigger",
@@ -63,8 +57,8 @@ function Tab({ className = "", ref, ...props }) {
 		...props
 	});
 }
-function TabPanel({ className = "", ref, ...props }) {
-	const classes = ["tabs__panel", className].filter(Boolean).join(" ");
+function TabPanel({ className, ref, ...props }) {
+	const classes = mergeBaseClassName("tabs__panel", className);
 	return /* @__PURE__ */ jsx(Tabs$1.Panel, {
 		ref,
 		"data-slot": "tabs-content",
@@ -80,4 +74,4 @@ const Tabs = {
 	Panel: TabPanel
 };
 //#endregion
-export { Tabs, tabsListVariants };
+export { Tabs };

package/dist/components/Task.d.ts

@@ -1,10 +1,8 @@
-import { Collapsible } from "./Collapsible.js";
+import { t as Collapsible } from "../Collapsible-N64ASIQr.js";
 import * as React from "react";
 
 //#region src/components/Task.d.ts
-interface TaskProps extends Omit<React.ComponentProps<typeof Collapsible.Root>, "className" | "unstyled"> {
-  className?: string;
-}
+interface TaskProps extends Omit<React.ComponentProps<typeof Collapsible.Root>, "unstyled"> {}
 /**
  * A collapsible task/workflow list. Compose with TaskTrigger, TaskContent,
  * TaskItem, and TaskItemFile to show structured progress for a multi-step
@@ -36,8 +34,7 @@ declare function Task({
 }: TaskProps & {
   ref?: React.Ref<HTMLDivElement>;
 }): React.JSX.Element;
-interface TaskTriggerProps extends Omit<React.ComponentProps<typeof Collapsible.Trigger>, "className" | "unstyled"> {
-  className?: string;
+interface TaskTriggerProps extends Omit<React.ComponentProps<typeof Collapsible.Trigger>, "unstyled"> {
   /** Heading text shown in the trigger row. */
   title: string;
 }
@@ -53,9 +50,7 @@ declare function TaskTrigger({
 }: TaskTriggerProps & {
   ref?: React.Ref<HTMLButtonElement>;
 }): React.JSX.Element;
-interface TaskContentProps extends Omit<React.ComponentProps<typeof Collapsible.Panel>, "className" | "unstyled"> {
-  className?: string;
-}
+interface TaskContentProps extends Omit<React.ComponentProps<typeof Collapsible.Panel>, "unstyled"> {}
 /**
  * The collapsible panel containing TaskItem children.
  */

package/dist/components/Task.js

@@ -1,6 +1,6 @@
+import { t as cx } from "../class-names-Bk-QLWWI.js";
 import { Collapsible } from "./Collapsible.js";
-import { t as cx } from "../class-names-9UtZwb0J.js";
-import { R as SearchIcon, l as ChevronRightIcon, v as FileIcon } from "../icons-CpfUer49.js";
+import { u as ChevronRightIcon, y as FileIcon, z as SearchIcon } from "../icons--FqCZEc3.js";
 import "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/Task.tsx
@@ -33,6 +33,7 @@ function Task({ className, defaultOpen = true, ref, ...props }) {
 		className: cx("task", className),
 		defaultOpen,
 		...props,
+		"data-recipe": "disclosure-stack",
 		unstyled: true
 	});
 }
@@ -61,7 +62,7 @@ function TaskTrigger({ className, title, children, ref, ...props }) {
 				children: /* @__PURE__ */ jsx(SearchIcon, {})
 			}),
 			/* @__PURE__ */ jsx("span", {
-				className: "task__trigger-title",
+				className: "task__trigger-title sigvelo-truncate",
 				children: title
 			}),
 			/* @__PURE__ */ jsx("span", {

package/dist/components/Terminal.d.ts

@@ -1,5 +1,5 @@
 import { r as ButtonProps } from "../Button-FX_hpqxm.js";
-import { t as CopyButtonProps } from "../copy-button-DtPMgN7e.js";
+import { t as CopyButtonProps } from "../copy-button-CQx3LQAC.js";
 import * as React from "react";
 
 //#region src/components/Terminal.d.ts
@@ -103,8 +103,7 @@ declare function TerminalCopyButton({
   onClick,
   ...props
 }: TerminalCopyButtonProps): React.JSX.Element;
-interface TerminalClearButtonProps extends Omit<ButtonProps, "children" | "variant" | "size" | "color" | "className" | "onClick"> {
-  className?: string;
+interface TerminalClearButtonProps extends Omit<ButtonProps, "children" | "variant" | "size" | "color" | "onClick"> {
   label?: string;
   onClick?: React.MouseEventHandler<HTMLButtonElement>;
 }

package/dist/components/Terminal.js

@@ -1,8 +1,8 @@
-import { t as cx } from "../class-names-9UtZwb0J.js";
-import { G as TerminalIcon, Y as XIcon } from "../icons-CpfUer49.js";
+import { t as cx } from "../class-names-Bk-QLWWI.js";
+import { K as TerminalIcon, X as XIcon } from "../icons--FqCZEc3.js";
 import { Button } from "./Button.js";
 import { Tooltip } from "./Tooltip.js";
-import { t as CopyButton } from "../copy-button-Dejn5heL.js";
+import { t as CopyButton } from "../copy-button-cYsJBauI.js";
 import { Badge } from "./Badge.js";
 import { ScrollArea } from "./ScrollArea.js";
 import * as React from "react";

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-Bk-QLWWI.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 { V as SpinnerIcon, X as XIcon, s as CheckIcon, u as ChevronRightIcon } from "../icons--FqCZEc3.js";
 import { Badge } from "./Badge.js";
 import * as React from "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
@@ -52,6 +52,7 @@ function TestResults({ className, summary, children, ref, ...props }) {
 			className: cx("test-results", className),
 			"data-status": overall,
 			...props,
+			"data-recipe": "framed-panel",
 			children: children ?? /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsxs(TestResultsHeader, { children: [/* @__PURE__ */ jsx(TestResultsSummary, {}), /* @__PURE__ */ jsx(TestResultsProgress, {})] }), /* @__PURE__ */ jsx(TestResultsContent, {})] })
 		})
 	});

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-Bk-QLWWI.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 { A as MonitorIcon, G as SunIcon, j as MoonIcon } from "../icons--FqCZEc3.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,13 +1,16 @@
-import { i as AgentChatProps, o as AgentChatRenderPartContext } from "../AgentChat-CrlpbvQJ.js";
-import { n as BrowserLiveViewProps, t as BrowserLiveView } from "../BrowserLiveView-BV5qgFgI.js";
-import { n as BrowserReplayProps, t as BrowserReplay } from "../BrowserReplay-xWvRjRAC.js";
+import { i as AgentMessageRenderPartContext } from "../AgentMessageParts-CyD2UB3V.js";
+import { r as AgentChatProps } from "../AgentChat-CRuMi1Pb.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-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 { a as ThinkChatToolRenderers, i as ThinkChatToolRenderer, n as ThinkChatActivityProps, o as createThinkChatActivityRenderer, r as ThinkChatActivityRendererOptions, s as renderThinkChatActivityPart, t as ThinkChatActivity } from "../ThinkChatActivity-BgesTfZ4.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 { d as inferWorkspaceLanguage, i as WorkspaceFileState } from "../WorkspaceFile-C8UzuSH4.js";
+import { a as useWorkspace, i as WorkspaceState, n as WorkspaceInfo, r as WorkspaceSource, t as UseWorkspaceOptions } from "../Workspace-C9RFoxcu.js";
+import { n as WorkspaceExplorerProps, t as WorkspaceExplorer } from "../WorkspaceExplorer-sZewzT2O.js";
 import * as React from "react";
 import { UIMessage } from "ai";
 import { UseAgentOptions } from "agents/react";
@@ -19,6 +22,8 @@ import { UseVoiceInputReturn } from "@cloudflare/voice/react";
 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> {
@@ -28,7 +33,7 @@ interface ThinkChatRootProps<State = unknown> {
   name?: 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;
@@ -105,6 +110,7 @@ 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;
@@ -136,8 +142,11 @@ 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,
+  onAgentToolRunSelect,
+  selectedAgentToolRunId,
   toolRenderers,
   thinkStub,
   onExecutionSettled,
@@ -180,8 +189,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, ThinkRecoveryNotice, type ThinkRecoveryNoticeProps, type UseWorkspaceOptions, WorkspaceExplorer, type WorkspaceExplorerProps, type WorkspaceFileState, type WorkspaceInfo, type WorkspaceSource, type WorkspaceState, createThinkChatActivityRenderer, describeThinkChatActivityPart, inferWorkspaceLanguage, isThinkChatActivityPart, renderThinkChatActivityPart, useOptionalAgentToolRuns, useThinkChat, useThinkPendingApprovals, useWorkspace };

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 { 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 { ThinkRecoveryNotice } from "./ThinkRecoveryNotice.js";
+import { a as useThinkChat, i as ThinkChatRoot, n as ThinkChatMessages, o as useThinkPendingApprovals, r as ThinkChatProvider, t as ThinkChat } from "../ThinkChat-DInElus-.js";
+import { BrowserReplay } from "./BrowserReplay.js";
 import { inferWorkspaceLanguage } from "./WorkspaceFile.js";
 import { useWorkspace } 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, useOptionalAgentToolRuns, useThinkChat, useThinkPendingApprovals, useWorkspace };

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 { a as ThinkChatToolRenderers, i as ThinkChatToolRenderer, n as ThinkChatActivityProps, o as createThinkChatActivityRenderer, r as ThinkChatActivityRendererOptions, s as renderThinkChatActivityPart, t as ThinkChatActivity } from "../ThinkChatActivity-BgesTfZ4.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,29 @@ function ThinkChatActivityStep({ text, part, toolRenderers }) {
 		children: text
 	});
 }
-function ThinkChatActivityGroup({ message, parts, isTrailing, toolRenderers }) {
+function ThinkChatActivityGroup({ message, onAgentToolRunSelect, parts, selectedAgentToolRunId, 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 || !onAgentToolRunSelect) return [];
+		return parts.flatMap((part) => isToolUIPart(part) ? agentTools.getRunsForToolCall(part.toolCallId) : []);
+	}, [
+		agentTools,
+		onAgentToolRunSelect,
+		parts
+	]);
+	return /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(ThinkChatActivity, {
 		parts,
 		isStreaming: parts.some(isPartWorking) || chatStillWorking,
 		toolRenderers
-	});
+	}), runs.length ? /* @__PURE__ */ jsx(SubagentRunList, {
+		className: "subagent-run__list--adjacent",
+		"aria-label": "Delegated agent runs",
+		runs,
+		selectedRunId: selectedAgentToolRunId,
+		onSelect: onAgentToolRunSelect
+	}) : null] });
 }
 /**
 * Builds a renderPart handler that folds every run of consecutive activity
@@ -119,7 +136,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, onAgentToolRunSelect, selectedAgentToolRunId, toolRenderers } = {}) {
 	const excluded = excludeTools?.length ? new Set(excludeTools) : void 0;
 	const isActivity = (part) => isThinkChatActivityPart(part, excluded);
 	return (context) => {
@@ -134,7 +151,9 @@ function createThinkChatActivityRenderer({ excludeTools, toolRenderers } = {}) {
 			message,
 			parts: message.parts.slice(start, end + 1),
 			isTrailing: end === message.parts.length - 1,
-			toolRenderers
+			toolRenderers,
+			selectedAgentToolRunId,
+			onAgentToolRunSelect
 		});
 	};
 }

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,7 +1,7 @@
 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-Co1noLbC.js";
 import { BrowserLiveView } from "./BrowserLiveView.js";
 import * as React from "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";

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-Bk-QLWWI.js";
+import { C as InfoIcon, K as TerminalIcon, R as RefreshIcon, X as XIcon, s as CheckIcon, t as ArrowDownIcon, y as FileIcon } from "../icons--FqCZEc3.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";