@mcp-b/react-components 0.17.0 → 0.18.0

package/dist/components/Select.js

@@ -1,5 +1,5 @@
-import { n as mergeBaseClassName } from "../class-names-Bk-QLWWI.js";
-import { i as ArrowUpIcon, s as CheckIcon, t as ArrowDownIcon } from "../icons--FqCZEc3.js";
+import { n as mergeBaseClassName } from "../class-names-BiMDVpUo.js";
+import { a as ArrowUpIcon, l as CheckIcon, n as ArrowDownIcon } from "../icons-CQJ-aMnI.js";
 import "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Select as Select$1 } from "@base-ui/react/select";
@@ -44,13 +44,12 @@ function SelectLabel({ className, ref, ...props }) {
 		...props
 	});
 }
-function SelectTrigger({ size = "default", className, ref, ...props }) {
-	const normalizedSize = size === "md" ? "default" : size;
-	const classes = mergeBaseClassName(["select__trigger", normalizedSize === "sm" && "select__trigger--sm"].filter(Boolean).join(" "), className);
+function SelectTrigger({ size = "sm", className, ref, ...props }) {
+	const classes = mergeBaseClassName(["select__trigger", size === "sm" && "select__trigger--sm"].filter(Boolean).join(" "), className);
 	return /* @__PURE__ */ jsx(Select$1.Trigger, {
 		ref,
 		"data-slot": "select-trigger",
-		"data-size": normalizedSize,
+		"data-size": size,
 		className: classes,
 		...props
 	});

package/dist/components/Separator.js

@@ -1,4 +1,4 @@
-import { n as mergeBaseClassName } from "../class-names-Bk-QLWWI.js";
+import { n as mergeBaseClassName } from "../class-names-BiMDVpUo.js";
 import "react";
 import { jsx } from "react/jsx-runtime";
 import { Separator as Separator$1 } from "@base-ui/react/separator";

package/dist/components/Slider.js

@@ -1,4 +1,4 @@
-import { n as mergeBaseClassName } from "../class-names-Bk-QLWWI.js";
+import { n as mergeBaseClassName } from "../class-names-BiMDVpUo.js";
 import "react";
 import { jsx } from "react/jsx-runtime";
 import { Slider as Slider$1 } from "@base-ui/react/slider";

package/dist/components/Sources.js

@@ -1,6 +1,6 @@
-import { t as cx } from "../class-names-Bk-QLWWI.js";
+import { t as cx } from "../class-names-BiMDVpUo.js";
 import { Collapsible } from "./Collapsible.js";
-import { u as ChevronRightIcon, w as LinkIcon } from "../icons--FqCZEc3.js";
+import { D as LinkIcon, f as ChevronRightIcon } from "../icons-CQJ-aMnI.js";
 import "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/Sources.tsx

package/dist/components/Stepper.js

@@ -1,11 +1,12 @@
-import { t as cx } from "../class-names-Bk-QLWWI.js";
-import { V as SpinnerIcon, s as CheckIcon } from "../icons--FqCZEc3.js";
+import { t as cx } from "../class-names-BiMDVpUo.js";
+import { G as SpinnerIcon, l as CheckIcon } from "../icons-CQJ-aMnI.js";
 import { t as assignRef } from "../merge-refs-DF_7w2x_.js";
 import * as React from "react";
 import { jsx } from "react/jsx-runtime";
 //#region src/components/Stepper.tsx
 const StepperContext = React.createContext(void 0);
 const StepItemContext = React.createContext(void 0);
+const EMPTY_STEP_INDICATORS = {};
 function useStepper() {
 	const context = React.useContext(StepperContext);
 	if (!context) throw new Error("useStepper must be used within a Stepper");
@@ -36,7 +37,7 @@ function useStepItem() {
 *
 * @see {@link https://reui.io/docs/components/base/stepper | ReUI Stepper}
 */
-function Stepper({ defaultValue = 1, value, onValueChange, orientation = "horizontal", indicators = {}, className, children, ref, ...props }) {
+function Stepper({ defaultValue = 1, value, onValueChange, orientation = "horizontal", indicators = EMPTY_STEP_INDICATORS, className, children, ref, ...props }) {
 	const idPrefix = `stepper-${React.useId()}`;
 	const [uncontrolledValue, setUncontrolledValue] = React.useState(defaultValue);
 	const triggerNodes = React.useRef(/* @__PURE__ */ new Map());
@@ -135,13 +136,19 @@ function StepperItem({ step, completed = false, disabled = false, loading = fals
 	const { activeStep } = useStepper();
 	const isLoading = loading && step === activeStep;
 	const state = isLoading ? "loading" : completed || step < activeStep ? "completed" : activeStep === step ? "active" : "inactive";
+	const contextValue = React.useMemo(() => ({
+		step,
+		state,
+		isDisabled: disabled,
+		isLoading
+	}), [
+		disabled,
+		isLoading,
+		state,
+		step
+	]);
 	return /* @__PURE__ */ jsx(StepItemContext.Provider, {
-		value: {
-			step,
-			state,
-			isDisabled: disabled,
-			isLoading
-		},
+		value: contextValue,
 		children: /* @__PURE__ */ jsx("div", {
 			ref,
 			role: "presentation",

package/dist/components/SubagentRunDetails.js

@@ -1,4 +1,4 @@
-import { t as cx } from "../class-names-Bk-QLWWI.js";
+import { t as cx } from "../class-names-BiMDVpUo.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-Bk-QLWWI.js";
-import { J as WarningIcon, V as SpinnerIcon, W as StopIcon, s as CheckIcon } from "../icons--FqCZEc3.js";
+import { t as cx } from "../class-names-BiMDVpUo.js";
+import { G as SpinnerIcon, Z as WarningIcon, l as CheckIcon, q as StopIcon } from "../icons-CQJ-aMnI.js";
 import "react";
 import { jsx } from "react/jsx-runtime";
 //#region src/components/SubagentRunIndicator.tsx

package/dist/components/SubagentRunList.d.ts

@@ -6,16 +6,14 @@ import { AgentToolRunPart, AgentToolRunState } from "agents/agent-tools";
 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>[];
-  selectedRunId?: string | null;
-  /** Called with the whole upstream run selected for the adjacent detail surface. */
-  onSelect?: (run: AgentToolRunState<Part>) => void;
+  /** App-authored TanStack Router Link for every retained run destination. */
+  renderRunLink: (run: AgentToolRunState<Part>) => React.ReactElement;
 }
 /** Semantic, wrapping list of retained-run selectors. */
 declare function SubagentRunList<Part extends AgentToolRunPart = UIMessage["parts"][number]>({
   className,
-  onSelect,
+  renderRunLink,
   runs,
-  selectedRunId,
   ref,
   ...props
 }: SubagentRunListProps<Part> & {

package/dist/components/SubagentRunList.js

@@ -1,10 +1,10 @@
-import { t as cx } from "../class-names-Bk-QLWWI.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
 /** Semantic, wrapping list of retained-run selectors. */
-function SubagentRunList({ className, onSelect, runs, selectedRunId, ref, ...props }) {
+function SubagentRunList({ className, renderRunLink, runs, ref, ...props }) {
 	return /* @__PURE__ */ jsx("ul", {
 		ref,
 		"data-slot": "subagent-run-list",
@@ -15,8 +15,7 @@ function SubagentRunList({ className, onSelect, runs, selectedRunId, ref, ...pro
 			className: "subagent-run__list-item",
 			children: /* @__PURE__ */ jsx(SubagentRunSelector, {
 				run,
-				selected: run.runId === selectedRunId,
-				onSelect
+				render: renderRunLink(run)
 			})
 		}, run.runId))
 	});

package/dist/components/SubagentRunSelector.d.ts

@@ -1,38 +1,34 @@
-import { r as ButtonProps } from "../Button-FX_hpqxm.js";
 import * as React from "react";
 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" | "color" | "onSelect" | "size" | "variant"> {
+interface SubagentRunSelectorProps<Part extends AgentToolRunPart = UIMessage["parts"][number]> extends Omit<React.AnchorHTMLAttributes<HTMLAnchorElement>, "children"> {
   /** Complete retained-run state returned by `useAgentToolEvents()`. */
   run: AgentToolRunState<Part>;
-  selected?: boolean;
+  /** App-authored TanStack Router Link for this retained run. */
+  render: React.ReactElement;
   /** Short supplementary status shown on hover and keyboard focus. `false` disables it. */
   tooltip?: React.ReactNode | false;
-  /** Called with the whole upstream run when the selector is activated. */
-  onSelect?: (run: AgentToolRunState<Part>) => void;
 }
 /**
  * Compact selector for a retained Cloudflare Agent Tool run.
  *
  * The component consumes `AgentToolRunState` whole and derives its label and
- * status from upstream fields. Selecting it should route `run.subAgent` into
- * an adjacent detail surface; it never invents a second transcript or expands
- * child content inline.
+ * status from upstream fields. The application-authored Link routes
+ * `run.subAgent` into an adjacent detail surface; this component never invents
+ * a second transcript or expands child content inline.
  */
 declare function SubagentRunSelector<Part extends AgentToolRunPart = UIMessage["parts"][number]>({
   className,
-  onClick,
-  onSelect,
+  render,
   run,
-  selected,
   tooltip,
   ref,
   "aria-label": ariaLabel,
   ...props
 }: SubagentRunSelectorProps<Part> & {
-  ref?: React.Ref<HTMLButtonElement>;
+  ref?: React.Ref<HTMLAnchorElement>;
 }): React.JSX.Element;
 //#endregion
 export { SubagentRunSelector, SubagentRunSelectorProps };

package/dist/components/SubagentRunSelector.js

@@ -1,5 +1,6 @@
-import { t as cx } from "../class-names-Bk-QLWWI.js";
-import { Button } from "./Button.js";
+import { t as cx } from "../class-names-BiMDVpUo.js";
+import { t as NavigationLink } from "../navigation-link-Cob7KBlM.js";
+import { buttonVariants } from "./Button.js";
 import { Tooltip } from "./Tooltip.js";
 import { NaniteMark } from "./NaniteScene.js";
 import { SubagentRunIndicator, getSubagentRunName, getSubagentRunTooltip } from "./SubagentRunIndicator.js";
@@ -10,27 +11,23 @@ import { jsx, jsxs } from "react/jsx-runtime";
 * Compact selector for a retained Cloudflare Agent Tool run.
 *
 * The component consumes `AgentToolRunState` whole and derives its label and
-* status from upstream fields. Selecting it should route `run.subAgent` into
-* an adjacent detail surface; it never invents a second transcript or expands
-* child content inline.
+* status from upstream fields. The application-authored Link routes
+* `run.subAgent` into an adjacent detail surface; this component never invents
+* a second transcript or expands child content inline.
 */
-function SubagentRunSelector({ className, onClick, onSelect, run, selected = false, tooltip, ref, "aria-label": ariaLabel, ...props }) {
+function SubagentRunSelector({ className, render, run, tooltip, ref, "aria-label": ariaLabel, ...props }) {
 	const name = getSubagentRunName(run);
-	const button = /* @__PURE__ */ jsxs(Button, {
+	const link = /* @__PURE__ */ jsxs(NavigationLink, {
 		ref,
-		type: "button",
-		variant: "outline",
-		color: "neutral",
-		size: "xs",
+		render,
 		"data-slot": "subagent-run-selector",
-		"data-status": run.status,
-		className: cx("subagent-run__selector", className),
-		"aria-pressed": selected,
+		"data-run-status": run.status,
+		className: cx(buttonVariants({
+			variant: "outline",
+			color: "neutral",
+			size: "sm"
+		}), "subagent-run__selector", className),
 		"aria-label": ariaLabel ?? `Open ${name}, ${run.status}`,
-		onClick: (event) => {
-			onClick?.(event);
-			if (!event.defaultPrevented) onSelect?.(run);
-		},
 		...props,
 		children: [
 			/* @__PURE__ */ jsx(NaniteMark, { index: run.order }),
@@ -42,9 +39,9 @@ function SubagentRunSelector({ className, onClick, onSelect, run, selected = fal
 		]
 	});
 	const tooltipContent = tooltip === false ? null : tooltip ?? getSubagentRunTooltip(run);
-	if (!tooltipContent) return button;
+	if (!tooltipContent) return link;
 	return /* @__PURE__ */ jsxs(Tooltip.Root, { children: [/* @__PURE__ */ jsx(Tooltip.Trigger, {
-		render: button,
+		render: link,
 		delay: 0
 	}), /* @__PURE__ */ jsx(Tooltip.Portal, { children: /* @__PURE__ */ jsx(Tooltip.Positioner, {
 		side: "top",

package/dist/components/Switch.d.ts

@@ -5,9 +5,9 @@ import { Switch as Switch$1 } from "@base-ui/react/switch";
 interface SwitchProps extends React.ComponentPropsWithRef<typeof Switch$1.Root> {
   /**
    * The size of the switch.
-   * @default 'default'
+   * @default 'md'
    */
-  size?: "sm" | "md" | "lg" | "default";
+  size?: "sm" | "md" | "lg";
 }
 interface SwitchThumbProps extends React.ComponentPropsWithRef<typeof Switch$1.Thumb> {}
 /**

package/dist/components/Switch.js

@@ -1,4 +1,4 @@
-import { n as mergeBaseClassName } from "../class-names-Bk-QLWWI.js";
+import { n as mergeBaseClassName } from "../class-names-BiMDVpUo.js";
 import "react";
 import { jsx } from "react/jsx-runtime";
 import { Switch as Switch$1 } from "@base-ui/react/switch";
@@ -24,13 +24,12 @@ 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 }) {
-	const normalizedSize = size === "md" ? "default" : size;
-	const classes = mergeBaseClassName(["switch", normalizedSize !== "default" && `switch--${normalizedSize}`].filter(Boolean).join(" "), className);
+function SwitchRoot({ size = "md", className, ref, ...props }) {
+	const classes = mergeBaseClassName(["switch", size !== "md" && `switch--${size}`].filter(Boolean).join(" "), className);
 	return /* @__PURE__ */ jsx(Switch$1.Root, {
 		ref,
 		"data-slot": "switch",
-		"data-size": normalizedSize,
+		"data-size": size,
 		className: classes,
 		...props
 	});

package/dist/components/Tabs.d.ts

@@ -1,2 +1,2 @@
-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 };
+import { a as TabsListProps, i as TabsIndicatorProps, n as TabProps, o as TabsProps, r as Tabs, t as TabPanelProps } from "../Tabs-ColWK-XA.js";
+export { TabPanelProps, TabProps, Tabs, TabsIndicatorProps, TabsListProps, TabsProps };

package/dist/components/Tabs.js

@@ -1,4 +1,4 @@
-import { n as mergeBaseClassName } from "../class-names-Bk-QLWWI.js";
+import { n as mergeBaseClassName } from "../class-names-BiMDVpUo.js";
 import "react";
 import { jsx } from "react/jsx-runtime";
 import { Tabs as Tabs$1 } from "@base-ui/react/tabs";
@@ -31,8 +31,8 @@ function TabsRoot({ orientation = "horizontal", variant = "default", className,
 	const classes = mergeBaseClassName(["tabs", variant !== "default" && `tabs--${variant}`].filter(Boolean).join(" "), className);
 	return /* @__PURE__ */ jsx(Tabs$1.Root, {
 		ref,
-		"data-orientation": orientation,
 		"data-slot": "tabs",
+		"data-variant": variant,
 		orientation,
 		className: classes,
 		...props
@@ -57,6 +57,15 @@ function Tab({ className, ref, ...props }) {
 		...props
 	});
 }
+function TabsIndicator({ className, ref, ...props }) {
+	const classes = mergeBaseClassName("tabs__indicator", className);
+	return /* @__PURE__ */ jsx(Tabs$1.Indicator, {
+		ref,
+		"data-slot": "tabs-indicator",
+		className: classes,
+		...props
+	});
+}
 function TabPanel({ className, ref, ...props }) {
 	const classes = mergeBaseClassName("tabs__panel", className);
 	return /* @__PURE__ */ jsx(Tabs$1.Panel, {
@@ -70,7 +79,7 @@ const Tabs = {
 	Root: TabsRoot,
 	List: TabsList,
 	Tab,
-	Indicator: Tabs$1.Indicator,
+	Indicator: TabsIndicator,
 	Panel: TabPanel
 };
 //#endregion

package/dist/components/Task.js

@@ -1,6 +1,6 @@
-import { t as cx } from "../class-names-Bk-QLWWI.js";
+import { t as cx } from "../class-names-BiMDVpUo.js";
 import { Collapsible } from "./Collapsible.js";
-import { u as ChevronRightIcon, y as FileIcon, z as SearchIcon } from "../icons--FqCZEc3.js";
+import { U as SearchIcon, f as ChevronRightIcon, x as FileIcon } from "../icons-CQJ-aMnI.js";
 import "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/Task.tsx

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-CQx3LQAC.js";
+import { r as ButtonProps } from "../Button-DLGzHsjc.js";
+import { t as CopyButtonProps } from "../copy-button-D7aAYA-2.js";
 import * as React from "react";
 
 //#region src/components/Terminal.d.ts

package/dist/components/Terminal.js

@@ -1,8 +1,8 @@
-import { t as cx } from "../class-names-Bk-QLWWI.js";
-import { K as TerminalIcon, X as XIcon } from "../icons--FqCZEc3.js";
+import { t as cx } from "../class-names-BiMDVpUo.js";
+import { $ as XIcon, Y as TerminalIcon } from "../icons-CQJ-aMnI.js";
 import { Button } from "./Button.js";
 import { Tooltip } from "./Tooltip.js";
-import { t as CopyButton } from "../copy-button-cYsJBauI.js";
+import { t as CopyButton } from "../copy-button-DeK6KXEV.js";
 import { Badge } from "./Badge.js";
 import { ScrollArea } from "./ScrollArea.js";
 import * as React from "react";
@@ -219,7 +219,8 @@ function TerminalClearButton({ className, label = "Clear terminal", onClick, ...
 	}, [onClear, onClick]);
 	return /* @__PURE__ */ jsxs(Tooltip.Root, { children: [/* @__PURE__ */ jsx(Tooltip.Trigger, { render: /* @__PURE__ */ jsx(Button, {
 		variant: "ghost",
-		size: "icon",
+		size: "sm",
+		iconOnly: true,
 		"aria-label": label,
 		className: cx("terminal__clear", className),
 		...props,

package/dist/components/TestResults.js

@@ -1,6 +1,6 @@
-import { t as cx } from "../class-names-Bk-QLWWI.js";
+import { t as cx } from "../class-names-BiMDVpUo.js";
 import { Collapsible } from "./Collapsible.js";
-import { V as SpinnerIcon, X as XIcon, s as CheckIcon, u as ChevronRightIcon } from "../icons--FqCZEc3.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", {
@@ -53,7 +54,7 @@ function TestResults({ className, summary, children, ref, ...props }) {
 			"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, {})] })
+			children: isComposable ? children : /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsxs(TestResultsHeader, { children: [/* @__PURE__ */ jsx(TestResultsSummary, {}), /* @__PURE__ */ jsx(TestResultsProgress, {})] }), /* @__PURE__ */ jsx(TestResultsContent, { children })] })
 		})
 	});
 }
@@ -85,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",
@@ -129,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",
@@ -158,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-Bk-QLWWI.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 MonitorIcon, G as SunIcon, j as MoonIcon } from "../icons--FqCZEc3.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,29 @@
 import { i as AgentMessageRenderPartContext } from "../AgentMessageParts-CyD2UB3V.js";
-import { r as AgentChatProps } from "../AgentChat-CRuMi1Pb.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-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-BgesTfZ4.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 { 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 { 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>;
@@ -31,6 +36,11 @@ 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<MessageT> {
@@ -43,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. */
@@ -100,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>;
 };
@@ -117,18 +123,26 @@ declare function ThinkChatProvider<State = unknown, MessageT extends UIMessage =
 /**
  * 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;
 /**
@@ -145,8 +159,7 @@ declare function ThinkChatMessages<State = unknown, MessageT extends UIMessage =
   composerHeader,
   renderPart,
   excludeTools,
-  onAgentToolRunSelect,
-  selectedAgentToolRunId,
+  renderAgentToolRunLink,
   toolRenderers,
   thinkStub,
   onExecutionSettled,
@@ -194,4 +207,4 @@ declare const ThinkChat: {
   createActivityRenderer: typeof createThinkChatActivityRenderer;
 };
 //#endregion
-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 };
+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,12 +1,12 @@
 import { isThinkChatActivityPart } from "./ThinkChatToolParts.js";
 import { AgentToolRunsProvider, useOptionalAgentToolRuns } from "./AgentToolRunsContext.js";
 import { BrowserLiveView } from "./BrowserLiveView.js";
+import { inferWorkspaceLanguage } from "./WorkspaceFile.js";
 import { describeThinkChatActivityPart } from "./ThinkChatActivitySummary.js";
 import { ThinkChatActivity, createThinkChatActivityRenderer, renderThinkChatActivityPart } from "./ThinkChatActivity.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 { 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 { inferWorkspaceLanguage } from "./WorkspaceFile.js";
-import { useWorkspace } from "./Workspace.js";
+import { useWorkspace, workspaceBinaryFileQueryOptions, workspaceDirectoryQueryOptions, 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, useOptionalAgentToolRuns, 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-BgesTfZ4.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 };