@mcp-b/react-components 0.51.1 → 0.52.0

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

@@ -1,8 +1,8 @@
 import { createExpansionStore } from "../ai-sdk/ExpansionState.js";
 import { Button } from "../foundations/Button.js";
-import { Queue, QueueItem, QueueItemAction, QueueItemActions, QueueItemContent, QueueItemDescription, QueueList, QueueSection, QueueSectionActions, QueueSectionContent, QueueSectionLabel, QueueSectionTrigger } from "../ai-sdk/Queue.js";
 import { getSubagentRunName } from "./SubagentRunIndicator.js";
 import { useOptionalAgentChatQueue } from "./AgentChatQueue.js";
+import { Queue, QueueItem, QueueItemAction, QueueItemActions, QueueItemContent, QueueItemDescription, QueueList, QueueSection, QueueSectionActions, QueueSectionContent, QueueSectionLabel, QueueSectionTrigger } from "../ai-sdk/Queue.js";
 import { AgentChatNotice, AgentChatPromptTray } from "./AgentChat.js";
 import { SubagentRunSelector } from "./SubagentRunSelector.js";
 import * as React from "react";
@@ -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) => ({
-			...current,
-			[key]: { pending: true }
-		}));
-		const operation = Promise.resolve().then(command).then(() => setCommands((current) => ({
+		const setCommand = (command) => setState((current) => current.inFlight === inFlight ? {
 			...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/SubagentRunSelector.js

@@ -1,8 +1,8 @@
 import { t as cx } from "../../class-names-BiMDVpUo.js";
 import { buttonVariants } from "../foundations/Button.js";
 import { Tooltip } from "../foundations/Tooltip.js";
-import { t as NavigationLink } from "../../navigation-link-kqMa81v5.js";
 import { SubagentRunLabel, getSubagentRunName, getSubagentRunStatusText } from "./SubagentRunIndicator.js";
+import { t as NavigationLink } from "../../navigation-link-kqMa81v5.js";
 import "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/agents-sdk/SubagentRunSelector.tsx

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/ThinkChatActivity.js

@@ -1,11 +1,11 @@
+import { AgentActivityFavicon, AgentActivityIcon } from "./AgentActivity.js";
 import { useExpansionState } from "../ai-sdk/ExpansionState.js";
 import { Activity, ActivityContent, ActivityItem, ActivityItemGroup, ActivityText, ActivityTrigger } from "../ai-sdk/Activity.js";
 import { Button } from "../foundations/Button.js";
 import { MessageResponse } from "../ai-sdk/Message.js";
-import { t as NavigationLink } from "../../navigation-link-kqMa81v5.js";
-import { getSubagentRunName } from "./SubagentRunIndicator.js";
 import { useOptionalAgentToolRuns } from "./AgentToolRunsContext.js";
-import { AgentActivityFavicon, AgentActivityIcon } from "./AgentActivity.js";
+import { getSubagentRunName } from "./SubagentRunIndicator.js";
+import { t as NavigationLink } from "../../navigation-link-kqMa81v5.js";
 import { useOptionalThinkChatLive } from "./ThinkChatContext.js";
 import { isBrowserToolPart, isExecuteToolPart, isFetchToolPart, isPartWorking, isSessionContextToolPart, isSkillToolPart, isThinkChatActivityPart, isWorkspaceToolPart } from "./ThinkChatToolParts.js";
 import { ThinkChatBrowserPanel, ThinkChatExecutePanel, ThinkChatFetchPanel, ThinkChatSessionContextPanel, ThinkChatSkillPanel, ThinkChatWorkspacePanel } from "./ThinkChatToolPanels.js";

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

@@ -1,8 +1,8 @@
 import { ActivityOutput, ActivityPanel } from "../ai-sdk/Activity.js";
-import { Tabs } from "../foundations/Tabs.js";
 import { o as formatUnknownValue } from "../../format-COCyV98Z.js";
-import { i as CodeBlockContent, r as CodeBlockContainer, t as CodeBlock } from "../../CodeBlock-BMK6CW9D.js";
+import { Tabs } from "../foundations/Tabs.js";
 import { BrowserLiveView } from "./BrowserLiveView.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/ThinkExecutionDetail.js

@@ -1,9 +1,9 @@
 import { t as cx } from "../../class-names-BiMDVpUo.js";
-import { S as FileIcon, T as InfoIcon } from "../../icons-CeGfXO21.js";
+import { S as FileIcon, T as InfoIcon } from "../../icons-cuEtsgj9.js";
 import { Activity, ActivityContent, ActivityItemGroup, ActivityOutput, ActivityTrigger } from "../ai-sdk/Activity.js";
 import { o as formatUnknownValue } from "../../format-COCyV98Z.js";
-import { DescriptionList } from "../foundations/DescriptionList.js";
 import { EmptyState } from "../foundations/EmptyState.js";
+import { DescriptionList } from "../foundations/DescriptionList.js";
 import { formatThinkExecutionTimestamp, getThinkExecutionRunError, getThinkExecutionRunId, getThinkExecutionRunKindLabel, getThinkExecutionRunProgressedAt, getThinkExecutionRunProgressedLabel, getThinkExecutionRunTitle, isThinkSubmissionRun } from "./ThinkExecutionRun.js";
 import { ThinkExecutionStatus } from "./ThinkExecutionStatus.js";
 import "react";

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

@@ -1,5 +1,5 @@
 import { t as cx } from "../../class-names-BiMDVpUo.js";
-import { K as SpinnerIcon, L as PauseIcon, T as InfoIcon, d as CheckIcon, nt as XIcon } from "../../icons-CeGfXO21.js";
+import { K as SpinnerIcon, L as PauseIcon, T as InfoIcon, d as CheckIcon, nt as XIcon } from "../../icons-cuEtsgj9.js";
 import { Tooltip } from "../foundations/Tooltip.js";
 import { formatThinkExecutionRunProgress, formatThinkExecutionStatus, getThinkExecutionRunKindLabel, getThinkExecutionRunStatus, getThinkExecutionRunStatusTone, getThinkExecutionRunTitle } from "./ThinkExecutionRun.js";
 import "react";

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

@@ -1,12 +1,12 @@
 import { t as cx } from "../../class-names-BiMDVpUo.js";
-import { H as RefreshIcon, et as WarningIcon, y as EllipsisIcon } from "../../icons-CeGfXO21.js";
+import { H as RefreshIcon, et as WarningIcon, y as EllipsisIcon } from "../../icons-cuEtsgj9.js";
 import { buttonVariants } from "../foundations/Button.js";
-import { Menu } from "../foundations/Menu.js";
 import { IconButton } from "../foundations/IconButton.js";
 import { a as formatErrorMessage } from "../../format-COCyV98Z.js";
-import { t as NavigationLink } from "../../navigation-link-kqMa81v5.js";
+import { Menu } from "../foundations/Menu.js";
 import { EmptyState } from "../foundations/EmptyState.js";
 import { AppTopBar } from "../general-purpose/AppTopBar.js";
+import { t as NavigationLink } from "../../navigation-link-kqMa81v5.js";
 import { getThinkExecutionRunAccessibleName, getThinkExecutionRunId, getThinkExecutionRunStatus, getThinkExecutionRunStatusTone, isThinkSubmissionRun } from "./ThinkExecutionRun.js";
 import { ThinkExecutionRunSummary } from "./ThinkExecutionStatus.js";
 import * as React from "react";
@@ -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/ThinkRecoveryNotice.js

@@ -1,5 +1,5 @@
-import { AgentChatTurnError } from "../ai-sdk/AgentChatTurnError.js";
 import { TransitionSurface } from "../foundations/TransitionSurface.js";
+import { AgentChatTurnError } from "../ai-sdk/AgentChatTurnError.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/agents-sdk/ThinkRecoveryNotice.tsx
 function connectionReason(error) {

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

@@ -1,9 +1,9 @@
-import { K as SpinnerIcon, Q as TrashIcon, z as PlayIcon } from "../../icons-CeGfXO21.js";
+import { K as SpinnerIcon, Q as TrashIcon, z as PlayIcon } from "../../icons-cuEtsgj9.js";
 import { Button } from "../foundations/Button.js";
 import { a as formatErrorMessage } from "../../format-COCyV98Z.js";
 import { n as mergeRefs } from "../../merge-refs-DF_7w2x_.js";
-import { AlertDialog } from "../foundations/AlertDialog.js";
 import { AppTopBar } from "../general-purpose/AppTopBar.js";
+import { AlertDialog } from "../foundations/AlertDialog.js";
 import * as React from "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { mergeProps } from "@base-ui/react/merge-props";

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

@@ -1,10 +1,10 @@
 import { t as cx } from "../../class-names-BiMDVpUo.js";
-import { B as PlusIcon } from "../../icons-CeGfXO21.js";
+import { B as PlusIcon } from "../../icons-cuEtsgj9.js";
 import { buttonVariants } from "../foundations/Button.js";
 import { Tooltip } from "../foundations/Tooltip.js";
 import { t as capitalize } from "../../format-COCyV98Z.js";
-import { n as isPlainPrimaryLinkActivation, t as NavigationLink } from "../../navigation-link-kqMa81v5.js";
 import { EmptyState } from "../foundations/EmptyState.js";
+import { n as isPlainPrimaryLinkActivation, t as NavigationLink } from "../../navigation-link-kqMa81v5.js";
 import { SearchField } from "../foundations/SearchField.js";
 import { ToggleGroup } from "../foundations/ToggleGroup.js";
 import { getThinkRoutineNextRun } from "./ThinkRoutine.js";

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

@@ -1,17 +1,17 @@
 import { t as cx } from "../../class-names-BiMDVpUo.js";
-import { K as SpinnerIcon, d as CheckIcon, et as WarningIcon, f as ChevronDownIcon, r as ArrowLeftIcon } from "../../icons-CeGfXO21.js";
+import { K as SpinnerIcon, d as CheckIcon, et as WarningIcon, f as ChevronDownIcon, r as ArrowLeftIcon } from "../../icons-cuEtsgj9.js";
 import { Button } from "../foundations/Button.js";
+import { a as formatErrorMessage } from "../../format-COCyV98Z.js";
 import { Field } from "../foundations/Field.js";
 import { Form } from "../foundations/Form.js";
 import { Textarea } from "../foundations/Textarea.js";
-import { a as formatErrorMessage } from "../../format-COCyV98Z.js";
+import { AppTopBar } from "../general-purpose/AppTopBar.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";
-import { Fieldset } from "../foundations/Fieldset.js";
 import { NumberField } from "../foundations/NumberField.js";
-import { AppTopBar } from "../general-purpose/AppTopBar.js";
 import * as React from "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/agents-sdk/ThinkRoutineForm.tsx

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

@@ -1,7 +1,7 @@
 import { t as cx } from "../../class-names-BiMDVpUo.js";
 import { buttonVariants } from "../foundations/Button.js";
-import { t as NavigationLink } from "../../navigation-link-kqMa81v5.js";
 import { EmptyState } from "../foundations/EmptyState.js";
+import { t as NavigationLink } from "../../navigation-link-kqMa81v5.js";
 import { getThinkExecutionRunAccessibleName, getThinkExecutionRunId, isThinkSubmissionRun } from "./ThinkExecutionRun.js";
 import { ThinkExecutionRunSummary } from "./ThinkExecutionStatus.js";
 import * as React from "react";

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-CeGfXO21.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 { n as isPlainPrimaryLinkActivation, t as NavigationLink } from "../../navigation-link-kqMa81v5.js";
 import { ScrollArea } from "../foundations/ScrollArea.js";
-import { AlertDialog } from "../foundations/AlertDialog.js";
 import { EmptyState } from "../foundations/EmptyState.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

@@ -1,5 +1,5 @@
 import { SearchField } from "../foundations/SearchField.js";
-import { i as FileTreeFolder, r as FileTreeFile, t as FileTree } from "../../FileTree-okaLnS5j.js";
+import { i as FileTreeFolder, r as FileTreeFile, t as FileTree } from "../../FileTree-DruTQ-oa.js";
 import { WorkspaceHeader } from "./WorkspaceHeader.js";
 import * as React from "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
@@ -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/WorkspaceCorrespondence.js

@@ -1,15 +1,15 @@
 import { t as cx } from "../../class-names-BiMDVpUo.js";
-import { S as FileIcon, d as CheckIcon } from "../../icons-CeGfXO21.js";
+import { S as FileIcon, d as CheckIcon } from "../../icons-cuEtsgj9.js";
 import { Button } from "../foundations/Button.js";
-import { Field } from "../foundations/Field.js";
-import { Textarea } from "../foundations/Textarea.js";
 import { IconButton } from "../foundations/IconButton.js";
 import { a as formatErrorMessage } from "../../format-COCyV98Z.js";
-import { Card, CardAction, CardContent, CardFooter, CardHeader, CardTitle } from "../foundations/Card.js";
-import { DescriptionList } from "../foundations/DescriptionList.js";
+import { Field } from "../foundations/Field.js";
+import { Textarea } from "../foundations/Textarea.js";
 import { Input } from "../foundations/Input.js";
+import { DescriptionList } from "../foundations/DescriptionList.js";
+import { Card, CardAction, CardContent, CardFooter, CardHeader, CardTitle } from "../foundations/Card.js";
 import { EmailMessageCard, SlackMessageCard } from "../ai-sdk/ConnectedAppCards.js";
-import { i as WorkspaceDeleteControl, r as httpUrl, t as FaviconMark } from "../../workspace-assets-wW_lQLYK.js";
+import { i as WorkspaceDeleteControl, r as httpUrl, t as FaviconMark } from "../../workspace-assets-Bg7XhPsk.js";
 import * as React from "react";
 import { createElement } from "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";