@mcp-b/react-components 0.21.0 → 0.23.0

package/dist/components/PromptInput.js

@@ -1,12 +1,13 @@
 import { n as mergeBaseClassName, t as cx } from "../class-names-BiMDVpUo.js";
-import { $ as WrenchIcon, C as FolderIcon, J as StopIcon, K as SpinnerIcon, L as PaperclipIcon, M as MicrophoneIcon, P as MonitorIcon, Q as WarningIcon, S as FileIcon, V as PlusIcon, a as ArrowUpIcon, d as ChevronDownIcon, et as XIcon, q as SquareIcon, u as CheckIcon } from "../icons-DyOM0EJs.js";
 import { Button } from "./Button.js";
+import { $ as WarningIcon, C as FileIcon, F as MonitorIcon, H as PlusIcon, J as SquareIcon, N as MicrophoneIcon, R as PaperclipIcon, Y as StopIcon, a as ArrowUpIcon, d as CheckIcon, et as WrenchIcon, f as ChevronDownIcon, q as SpinnerIcon, tt as XIcon, w as FolderIcon } from "../icons-ua6f_GH3.js";
 import { Tooltip } from "./Tooltip.js";
+import { IconButton } from "./IconButton.js";
 import { t as AttachmentPreview } from "../attachment-preview-DIs50Q0h.js";
 import { n as clamp, r as formatClock } from "../format-S6uWyoSb.js";
-import { Menu } from "./Menu.js";
 import { Combobox } from "./Combobox.js";
 import { Kbd } from "./Kbd.js";
+import { Menu } from "./Menu.js";
 import { Select } from "./Select.js";
 import { Tabs } from "./Tabs.js";
 import { ThinkExecutionApproval, ThinkPendingApproval, getPausedExecution } from "./ThinkPendingApproval.js";
@@ -313,10 +314,12 @@ function PromptInputAttachment({ file, className, ref, ...props }) {
 		children: [isImage ? /* @__PURE__ */ jsx(AttachmentPreview, {
 			url: file.url,
 			filename: file.filename,
-			children: /* @__PURE__ */ jsx("button", {
-				type: "button",
+			children: /* @__PURE__ */ jsx(Button, {
 				className: "prompt-input__attachment-zoom",
 				"aria-label": `Preview ${name}`,
+				color: "neutral",
+				size: "sm",
+				variant: "ghost",
 				children: /* @__PURE__ */ jsx("img", {
 					className: "prompt-input__attachment-thumb",
 					src: file.url,
@@ -326,12 +329,14 @@ function PromptInputAttachment({ file, className, ref, ...props }) {
 		}) : /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(FileIcon, { className: "prompt-input__attachment-icon" }), /* @__PURE__ */ jsx("span", {
 			className: "prompt-input__attachment-name sigvelo-truncate",
 			children: name
-		})] }), /* @__PURE__ */ jsx("button", {
-			type: "button",
+		})] }), /* @__PURE__ */ jsx(IconButton, {
 			className: "prompt-input__attachment-remove",
-			"aria-label": `Remove ${name}`,
+			color: "neutral",
+			label: `Remove ${name}`,
+			size: "xs",
+			variant: "ghost",
 			onClick: () => attachments.remove(file.id),
-			children: /* @__PURE__ */ jsx(XIcon, { size: 12 })
+			children: /* @__PURE__ */ jsx(XIcon, {})
 		})]
 	});
 }
@@ -366,6 +371,16 @@ function PromptInputFooter({ className, children, ref, ...props }) {
 		children
 	});
 }
