@mcp-b/react-components 0.51.2 → 0.52.0

package/dist/components/agents-sdk/McpPluginCatalog.d.ts

@@ -1,94 +1,2 @@
-import { l as DialogProps } from "../../Dialog-88GF7_Th.js";
-import { o as McpServerCard } from "../../mcp-server-catalog-D9p4gGeJ.js";
-import { r as McpConnectorFormValues } from "../../McpConnectorForm--HB0MEGC.js";
-import * as React from "react";
-import { MCPServersState } from "agents";
-
-//#region src/components/agents-sdk/McpPluginCatalog.d.ts
-/** Optional plugin-specific copy layered over the canonical MCP server card. */
-interface McpPluginDetails {
-  developerName?: string;
-  marketplaceName?: string;
-  longDescription?: string;
-  capabilities?: readonly string[];
-  skills?: readonly string[];
-}
-interface McpPluginCatalogProps extends Omit<React.HTMLAttributes<HTMLElement>, "onSelect"> {
-  /** Canonical connector cards. The directory does not create a second plugin registry. */
-  servers: readonly McpServerCard[];
-  /** Upstream Agents MCP state used to project connected and recovery states. */
-  mcp?: MCPServersState;
-  /** Optional plugin metadata keyed by the canonical server ID. */
-  detailsByServerId?: Readonly<Record<string, McpPluginDetails | undefined>>;
-  /** Server IDs promoted into the Featured section, in display order. */
-  featuredServerIds?: readonly string[];
-  /** Host product name paired with the plugin in the connection dialog. */
-  brandName?: string;
-  /** Host product mark paired with the plugin in the connection dialog. */
-  brandLogo?: React.ReactNode;
-  /** Product-authored trust and data-sharing copy. Pass null to omit it. */
-  disclosure?: React.ReactNode;
-  /** Starts or recovers the existing MCP connection path. */
-  onConnect?: (server: McpServerCard) => void | Promise<void>;
-  /** Removes the exact upstream MCP entry. */
-  onDisconnect?: (serverId: string) => void | Promise<void>;
-  /**
-   * Connects a user-supplied MCP server. Providing it puts the "Custom
-   * plugin" action in the bar, opening the shared connector setup dialog.
-   */
-  onAddCustom?: (values: McpConnectorFormValues) => void | Promise<void>;
-  /** Accessible name only — the hosting tab or icon is the visible title. */
-  heading?: React.ReactNode;
-  /** Accessible label and placeholder for the plugin filter. */
-  searchLabel?: string;
-  /** Content shown when no plugins match the current filter. */
-  emptyMessage?: React.ReactNode;
-}
-interface McpPluginDetailsDialogProps {
-  /** Selected canonical server card. Passing null closes the dialog. */
-  server: McpServerCard | null;
-  details?: McpPluginDetails;
-  mcp?: MCPServersState;
-  brandName?: string;
-  brandLogo?: React.ReactNode;
-  disclosure?: React.ReactNode;
-  onConnect?: (server: McpServerCard) => void | Promise<void>;
-  onDisconnect?: (serverId: string) => void | Promise<void>;
-  onOpenChange: NonNullable<DialogProps["onOpenChange"]>;
-}
-/**
- * Searchable plugin directory backed by the same MCP cards and live Agents
- * state as {@link McpServerPicker}. Selecting a row opens the shared details
- * dialog; connecting still delegates to the host's existing MCP/OAuth path.
- */
-declare function McpPluginCatalog({
-  servers,
-  mcp,
-  detailsByServerId,
-  featuredServerIds,
-  brandName,
-  brandLogo,
-  disclosure,
-  onConnect,
-  onDisconnect,
-  onAddCustom,
-  heading,
-  searchLabel,
-  emptyMessage,
-  className,
-  ...props
-}: McpPluginCatalogProps): React.JSX.Element;
-/** Reference-derived plugin detail surface without a parallel install state. */
-declare function McpPluginDetailsDialog({
-  server,
-  details,
-  mcp,
-  brandName,
-  brandLogo,
-  disclosure,
-  onConnect,
-  onDisconnect,
-  onOpenChange
-}: McpPluginDetailsDialogProps): React.JSX.Element;
-//#endregion
+import { a as McpPluginDetailsDialogProps, i as McpPluginDetailsDialog, n as McpPluginCatalogProps, r as McpPluginDetails, t as McpPluginCatalog } from "../../McpPluginCatalog-DNeHDrts.js";
 export { McpPluginCatalog, McpPluginCatalogProps, McpPluginDetails, McpPluginDetailsDialog, McpPluginDetailsDialogProps };

package/dist/components/agents-sdk/McpPluginCatalog.js

