@mcp-b/react-components 0.12.0 → 0.14.0

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-Cgb1xuT7.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-m9orbdeI.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";
@@ -10,6 +10,7 @@ import { UIMessage } from "ai";
 import { UseAgentOptions } from "agents/react";
 import { PendingApproval, Think } from "@cloudflare/think";
 import { AgentStub } from "agents/client";
+import { UseVoiceInputReturn } from "@cloudflare/voice/react";
 
 //#region src/components/ThinkChat.d.ts
 interface ThinkChatProviderProps<State = unknown, MessageT extends UIMessage = UIMessage> {
@@ -32,12 +33,23 @@ interface ThinkChatMessagesProps<MessageT extends UIMessage = UIMessage> extends
   emptyState?: React.ReactNode;
   /** Extra controls rendered inside the composer, next to the send button. */
   composerTools?: React.ReactNode;
+  /** Whole upstream `useVoiceInput` result for the built-in microphone recorder. */
+  voiceInput?: UseVoiceInputReturn;
+  /** Host prerequisite run before the built-in recorder calls `voiceInput.start()`. */
+  beforeVoiceStart?: AgentChatProps<MessageT>["beforeVoiceStart"];
+  /** 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-m9orbdeI.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
 					})

package/dist/components/ThinkExecutionWorkbench.js

@@ -1,9 +1,9 @@
 import { t as cx } from "../class-names-9UtZwb0J.js";
-import { L as XIcon, M as SpinnerIcon, P as TerminalIcon, T as PauseIcon, a as CheckIcon, f as EllipsisIcon, h as FileIcon, k as RefreshIcon, t as ArrowDownIcon, y as InfoIcon } from "../icons-D2Q5n5C1.js";
+import { A as RefreshIcon, E as PauseIcon, I as TerminalIcon, N as SpinnerIcon, a as CheckIcon, f as EllipsisIcon, h as FileIcon, t as ArrowDownIcon, y as InfoIcon, z as XIcon } from "../icons-Ba9THQKz.js";
 import { Activity, ActivityContent, ActivityItem, ActivityItemGroup, ActivityOutput, ActivityPanel, ActivityTrigger } from "./Activity.js";
 import { Button } from "./Button.js";
-import { Tooltip, TooltipContent, TooltipTrigger } from "./Tooltip.js";
-import { MenuContent, MenuItem, MenuRoot, MenuSeparator, MenuTrigger } from "./Menu.js";
+import { Tooltip } from "./Tooltip.js";
+import { Menu } from "./Menu.js";
 import * as React from "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/ThinkExecutionWorkbench.tsx
@@ -30,18 +30,18 @@ function getErrorMessage(error) {
 	return error instanceof Error ? error.message : String(error);
 }
 function TooltipIcon({ children, className, label, status, tone }) {
-	return /* @__PURE__ */ jsxs(Tooltip, { children: [/* @__PURE__ */ jsx(TooltipTrigger, { render: /* @__PURE__ */ jsx("span", {
+	return /* @__PURE__ */ jsxs(Tooltip.Root, { children: [/* @__PURE__ */ jsx(Tooltip.Trigger, { render: /* @__PURE__ */ jsx("span", {
 		"aria-label": label,
 		className: cx("think-execution-workbench__icon", className),
 		"data-status": status,
 		"data-tone": tone,
 		role: "img",
 		children
-	}) }), /* @__PURE__ */ jsx(TooltipContent, {
+	}) }), /* @__PURE__ */ jsx(Tooltip.Portal, { children: /* @__PURE__ */ jsx(Tooltip.Positioner, {
 		side: "top",
 		sideOffset: 6,
-		children: label
-	})] });
+		children: /* @__PURE__ */ jsx(Tooltip.Popup, { children: label })
+	}) })] });
 }
 function runId(run) {
 	return run.kind === "submission" ? run.record.submissionId : run.record.workflowId;
@@ -177,7 +177,7 @@ function RunDetail({ run }) {
 function RunActions({ busy, onAction, run, source }) {
 	const id = runId(run);
 	const action = (key, callback) => () => onAction(key, callback);
-	return /* @__PURE__ */ jsxs(MenuRoot, { children: [/* @__PURE__ */ jsxs(Tooltip, { children: [/* @__PURE__ */ jsx(TooltipTrigger, { render: /* @__PURE__ */ jsx(MenuTrigger, {
+	return /* @__PURE__ */ jsxs(Menu.Root, { children: [/* @__PURE__ */ jsxs(Tooltip.Root, { children: [/* @__PURE__ */ jsx(Tooltip.Trigger, { render: /* @__PURE__ */ jsx(Menu.Trigger, {
 		unstyled: true,
 		render: /* @__PURE__ */ jsx(Button, {
 			type: "button",
@@ -189,61 +189,61 @@ function RunActions({ busy, onAction, run, source }) {
 			disabled: busy,
 			children: /* @__PURE__ */ jsx(EllipsisIcon, {})
 		})
-	}) }), /* @__PURE__ */ jsx(TooltipContent, {
+	}) }), /* @__PURE__ */ jsx(Tooltip.Portal, { children: /* @__PURE__ */ jsx(Tooltip.Positioner, {
 		side: "top",
 		sideOffset: 6,
-		children: "Run actions"
-	})] }), /* @__PURE__ */ jsx(MenuContent, {
+		children: /* @__PURE__ */ jsx(Tooltip.Popup, { children: "Run actions" })
+	}) })] }), /* @__PURE__ */ jsx(Menu.Portal, { children: /* @__PURE__ */ jsx(Menu.Positioner, {
 		align: "end",
-		children: run.kind === "submission" ? /* @__PURE__ */ jsxs(Fragment, { children: [
-			isSubmissionCancelable(run.record.status) ? /* @__PURE__ */ jsx(MenuItem, {
+		children: /* @__PURE__ */ jsx(Menu.Popup, { children: run.kind === "submission" ? /* @__PURE__ */ jsxs(Fragment, { children: [
+			isSubmissionCancelable(run.record.status) ? /* @__PURE__ */ jsx(Menu.Item, {
 				disabled: busy,
 				onClick: action(`cancel-submission:${id}`, () => source.cancelSubmission(id)),
 				children: "Cancel"
 			}) : null,
-			/* @__PURE__ */ jsx(MenuSeparator, {}),
-			/* @__PURE__ */ jsx(MenuItem, {
+			/* @__PURE__ */ jsx(Menu.Separator, {}),
+			/* @__PURE__ */ jsx(Menu.Item, {
 				disabled: busy,
 				variant: "destructive",
 				onClick: action(`delete-submission:${id}`, () => source.deleteSubmission(id)),
 				children: "Delete"
 			})
 		] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
-			/* @__PURE__ */ jsx(MenuItem, {
+			/* @__PURE__ */ jsx(Menu.Item, {
 				disabled: busy,
 				onClick: action(`sync-workflow:${id}`, () => source.getWorkflowStatus(run.record.workflowName, id)),
 				children: "Refresh status"
 			}),
-			runStatus(run) === "running" ? /* @__PURE__ */ jsx(MenuItem, {
+			runStatus(run) === "running" ? /* @__PURE__ */ jsx(Menu.Item, {
 				disabled: busy,
 				onClick: action(`pause-workflow:${id}`, () => source.pauseWorkflow(id)),
 				children: "Pause"
 			}) : null,
-			runStatus(run) === "paused" ? /* @__PURE__ */ jsx(MenuItem, {
+			runStatus(run) === "paused" ? /* @__PURE__ */ jsx(Menu.Item, {
 				disabled: busy,
 				onClick: action(`resume-workflow:${id}`, () => source.resumeWorkflow(id)),
 				children: "Resume"
 			}) : null,
-			isWorkflowTerminal(run.record.status) ? /* @__PURE__ */ jsx(MenuItem, {
+			isWorkflowTerminal(run.record.status) ? /* @__PURE__ */ jsx(Menu.Item, {
 				disabled: busy,
 				onClick: action(`restart-workflow:${id}`, () => source.restartWorkflow(id)),
 				children: "Restart"
 			}) : null,
-			runStatus(run) === "running" ? /* @__PURE__ */ jsx(MenuItem, {
+			runStatus(run) === "running" ? /* @__PURE__ */ jsx(Menu.Item, {
 				disabled: busy,
 				variant: "destructive",
 				onClick: action(`terminate-workflow:${id}`, () => source.terminateWorkflow(id)),
 				children: "Terminate"
 			}) : null,
-			/* @__PURE__ */ jsx(MenuSeparator, {}),
-			/* @__PURE__ */ jsx(MenuItem, {
+			/* @__PURE__ */ jsx(Menu.Separator, {}),
+			/* @__PURE__ */ jsx(Menu.Item, {
 				disabled: busy,
 				variant: "destructive",
 				onClick: action(`delete-workflow:${id}`, () => source.deleteWorkflow(id)),
 				children: "Delete"
 			})
-		] })
-	})] });
+		] }) })
+	}) })] });
 }
 /**
 * Unified execution history for native Think submissions and Agents workflows.
@@ -383,7 +383,7 @@ function ThinkExecutionWorkbench({ backButton, className, pageSize = executionPa
 						className: "think-execution-workbench__title",
 						children: title
 					})]
-				}), /* @__PURE__ */ jsxs(Tooltip, { children: [/* @__PURE__ */ jsx(TooltipTrigger, { render: /* @__PURE__ */ jsx(Button, {
+				}), /* @__PURE__ */ jsxs(Tooltip.Root, { children: [/* @__PURE__ */ jsx(Tooltip.Trigger, { render: /* @__PURE__ */ jsx(Button, {
 					type: "button",
 					variant: "ghost",
 					color: "neutral",
@@ -393,11 +393,11 @@ function ThinkExecutionWorkbench({ backButton, className, pageSize = executionPa
 					disabled: busyAction !== null,
 					onClick: () => void refresh(),
 					children: /* @__PURE__ */ jsx(RefreshIcon, {})
-				}) }), /* @__PURE__ */ jsx(TooltipContent, {
+				}) }), /* @__PURE__ */ jsx(Tooltip.Portal, { children: /* @__PURE__ */ jsx(Tooltip.Positioner, {
 					side: "bottom",
 					sideOffset: 6,
-					children: "Refresh runs"
-				})] })]
+					children: /* @__PURE__ */ jsx(Tooltip.Popup, { children: "Refresh runs" })
+				}) })] })]
 			}),
 			error ? /* @__PURE__ */ jsx("div", {
 				className: "think-execution-workbench__error",

package/dist/components/ThinkFullApp.js

@@ -1,10 +1,10 @@
 import { t as cx } from "../class-names-9UtZwb0J.js";
-import { P as TerminalIcon, h as FileIcon, n as ArrowLeftIcon } from "../icons-D2Q5n5C1.js";
+import { I as TerminalIcon, h as FileIcon, n as ArrowLeftIcon } from "../icons-Ba9THQKz.js";
 import { Separator } from "./Separator.js";
 import { Button } from "./Button.js";
-import { Tooltip, TooltipPopup, TooltipPortal, TooltipPositioner, TooltipTrigger } from "./Tooltip.js";
-import { ToggleGroup, ToggleGroupItem } from "./ToggleGroup.js";
-import { o as useThinkPendingApprovals, s as resolveThinkApprovalProps, t as ThinkChat } from "../ThinkChat-B3wYahor.js";
+import { Tooltip } from "./Tooltip.js";
+import { ToggleGroup } from "./ToggleGroup.js";
+import { o as useThinkPendingApprovals, s as resolveThinkApprovalProps, t as ThinkChat } from "../ThinkChat-7DQ2CogF.js";
 import { WorkspaceExplorer, useWorkspace } from "./WorkspaceExplorer.js";
 import { ThinkExecutionWorkbench } from "./ThinkExecutionWorkbench.js";
 import { ThinkThreadShell } from "./ThinkThreadShell.js";
@@ -57,20 +57,20 @@ function WorkspacePanel({ source, root }) {
 	});
 }
 function WorkbenchViewItem({ children, label, value }) {
-	return /* @__PURE__ */ jsxs(Tooltip, { children: [/* @__PURE__ */ jsx(TooltipTrigger, { render: /* @__PURE__ */ jsx(ToggleGroupItem, {
+	return /* @__PURE__ */ jsxs(Tooltip.Root, { children: [/* @__PURE__ */ jsx(Tooltip.Trigger, { render: /* @__PURE__ */ jsx(ToggleGroup.Item, {
 		type: "button",
 		className: "think-full-app__workbench-view-item",
 		value,
 		"aria-label": label,
 		children
-	}) }), /* @__PURE__ */ jsx(TooltipPortal, { children: /* @__PURE__ */ jsx(TooltipPositioner, {
+	}) }), /* @__PURE__ */ jsx(Tooltip.Portal, { children: /* @__PURE__ */ jsx(Tooltip.Positioner, {
 		side: "bottom",
 		sideOffset: 6,
-		children: /* @__PURE__ */ jsx(TooltipPopup, { children: label })
+		children: /* @__PURE__ */ jsx(Tooltip.Popup, { children: label })
 	}) })] });
 }
 function WorkbenchViewSwitch({ panels, value, onValueChange }) {
-	return /* @__PURE__ */ jsx(ToggleGroup, {
+	return /* @__PURE__ */ jsx(ToggleGroup.Root, {
 		className: "think-full-app__workbench-view-switch",
 		size: "sm",
 		value: [value],

package/dist/components/ThinkThreadPicker.js

@@ -1,5 +1,5 @@
 import { t as cx } from "../class-names-9UtZwb0J.js";
-import { M as SpinnerIcon, O as PlusIcon, u as DotIcon } from "../icons-D2Q5n5C1.js";
+import { N as SpinnerIcon, k as PlusIcon, u as DotIcon } from "../icons-Ba9THQKz.js";
 import { Button } from "./Button.js";
 import { ScrollArea } from "./ScrollArea.js";
 import "react";

package/dist/components/ThinkThreadShell.js

@@ -1,8 +1,8 @@
 import { t as cx } from "../class-names-9UtZwb0J.js";
-import { j as SidebarIcon } from "../icons-D2Q5n5C1.js";
+import { M as SidebarIcon } from "../icons-Ba9THQKz.js";
 import { Separator } from "./Separator.js";
 import { Button } from "./Button.js";
-import { Tooltip, TooltipPopup, TooltipPortal, TooltipPositioner, TooltipTrigger } from "./Tooltip.js";
+import { Tooltip } from "./Tooltip.js";
 import * as React from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/ThinkThreadShell.tsx
@@ -75,7 +75,7 @@ function ThinkThreadShell({ sidebar, sidebarOpen, defaultSidebarOpen, onSidebarO
 					"aria-label": "Thread controls",
 					children: /* @__PURE__ */ jsx("div", {
 						className: "think-thread-shell__panel-toggle",
-						children: /* @__PURE__ */ jsxs(Tooltip, { children: [/* @__PURE__ */ jsx(TooltipTrigger, { render: /* @__PURE__ */ jsx(Button, {
+						children: /* @__PURE__ */ jsxs(Tooltip.Root, { children: [/* @__PURE__ */ jsx(Tooltip.Trigger, { render: /* @__PURE__ */ jsx(Button, {
 							type: "button",
 							variant: "ghost",
 							color: "neutral",
@@ -87,10 +87,10 @@ function ThinkThreadShell({ sidebar, sidebarOpen, defaultSidebarOpen, onSidebarO
 							"data-selected": isSidebarOpen,
 							onClick: () => setSidebarOpen(!isSidebarOpen),
 							children: /* @__PURE__ */ jsx(SidebarIcon, {})
-						}) }), /* @__PURE__ */ jsx(TooltipPortal, { children: /* @__PURE__ */ jsx(TooltipPositioner, {
+						}) }), /* @__PURE__ */ jsx(Tooltip.Portal, { children: /* @__PURE__ */ jsx(Tooltip.Positioner, {
 							side: "bottom",
 							sideOffset: 6,
-							children: /* @__PURE__ */ jsx(TooltipPopup, { children: toggleLabel })
+							children: /* @__PURE__ */ jsx(Tooltip.Popup, { children: toggleLabel })
 						}) })] })
 					})
 				}),