+/** Supporting controls or queued work tucked behind a PromptInput edge. */
+function PromptInputTray({ side, className, ref, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		ref,
+		"data-slot": "prompt-input-tray",
+		"data-side": side,
+		className: cx("prompt-input__tray", className),
+		...props
+	});
+}
 function PromptInputTools({ className, children, ref, ...props }) {
 	return /* @__PURE__ */ jsx("div", {
 		ref,
@@ -1276,7 +1291,9 @@ async function resolveSubmittedFile(file) {
 }
 async function blobUrlToDataUrl(url) {
 	try {
-		const blob = await (await fetch(url)).blob();
+		const response = await fetch(url);
+		if (!response.ok) return null;
+		const blob = await response.blob();
 		return await new Promise((resolve) => {
 			const reader = new FileReader();
 			reader.onloadend = () => resolve(typeof reader.result === "string" ? reader.result : null);
@@ -1328,4 +1345,4 @@ function createId() {
 	return globalThis.crypto?.randomUUID?.() ?? `prompt-input-${Date.now()}-${Math.random()}`;
 }
 //#endregion
-export { PromptInput, PromptInputActionAddAttachments, PromptInputActionAddScreenshot, PromptInputActionMenu, PromptInputActionMenuContent, PromptInputActionMenuItem, PromptInputActionMenuTrigger, PromptInputApproval, PromptInputAttachment, PromptInputAttachments, PromptInputBody, PromptInputButton, PromptInputCommand, PromptInputCommandComposer, PromptInputCommandEmpty, PromptInputCommandGroup, PromptInputCommandGroupLabel, PromptInputCommandInput, PromptInputCommandItem, PromptInputCommandList, PromptInputCommandSeparator, PromptInputContextSelector, PromptInputDictation, PromptInputFooter, PromptInputHeader, PromptInputHoverCard, PromptInputHoverCardContent, PromptInputHoverCardTrigger, PromptInputPermissionSelector, PromptInputProvider, PromptInputReferences, PromptInputSelect, PromptInputSubmit, PromptInputTab, PromptInputTabBody, PromptInputTabItem, PromptInputTabLabel, PromptInputTabsList, PromptInputTextarea, PromptInputTools, getApprovalRequestId, getApprovalStateKey, getPendingToolApprovals, usePromptInputAttachments, usePromptInputController, useProviderAttachments };
+export { PromptInput, PromptInputActionAddAttachments, PromptInputActionAddScreenshot, PromptInputActionMenu, PromptInputActionMenuContent, PromptInputActionMenuItem, PromptInputActionMenuTrigger, PromptInputApproval, PromptInputAttachment, PromptInputAttachments, PromptInputBody, PromptInputButton, PromptInputCommand, PromptInputCommandComposer, PromptInputCommandEmpty, PromptInputCommandGroup, PromptInputCommandGroupLabel, PromptInputCommandInput, PromptInputCommandItem, PromptInputCommandList, PromptInputCommandSeparator, PromptInputContextSelector, PromptInputDictation, PromptInputFooter, PromptInputHeader, PromptInputHoverCard, PromptInputHoverCardContent, PromptInputHoverCardTrigger, PromptInputPermissionSelector, PromptInputProvider, PromptInputReferences, PromptInputSelect, PromptInputSubmit, PromptInputTab, PromptInputTabBody, PromptInputTabItem, PromptInputTabLabel, PromptInputTabsList, PromptInputTextarea, PromptInputTools, PromptInputTray, getApprovalRequestId, getApprovalStateKey, getPendingToolApprovals, usePromptInputAttachments, usePromptInputController, useProviderAttachments };

package/dist/components/Queue.d.ts

@@ -1,5 +1,5 @@
+import { r as ButtonProps } from "../Button-SBIz6Lqi.js";
 import { t as Collapsible } from "../Collapsible-N64ASIQr.js";
-import { r as ButtonProps } from "../Button-yRInko9u.js";
 import { ScrollArea } from "./ScrollArea.js";
 import * as React from "react";
 

package/dist/components/Queue.js

@@ -1,7 +1,7 @@
 import { t as cx } from "../class-names-BiMDVpUo.js";
-import { Collapsible } from "./Collapsible.js";
-import { S as FileIcon, _ as DotIcon, p as ChevronRightIcon, u as CheckIcon } from "../icons-DyOM0EJs.js";
 import { Button } from "./Button.js";
+import { Collapsible } from "./Collapsible.js";
+import { C as FileIcon, d as CheckIcon, m as ChevronRightIcon, v as DotIcon } from "../icons-ua6f_GH3.js";
 import { Badge } from "./Badge.js";
 import { ScrollArea } from "./ScrollArea.js";
 import "react";

package/dist/components/Reasoning.js

@@ -1,8 +1,8 @@
 import { t as cx } from "../class-names-BiMDVpUo.js";
 import { Collapsible } from "./Collapsible.js";
-import { K as SpinnerIcon } from "../icons-DyOM0EJs.js";
+import { q as SpinnerIcon } from "../icons-ua6f_GH3.js";
 import { ActivityContent, ActivityText, ActivityTrigger } from "./Activity.js";
-import { f as MessageResponse } from "../Message-DzuteocT.js";
+import { f as MessageResponse } from "../Message-_-bEYLAO.js";
 import * as React from "react";
 import { jsx } from "react/jsx-runtime";
 //#region src/components/Reasoning.tsx
@@ -36,11 +36,10 @@ function Reasoning({ className, isStreaming = false, duration, open, defaultOpen
 	const previousStreamingRef = React.useRef(isStreaming);
 	const startTimeRef = React.useRef(isStreaming ? Date.now() : null);
 	const hasEverStreamedRef = React.useRef(isStreaming);
-	const [hasAutoClosed, setHasAutoClosed] = React.useState(false);
 	const isControlled = open !== void 0;
 	const currentOpen = isControlled ? open : internalOpen;
 	const preventAutoOpen = defaultOpen === false;
-	const resolvedDuration = duration ?? internalDuration;
+	const resolvedDuration = duration ?? (isStreaming || startTimeRef.current !== null ? void 0 : internalDuration);
 	const setOpenState = React.useCallback((next) => {
 		if (next === currentOpen) return;
 		if (!isControlled) setInternalOpen(next);
@@ -53,8 +52,6 @@ function Reasoning({ className, isStreaming = false, duration, open, defaultOpen
 	React.useEffect(() => {
 		if (isStreaming) {
 			hasEverStreamedRef.current = true;
-			setHasAutoClosed(false);
-			if (duration === void 0) setInternalDuration(void 0);
 			if (startTimeRef.current === null) startTimeRef.current = Date.now();
 			return;
 		}
@@ -66,10 +63,9 @@ function Reasoning({ className, isStreaming = false, duration, open, defaultOpen
 	React.useEffect(() => {
 		const wasStreaming = previousStreamingRef.current;
 		if (isStreaming && !currentOpen && !preventAutoOpen) setOpenState(true);
-		if (!isStreaming && wasStreaming && hasEverStreamedRef.current && currentOpen && !hasAutoClosed) {
+		if (!isStreaming && wasStreaming && hasEverStreamedRef.current && currentOpen) {
 			const closeTimer = window.setTimeout(() => {
 				setOpenState(false);
-				setHasAutoClosed(true);
 			}, AUTO_CLOSE_DELAY_MS);
 			previousStreamingRef.current = isStreaming;
 			return () => window.clearTimeout(closeTimer);
@@ -77,7 +73,6 @@ function Reasoning({ className, isStreaming = false, duration, open, defaultOpen
 		previousStreamingRef.current = isStreaming;
 	}, [
 		currentOpen,
-		hasAutoClosed,
 		isStreaming,
 		preventAutoOpen,
 		setOpenState

package/dist/components/ResponsiveSidebarShell.js

@@ -1,6 +1,6 @@
 import { t as cx } from "../class-names-BiMDVpUo.js";
-import { G as SidebarIcon } from "../icons-DyOM0EJs.js";
 import { Button } from "./Button.js";
+import { K as SidebarIcon } from "../icons-ua6f_GH3.js";
 import { t as capitalize } from "../format-S6uWyoSb.js";
 import { n as mergeRefs } from "../merge-refs-DF_7w2x_.js";
 import { AppTopBar } from "./AppTopBar.js";
@@ -118,6 +118,7 @@ function ResponsiveSidebarShell({ sidebar, topBar, sidebarLabel, sidebarOpen, de
 				/* @__PURE__ */ jsx("div", {
 					ref: mainRef,
 					className: "responsive-sidebar-shell__main",
+					"data-recipe": "application-plane",
 					tabIndex: -1,
 					children
 				}),

package/dist/components/ScrollArea.js

@@ -37,6 +37,7 @@ function ScrollAreaViewport({ className, ref, ...props }) {
 	return /* @__PURE__ */ jsx(ScrollArea$1.Viewport, {
 		ref,
 		"data-slot": "scroll-area-viewport",
+		"data-recipe": "scroll-fade-y",
 		className: classes,
 		...props
 	});

package/dist/components/SearchField.js

@@ -1,5 +1,5 @@
 import { n as mergeBaseClassName } from "../class-names-BiMDVpUo.js";
-import { W as SearchIcon } from "../icons-DyOM0EJs.js";
+import { G as SearchIcon } from "../icons-ua6f_GH3.js";
 import { Field } from "./Field.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/SearchField.tsx

package/dist/components/Select.js

@@ -1,5 +1,5 @@
 import { n as mergeBaseClassName } from "../class-names-BiMDVpUo.js";
-import { a as ArrowUpIcon, n as ArrowDownIcon, u as CheckIcon } from "../icons-DyOM0EJs.js";
+import { a as ArrowUpIcon, d as CheckIcon, n as ArrowDownIcon } from "../icons-ua6f_GH3.js";
 import "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Select as Select$1 } from "@base-ui/react/select";

package/dist/components/Sources.js

@@ -1,6 +1,6 @@
 import { t as cx } from "../class-names-BiMDVpUo.js";
 import { Collapsible } from "./Collapsible.js";
-import { O as LinkIcon, p as ChevronRightIcon } from "../icons-DyOM0EJs.js";
+import { k as LinkIcon, m as ChevronRightIcon } from "../icons-ua6f_GH3.js";
 import "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/Sources.tsx

package/dist/components/Stepper.js

@@ -1,5 +1,5 @@
 import { n as mergeBaseClassName, t as cx } from "../class-names-BiMDVpUo.js";
-import { K as SpinnerIcon, u as CheckIcon } from "../icons-DyOM0EJs.js";
+import { d as CheckIcon, q as SpinnerIcon } from "../icons-ua6f_GH3.js";
 import { Tabs } from "./Tabs.js";
 import * as React from "react";
 import { jsx } from "react/jsx-runtime";

package/dist/components/SubagentRunIndicator.js

@@ -1,5 +1,5 @@
 import { t as cx } from "../class-names-BiMDVpUo.js";
-import { J as StopIcon, K as SpinnerIcon, Q as WarningIcon, u as CheckIcon } from "../icons-DyOM0EJs.js";
+import { $ as WarningIcon, Y as StopIcon, d as CheckIcon, q as SpinnerIcon } from "../icons-ua6f_GH3.js";
 import "react";
 import { jsx } from "react/jsx-runtime";
 //#region src/components/SubagentRunIndicator.tsx

package/dist/components/SubagentRunSelector.js

@@ -1,6 +1,6 @@
 import { t as cx } from "../class-names-BiMDVpUo.js";
-import { t as NavigationLink } from "../navigation-link-Cob7KBlM.js";
 import { buttonVariants } from "./Button.js";
+import { t as NavigationLink } from "../navigation-link-Cob7KBlM.js";
 import { Tooltip } from "./Tooltip.js";
 import { NaniteMark } from "./NaniteScene.js";
 import { SubagentRunIndicator, getSubagentRunName, getSubagentRunTooltip } from "./SubagentRunIndicator.js";

package/dist/components/Task.js

@@ -1,6 +1,6 @@
 import { t as cx } from "../class-names-BiMDVpUo.js";
 import { Collapsible } from "./Collapsible.js";
-import { S as FileIcon, W as SearchIcon, p as ChevronRightIcon } from "../icons-DyOM0EJs.js";
+import { C as FileIcon, G as SearchIcon, m as ChevronRightIcon } from "../icons-ua6f_GH3.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-yRInko9u.js";
-import { t as CopyButtonProps } from "../copy-button-BrvQ7z4W.js";
+import { n as IconButtonProps } from "../IconButton-CFKhu6OR.js";
+import { t as CopyButtonProps } from "../copy-button-EBv_B9F6.js";
 import * as React from "react";
 
 //#region src/components/Terminal.d.ts
@@ -103,7 +103,7 @@ declare function TerminalCopyButton({
   onClick,
   ...props
 }: TerminalCopyButtonProps): React.JSX.Element;
-interface TerminalClearButtonProps extends Omit<ButtonProps, "children" | "variant" | "size" | "color" | "onClick"> {
+interface TerminalClearButtonProps extends Omit<IconButtonProps, "children" | "label" | "tooltip" | "variant" | "size" | "color" | "onClick"> {
   label?: string;
   onClick?: React.MouseEventHandler<HTMLButtonElement>;
 }

package/dist/components/Terminal.js

@@ -1,8 +1,7 @@
 import { t as cx } from "../class-names-BiMDVpUo.js";
-import { X as TerminalIcon, et as XIcon } from "../icons-DyOM0EJs.js";
-import { Button } from "./Button.js";
-import { Tooltip } from "./Tooltip.js";
-import { t as CopyButton } from "../copy-button-vo1paUSi.js";
+import { Z as TerminalIcon, tt as XIcon } from "../icons-ua6f_GH3.js";
+import { IconButton } from "./IconButton.js";
+import { t as CopyButton } from "../copy-button-TWq8nZhc.js";
 import { Badge } from "./Badge.js";
 import { ScrollArea } from "./ScrollArea.js";
 import * as React from "react";
@@ -217,16 +216,16 @@ function TerminalClearButton({ className, label = "Clear terminal", onClick, ...
 		onClear?.();
 		onClick?.(e);
 	}, [onClear, onClick]);
-	return /* @__PURE__ */ jsxs(Tooltip.Root, { children: [/* @__PURE__ */ jsx(Tooltip.Trigger, { render: /* @__PURE__ */ jsx(Button, {
+	return /* @__PURE__ */ jsx(IconButton, {
+		label,
 		variant: "ghost",
+		color: "neutral",
 		size: "sm",
-		iconOnly: true,
-		"aria-label": label,
 		className: cx("terminal__clear", className),
 		...props,
 		onClick: handleClick,
 		children: /* @__PURE__ */ jsx(XIcon, {})
-	}) }), /* @__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.js

@@ -1,6 +1,6 @@
 import { t as cx } from "../class-names-BiMDVpUo.js";
 import { Collapsible } from "./Collapsible.js";
-import { K as SpinnerIcon, et as XIcon, p as ChevronRightIcon, u as CheckIcon } from "../icons-DyOM0EJs.js";
+import { d as CheckIcon, m as ChevronRightIcon, q as SpinnerIcon, tt as XIcon } from "../icons-ua6f_GH3.js";
 import { Progress } from "./Progress.js";
 import { Badge } from "./Badge.js";
 import * as React from "react";

package/dist/components/ThemeModeControl.js

@@ -1,4 +1,4 @@
-import { F as MoonIcon, P as MonitorIcon, Y as SunIcon } from "../icons-DyOM0EJs.js";
+import { F as MonitorIcon, I as MoonIcon, X as SunIcon } from "../icons-ua6f_GH3.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,16 +1,16 @@
 import { i as AgentMessageRenderPartContext } from "../AgentMessageParts-CyD2UB3V.js";
-import { r as AgentChatProps } from "../AgentChat-Dvkn8lce.js";
+import { r as AgentChatProps } from "../AgentChat-Bm1qYbOo.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 { u as describeThinkChatActivityPart } from "../ThinkChatActivitySummary-kr5fE0wg.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-FY1VWXgh.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-2BobmuvR.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-D8Un_xge.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-CWtust-2.js";
-import { n as WorkspaceExplorerProps, t as WorkspaceExplorer } from "../WorkspaceExplorer-DGigwsgH.js";
+import { d as inferWorkspaceLanguage, i as WorkspaceFileState } from "../WorkspaceFile-DMtRMwVv.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-CIycQ4xE.js";
+import { n as WorkspaceExplorerProps, t as WorkspaceExplorer } from "../WorkspaceExplorer-BCipn7Vd.js";
 import * as React from "react";
 import { UIMessage } from "ai";
 import { UseAgentOptions } from "agents/react";

package/dist/components/ThinkChatActivity.d.ts

@@ -1,4 +1,4 @@
 import { S as isThinkChatActivityPart } from "../ThinkChatToolParts-CSzVwMXf.js";
 import { u as describeThinkChatActivityPart } from "../ThinkChatActivitySummary-kr5fE0wg.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-FY1VWXgh.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-2BobmuvR.js";
 export { ThinkChatActivity, ThinkChatActivityProps, ThinkChatActivityRendererOptions, ThinkChatToolRenderer, ThinkChatToolRenderers, createThinkChatActivityRenderer, describeThinkChatActivityPart, isThinkChatActivityPart, renderThinkChatActivityPart };

package/dist/components/ThinkChatActivity.js

@@ -1,6 +1,6 @@
 import { Activity, ActivityContent, ActivityItem, ActivityItemGroup, ActivityText, ActivityTrigger } from "./Activity.js";
 import { AgentActivityFavicon, AgentActivityIcon } from "./AgentActivity.js";
-import { f as MessageResponse } from "../Message-DzuteocT.js";
+import { f as MessageResponse } from "../Message-_-bEYLAO.js";
 import { isBrowserToolPart, isExecuteToolPart, isFetchToolPart, isPartWorking, isSessionContextToolPart, isSkillToolPart, isThinkChatActivityPart, isWorkspaceToolPart } from "./ThinkChatToolParts.js";
 import { useOptionalAgentToolRuns } from "./AgentToolRunsContext.js";
 import { SubagentRunList } from "./SubagentRunList.js";

package/dist/components/ThinkChatToolPanels.js

@@ -1,7 +1,7 @@
 import { ActivityOutput, ActivityPanel } from "./Activity.js";
 import { displayUrl, isSessionContextToolFailure } from "./ThinkChatToolParts.js";
 import { Tabs } from "./Tabs.js";
-import { t as CodeBlock } from "../CodeBlock-ygtuzqJd.js";
+import { t as CodeBlock } from "../CodeBlock-Cp67Njo3.js";
 import { BrowserLiveView } from "./BrowserLiveView.js";
 import { inferWorkspaceLanguage } from "./WorkspaceFile.js";
 import * as React from "react";

package/dist/components/ThinkExecutionDetail.js

@@ -1,5 +1,5 @@
 import { t as cx } from "../class-names-BiMDVpUo.js";
-import { D as InfoIcon, S as FileIcon, U as RefreshIcon, X as TerminalIcon, et as XIcon, n as ArrowDownIcon, u as CheckIcon } from "../icons-DyOM0EJs.js";
+import { C as FileIcon, O as InfoIcon, W as RefreshIcon, Z as TerminalIcon, d as CheckIcon, n as ArrowDownIcon, tt as XIcon } from "../icons-ua6f_GH3.js";
 import { Activity, ActivityContent, ActivityItem, ActivityItemGroup, ActivityOutput, ActivityPanel, ActivityTrigger } from "./Activity.js";
 import { formatThinkExecutionRunProgress, formatThinkExecutionStatus, formatThinkExecutionTimestamp, getThinkExecutionRunError, getThinkExecutionRunId, getThinkExecutionRunProgressedAt, getThinkExecutionRunProgressedLabel, getThinkExecutionRunStatus, getThinkExecutionRunTitle, isThinkSubmissionRun } from "./ThinkExecutionRun.js";
 import { ThinkExecutionStatus } from "./ThinkExecutionStatus.js";

package/dist/components/ThinkExecutionStatus.js

@@ -1,5 +1,5 @@
 import { t as cx } from "../class-names-BiMDVpUo.js";
-import { D as InfoIcon, K as SpinnerIcon, R as PauseIcon, et as XIcon, u as CheckIcon } from "../icons-DyOM0EJs.js";
+import { O as InfoIcon, d as CheckIcon, q as SpinnerIcon, tt as XIcon, z as PauseIcon } from "../icons-ua6f_GH3.js";
 import { Tooltip } from "./Tooltip.js";
 import { formatThinkExecutionStatus, getThinkExecutionRunStatus, getThinkExecutionRunStatusTone } from "./ThinkExecutionRun.js";
 import "react";

package/dist/components/ThinkExecutionWorkbench.js

@@ -1,8 +1,8 @@
 import { t as cx } from "../class-names-BiMDVpUo.js";
-import { U as RefreshIcon, y as EllipsisIcon } from "../icons-DyOM0EJs.js";
+import { buttonVariants } from "./Button.js";
+import { W as RefreshIcon, b as EllipsisIcon } from "../icons-ua6f_GH3.js";
 import { t as NavigationLink } from "../navigation-link-Cob7KBlM.js";
-import { Button, buttonVariants } from "./Button.js";
-import { Tooltip } from "./Tooltip.js";
+import { IconButton } from "./IconButton.js";
 import { EmptyState } from "./EmptyState.js";
 import { Menu } from "./Menu.js";
 import { AppTopBar } from "./AppTopBar.js";
@@ -32,24 +32,17 @@ function RunActions({ busy, onAction, run, source }) {
 	const statusTone = getThinkExecutionRunStatusTone(run);
 	const kind = isThinkSubmissionRun(run) ? "submission" : "workflow";
 	const action = (key, callback) => () => onAction(key, callback);
-	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",
-			variant: "ghost",
-			color: "neutral",
-			size: "sm",
-			iconOnly: true,
-			className: "think-execution-workbench__run-actions",
-			"aria-label": `Actions for ${kind} ${id}`,
-			disabled: busy,
-			children: /* @__PURE__ */ jsx(EllipsisIcon, {})
-		})
-	}) }), /* @__PURE__ */ jsx(Tooltip.Portal, { children: /* @__PURE__ */ jsx(Tooltip.Positioner, {
-		side: "top",
-		sideOffset: 6,
-		children: /* @__PURE__ */ jsx(Tooltip.Popup, { children: "Run actions" })
-	}) })] }), /* @__PURE__ */ jsx(Menu.Portal, { children: /* @__PURE__ */ jsx(Menu.Positioner, {
+	return /* @__PURE__ */ jsxs(Menu.Root, { children: [/* @__PURE__ */ jsx(IconButton, {
+		label: `Actions for ${kind} ${id}`,
+		tooltip: "Run actions",
+		render: /* @__PURE__ */ jsx(Menu.Trigger, { unstyled: true }),
+		variant: "ghost",
+		color: "neutral",
+		size: "sm",
+		className: "think-execution-workbench__run-actions",
+		disabled: busy,
+		children: /* @__PURE__ */ jsx(EllipsisIcon, {})
+	}), /* @__PURE__ */ jsx(Menu.Portal, { children: /* @__PURE__ */ jsx(Menu.Positioner, {
 		align: "end",
 		children: /* @__PURE__ */ jsx(Menu.Popup, { children: isThinkSubmissionRun(run) ? /* @__PURE__ */ jsxs(Fragment, { children: [
 			isSubmissionCancelable(run.status) ? /* @__PURE__ */ jsx(Menu.Item, {

package/dist/components/ThinkFullApp.d.ts

@@ -1,8 +1,9 @@
 import { l as WorkspaceNavigationAdapter } from "../WorkspaceLink-O-EBKUJ8.js";
-import { r as WorkspaceFileAssetResolver } from "../WorkspaceFile-D8Un_xge.js";
-import { a as WorkspaceSource } from "../Workspace-CWtust-2.js";
+import { r as WorkspaceFileAssetResolver } from "../WorkspaceFile-DMtRMwVv.js";
+import { a as WorkspaceSource } from "../Workspace-CIycQ4xE.js";
 import { ThinkChatMessagesProps } from "./ThinkChat.js";
 import { t as ThinkAgent } from "../think-agent-Cip5KAPj.js";
+import { McpPluginCatalogProps } from "./McpPluginCatalog.js";
 import { t as ThinkExecutionRun } from "../ThinkExecutionRun-ChhWhOoU.js";
 import { ThinkExecutionWorkbenchProps } from "./ThinkExecutionWorkbench.js";
 import { ThinkFullAppView } from "./ThinkFullAppViewSwitch.js";
@@ -16,7 +17,7 @@ import { useAgent } from "agents/react";
 //#region src/components/ThinkFullApp.d.ts
 type ThinkFullAppMobileView = "chat" | "workbench";
 type ThinkFullAppAgent<State = unknown> = ThinkAgent<State>;
-type ThinkFullAppWorkbenchView = "files" | "execution" | (string & {});
+type ThinkFullAppWorkbenchView = "files" | "execution" | "plugins" | (string & {});
 interface ThinkFullAppWorkspaceConfig {
   source: WorkspaceSource;
   /**
@@ -49,6 +50,8 @@ interface ThinkFullAppProps<AgentT extends ThinkFullAppAgent<State>, State = unk
   chat: ReturnType<typeof useAgentChat<State, MessageT>>;
   /** Atomic workspace source, navigation, media, and header configuration. */
   workspace?: ThinkFullAppWorkspaceConfig;
+  /** Plugin directory backed by the host's live Agents MCP state and connection callbacks. */
+  plugins?: McpPluginCatalogProps;
   /** Product-specific actions rendered in the application top bar. */
   appBarActions?: React.ReactNode;
   /** Product-specific navigation rendered after the built-in sidebar control. */
@@ -76,7 +79,7 @@ interface ThinkFullAppProps<AgentT extends ThinkFullAppAgent<State>, State = unk
   renderExecutionRunLink: ThinkExecutionWorkbenchProps["renderRunLink"];
   /** Message rendering labels and approval overrides for ThinkChat. */
   messages?: ThinkChatMessagesProps<MessageT>;
-  /** Extra workbench panels appended after the built-in Files and Execution panels. */
+  /** Extra workbench panels appended after the enabled built-in panels. */
   workbenchPanels?: readonly ThinkFullAppPanel<AgentT, State, MessageT>[];
   /** Show retained Agent Tool runs from the parent connection. Defaults to true. */
   showAgentTools?: boolean;
@@ -126,6 +129,7 @@ declare function ThinkFullApp<AgentT extends ThinkFullAppAgent<State>, State = u
   onMobileViewChange,
   onThreadSidebarOpenChange,
   onWorkbenchViewChange,
+  plugins,
   ref,
   renderAgentToolRunLink,
   renderExecutionRunLink,

package/dist/components/ThinkFullApp.js

@@ -1,12 +1,14 @@
 import { t as cx } from "../class-names-BiMDVpUo.js";
-import { S as FileIcon, X as TerminalIcon, d as ChevronDownIcon } from "../icons-DyOM0EJs.js";
 import { Button } from "./Button.js";
+import { C as FileIcon, Z as TerminalIcon, c as BoxIcon, f as ChevronDownIcon } from "../icons-ua6f_GH3.js";
 import { a as WorkspaceNavigationRestorationBoundary, i as WorkspaceNavigationFocusRestorer, n as WorkspaceNavigationProvider } from "../WorkspaceLink-BYYeTQLf.js";
 import { n as mergeRefs } from "../merge-refs-DF_7w2x_.js";
 import { AppTopBar } from "./AppTopBar.js";
 import { c as resolveThinkApprovalProps, s as useThinkPendingExecutionApprovals, t as ThinkChat } from "../ThinkChat-E_HrfH76.js";
 import { useWorkspace } from "./Workspace.js";
 import { WorkspaceExplorer } from "./WorkspaceExplorer.js";
+import { ScrollArea } from "./ScrollArea.js";
+import { McpPluginCatalog } from "./McpPluginCatalog.js";
 import { n as runViewTransition } from "../view-transitions-DyUP0lSg.js";
 import { ResizableSidePanel } from "./ResizableSidePanel.js";
 import { ThinkExecutionWorkbench } from "./ThinkExecutionWorkbench.js";
@@ -38,8 +40,14 @@ function WorkspacePanel({ config }) {
 		actions: config.actions
 	});
 }
+function PluginsPanel({ config }) {
+	return /* @__PURE__ */ jsxs(ScrollArea.Root, {
+		className: "think-full-app__workbench",
+		children: [/* @__PURE__ */ jsx(ScrollArea.Viewport, { children: /* @__PURE__ */ jsx(McpPluginCatalog, { ...config }) }), /* @__PURE__ */ jsx(ScrollArea.Scrollbar, { children: /* @__PURE__ */ jsx(ScrollArea.Thumb, {}) })]
+	});
+}
 /** Combines ThinkChat with an optional resizable workbench shell. */
-function ThinkFullApp({ agent, appBarActions, appBarLeading, appBarTitle, chat, className, defaultMobileView, defaultWorkbenchView, defaultThreadSidebarOpen, hideAppBarInWorkbench = false, messages, mobileView, onMobileViewChange, onThreadSidebarOpenChange, onWorkbenchViewChange, ref, renderAgentToolRunLink, renderExecutionRunLink, selectedExecutionRun, showAgentTools = true, showExecutionWorkbench = true, showMobileViewSwitch = true, sourceKey, style, threadSidebar, threadSidebarOpen, threadStatusSummary, workbenchPanels, workbenchView, workspace, ...props }) {
+function ThinkFullApp({ agent, appBarActions, appBarLeading, appBarTitle, chat, className, defaultMobileView, defaultWorkbenchView, defaultThreadSidebarOpen, hideAppBarInWorkbench = false, messages, mobileView, onMobileViewChange, onThreadSidebarOpenChange, onWorkbenchViewChange, plugins, ref, renderAgentToolRunLink, renderExecutionRunLink, selectedExecutionRun, showAgentTools = true, showExecutionWorkbench = true, showMobileViewSwitch = true, sourceKey, style, threadSidebar, threadSidebarOpen, threadStatusSummary, workbenchPanels, workbenchView, workspace, ...props }) {
 	const appRef = React.useRef(null);
 	const viewScopeRef = React.useRef(null);
 	const workbenchPanelRef = React.useRef(null);
@@ -116,6 +124,12 @@ function ThinkFullApp({ agent, appBarActions, appBarLeading, appBarTitle, chat,
 			renderRunLink: renderExecutionRunLink
 		})
 	});
+	if (plugins) availableWorkbenchPanels.push({
+		id: "plugins",
+		label: "Plugins",
+		icon: /* @__PURE__ */ jsx(BoxIcon, {}),
+		render: () => /* @__PURE__ */ jsx(PluginsPanel, { config: plugins })
+	});
 	if (workbenchPanels) availableWorkbenchPanels.push(...workbenchPanels);
 	const activePanel = availableWorkbenchPanels.find((panel) => panel.id === requestedWorkbenchView) ?? availableWorkbenchPanels[0];
 	const activeWorkbenchView = activePanel?.id;
@@ -219,6 +233,7 @@ function ThinkFullApp({ agent, appBarActions, appBarLeading, appBarTitle, chat,
 			/* @__PURE__ */ jsxs("div", {
 				ref: viewScopeRef,
 				className: "think-full-app__view-scope",
+				"data-recipe": "application-plane",
 				children: [/* @__PURE__ */ jsx("section", {
 					className: "think-full-app__chat-surface",
 					"data-workspace-restoration-scope": "chat",

package/dist/components/ThinkRoutineBrowser.js

@@ -1,7 +1,7 @@
 import { t as cx } from "../class-names-BiMDVpUo.js";
-import { V as PlusIcon } from "../icons-DyOM0EJs.js";
-import { t as NavigationLink } from "../navigation-link-Cob7KBlM.js";
 import { buttonVariants } from "./Button.js";
+import { H as PlusIcon } from "../icons-ua6f_GH3.js";
+import { t as NavigationLink } from "../navigation-link-Cob7KBlM.js";
 import { Tooltip } from "./Tooltip.js";
 import { t as capitalize } from "../format-S6uWyoSb.js";
 import { SearchField } from "./SearchField.js";

package/dist/components/ThinkRoutineForm.js

@@ -1,11 +1,11 @@
 import { t as cx } from "../class-names-BiMDVpUo.js";
-import { K as SpinnerIcon } from "../icons-DyOM0EJs.js";
-import { t as NavigationLink } from "../navigation-link-Cob7KBlM.js";
 import { Button, buttonVariants } from "./Button.js";
+import { q as SpinnerIcon } from "../icons-ua6f_GH3.js";
+import { t as NavigationLink } from "../navigation-link-Cob7KBlM.js";
+import { Select } from "./Select.js";
 import { Field } from "./Field.js";
 import { Form } from "./Form.js";
 import { Textarea } from "./Textarea.js";
-import { Select } from "./Select.js";
 import * as React from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/ThinkRoutineForm.tsx

package/dist/components/ThinkRoutineLibrary.js

@@ -1,7 +1,7 @@
 import { t as cx } from "../class-names-BiMDVpUo.js";
-import { B as PlayIcon, K as SpinnerIcon, Q as WarningIcon, d as ChevronDownIcon, y as EllipsisIcon } from "../icons-DyOM0EJs.js";
-import { t as NavigationLink } from "../navigation-link-Cob7KBlM.js";
 import { Button, buttonVariants } from "./Button.js";
+import { $ as WarningIcon, V as PlayIcon, b as EllipsisIcon, f as ChevronDownIcon, q as SpinnerIcon } from "../icons-ua6f_GH3.js";
+import { t as NavigationLink } from "../navigation-link-Cob7KBlM.js";
 import { Menu } from "./Menu.js";
 import { AppTopBar } from "./AppTopBar.js";
 import { AlertDialog } from "./AlertDialog.js";

package/dist/components/ThinkRoutineRuns.js

@@ -1,6 +1,6 @@
 import { t as cx } from "../class-names-BiMDVpUo.js";
-import { t as NavigationLink } from "../navigation-link-Cob7KBlM.js";
 import { buttonVariants } from "./Button.js";
+import { t as NavigationLink } from "../navigation-link-Cob7KBlM.js";
 import { EmptyState } from "./EmptyState.js";
 import { Badge } from "./Badge.js";
 import { formatThinkExecutionShortTimestamp, getThinkExecutionRunId, getThinkExecutionRunStatus, isThinkSubmissionRun } from "./ThinkExecutionRun.js";

package/dist/components/ThinkThreadPicker.js

@@ -1,7 +1,7 @@
 import { t as cx } from "../class-names-BiMDVpUo.js";
-import { K as SpinnerIcon, Q as WarningIcon, V as PlusIcon, _ as DotIcon, t as ArchiveIcon } from "../icons-DyOM0EJs.js";
-import { t as NavigationLink } from "../navigation-link-Cob7KBlM.js";
 import { Button, buttonVariants } from "./Button.js";
+import { $ as WarningIcon, H as PlusIcon, q as SpinnerIcon, t as ArchiveIcon, v as DotIcon } from "../icons-ua6f_GH3.js";
+import { t as NavigationLink } from "../navigation-link-Cob7KBlM.js";
 import { EmptyState } from "./EmptyState.js";
 import { SearchField } from "./SearchField.js";
 import { AlertDialog } from "./AlertDialog.js";
@@ -188,7 +188,6 @@ function ThinkThreadPicker({ threads, renderThreadLink, onCreate, onDelete, clas
 					className: "think-thread-picker__scroll",
 					children: [/* @__PURE__ */ jsx(ScrollArea.Viewport, {
 						className: "think-thread-picker__viewport",
-						"data-recipe": "scroll-fade-y",
 						"aria-label": "Thread list",
 						children: visibleThreads.length ? /* @__PURE__ */ jsx("ul", {
 							className: "think-thread-picker__list",