@mcp-b/react-components 0.12.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,5 @@
 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";

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,8 +1,8 @@
-import { a as AgentChatRenderPartContext, r as AgentChatProps } from "../AgentChat-CRmsKg9B.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-F4KFPcJA.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";
@@ -32,12 +32,19 @@ interface ThinkChatMessagesProps<MessageT extends UIMessage = UIMessage> extends
   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<MessageT>["composerAddMenuItems"];
   /** Composer placeholder text. */
   placeholder?: string;
   /** Rendered after each message (e.g. per-message actions). */
   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.

package/dist/components/ThinkChat.js

@@ -2,6 +2,6 @@ import { BrowserLiveView } from "./BrowserLiveView.js";
 import { BrowserReplay } from "./BrowserReplay.js";
 import { isThinkChatActivityPart } from "./ThinkChatToolParts.js";
 import { ThinkChatActivity, createThinkChatActivityRenderer, describeThinkChatActivityPart, 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-B3wYahor.js";
+import { a as useThinkChat, i as ThinkChatRoot, n as ThinkChatMessages, o as useThinkPendingApprovals, r as ThinkChatProvider, t as ThinkChat } from "../ThinkChat-7DQ2CogF.js";
 import { WorkspaceExplorer, inferWorkspaceLanguage, useWorkspace } from "./WorkspaceExplorer.js";
 export { BrowserLiveView, BrowserReplay, ThinkChat, ThinkChatActivity, ThinkChatMessages, ThinkChatProvider, ThinkChatRoot, WorkspaceExplorer, createThinkChatActivityRenderer, describeThinkChatActivityPart, inferWorkspaceLanguage, isThinkChatActivityPart, renderThinkChatActivityPart, useThinkChat, useThinkPendingApprovals, useWorkspace };

package/dist/components/ThinkChatActivity.d.ts

@@ -1,3 +1,3 @@
 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-F4KFPcJA.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";
 export { ThinkChatActivity, ThinkChatActivityProps, ThinkChatActivityRendererOptions, ThinkChatToolRenderer, ThinkChatToolRenderers, createThinkChatActivityRenderer, describeThinkChatActivityPart, isThinkChatActivityPart, renderThinkChatActivityPart };

package/dist/components/ThinkChatActivity.js

@@ -1,4 +1,4 @@
-import { A as SearchIcon, C as MonitorIcon, E as PencilIcon, F as WarningIcon, I as WrenchIcon, P as TerminalIcon, b as LinkIcon, h as FileIcon, y as InfoIcon } from "../icons-D2Q5n5C1.js";
+import { D as PencilIcon, I as TerminalIcon, L as WarningIcon, R as WrenchIcon, b as LinkIcon, h as FileIcon, j as SearchIcon, w as MonitorIcon, y as InfoIcon } from "../icons-Ba9THQKz.js";
 import { Activity, ActivityContent, ActivityItem, ActivityItemGroup, ActivityText, ActivityTrigger } from "./Activity.js";
 import { t as summarizeToolInput } from "../summarize-tool-input-BUJsENSn.js";
 import { useOptionalThinkChatContext } from "./ThinkChatContext.js";

package/dist/components/ThinkChatToolPanels.js

@@ -1,6 +1,6 @@
 import { ActivityOutput, ActivityPanel } from "./Activity.js";
-import { Tab, TabPanel, Tabs, TabsList } from "./Tabs.js";
-import { t as CodeBlock } from "../CodeBlock-XNQOupQ3.js";
+import { Tabs } from "./Tabs.js";
+import { t as CodeBlock } from "../CodeBlock-BUFXG8HW.js";
 import { BrowserLiveView } from "./BrowserLiveView.js";
 import { displayUrl } from "./ThinkChatToolParts.js";
 import * as React from "react";
@@ -289,25 +289,25 @@ function ThinkChatBrowserPanel({ part }) {
 			label: "Browser",
 			status: executeStatusText(output),
 			error: output?.status === "error",
-			children: browserView && code ? /* @__PURE__ */ jsxs(Tabs, {
+			children: browserView && code ? /* @__PURE__ */ jsxs(Tabs.Root, {
 				className: "activity__browser-tabs",
 				defaultValue: "browser",
 				children: [
-					/* @__PURE__ */ jsxs(TabsList, {
+					/* @__PURE__ */ jsxs(Tabs.List, {
 						variant: "line",
-						children: [/* @__PURE__ */ jsx(Tab, {
+						children: [/* @__PURE__ */ jsx(Tabs.Tab, {
 							value: "browser",
 							children: "Preview"
-						}), /* @__PURE__ */ jsx(Tab, {
+						}), /* @__PURE__ */ jsx(Tabs.Tab, {
 							value: "code",
 							children: "Code"
 						})]
 					}),
-					/* @__PURE__ */ jsx(TabPanel, {
+					/* @__PURE__ */ jsx(Tabs.Panel, {
 						value: "browser",
 						children: browserView
 					}),
-					/* @__PURE__ */ jsx(TabPanel, {
+					/* @__PURE__ */ jsx(Tabs.Panel, {
 						value: "code",
 						children: codeView
 					})