@mcp-b/react-components 0.11.0 → 0.13.0

package/dist/components/Slider.js

@@ -1,5 +1,5 @@
 import "react";
-import { jsx, jsxs } from "react/jsx-runtime";
+import { jsx } from "react/jsx-runtime";
 import { Slider as Slider$1 } from "@base-ui/react/slider";
 //#region src/components/Slider.tsx
 /**
@@ -33,20 +33,13 @@ import { Slider as Slider$1 } from "@base-ui/react/slider";
 *
 * @see {@link https://base-ui.com/react/components/slider | Base UI Slider}
 */
-function Slider({ className = "", children, defaultValue, max = 100, min = 0, ref, value, ...props }) {
+function SliderRoot({ className = "", ref, ...props }) {
 	const classes = ["slider", className].filter(Boolean).join(" ");
-	const resolvedDefaultValue = children == null && value === void 0 && defaultValue === void 0 ? [min, max] : defaultValue;
-	const thumbValues = Array.isArray(value) ? value : Array.isArray(resolvedDefaultValue) ? resolvedDefaultValue : [value ?? resolvedDefaultValue ?? min];
 	return /* @__PURE__ */ jsx(Slider$1.Root, {
 		ref,
 		"data-slot": "slider",
 		className: classes,
-		defaultValue: resolvedDefaultValue,
-		max,
-		min,
-		value,
-		...props,
-		children: children ?? /* @__PURE__ */ jsx(SliderControl, { children: /* @__PURE__ */ jsxs(SliderTrack, { children: [/* @__PURE__ */ jsx(SliderIndicator, {}), thumbValues.map((_, index) => /* @__PURE__ */ jsx(SliderThumb, { index }, index))] }) })
+		...props
 	});
 }
 /**
@@ -111,5 +104,13 @@ function SliderOutput({ className = "", children, ref, ...props }) {
 		children: (formattedValues, values) => typeof children === "function" ? children(values[0] ?? 0, values, formattedValues) : formattedValues.join(" - ")
 	});
 }
+const Slider = {
+	Root: SliderRoot,
+	Value: SliderOutput,
+	Control: SliderControl,
+	Track: SliderTrack,
+	Indicator: SliderIndicator,
+	Thumb: SliderThumb
+};
 //#endregion
-export { Slider, SliderControl, SliderIndicator, SliderOutput, SliderThumb, SliderTrack };
+export { Slider };

package/dist/components/Sources.d.ts

@@ -1,11 +1,11 @@
-import { CollapsiblePanelProps, CollapsibleRootProps, CollapsibleTriggerProps } from "./Collapsible.js";
+import { Collapsible } from "./Collapsible.js";
 import * as React from "react";
 
 //#region src/components/Sources.d.ts
 /**
  * Props for the Sources root. Wraps Base UI Collapsible.Root.
  */
-interface SourcesProps extends Omit<CollapsibleRootProps, "className" | "unstyled"> {
+interface SourcesProps extends Omit<React.ComponentProps<typeof Collapsible.Root>, "className" | "unstyled"> {
   className?: string;
 }
 /**
@@ -35,7 +35,7 @@ declare function Sources({
 }: SourcesProps & {
   ref?: React.Ref<HTMLDivElement>;
 }): React.JSX.Element;
-interface SourcesTriggerProps extends Omit<CollapsibleTriggerProps, "className" | "unstyled"> {
+interface SourcesTriggerProps extends Omit<React.ComponentProps<typeof Collapsible.Trigger>, "className" | "unstyled"> {
   className?: string;
   /** Number of sources to show in the trigger label. */
   count: number;
@@ -53,7 +53,7 @@ declare function SourcesTrigger({
 }: SourcesTriggerProps & {
   ref?: React.Ref<HTMLButtonElement>;
 }): React.JSX.Element;
-interface SourcesContentProps extends Omit<CollapsiblePanelProps, "className" | "unstyled"> {
+interface SourcesContentProps extends Omit<React.ComponentProps<typeof Collapsible.Panel>, "className" | "unstyled"> {
   className?: string;
 }
 /**

package/dist/components/Sources.js

@@ -1,6 +1,6 @@
-import { CollapsiblePanel, CollapsibleRoot, CollapsibleTrigger } from "./Collapsible.js";
+import { Collapsible } from "./Collapsible.js";
 import { t as cx } from "../class-names-9UtZwb0J.js";
-import { b as LinkIcon, c as ChevronRightIcon } from "../icons-D2Q5n5C1.js";
+import { b as LinkIcon, c as ChevronRightIcon } from "../icons-Ba9THQKz.js";
 import "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/Sources.tsx
@@ -25,7 +25,7 @@ import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 * @see {@link https://elements.ai-sdk.dev/components/sources | AI Elements Sources}
 */
 function Sources({ className, ref, ...props }) {
-	return /* @__PURE__ */ jsx(CollapsibleRoot, {
+	return /* @__PURE__ */ jsx(Collapsible.Root, {
 		ref,
 		className: cx("sources", className),
 		...props,
@@ -37,8 +37,9 @@ function Sources({ className, ref, ...props }) {
 * chevron that rotates when open.
 */
 function SourcesTrigger({ className, count, children, ref, ...props }) {
-	return /* @__PURE__ */ jsx(CollapsibleTrigger, {
+	return /* @__PURE__ */ jsx(Collapsible.Trigger, {
 		ref,
+		"data-slot": "sources-trigger",
 		className: cx("sources__trigger", className),
 		...props,
 		unstyled: true,
@@ -51,6 +52,7 @@ function SourcesTrigger({ className, count, children, ref, ...props }) {
 				count === 1 ? "source" : "sources"
 			]
 		}), /* @__PURE__ */ jsx("span", {
+			"data-slot": "sources-trigger-icon",
 			className: "sources__trigger-icon",
 			"aria-hidden": "true",
 			children: /* @__PURE__ */ jsx(ChevronRightIcon, {})
@@ -61,8 +63,9 @@ function SourcesTrigger({ className, count, children, ref, ...props }) {
 * The collapsible panel that contains Source children.
 */
 function SourcesContent({ className, children, ref, ...props }) {
-	return /* @__PURE__ */ jsx(CollapsiblePanel, {
+	return /* @__PURE__ */ jsx(Collapsible.Panel, {
 		ref,
+		"data-slot": "sources-content",
 		className: cx("sources__content", className),
 		...props,
 		unstyled: true,

package/dist/components/Stepper.js

@@ -1,5 +1,6 @@
 import { t as cx } from "../class-names-9UtZwb0J.js";
-import { M as SpinnerIcon, a as CheckIcon } from "../icons-D2Q5n5C1.js";
+import { N as SpinnerIcon, a as CheckIcon } from "../icons-Ba9THQKz.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
@@ -304,12 +305,5 @@ function getIndicatorContent({ children, indicators, isLoading, state, step }) {
 	if (state === "completed") return /* @__PURE__ */ jsx(CheckIcon, {});
 	return step;
 }
-function assignRef(ref, value) {
-	if (typeof ref === "function") {
-		ref(value);
-		return;
-	}
-	if (ref) ref.current = value;
-}
 //#endregion
 export { Stepper, StepperContent, StepperDescription, StepperIndicator, StepperItem, StepperNav, StepperPanel, StepperSeparator, StepperTitle, StepperTrigger, useStepItem, useStepper };

package/dist/components/Switch.d.ts

@@ -34,10 +34,9 @@ interface SwitchThumbProps extends Omit<React.ComponentPropsWithRef<typeof Switc
  *
  * @see {@link https://base-ui.com/react/components/switch | Base UI Switch}
  */
-declare function Switch({
+declare function SwitchRoot({
   size,
   className,
-  children,
   ref,
   ...props
 }: SwitchProps & {
@@ -53,5 +52,9 @@ declare function SwitchThumb({
 }: SwitchThumbProps & {
   ref?: React.Ref<HTMLSpanElement>;
 }): React.JSX.Element;
+declare const Switch: {
+  Root: typeof SwitchRoot;
+  Thumb: typeof SwitchThumb;
+};
 //#endregion
-export { Switch, SwitchProps, SwitchThumb, SwitchThumbProps };
+export { Switch, SwitchProps, SwitchThumbProps };

package/dist/components/Switch.js

@@ -23,7 +23,7 @@ import { Switch as Switch$1 } from "@base-ui/react/switch";
 *
 * @see {@link https://base-ui.com/react/components/switch | Base UI Switch}
 */
-function Switch({ size = "default", className = "", children, ref, ...props }) {
+function SwitchRoot({ size = "default", className = "", ref, ...props }) {
 	const normalizedSize = size === "md" ? "default" : size;
 	const classes = [
 		"switch",
@@ -35,8 +35,7 @@ function Switch({ size = "default", className = "", children, ref, ...props }) {
 		"data-slot": "switch",
 		"data-size": normalizedSize,
 		className: classes,
-		...props,
-		children: children ?? /* @__PURE__ */ jsx(SwitchThumb, {})
+		...props
 	});
 }
 /**
@@ -51,5 +50,9 @@ function SwitchThumb({ className = "", ref, ...props }) {
 		...props
 	});
 }
+const Switch = {
+	Root: SwitchRoot,
+	Thumb: SwitchThumb
+};
 //#endregion
-export { Switch, SwitchThumb };
+export { Switch };

package/dist/components/Tabs.d.ts

@@ -1,2 +1,2 @@
-import { a as Tabs, c as TabsList, d as TabsProps, f as TabsTrigger, i as TabProps, l as TabsListProps, m as tabsListVariants, n as TabPanel, o as TabsContent, p as TabsTriggerProps, r as TabPanelProps, s as TabsContentProps, t as Tab, u as TabsListVariantsOptions } from "../Tabs-D9EAq09D.js";
-export { Tab, TabPanel, TabPanelProps, TabProps, Tabs, TabsContent, TabsContentProps, TabsList, TabsListProps, TabsListVariantsOptions, TabsProps, TabsTrigger, TabsTriggerProps, tabsListVariants };
+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 };

package/dist/components/Tabs.js

@@ -26,7 +26,7 @@ function tabsListVariants({ variant = "default", className } = {}) {
 *
 * @see {@link https://base-ui.com/react/components/tabs | Base UI Tabs}
 */
-function Tabs({ orientation = "horizontal", variant = "default", className = "", ref, ...props }) {
+function TabsRoot({ orientation = "horizontal", variant = "default", className = "", ref, ...props }) {
 	const classes = [
 		"tabs",
 		variant !== "default" && `tabs--${variant}`,
@@ -72,7 +72,12 @@ function TabPanel({ className = "", ref, ...props }) {
 		...props
 	});
 }
-const TabsTrigger = Tab;
-const TabsContent = TabPanel;
+const Tabs = {
+	Root: TabsRoot,
+	List: TabsList,
+	Tab,
+	Indicator: Tabs$1.Indicator,
+	Panel: TabPanel
+};
 //#endregion
-export { Tab, TabPanel, Tabs, TabsContent, TabsList, TabsTrigger, tabsListVariants };
+export { Tabs, tabsListVariants };

package/dist/components/Task.d.ts

@@ -1,8 +1,8 @@
-import { CollapsiblePanelProps, CollapsibleRootProps, CollapsibleTriggerProps } from "./Collapsible.js";
+import { Collapsible } from "./Collapsible.js";
 import * as React from "react";
 
 //#region src/components/Task.d.ts
-interface TaskProps extends Omit<CollapsibleRootProps, "className" | "unstyled"> {
+interface TaskProps extends Omit<React.ComponentProps<typeof Collapsible.Root>, "className" | "unstyled"> {
   className?: string;
 }
 /**
@@ -36,7 +36,7 @@ declare function Task({
 }: TaskProps & {
   ref?: React.Ref<HTMLDivElement>;
 }): React.JSX.Element;
-interface TaskTriggerProps extends Omit<CollapsibleTriggerProps, "className" | "unstyled"> {
+interface TaskTriggerProps extends Omit<React.ComponentProps<typeof Collapsible.Trigger>, "className" | "unstyled"> {
   className?: string;
   /** Heading text shown in the trigger row. */
   title: string;
@@ -53,7 +53,7 @@ declare function TaskTrigger({
 }: TaskTriggerProps & {
   ref?: React.Ref<HTMLButtonElement>;
 }): React.JSX.Element;
-interface TaskContentProps extends Omit<CollapsiblePanelProps, "className" | "unstyled"> {
+interface TaskContentProps extends Omit<React.ComponentProps<typeof Collapsible.Panel>, "className" | "unstyled"> {
   className?: string;
 }
 /**

package/dist/components/Task.js

@@ -1,6 +1,6 @@
-import { CollapsiblePanel, CollapsibleRoot, CollapsibleTrigger } from "./Collapsible.js";
+import { Collapsible } from "./Collapsible.js";
 import { t as cx } from "../class-names-9UtZwb0J.js";
-import { A as SearchIcon, c as ChevronRightIcon, h as FileIcon } from "../icons-D2Q5n5C1.js";
+import { c as ChevronRightIcon, h as FileIcon, j as SearchIcon } from "../icons-Ba9THQKz.js";
 import "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/Task.tsx
@@ -28,7 +28,7 @@ import { jsx, jsxs } from "react/jsx-runtime";
 * @see {@link https://elements.ai-sdk.dev/components/task | AI Elements Task}
 */
 function Task({ className, defaultOpen = true, ref, ...props }) {
-	return /* @__PURE__ */ jsx(CollapsibleRoot, {
+	return /* @__PURE__ */ jsx(Collapsible.Root, {
 		ref,
 		className: cx("task", className),
 		defaultOpen,
@@ -40,15 +40,17 @@ function Task({ className, defaultOpen = true, ref, ...props }) {
 * Clickable header that toggles the task content.
 */
 function TaskTrigger({ className, title, children, ref, ...props }) {
-	if (children !== void 0 && children !== null) return /* @__PURE__ */ jsx(CollapsibleTrigger, {
+	if (children !== void 0 && children !== null) return /* @__PURE__ */ jsx(Collapsible.Trigger, {
 		ref,
+		"data-slot": "task-trigger",
 		className: cx("task__trigger", className),
 		...props,
 		unstyled: true,
 		children
 	});
-	return /* @__PURE__ */ jsxs(CollapsibleTrigger, {
+	return /* @__PURE__ */ jsxs(Collapsible.Trigger, {
 		ref,
+		"data-slot": "task-trigger",
 		className: cx("task__trigger", className),
 		...props,
 		unstyled: true,
@@ -63,6 +65,7 @@ function TaskTrigger({ className, title, children, ref, ...props }) {
 				children: title
 			}),
 			/* @__PURE__ */ jsx("span", {
+				"data-slot": "task-trigger-icon",
 				className: "task__trigger-icon",
 				"aria-hidden": "true",
 				children: /* @__PURE__ */ jsx(ChevronRightIcon, {})
@@ -74,8 +77,9 @@ function TaskTrigger({ className, title, children, ref, ...props }) {
 * The collapsible panel containing TaskItem children.
 */
 function TaskContent({ className, children, ref, ...props }) {
-	return /* @__PURE__ */ jsx(CollapsiblePanel, {
+	return /* @__PURE__ */ jsx(Collapsible.Panel, {
 		ref,
+		"data-slot": "task-content",
 		className: cx("task__content", className),
 		...props,
 		unstyled: true,

package/dist/components/Terminal.d.ts

@@ -1,5 +1,5 @@
-import { r as ButtonProps } from "../Button-Ct5I6aTu.js";
-import { t as CopyButtonProps } from "../copy-button-BKXqGiNm.js";
+import { r as ButtonProps } from "../Button-FX_hpqxm.js";
+import { t as CopyButtonProps } from "../copy-button-DtPMgN7e.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-9UtZwb0J.js";
-import { L as XIcon, P as TerminalIcon } from "../icons-D2Q5n5C1.js";
+import { I as TerminalIcon, z as XIcon } from "../icons-Ba9THQKz.js";
 import { Button } from "./Button.js";
-import { Tooltip, TooltipPopup, TooltipPortal, TooltipPositioner, TooltipTrigger } from "./Tooltip.js";
-import { t as CopyButton } from "../copy-button-C6JSKtFE.js";
+import { Tooltip } from "./Tooltip.js";
+import { t as CopyButton } from "../copy-button-DUMLYdsk.js";
 import { Badge } from "./Badge.js";
 import { ScrollArea } from "./ScrollArea.js";
 import * as React from "react";
@@ -217,7 +217,7 @@ function TerminalClearButton({ className, label = "Clear terminal", onClick, ...
 		onClear?.();
 		onClick?.(e);
 	}, [onClear, onClick]);
-	return /* @__PURE__ */ jsxs(Tooltip, { children: [/* @__PURE__ */ jsx(TooltipTrigger, { render: /* @__PURE__ */ jsx(Button, {
+	return /* @__PURE__ */ jsxs(Tooltip.Root, { children: [/* @__PURE__ */ jsx(Tooltip.Trigger, { render: /* @__PURE__ */ jsx(Button, {
 		variant: "ghost",
 		size: "icon",
 		"aria-label": label,
@@ -225,7 +225,7 @@ function TerminalClearButton({ className, label = "Clear terminal", onClick, ...
 		...props,
 		onClick: handleClick,
 		children: /* @__PURE__ */ jsx(XIcon, {})
-	}) }), /* @__PURE__ */ jsx(TooltipPortal, { children: /* @__PURE__ */ jsx(TooltipPositioner, { children: /* @__PURE__ */ jsx(TooltipPopup, { children: label }) }) })] });
+	}) }), /* @__PURE__ */ jsx(Tooltip.Portal, { children: /* @__PURE__ */ jsx(Tooltip.Positioner, { children: /* @__PURE__ */ jsx(Tooltip.Popup, { children: label }) }) })] });
 }
 const ANSI_REGEX = /\u001b\[[0-9;?]*[a-zA-Z]/g;
 function stripAnsi(input) {

package/dist/components/TestResults.d.ts

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

package/dist/components/TestResults.js

@@ -1,6 +1,6 @@
-import { CollapsiblePanel, CollapsibleRoot, CollapsibleTrigger } from "./Collapsible.js";
+import { Collapsible } from "./Collapsible.js";
 import { t as cx } from "../class-names-9UtZwb0J.js";
-import { L as XIcon, M as SpinnerIcon, a as CheckIcon, c as ChevronRightIcon } from "../icons-D2Q5n5C1.js";
+import { N as SpinnerIcon, a as CheckIcon, c as ChevronRightIcon, z as XIcon } from "../icons-Ba9THQKz.js";
 import { Badge } from "./Badge.js";
 import * as React from "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
@@ -169,7 +169,7 @@ function TestSuite({ className, name, status, defaultOpen, children, ref, ...pro
 	const isComposable = hasComposableTestSuiteChildren(children);
 	return /* @__PURE__ */ jsx(TestSuiteContext.Provider, {
 		value: contextValue,
-		children: /* @__PURE__ */ jsx(CollapsibleRoot, {
+		children: /* @__PURE__ */ jsx(Collapsible.Root, {
 			ref,
 			className: cx("test-results__suite", className),
 			defaultOpen: defaultOpen ?? status === "failed",
@@ -185,7 +185,7 @@ function TestSuite({ className, name, status, defaultOpen, children, ref, ...pro
 }
 function TestSuiteName({ className, children, ref, ...props }) {
 	const { name, status } = React.useContext(TestSuiteContext);
-	return /* @__PURE__ */ jsxs(CollapsibleTrigger, {
+	return /* @__PURE__ */ jsxs(Collapsible.Trigger, {
 		ref,
 		className: cx("test-results__suite-trigger", className),
 		...props,
@@ -230,7 +230,7 @@ function TestSuiteStats({ className, passed = 0, failed = 0, skipped = 0, childr
 	});
 }
 function TestSuiteContent({ className, children, ref, ...props }) {
-	return /* @__PURE__ */ jsx(CollapsiblePanel, {
+	return /* @__PURE__ */ jsx(Collapsible.Panel, {
 		ref,
 		className: cx("test-results__suite-content", className),
 		...props,

package/dist/components/ThinkChat.d.ts

@@ -1,10 +1,9 @@
-import { n as ExecutionApprovals } from "../PromptInput-D6-G24p7.js";
-import { a as AgentChatRenderPartContext, r as AgentChatProps } from "../AgentChat-B9LD_WF1.js";
-import { n as BrowserLiveViewProps, t as BrowserLiveView } from "../BrowserLiveView-ZktFZiMD.js";
-import { n as BrowserReplayProps, t as BrowserReplay } from "../BrowserReplay-6G-mnwcn.js";
-import { _ as isThinkChatActivityPart } from "../ThinkChatToolParts-DnUiZgCC.js";
-import { a as ThinkChatToolRenderers, c as renderThinkChatActivityPart, i as ThinkChatToolRenderer, n as ThinkChatActivityProps, o as createThinkChatActivityRenderer, r as ThinkChatActivityRendererOptions, s as describeThinkChatActivityPart, t as ThinkChatActivity } from "../ThinkChatActivity-B2UD95My.js";
-import { n as ThinkChatValue } from "../ThinkChatContext-BLAAb8J5.js";
+import { a as AgentChatRenderPartContext, r as AgentChatProps } from "../AgentChat-Br6tKEl8.js";
+import { n as BrowserLiveViewProps, t as BrowserLiveView } from "../BrowserLiveView-BV5qgFgI.js";
+import { n as BrowserReplayProps, t as BrowserReplay } from "../BrowserReplay-xWvRjRAC.js";
+import { _ as isThinkChatActivityPart } from "../ThinkChatToolParts-Cv4o7j6F.js";
+import { a as ThinkChatToolRenderers, c as renderThinkChatActivityPart, i as ThinkChatToolRenderer, n as ThinkChatActivityProps, o as createThinkChatActivityRenderer, r as ThinkChatActivityRendererOptions, s as describeThinkChatActivityPart, t as ThinkChatActivity } from "../ThinkChatActivity-Cuk28Js_.js";
+import { n as ThinkChatValue } from "../ThinkChatContext-C3Eb1Xpi.js";
 import { FileInfo, UseWorkspaceOptions, WorkspaceExplorer, WorkspaceExplorerProps, WorkspaceFileState, WorkspaceInfo, WorkspaceSource, WorkspaceState, inferWorkspaceLanguage, useWorkspace } from "./WorkspaceExplorer.js";
 import * as React from "react";
 import { UIMessage } from "ai";
@@ -13,11 +12,9 @@ import { PendingApproval, Think } from "@cloudflare/think";
 import { AgentStub } from "agents/client";
 
 //#region src/components/ThinkChat.d.ts
-type ThinkAgent<State> = Think<object, State>;
-type ThinkApprovalStub<State = unknown> = AgentStub<ThinkAgent<State>>;
-interface ThinkChatProviderProps {
+interface ThinkChatProviderProps<State = unknown, MessageT extends UIMessage = UIMessage> {
   /** The `useAgentChat` value from `@cloudflare/think/react` that descendants read. */
-  chat: ThinkChatValue;
+  chat: ThinkChatValue<State, MessageT>;
   children: React.ReactNode;
 }
 interface ThinkChatRootProps<State = unknown> {
@@ -27,7 +24,7 @@ interface ThinkChatRootProps<State = unknown> {
   name?: string;
   children: React.ReactNode;
 }
-interface ThinkChatMessagesProps extends ThinkChatActivityRendererOptions {
+interface ThinkChatMessagesProps<MessageT extends UIMessage = UIMessage> extends ThinkChatActivityRendererOptions {
   className?: string;
   /** Disable the composer (e.g. while the agent is unreachable). */
   disabled?: boolean;
@@ -35,43 +32,52 @@ interface ThinkChatMessagesProps extends ThinkChatActivityRendererOptions {
   emptyState?: React.ReactNode;
   /** Extra controls rendered inside the composer, next to the send button. */
   composerTools?: React.ReactNode;
+  /** Optional product state rendered in the PromptInput header, such as an Activity. */
+  composerHeader?: AgentChatProps<MessageT>["composerHeader"];
   /** Extra rows rendered in the built-in plus menu after files. */
-  composerAddMenuItems?: AgentChatProps["composerAddMenuItems"];
+  composerAddMenuItems?: AgentChatProps<MessageT>["composerAddMenuItems"];
   /** Composer placeholder text. */
   placeholder?: string;
   /** Rendered after each message (e.g. per-message actions). */
-  renderMessageAfter?: AgentChatProps["renderMessageAfter"];
+  renderMessageAfter?: AgentChatProps<MessageT>["renderMessageAfter"];
+  /**
+   * Durable backend edit/resend operation. Think does not synchronize
+   * `setMessages`, so wire this to an agent callable that creates the branch.
+   */
+  onEditAndResend?: AgentChatProps<MessageT>["onEditAndResend"];
   /**
    * Overrides the built-in connection notice (derived from the hook's
    * `isRecovering`/`connectionError`) shown between transcript and composer.
    */
-  notice?: AgentChatProps["notice"];
+  notice?: AgentChatProps<MessageT>["notice"];
   /** Full replacement for part rendering; wins over excludeTools/toolRenderers. */
-  renderPart?: AgentChatProps["renderPart"];
-  /** Resolves Think execution approvals. `ThinkChat.Root` wires this automatically. */
-  executionApprovals?: ExecutionApprovals;
+  renderPart?: AgentChatProps<MessageT>["renderPart"];
+  /** Whole upstream Think stub. `ThinkChat.Root` wires `agent.stub` automatically. */
+  thinkStub?: AgentStub<Think>;
+  /** Called after a Think approve/reject RPC settles. Root uses this to refresh approvals. */
+  onExecutionSettled?: AgentChatProps<MessageT>["onExecutionSettled"];
   /** Think durable-pause approvals from `pendingApprovals()`. */
-  pendingApprovals?: AgentChatProps["pendingApprovals"];
+  pendingApprovals?: AgentChatProps<MessageT>["pendingApprovals"];
   /**
    * Shows a Context ring in the composer footer — how much of the model's
    * window the conversation occupies, from `metadata.usage` on the newest
    * message that reports it.
    */
-  contextWindow?: AgentChatProps["contextWindow"];
+  contextWindow?: AgentChatProps<MessageT>["contextWindow"];
 }
-declare function useThinkPendingApprovals(stub: ThinkApprovalStub, refreshKey: unknown): {
+declare function useThinkPendingApprovals(stub: AgentStub<Think>, refreshKey: unknown): {
   pendingApprovals: readonly PendingApproval[];
-  executionApprovals: ExecutionApprovals;
+  refreshPendingApprovals: () => Promise<void>;
 };
 /**
  * Chat UI for Cloudflare Think agents. Provide a `useAgentChat` value (or let
  * `ThinkChat.Root` create one) and `ThinkChat.Messages` renders the message
  * stream with agent work folded into collapsed Activity blocks.
  */
-declare function ThinkChatProvider({
+declare function ThinkChatProvider<State = unknown, MessageT extends UIMessage = UIMessage>({
   chat,
   children
-}: ThinkChatProviderProps): React.JSX.Element;
+}: 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
@@ -84,7 +90,7 @@ declare function ThinkChatProvider({
  * </ThinkChat.Root>
  * ```
  */
-declare function ThinkChatRoot<State = unknown>({
+declare function ThinkChatRoot<State = unknown, MessageT extends UIMessage = UIMessage>({
   agent: agentOption,
   name,
   children
@@ -97,21 +103,22 @@ declare function ThinkChatRoot<State = unknown>({
  * inside the log) or `excludeTools` + your own `renderPart` (standalone
  * card) — see README "App-specific tools" and the Custom Tool Panel story.
  */
-declare function ThinkChatMessages({
+declare function ThinkChatMessages<State = unknown, MessageT extends UIMessage = UIMessage>({
   renderPart,
   excludeTools,
   toolRenderers,
-  executionApprovals,
+  thinkStub,
+  onExecutionSettled,
   pendingApprovals,
   notice,
   ...props
-}: ThinkChatMessagesProps): React.JSX.Element;
+}: ThinkChatMessagesProps<MessageT>): React.JSX.Element;
 /**
  * The ambient chat value from `ThinkChat.Root`/`Provider` — for custom tool
  * panels, cards, or composer actions that need `messages`, `status`, or
  * `sendMessage`. Throws outside a provider.
  */
-declare function useThinkChat(): Omit<import("@ai-sdk/react").UseChatHelpers<UIMessage<unknown, import("ai").UIDataTypes, import("ai").UITools>>, "addToolOutput"> & {
+declare function useThinkChat<State = unknown, MessageT extends UIMessage = UIMessage>(): Omit<import("@ai-sdk/react").UseChatHelpers<MessageT>, "addToolOutput"> & {
   clearHistory: () => void;
   addToolOutput: (opts: {
     toolCallId: string;
@@ -145,4 +152,4 @@ declare const ThinkChat: {
   createActivityRenderer: typeof createThinkChatActivityRenderer;
 };
 //#endregion
-export { BrowserLiveView, type BrowserLiveViewProps, BrowserReplay, type BrowserReplayProps, type ExecutionApprovals, type FileInfo, ThinkApprovalStub, 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 { BrowserLiveView, type BrowserLiveViewProps, BrowserReplay, type BrowserReplayProps, type FileInfo, 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 };