@@ -35,7 +35,7 @@ function McpPluginCatalog({ servers, mcp, detailsByServerId, featuredServerIds =
 				className: "mcp-plugin-catalog__header",
 				children: [
 					/* @__PURE__ */ jsx("h1", {
-						className: "sigvelo-visually-hidden",
+						className: "mcp-plugin-catalog__title",
 						children: heading
 					}),
 					/* @__PURE__ */ jsxs(SearchField.Root, {
@@ -131,7 +131,7 @@ function McpPluginCatalog({ servers, mcp, detailsByServerId, featuredServerIds =
 function McpPluginDetailsDialog({ server, details, mcp, brandName = "your AI", brandLogo = /* @__PURE__ */ jsx("img", {
 	alt: "",
 	className: "sigvelo-brand-mark sigvelo-brand-mark--colorful",
-	src: new URL("../../assets/think-browser-host.png", import.meta.url).href,
+	src: new URL("../../assets/sigvelo-logo.svg", import.meta.url).href,
 	width: 128,
 	height: 128
 }), disclosure = /* @__PURE__ */ jsxs(Fragment, { children: [
@@ -227,7 +227,7 @@ function McpPluginCard({ server, details, mcp, onSelect }) {
 			onClick: onSelect,
 			children: [/* @__PURE__ */ jsx(McpServerIcon, {
 				server,
-				size: "md"
+				size: "sm"
 			}), /* @__PURE__ */ jsxs("span", {
 				className: "mcp-plugin-catalog__card-copy",
 				children: [/* @__PURE__ */ jsx("span", {

package/dist/components/agents-sdk/McpServerPicker.js

@@ -30,7 +30,7 @@ function McpServerSetupDialog({ server, defaults, onOpenChange, onSubmit, redire
 		open: server !== null,
 		onOpenChange,
 		children: /* @__PURE__ */ jsxs(Dialog.Portal, { children: [/* @__PURE__ */ jsx(Dialog.Backdrop, {}), /* @__PURE__ */ jsx(Dialog.Viewport, { children: /* @__PURE__ */ jsxs(Dialog.Popup, { children: [
-			/* @__PURE__ */ jsxs(Dialog.Header, { children: [/* @__PURE__ */ jsx(Dialog.Title, { children: server ? server.name.endsWith("MCP") ? server.name : `${server.name} MCP` : "MCP connectors" }), /* @__PURE__ */ jsx(Dialog.Description, { children: server?.manualSetup?.description ?? "Connect a remote MCP server the model can call." })] }),
+			/* @__PURE__ */ jsxs(Dialog.Header, { children: [/* @__PURE__ */ jsx(Dialog.Title, { children: server ? server.name.endsWith("MCP") ? server.name : `${server.name} MCP` : "Plugins" }), /* @__PURE__ */ jsx(Dialog.Description, { children: server?.manualSetup?.description ?? "Connect a remote MCP server the model can call." })] }),
 			server?.manualSetup?.links.length ? /* @__PURE__ */ jsx("div", {
 				className: "mcp-server-setup-dialog__links",
 				children: server.manualSetup.links.map((link) => /* @__PURE__ */ jsx("a", {
@@ -262,14 +262,14 @@ function getPickerRows(servers, mcp) {
 function groupPickerRows(rows) {
 	const groups = /* @__PURE__ */ new Map();
 	for (const row of rows) {
-		const key = row.projection.connectionKind === "connected" ? "Connected" : row.server.category === "Auto" ? "MCP connectors" : row.server.category === "Manual" ? "Manual setup" : row.server.category ?? "Other";
+		const key = row.projection.connectionKind === "connected" ? "Connected" : row.server.category === "Auto" ? "Plugins" : row.server.category === "Manual" ? "Manual setup" : row.server.category ?? "Other";
 		const group = groups.get(key) ?? [];
 		group.push(row);
 		groups.set(key, group);
 	}
 	const order = [
 		"Connected",
-		"MCP connectors",
+		"Plugins",
 		"Manual setup",
 		"Other"
 	];

package/dist/components/agents-sdk/SubagentRunPanel.d.ts

@@ -15,6 +15,8 @@ interface SubagentRunCollectionState {
   error?: string;
 }
 interface SubagentRunPanelProviderProps {
+  /** Conversation identity; changing it resets transient controls without remounting children. */
+  scopeKey: string;
   /** The one upstream event-hook value from the parent connection. */
   agentTools: AgentToolEventsValue<AgentToolRunPart>;
   collection: SubagentRunCollectionState;
@@ -39,6 +41,7 @@ interface SubagentRunPanelValue extends Pick<SubagentRunPanelProviderProps, "age
 }
 /** A thread's transient controls/disclosure state; run facts remain in the SDK value. */
 declare function SubagentRunPanelProvider({
+  scopeKey,
   agentTools,
   collection,
   mayExecute,

package/dist/components/agents-sdk/SubagentRunPanel.js

@@ -10,41 +10,55 @@ import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/agents-sdk/SubagentRunPanel.tsx
 const IDLE = { pending: false };
 const SubagentRunPanelContext = React.createContext(null);
+function createPanelState(scopeKey, selectedRunId) {
+	return {
+		scopeKey,
+		open: true,
+		hiddenCompleted: /* @__PURE__ */ new Set(),
+		commands: {},
+		reportDisclosures: createExpansionStore(),
+		inFlight: /* @__PURE__ */ new Map(),
+		restoreFocusRunId: { current: selectedRunId }
+	};
+}
 /** A thread's transient controls/disclosure state; run facts remain in the SDK value. */
-function SubagentRunPanelProvider({ agentTools, collection, mayExecute, selectedRunId, parentRunning, onStopCurrentWork, onStopRun, children }) {
-	const [open, setOpen] = React.useState(true);
-	const [reportDisclosures] = React.useState(createExpansionStore);
-	const [hiddenCompleted, setHiddenCompleted] = React.useState(/* @__PURE__ */ new Set());
-	const [commands, setCommands] = React.useState({});
-	const inFlight = React.useRef(/* @__PURE__ */ new Map());
-	const restoreFocusRunId = React.useRef(selectedRunId);
+function SubagentRunPanelProvider({ scopeKey, agentTools, collection, mayExecute, selectedRunId, parentRunning, onStopCurrentWork, onStopRun, children }) {
+	const [state, setState] = React.useState(() => createPanelState(scopeKey, selectedRunId));
+	if (state.scopeKey !== scopeKey) setState(createPanelState(scopeKey, selectedRunId));
+	const { open, hiddenCompleted, commands, reportDisclosures, inFlight, restoreFocusRunId } = state;
+	const setOpen = React.useCallback((open) => setState((current) => current.inFlight === inFlight ? {
+		...current,
+		open
+	} : current), [inFlight]);
+	const setHiddenCompleted = React.useCallback((hiddenCompleted) => setState((current) => current.inFlight === inFlight ? {
+		...current,
+		hiddenCompleted
+	} : current), [inFlight]);
 	React.useLayoutEffect(() => {
 		if (selectedRunId) restoreFocusRunId.current = selectedRunId;
-	}, [selectedRunId]);
+	}, [restoreFocusRunId, selectedRunId]);
 	const execute = React.useCallback((key, command) => {
-		const pending = inFlight.current.get(key);
+		const pending = inFlight.get(key);
 		if (pending) return pending;
-		setCommands((current) => ({
+		const setCommand = (command) => setState((current) => current.inFlight === inFlight ? {
 			...current,
-			[key]: { pending: true }
-		}));
-		const operation = Promise.resolve().then(command).then(() => setCommands((current) => ({
-			...current,
-			[key]: IDLE
-		})), (cause) => {
+			commands: {
+				...current.commands,
+				[key]: command
+			}
+		} : current);
+		setCommand({ pending: true });
+		const operation = Promise.resolve().then(command).then(() => setCommand(IDLE), (cause) => {
 			const error = cause instanceof Error ? cause.message : "Stop could not be confirmed. Try again.";
-			setCommands((current) => ({
-				...current,
-				[key]: {
-					pending: false,
-					error
-				}
-			}));
+			setCommand({
+				pending: false,
+				error
+			});
 			throw cause;
-		}).finally(() => inFlight.current.delete(key));
-		inFlight.current.set(key, operation);
+		}).finally(() => inFlight.delete(key));
+		inFlight.set(key, operation);
 		return operation;
-	}, []);
+	}, [inFlight]);
 	const stopCurrentWork = React.useCallback(() => execute("current-work", onStopCurrentWork), [execute, onStopCurrentWork]);
 	const stopRun = React.useCallback((id) => execute(id, () => onStopRun(id)), [execute, onStopRun]);
 	const value = React.useMemo(() => ({
@@ -71,6 +85,9 @@ function SubagentRunPanelProvider({ agentTools, collection, mayExecute, selected
 		open,
 		hiddenCompleted,
 		reportDisclosures,
+		restoreFocusRunId,
+		setOpen,
+		setHiddenCompleted,
 		commands,
 		stopCurrentWork,
 		stopRun
@@ -135,14 +152,14 @@ function delegatedWorkLabel(active, completed) {
 	const counts = [active ? `${active} active` : null, completed ? `${completed} finished` : null].filter(Boolean).join(", ");
 	return `Delegated work${counts ? `, ${counts}` : ""}`;
 }
-function SubagentRunPanelControls({ panel, active, completed }) {
+function SubagentRunPanelControls({ panel, active }) {
 	const queue = useOptionalAgentChatQueue();
 	const stop = panel.commands["current-work"] ?? IDLE;
 	const canStop = panel.parentRunning || active > 1 || panel.collection.status !== "ready";
-	if (!canStop && !stop.error && !stop.pending && !completed.length) return null;
-	return /* @__PURE__ */ jsxs(QueueSectionActions, {
+	if (!canStop && !stop.error && !stop.pending) return null;
+	return /* @__PURE__ */ jsx(QueueSectionActions, {
 		"aria-label": "Delegated work controls",
-		children: [canStop || stop.error || stop.pending ? /* @__PURE__ */ jsx(Button, {
+		children: canStop || stop.error || stop.pending ? /* @__PURE__ */ jsx(Button, {
 			size: "xs",
 			variant: "ghost",
 			color: "neutral",
@@ -154,13 +171,7 @@ function SubagentRunPanelControls({ panel, active, completed }) {
 				panel.stopCurrentWork().catch(() => void 0);
 			},
 			children: stop.pending ? "Stopping current work…" : "Stop current work"
-		}) : null, completed.length ? /* @__PURE__ */ jsx(Button, {
-			size: "xs",
-			variant: "ghost",
-			color: "neutral",
-			onClick: () => panel.setHiddenCompleted(panel.hiddenCompleted.size ? /* @__PURE__ */ new Set() : new Set(completed.map((run) => run.runId))),
-			children: panel.hiddenCompleted.size ? `Show completed (${completed.length})` : "Hide completed"
-		}) : null]
+		}) : null
 	});
 }
 function SubagentRunRow({ panel, run, renderRunLink }) {
@@ -206,13 +217,23 @@ function SubagentRunPanelContent({ panel, renderRunLink }) {
 				onOpenChange: panel.setOpen,
 				onFocusCapture: focus.onFocusCapture,
 				onBlurCapture: focus.onBlurCapture,
-				children: [/* @__PURE__ */ jsx(QueueSectionTrigger, {
-					"data-slot": "subagent-run-panel-trigger",
-					"aria-label": delegatedWorkLabel(active.length, completed.length),
-					children: /* @__PURE__ */ jsx(QueueSectionLabel, {
-						count: runs.length || void 0,
-						children: "Delegated work"
-					})
+				children: [/* @__PURE__ */ jsxs("div", {
+					className: "subagent-run__panel-header",
+					children: [/* @__PURE__ */ jsx(QueueSectionTrigger, {
+						"data-slot": "subagent-run-panel-trigger",
+						"aria-label": delegatedWorkLabel(active.length, completed.length),
+						children: /* @__PURE__ */ jsx(QueueSectionLabel, {
+							count: runs.length || void 0,
+							children: "Delegated work"
+						})
+					}), completed.length ? /* @__PURE__ */ jsx(Button, {
+						className: "subagent-run__completed-toggle",
+						size: "xs",
+						variant: "ghost",
+						color: "neutral",
+						onClick: () => panel.setHiddenCompleted(panel.hiddenCompleted.size ? /* @__PURE__ */ new Set() : new Set(completed.map((run) => run.runId))),
+						children: panel.hiddenCompleted.size ? `Show completed (${completed.length})` : "Hide completed"
+					}) : null]
 				}), /* @__PURE__ */ jsxs(QueueSectionContent, { children: [
 					stop.error ? /* @__PURE__ */ jsx(AgentChatNotice, {
 						"data-tone": "danger",
@@ -235,8 +256,7 @@ function SubagentRunPanelContent({ panel, renderRunLink }) {
 					}),
 					/* @__PURE__ */ jsx(SubagentRunPanelControls, {
 						panel,
-						active: active.length,
-						completed
+						active: active.length
 					})
 				] })]
 			})

package/dist/components/agents-sdk/ThinkChat.d.ts

@@ -3,7 +3,7 @@ import { i as AgentMessageRenderPartContext } from "../../AgentMessageParts-C7L-
 import { AgentChatMessageContentProps, AgentChatRootProps } from "./AgentChat.js";
 import { o as createThinkChatActivityRenderer, r as ThinkChatActivityRendererOptions, t as ThinkChatActivity } from "../../ThinkChatActivity-DENkintt.js";
 import { i as ThinkChatValue } from "../../ThinkChatContext-COIgzkYp.js";
-import { n as WorkspaceFileRenderer } from "../../WorkspaceMessageResponse-8lOSAbw_.js";
+import { n as WorkspaceFileRenderer } from "../../WorkspaceMessageResponse-BApg8KZv.js";
 import { o as UseSessionCompactionResult } from "../../SessionCompaction-CmTJFpzj.js";
 import * as React from "react";
 import { ChatStatus, UIMessage } from "ai";

package/dist/components/agents-sdk/ThinkChatToolPanels.js

@@ -2,7 +2,7 @@ import { ActivityOutput, ActivityPanel } from "../ai-sdk/Activity.js";
 import { o as formatUnknownValue } from "../../format-COCyV98Z.js";
 import { Tabs } from "../foundations/Tabs.js";
 import { BrowserLiveView } from "./BrowserLiveView.js";
-import { i as CodeBlockContent, r as CodeBlockContainer, t as CodeBlock } from "../../CodeBlock-g8sADidM.js";
+import { i as CodeBlockContent, r as CodeBlockContainer, t as CodeBlock } from "../../CodeBlock-Bl-q7wMc.js";
 import { inferWorkspaceLanguage } from "./WorkspaceFile.js";
 import { displayUrl, isSessionContextToolFailure } from "./ThinkChatToolParts.js";
 import * as React from "react";

package/dist/components/agents-sdk/ThinkExecutionWorkbench.js

@@ -240,25 +240,18 @@ function ThinkExecutionWorkbenchRunActions({ run }) {
 }
 function ThinkExecutionWorkbenchList({ children, className, ...props }) {
 	const { runs } = useWorkbench();
-	const runsId = React.useId();
-	return /* @__PURE__ */ jsxs("section", {
-		"aria-labelledby": runsId,
+	return /* @__PURE__ */ jsx("section", {
+		"aria-label": "Runs",
 		...props,
 		className: cx("think-execution-workbench__run-list", className),
-		children: [/* @__PURE__ */ jsx("div", {
-			className: "think-execution-workbench__list-header",
-			children: /* @__PURE__ */ jsx("h3", {
-				id: runsId,
-				children: "Runs"
-			})
-		}), runs.length === 0 ? /* @__PURE__ */ jsx(EmptyState, {
+		children: runs.length === 0 ? /* @__PURE__ */ jsx(EmptyState, {
 			className: "think-execution-workbench__empty",
 			description: "No runs yet."
 		}) : /* @__PURE__ */ jsx("ul", {
 			className: "think-execution-workbench__list",
 			role: "list",
 			children: runs.map((run) => /* @__PURE__ */ jsx("li", { children: children(run) }, `${isThinkSubmissionRun(run) ? "submission" : "workflow"}:${getThinkExecutionRunId(run)}`))
-		})]
+		})
 	});
 }
 function ThinkExecutionWorkbenchRunLink({ run, className, ...props }) {

package/dist/components/agents-sdk/ThinkFullApp.d.ts

@@ -11,6 +11,8 @@ interface ThinkFullAppRootProps extends React.ComponentPropsWithRef<"div"> {
  * Conversation/workbench layout, independent of routing and SDK connections.
  * Compose navigation outside the root. The conversation remains mounted while
  * compact layouts show the workbench; ResizableSidePanel owns desktop resizing.
+ * Compact layout follows the width available to this content, including any
+ * space occupied by a surrounding sidebar.
  */
 declare function ThinkFullAppRoot({
   workbenchOpen,

package/dist/components/agents-sdk/ThinkFullApp.js

@@ -15,6 +15,8 @@ function useWorkbenchOpen() {
 * Conversation/workbench layout, independent of routing and SDK connections.
 * Compose navigation outside the root. The conversation remains mounted while
 * compact layouts show the workbench; ResizableSidePanel owns desktop resizing.
+* Compact layout follows the width available to this content, including any
+* space occupied by a surrounding sidebar.
 */
 function ThinkFullAppRoot({ workbenchOpen, children, className, ...props }) {
 	return /* @__PURE__ */ jsx(WorkbenchOpenContext.Provider, {

package/dist/components/agents-sdk/ThinkRoutineForm.js

@@ -6,8 +6,8 @@ import { Field } from "../foundations/Field.js";
 import { Form } from "../foundations/Form.js";
 import { Textarea } from "../foundations/Textarea.js";
 import { AppTopBar } from "../general-purpose/AppTopBar.js";
-import { Select } from "../foundations/Select.js";
 import { Fieldset } from "../foundations/Fieldset.js";
+import { Select } from "../foundations/Select.js";
 import { Checkbox } from "../foundations/Checkbox.js";
 import { CheckboxGroup } from "../foundations/CheckboxGroup.js";
 import { Combobox } from "../foundations/Combobox.js";

package/dist/components/agents-sdk/ThinkThreadPicker.d.ts

@@ -1,2 +1,2 @@
-import { a as ThinkThreadStatusIndicatorsProps, i as ThinkThreadStatusIndicators, n as ThinkThreadPicker, o as ThinkThreadStatusSummary, r as ThinkThreadPickerProps, s as summarizeThinkThreads, t as ThinkThreadItem } from "../../ThinkThreadPicker-yetGX_s5.js";
+import { a as ThinkThreadStatusIndicatorsProps, i as ThinkThreadStatusIndicators, n as ThinkThreadPicker, o as ThinkThreadStatusSummary, r as ThinkThreadPickerProps, s as summarizeThinkThreads, t as ThinkThreadItem } from "../../ThinkThreadPicker-DX0lL-P7.js";
 export { ThinkThreadItem, ThinkThreadPicker, ThinkThreadPickerProps, ThinkThreadStatusIndicators, ThinkThreadStatusIndicatorsProps, ThinkThreadStatusSummary, summarizeThinkThreads };

package/dist/components/agents-sdk/ThinkThreadPicker.js

@@ -1,11 +1,12 @@
 import { t as cx } from "../../class-names-BiMDVpUo.js";
-import { B as PlusIcon, K as SpinnerIcon, _ as DotIcon, et as WarningIcon, t as ArchiveIcon } from "../../icons-cuEtsgj9.js";
+import { K as SpinnerIcon, R as PencilIcon, _ as DotIcon, et as WarningIcon, t as ArchiveIcon } from "../../icons-cuEtsgj9.js";
 import { Button, buttonVariants } from "../foundations/Button.js";
+import { Tooltip } from "../foundations/Tooltip.js";
 import { a as formatErrorMessage } from "../../format-COCyV98Z.js";
 import { ScrollArea } from "../foundations/ScrollArea.js";
 import { EmptyState } from "../foundations/EmptyState.js";
-import { AlertDialog } from "../foundations/AlertDialog.js";
 import { n as isPlainPrimaryLinkActivation, t as NavigationLink } from "../../navigation-link-kqMa81v5.js";
+import { AlertDialog } from "../foundations/AlertDialog.js";
 import { LinkButton } from "../foundations/LinkButton.js";
 import { SearchField } from "../foundations/SearchField.js";
 import * as React from "react";
@@ -109,7 +110,7 @@ function ThinkThreadStatusIndicators({ summary, className }) {
 * notes beside the parent Think agent because
 * `listThreads()`/`createThread()`/`deleteThread()` are app-owned.
 */
-function ThinkThreadPicker({ threads, renderThreadLink, createThreadLink, onSelect, onDelete, className, title = "Recents", "aria-label": ariaLabel = "Threads", ref, ...props }) {
+function ThinkThreadPicker({ threads, renderThreadLink, createThreadLink, onSelect, onDelete, className, title = "Recents", headerActions, "aria-label": ariaLabel = "Threads", ref, ...props }) {
 	const statusSummary = summarizeThinkThreads(threads);
 	const [query, setQuery] = React.useState("");
 	const [deleteOpen, setDeleteOpen] = React.useState(false);
@@ -161,10 +162,34 @@ function ThinkThreadPicker({ threads, renderThreadLink, createThreadLink, onSele
 		children: [
 			/* @__PURE__ */ jsxs("header", {
 				className: "think-thread-picker__header",
-				children: [/* @__PURE__ */ jsx("h2", {
-					className: "think-thread-picker__title sigvelo-truncate",
-					children: title
-				}), /* @__PURE__ */ jsx(ThinkThreadStatusIndicators, { summary: statusSummary })]
+				children: [
+					/* @__PURE__ */ jsx("h2", {
+						className: "think-thread-picker__title sigvelo-truncate",
+						children: title
+					}),
+					/* @__PURE__ */ jsx(ThinkThreadStatusIndicators, {
+						summary: statusSummary,
+						className: "sigvelo-visually-hidden"
+					}),
+					createThreadLink ? /* @__PURE__ */ jsxs(Tooltip.Root, { children: [/* @__PURE__ */ jsx(Tooltip.Trigger, {
+						render: /* @__PURE__ */ jsx(LinkButton, {
+							ref: createButtonRef,
+							variant: "ghost",
+							color: "neutral",
+							size: "sm",
+							className: "think-thread-picker__create",
+							"aria-label": "New thread",
+							"data-icon-only": "",
+							render: createThreadLink
+						}),
+						children: /* @__PURE__ */ jsx(PencilIcon, {})
+					}), /* @__PURE__ */ jsx(Tooltip.Portal, { children: /* @__PURE__ */ jsx(Tooltip.Positioner, {
+						side: "top",
+						sideOffset: 6,
+						children: /* @__PURE__ */ jsx(Tooltip.Popup, { children: "New thread" })
+					}) })] }) : null,
+					headerActions
+				]
 			}),
 			/* @__PURE__ */ jsxs(SearchField.Root, {
 				className: "think-thread-picker__search",
@@ -259,18 +284,6 @@ function ThinkThreadPicker({ threads, renderThreadLink, createThreadLink, onSele
 					})]
 				})
 			}),
-			createThreadLink ? /* @__PURE__ */ jsx("div", {
-				className: "think-thread-picker__footer",
-				children: /* @__PURE__ */ jsxs(LinkButton, {
-					ref: createButtonRef,
-					variant: "normal",
-					color: "neutral",
-					size: "sm",
-					className: "think-thread-picker__create",
-					render: createThreadLink,
-					children: [/* @__PURE__ */ jsx(PlusIcon, {}), /* @__PURE__ */ jsx("span", { children: "New thread" })]
-				})
-			}) : null,
 			onDelete && deleteCandidate ? /* @__PURE__ */ jsx(AlertDialog.Root, {
 				open: deleteOpen,
 				onOpenChange: (open, eventDetails) => {

package/dist/components/agents-sdk/WorkbenchBack.d.ts

@@ -0,0 +1,18 @@
+import { l as WorkspaceNavigationAdapter } from "../../WorkspaceLink-Bh9-Jo1r.js";
+import { ReactElement } from "react";
+
+//#region src/components/agents-sdk/WorkbenchBack.d.ts
+/** Back follows the visible hierarchy, never unrelated browser history. */
+declare function WorkbenchBack({
+  navigation,
+  filesOpen,
+  onBackToChat,
+  backToChatLink
+}: {
+  navigation?: WorkspaceNavigationAdapter;
+  filesOpen: boolean;
+  onBackToChat?: () => void;
+  backToChatLink?: ReactElement;
+}): import("react").JSX.Element;
+//#endregion
+export { WorkbenchBack };

package/dist/components/agents-sdk/WorkbenchBack.js

@@ -0,0 +1,27 @@
+import { r as ArrowLeftIcon } from "../../icons-cuEtsgj9.js";
+import { AppTopBar } from "../general-purpose/AppTopBar.js";
+import { jsx } from "react/jsx-runtime";
+//#region src/components/agents-sdk/WorkbenchBack.tsx
+/** Back follows the visible hierarchy, never unrelated browser history. */
+function WorkbenchBack({ navigation, filesOpen, onBackToChat, backToChatLink }) {
+	if (filesOpen && navigation?.current.destination.kind === "file") return /* @__PURE__ */ jsx(AppTopBar.Link, {
+		"data-workbench-back": "",
+		label: "Back to workspace",
+		render: navigation.renderLink({ kind: "files" }),
+		children: /* @__PURE__ */ jsx(ArrowLeftIcon, {})
+	});
+	if (backToChatLink) return /* @__PURE__ */ jsx(AppTopBar.Link, {
+		"data-workbench-back": "",
+		label: "Back to chat",
+		render: backToChatLink,
+		children: /* @__PURE__ */ jsx(ArrowLeftIcon, {})
+	});
+	return /* @__PURE__ */ jsx(AppTopBar.Button, {
+		"data-workbench-back": "",
+		label: "Back to chat",
+		onClick: onBackToChat,
+		children: /* @__PURE__ */ jsx(ArrowLeftIcon, {})
+	});
+}
+//#endregion
+export { WorkbenchBack };

package/dist/components/agents-sdk/Workspace.d.ts

@@ -1,2 +1,2 @@
-import { A as workspaceFileQueryKey, C as refreshWorkspaceFileQueries, D as workspaceDirectoryQueryOptions, E as workspaceDirectoryQueryKey, F as workspaceTextFileQueryOptions, M as workspaceInfoQueryKey, N as workspaceInfoQueryOptions, O as workspaceDirectoryQueryPrefix, P as workspaceQueryKey, S as WorkspaceTextFileQueryOptions, T as workspaceBinaryFileQueryOptions, _ as WorkspaceQueryOptions, a as WorkspaceDirectoryQueryOptions, b as WorkspaceState, c as WorkspaceFileQueryKey, d as WorkspaceFileStatQueryOptions, f as WorkspaceFileVersion, g as WorkspaceQueryKey, h as WorkspaceInfoQueryOptions, i as WorkspaceDirectoryQueryKey, j as workspaceFileStatQueryOptions, k as workspaceFileAssetQueryOptions, l as WorkspaceFileReadTarget, m as WorkspaceInfoQueryKey, n as WorkspaceBinaryFileQueryKey, o as WorkspaceFileAssetQueryKey, p as WorkspaceInfo, r as WorkspaceBinaryFileQueryOptions, s as WorkspaceFileAssetQueryOptions, t as UseWorkspaceOptions, u as WorkspaceFileStatQueryKey, v as WorkspaceResolvedAsset, w as useWorkspace, x as WorkspaceTextFileQueryKey, y as WorkspaceSource } from "../../Workspace-HzGrWDX3.js";
+import { A as workspaceFileQueryKey, C as refreshWorkspaceFileQueries, D as workspaceDirectoryQueryOptions, E as workspaceDirectoryQueryKey, F as workspaceTextFileQueryOptions, M as workspaceInfoQueryKey, N as workspaceInfoQueryOptions, O as workspaceDirectoryQueryPrefix, P as workspaceQueryKey, S as WorkspaceTextFileQueryOptions, T as workspaceBinaryFileQueryOptions, _ as WorkspaceQueryOptions, a as WorkspaceDirectoryQueryOptions, b as WorkspaceState, c as WorkspaceFileQueryKey, d as WorkspaceFileStatQueryOptions, f as WorkspaceFileVersion, g as WorkspaceQueryKey, h as WorkspaceInfoQueryOptions, i as WorkspaceDirectoryQueryKey, j as workspaceFileStatQueryOptions, k as workspaceFileAssetQueryOptions, l as WorkspaceFileReadTarget, m as WorkspaceInfoQueryKey, n as WorkspaceBinaryFileQueryKey, o as WorkspaceFileAssetQueryKey, p as WorkspaceInfo, r as WorkspaceBinaryFileQueryOptions, s as WorkspaceFileAssetQueryOptions, t as UseWorkspaceOptions, u as WorkspaceFileStatQueryKey, v as WorkspaceResolvedAsset, w as useWorkspace, x as WorkspaceTextFileQueryKey, y as WorkspaceSource } from "../../Workspace-mzMZSdts.js";
 export { UseWorkspaceOptions, WorkspaceBinaryFileQueryKey, WorkspaceBinaryFileQueryOptions, WorkspaceDirectoryQueryKey, WorkspaceDirectoryQueryOptions, WorkspaceFileAssetQueryKey, WorkspaceFileAssetQueryOptions, WorkspaceFileQueryKey, WorkspaceFileReadTarget, WorkspaceFileStatQueryKey, WorkspaceFileStatQueryOptions, WorkspaceFileVersion, WorkspaceInfo, WorkspaceInfoQueryKey, WorkspaceInfoQueryOptions, WorkspaceQueryKey, WorkspaceQueryOptions, WorkspaceResolvedAsset, WorkspaceSource, WorkspaceState, WorkspaceTextFileQueryKey, WorkspaceTextFileQueryOptions, refreshWorkspaceFileQueries, useWorkspace, workspaceBinaryFileQueryOptions, workspaceDirectoryQueryKey, workspaceDirectoryQueryOptions, workspaceDirectoryQueryPrefix, workspaceFileAssetQueryOptions, workspaceFileQueryKey, workspaceFileStatQueryOptions, workspaceInfoQueryKey, workspaceInfoQueryOptions, workspaceQueryKey, workspaceTextFileQueryOptions };

package/dist/components/agents-sdk/WorkspaceBrowser.d.ts

@@ -1,4 +1,4 @@
-import { b as WorkspaceState } from "../../Workspace-HzGrWDX3.js";
+import { b as WorkspaceState } from "../../Workspace-mzMZSdts.js";
 import * as React from "react";
 
 //#region src/components/agents-sdk/WorkspaceBrowser.d.ts

package/dist/components/agents-sdk/WorkspaceBrowser.js

@@ -63,6 +63,7 @@ function WorkspaceBrowser({ workspace, title = "Workspace", leading, actions, sh
 			role: "alert",
 			children: error
 		}) : filterQuery ? filteredFiles.length > 0 ? /* @__PURE__ */ jsx(FileTree, {
+			appearance: "plain",
 			className: "workspace-explorer__tree",
 			selectedPath,
 			onSelect: handleSelect,
@@ -76,6 +77,7 @@ function WorkspaceBrowser({ workspace, title = "Workspace", leading, actions, sh
 			className: "workspace-explorer__empty",
 			children: "No matching files"
 		}) : rootEntries.length > 0 ? /* @__PURE__ */ jsx(FileTree, {
+			appearance: "plain",
 			className: "workspace-explorer__tree",
 			expanded: new Set(expandedPaths),
 			onExpandedChange: setExpandedPaths,

package/dist/components/agents-sdk/WorkspaceConcept.d.ts

@@ -1,4 +1,4 @@
-import { _ as WorkspaceQueryOptions, g as WorkspaceQueryKey } from "../../Workspace-HzGrWDX3.js";
+import { _ as WorkspaceQueryOptions, g as WorkspaceQueryKey } from "../../Workspace-mzMZSdts.js";
 import { QueryClient, QueryFunction } from "@tanstack/react-query";
 
 //#region src/components/agents-sdk/WorkspaceConcept.d.ts

package/dist/components/agents-sdk/WorkspaceExecution.js

@@ -5,12 +5,13 @@ import { IconButton } from "../foundations/IconButton.js";
 import { a as formatErrorMessage, o as formatUnknownValue, r as firstLine } from "../../format-COCyV98Z.js";
 import { Field } from "../foundations/Field.js";
 import { Form } from "../foundations/Form.js";
-import { EmptyState } from "../foundations/EmptyState.js";
 import { Input } from "../foundations/Input.js";
+import { EmptyState } from "../foundations/EmptyState.js";
 import { DescriptionList } from "../foundations/DescriptionList.js";
 import { Card, CardAction, CardContent, CardDescription, CardHeader, CardTitle } from "../foundations/Card.js";
 import { Checkbox } from "../foundations/Checkbox.js";
 import { i as WorkspaceDeleteControl, n as WorkspaceComposerLink, r as httpUrl, t as FaviconMark } from "../../workspace-assets-Bg7XhPsk.js";
+import { t as WorkspaceConceptPanel } from "../../WorkspaceConceptPanel-97ZyVpZI.js";
 import * as React from "react";
 import { createElement } from "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
@@ -102,7 +103,7 @@ function ExecutionFields({ draft, outcome, parameters, runs, onDraftChange }) {
 			const href = parameter.type === "string" ? httpUrl(String(editing ? draft?.[parameter.name] ?? parameter.value : parameter.value)) : void 0;
 			return /* @__PURE__ */ jsxs(DescriptionList.Item, { children: [/* @__PURE__ */ jsxs(DescriptionList.Term, {
 				id: parameter.type === "boolean" ? id : void 0,
-				children: [href ? /* @__PURE__ */ jsx(FaviconMark, { href }) : null, editing && parameter.type !== "boolean" ? /* @__PURE__ */ jsx("label", {
+				children: [href && !editing ? /* @__PURE__ */ jsx(FaviconMark, { href }) : null, editing && parameter.type !== "boolean" ? /* @__PURE__ */ jsx("label", {
 					htmlFor: id,
 					children: parameterLabel
 				}) : parameterLabel]
@@ -263,7 +264,8 @@ function WorkspaceExecutionFile({ fallback = null, path, source, ...props }) {
 function WorkspaceExecutionsPanel({ className, source, ref, ...props }) {
 	const query = useQuery(source.queryOptions);
 	const modules = query.data ?? [];
-	return /* @__PURE__ */ jsx("section", {
+	return /* @__PURE__ */ jsx(WorkspaceConceptPanel, {
+		heading: "Executions",
 		ref,
 		"data-slot": "workspace-executions-panel",
 		className: cx("workspace-concept-panel", className),
@@ -288,7 +290,8 @@ function WorkspaceExecutionsPanel({ className, source, ref, ...props }) {
 			title: "Loading modules"
 		}) : /* @__PURE__ */ jsx(EmptyState, {
 			icon: /* @__PURE__ */ jsx(TerminalIcon, {}),
-			title: "No modules"
+			title: "No modules",
+			description: "Ask your assistant to save a reusable workflow to find it here."
 		})
 	}, JSON.stringify(source.queryOptions.queryKey));
 }