@mcp-b/react-components 0.44.1 → 0.46.0

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

@@ -1,8 +1,8 @@
 import { l as WorkspaceNavigationAdapter } from "../../WorkspaceLink-Bh9-Jo1r.js";
-import { n as AgentToolEventsValue } from "../../AgentToolRunsContext-daY67hFM.js";
-import { n as McpPluginCatalogProps } from "../../McpPluginCatalog-mbGw8FTu.js";
+import { n as AgentToolEventsValue } from "../../AgentToolRunsContext-jtmveaRE.js";
+import { n as ResponsiveSidebarShell, t as AppBarSlots } from "../../ResponsiveSidebarShell-BTVPxLJK.js";
+import { n as McpPluginCatalogProps } from "../../McpPluginCatalog-C6ip9IvL.js";
 import { ThinkChatMessagesProps } from "./ThinkChat.js";
-import { n as ResponsiveSidebarShell, t as AppBarSlots } from "../../ResponsiveSidebarShell-DOXd5T-d.js";
 import { ThinkThreadStatusSummary } from "./ThinkThreadPicker.js";
 import { r as WorkspaceFileAssetResolver } from "../../WorkspaceFile-Dq-GC0_T.js";
 import { v as WorkspaceSource } from "../../Workspace-jdVZ9S0a.js";
@@ -70,8 +70,11 @@ interface ThinkFullAppConversation<AgentT extends ThinkFullAppAgent<State>, Stat
    * The app owns the subscription — mounted beside the `useAgent` call, since
    * the server replays retained runs once per socket connect — so a run-detail
    * route can read the same projection. ThinkFullApp never subscribes itself.
+   *
+   * Omit it for a connection that spawns no runs — a delegated run's own
+   * socket carries none — rather than passing an empty stand-in projection.
    */
-  agentTools: AgentToolEventsValue<MessageT["parts"][number]>;
+  agentTools?: AgentToolEventsValue<MessageT["parts"][number]>;
 }
 interface ThinkFullAppProps<AgentT extends ThinkFullAppAgent<State>, State = unknown, MessageT extends UIMessage = UIMessage> extends React.HTMLAttributes<HTMLDivElement> {
   /**
@@ -106,6 +109,12 @@ interface ThinkFullAppProps<AgentT extends ThinkFullAppAgent<State>, State = unk
    * Use the render form to close the compact drawer after selecting a thread.
    */
   threadSidebar?: React.ComponentProps<typeof ResponsiveSidebarShell>["sidebar"];
+  /**
+   * Place the wide-layout thread toggle. The thread rail owns it by default;
+   * hosts that compose their own rail header may keep the shell fallback in
+   * the main bar and render `closeSidebar` themselves.
+   */
+  sidebarTogglePlacement?: React.ComponentProps<typeof ResponsiveSidebarShell>["sidebarTogglePlacement"];
   /**
    * Visible surface. Omit for internal state. A controlled `view` naming a
    * panel that does not exist renders the conversation alone — it is never
@@ -135,6 +144,7 @@ declare function ThinkFullApp<AgentT extends ThinkFullAppAgent<State>, State = u
   ref,
   renderAgentToolRunLink,
   sourceKey,
+  sidebarTogglePlacement,
   style,
   threadSidebar,
   threadStatusSummary,

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

@@ -1,11 +1,13 @@
 import { t as cx } from "../../class-names-BiMDVpUo.js";
-import { S as FileIcon, c as BoxIcon } from "../../icons-Dw-im7lg.js";
+import { S as FileIcon, c as BoxIcon, r as ArrowLeftIcon, y as EllipsisIcon } from "../../icons-BNEY4gO5.js";
+import { IconButton } from "../foundations/IconButton.js";
+import { Menu } from "../foundations/Menu.js";
 import { n as mergeRefs } from "../../merge-refs-DF_7w2x_.js";
 import { ResizableSidePanel } from "../general-purpose/ResizableSidePanel.js";
 import { ResponsiveSidebarShell } from "../general-purpose/ResponsiveSidebarShell.js";
-import { McpPluginCatalog } from "./McpPluginCatalog.js";
 import { a as WorkspaceNavigationRestorationBoundary, i as WorkspaceNavigationFocusRestorer, n as WorkspaceNavigationProvider } from "../../WorkspaceLink-DtH66bAY.js";
-import { c as resolveThinkApprovalProps, s as useThinkPendingExecutionApprovals, t as ThinkChat } from "../../ThinkChat-BES_3Mb-.js";
+import { c as resolveThinkApprovalProps, s as useThinkPendingExecutionApprovals, t as ThinkChat } from "../../ThinkChat-qztQ6Clo.js";
+import { McpPluginCatalog } from "./McpPluginCatalog.js";
 import { ThinkFullAppViewSwitch } from "./ThinkFullAppViewSwitch.js";
 import { ThinkThreadStatusIndicators } from "./ThinkThreadPicker.js";
 import { useWorkspace } from "./Workspace.js";
@@ -28,6 +30,29 @@ function compactBreakPx(el) {
 function isCompactApp(el) {
 	return el.getBoundingClientRect().width <= compactBreakPx(el);
 }
+function ThinkFullAppCompactViewMenu({ activeView, onViewChange, views }) {
+	return /* @__PURE__ */ jsx("div", {
+		className: "think-full-app__compact-view-menu",
+		children: /* @__PURE__ */ jsxs(Menu.Root, { children: [/* @__PURE__ */ jsx(IconButton, {
+			label: "More views",
+			tooltip: "More views",
+			render: /* @__PURE__ */ jsx(Menu.Trigger, { unstyled: true }),
+			variant: "ghost",
+			color: "neutral",
+			size: "sm",
+			children: /* @__PURE__ */ jsx(EllipsisIcon, {})
+		}), /* @__PURE__ */ jsx(Menu.Portal, { children: /* @__PURE__ */ jsx(Menu.Positioner, {
+			side: "bottom",
+			align: "end",
+			sideOffset: 4,
+			children: /* @__PURE__ */ jsx(Menu.Popup, { children: views.map((view) => /* @__PURE__ */ jsxs(Menu.Item, {
+				"aria-current": activeView === view.id ? "page" : void 0,
+				onClick: () => onViewChange(view.id),
+				children: [view.icon, view.label]
+			}, view.id)) })
+		}) })] })
+	});
+}
 function WorkspacePanel({ config }) {
 	const selectedPath = config.navigation.current.destination.kind === "file" ? config.navigation.current.destination.path : null;
 	return /* @__PURE__ */ jsx(WorkspaceExplorer, {
@@ -83,7 +108,7 @@ function ThinkFullAppThreadChat({ agent, agentTools, chat, messages, renderAgent
 /** Combines ThinkChat with a resizable workbench. Wide apps with a workspace
 *  open Files beside the conversation; compact (extension) widths stay on chat
 *  until a view is selected. */
-function ThinkFullApp({ bar, className, conversation, defaultView: defaultViewProp, messages, onViewChange, plugins, ref, renderAgentToolRunLink, sourceKey, style, threadSidebar, threadStatusSummary, view, workbenchPanels, workspace, ...props }) {
+function ThinkFullApp({ bar, className, conversation, defaultView: defaultViewProp, messages, onViewChange, plugins, ref, renderAgentToolRunLink, sourceKey, sidebarTogglePlacement = "sidebar", style, threadSidebar, threadStatusSummary, view, workbenchPanels, workspace, ...props }) {
 	const appRef = React.useRef(null);
 	const workbenchPanelRef = React.useRef(null);
 	const pendingPanelFocusRef = React.useRef(null);
@@ -155,7 +180,26 @@ function ThinkFullApp({ bar, className, conversation, defaultView: defaultViewPr
 		"aria-label": "App views",
 		onValueChange: (next) => updateView(next ?? "chat")
 	}) : bar?.views ?? null;
-	const appBarActions = bar?.actions || viewSwitch ? /* @__PURE__ */ jsxs(Fragment, { children: [bar?.actions, viewSwitch] }) : void 0;
+	const compactViewMenu = bar?.views === void 0 && availableWorkbenchPanels.length ? /* @__PURE__ */ jsx(ThinkFullAppCompactViewMenu, {
+		activeView: activePanel?.id,
+		views: availableWorkbenchPanels,
+		onViewChange: updateView
+	}) : null;
+	const appBarActions = bar?.actions || compactViewMenu || viewSwitch ? /* @__PURE__ */ jsxs(Fragment, { children: [
+		bar?.actions,
+		compactViewMenu,
+		viewSwitch
+	] }) : void 0;
+	const compactLeading = bar?.compactLeading !== void 0 ? bar.compactLeading : activePanel ? /* @__PURE__ */ jsx(IconButton, {
+		type: "button",
+		label: "Back to chat",
+		tooltip: "Back to chat",
+		variant: "ghost",
+		color: "neutral",
+		size: "sm",
+		onClick: () => updateView("chat"),
+		children: /* @__PURE__ */ jsx(ArrowLeftIcon, {})
+	}) : void 0;
 	const appContent = /* @__PURE__ */ jsxs(ResizableSidePanel.Root, {
 		ref: mergeRefs(appRef, ref),
 		className: cx("think-full-app", className),
@@ -228,10 +272,12 @@ function ThinkFullApp({ bar, className, conversation, defaultView: defaultViewPr
 		className: "think-full-app-shell",
 		sidebar: threadSidebar,
 		sidebarLabel: "threads",
+		sidebarTogglePlacement,
 		showMainLabel: "Show selected thread",
 		bar: {
 			...bar,
 			actions: appBarActions,
+			compactLeading,
 			primary: bar?.primary,
 			className: "think-full-app__app-bar",
 			label: "Workbench controls",

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

@@ -1,6 +1,6 @@
 import { n as mergeBaseClassName } from "../../class-names-BiMDVpUo.js";
-import { AppTopBar } from "../general-purpose/AppTopBar.js";
 import { ToggleGroup } from "../foundations/ToggleGroup.js";
+import { AppTopBar } from "../general-purpose/AppTopBar.js";
 import "react";
 import { jsx } from "react/jsx-runtime";
 //#region src/components/agents-sdk/ThinkFullAppViewSwitch.tsx

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

@@ -1,4 +1,4 @@
-import { a as formatUnknownValue, o as titleCase } from "../../format-DB2mX9DA.js";
+import { c as titleCase, o as formatUnknownValue } from "../../format-COCyV98Z.js";
 import { Approval, ApprovalCount, ApprovalDecision, ApprovalHeader, ApprovalInputPreview, ApprovalPreview, ApprovalPreviewRow, ApprovalQuestion } from "../ai-sdk/Approval.js";
 import "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";

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

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

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

@@ -1,10 +1,10 @@
 import { t as cx } from "../../class-names-BiMDVpUo.js";
-import { V as PlusIcon } from "../../icons-Dw-im7lg.js";
+import { V as PlusIcon } from "../../icons-BNEY4gO5.js";
 import { buttonVariants } from "../foundations/Button.js";
 import { Tooltip } from "../foundations/Tooltip.js";
-import { t as capitalize } from "../../format-DB2mX9DA.js";
-import { EmptyState } from "../foundations/EmptyState.js";
+import { t as capitalize } from "../../format-COCyV98Z.js";
 import { t as NavigationLink } from "../../navigation-link-kqMa81v5.js";
+import { EmptyState } from "../foundations/EmptyState.js";
 import { SearchField } from "../foundations/SearchField.js";
 import { ToggleGroup } from "../foundations/ToggleGroup.js";
 import { getThinkRoutineNextRun } from "./ThinkRoutine.js";

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

@@ -1,6 +1,6 @@
 import { t as cx } from "../../class-names-BiMDVpUo.js";
-import { getThinkRoutineNextRun } from "./ThinkRoutine.js";
 import { Switch } from "../foundations/Switch.js";
+import { getThinkRoutineNextRun } from "./ThinkRoutine.js";
 import { ThinkRoutineRuns } from "./ThinkRoutineRuns.js";
 import * as React from "react";
 import { jsx, jsxs } from "react/jsx-runtime";

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

@@ -1,17 +1,17 @@
 import { t as cx } from "../../class-names-BiMDVpUo.js";
-import { d as CheckIcon, et as WarningIcon, f as ChevronDownIcon, q as SpinnerIcon, r as ArrowLeftIcon } from "../../icons-Dw-im7lg.js";
+import { d as CheckIcon, et as WarningIcon, f as ChevronDownIcon, q as SpinnerIcon, r as ArrowLeftIcon } from "../../icons-BNEY4gO5.js";
 import { Button } from "../foundations/Button.js";
-import { i as formatErrorMessage } from "../../format-DB2mX9DA.js";
 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 { Fieldset } from "../foundations/Fieldset.js";
+import { a as formatErrorMessage } from "../../format-COCyV98Z.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/ThinkRoutineLibrary.d.ts

@@ -1,4 +1,4 @@
-import { t as AppBarSlots } from "../../ResponsiveSidebarShell-DOXd5T-d.js";
+import { t as AppBarSlots } from "../../ResponsiveSidebarShell-BTVPxLJK.js";
 import { ThinkRoutine, ThinkRoutineRunOf } from "./ThinkRoutine.js";
 import * as React from "react";
 

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

@@ -1,12 +1,12 @@
 import { t as cx } from "../../class-names-BiMDVpUo.js";
-import { $ as TrashIcon, B as PlayIcon, q as SpinnerIcon, z as PencilIcon } from "../../icons-Dw-im7lg.js";
+import { $ as TrashIcon, B as PlayIcon, q as SpinnerIcon, z as PencilIcon } from "../../icons-BNEY4gO5.js";
 import { buttonVariants } from "../foundations/Button.js";
-import { i as formatErrorMessage } from "../../format-DB2mX9DA.js";
-import { EmptyState } from "../foundations/EmptyState.js";
+import { a as formatErrorMessage } from "../../format-COCyV98Z.js";
 import { n as isPlainPrimaryLinkActivation, t as NavigationLink } from "../../navigation-link-kqMa81v5.js";
+import { AlertDialog } from "../foundations/AlertDialog.js";
+import { EmptyState } from "../foundations/EmptyState.js";
 import { AppTopBar } from "../general-purpose/AppTopBar.js";
 import { ResponsiveSidebarShell } from "../general-purpose/ResponsiveSidebarShell.js";
-import { AlertDialog } from "../foundations/AlertDialog.js";
 import { ThinkRoutineBrowser } from "./ThinkRoutineBrowser.js";
 import { ThinkRoutineDetail } from "./ThinkRoutineDetail.js";
 import * as React from "react";

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 { EmptyState } from "../foundations/EmptyState.js";
 import { t as NavigationLink } from "../../navigation-link-kqMa81v5.js";
+import { EmptyState } from "../foundations/EmptyState.js";
 import { getThinkExecutionRunAccessibleName, getThinkExecutionRunId, isThinkSubmissionRun } from "./ThinkExecutionRun.js";
 import { ThinkExecutionRunSummary } from "./ThinkExecutionStatus.js";
 import * as React from "react";

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

@@ -5,6 +5,7 @@ import { ThinkRoutine } from "./ThinkRoutine.js";
 import { SetupChecklistEntry } from "../general-purpose/SetupChecklist.js";
 import * as React from "react";
 import { UIMessage } from "ai";
+import { AgentToolRunState } from "agents/agent-tools";
 
 //#region src/components/agents-sdk/ThinkSidepanel.d.ts
 type ThinkSidepanelView = "chat" | "files" | "plugins" | "schedules" | "live";
@@ -86,11 +87,28 @@ interface ThinkSidepanelSchedules<TRoutine extends ThinkRoutine = ThinkRoutine>
   /** Host-owned create/edit form. The side panel only frames it. */
   editor?: React.ReactNode;
 }
-interface ThinkSidepanelAgentRun {
-  title: string;
-  running?: boolean;
+/**
+ * The delegated run the panel is drilled into, in one of the three states a
+ * drill-in can be in. A `ready` run carries the whole retained record out of
+ * the dispatching thread's `useAgentToolEvents` projection
+ * (`runsById[runId]`), which the host keeps mounted beside the run's own
+ * socket: status, progress, and report are the dispatching thread's facts,
+ * never the child's own state.
+ *
+ * The host decides which state applies. Detecting an `unavailable` run is the
+ * host's concern — the run's transcript load throws above this panel, in
+ * whatever boundary the host mounts around it — so the host maps that failure
+ * onto this state, and the panel owns only what it looks like.
+ */
+type ThinkSidepanelAgentRun = {
+  state: "ready";
+  run: AgentToolRunState; /** Cancels the run. The bar shows it only while `run.status` is `running`. */
   onCancel?: () => void;
-}
+} /** The dispatching thread's replay has not seeded this run yet. */ | {
+  state: "loading";
+} /** The run's transcript could not be loaded: it was retired or never existed. */ | {
+  state: "unavailable";
+};
 interface ThinkSidepanelIdentity {
   email?: string;
   liveProfile: string;

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

@@ -1,26 +1,28 @@
 import { t as cx } from "../../class-names-BiMDVpUo.js";
-import { A as McpIcon, C as FolderIcon, H as QueueIcon, J as SquareIcon, K as SlackIcon, L as PaperclipIcon, Q as TerminalIcon, S as FileIcon, T as InfoIcon, b as EyeIcon, c as BoxIcon, et as WarningIcon, g as DiscordIcon, o as ArrowUpRightIcon, q as SpinnerIcon, r as ArrowLeftIcon, y as EllipsisIcon, z as PencilIcon } from "../../icons-Dw-im7lg.js";
+import { A as McpIcon, C as FolderIcon, H as QueueIcon, J as SquareIcon, K as SlackIcon, L as PaperclipIcon, Q as TerminalIcon, S as FileIcon, T as InfoIcon, b as EyeIcon, c as BoxIcon, et as WarningIcon, g as DiscordIcon, o as ArrowUpRightIcon, q as SpinnerIcon, r as ArrowLeftIcon, y as EllipsisIcon, z as PencilIcon } from "../../icons-BNEY4gO5.js";
 import { Button } from "../foundations/Button.js";
 import { Tooltip } from "../foundations/Tooltip.js";
-import { Dialog } from "../foundations/Dialog.js";
-import { EmptyState } from "../foundations/EmptyState.js";
 import { Menu } from "../foundations/Menu.js";
+import { Dialog } from "../foundations/Dialog.js";
 import { Avatar } from "../foundations/Avatar.js";
 import { AppIcon } from "../foundations/AppIcon.js";
+import { n as findCatalogMcpServerCard, t as McpServerIcon } from "../../mcp-server-7NR24ASj.js";
+import { DescriptionList } from "../foundations/DescriptionList.js";
+import { ChatGptSignInScreen } from "../extension/ChatGptSignInScreen.js";
+import { EmptyState } from "../foundations/EmptyState.js";
+import { Switch } from "../foundations/Switch.js";
+import { useTheme } from "../foundations/ThemeProvider.js";
 import "../foundations/icons.js";
+import { ActionGuide } from "../general-purpose/ActionGuide.js";
 import { AppTopBar } from "../general-purpose/AppTopBar.js";
-import { DescriptionList } from "../foundations/DescriptionList.js";
-import { McpServerPickerAction, McpServerPickerItems } from "./McpServerPicker.js";
+import { t as SetupChecklistAction } from "../../SetupChecklist-DyPZWzK2.js";
 import { NaniteMark } from "../nanites/NaniteScene.js";
+import { SubagentRunLabel } from "./SubagentRunIndicator.js";
+import { McpServerPickerAction, McpServerPickerItems } from "./McpServerPicker.js";
 import { getThinkExecutionRunId } from "./ThinkExecutionRun.js";
 import { ThinkThreadPicker, summarizeThinkThreads } from "./ThinkThreadPicker.js";
 import { ThinkFullApp } from "./ThinkFullApp.js";
-import { Switch } from "../foundations/Switch.js";
 import { ThinkRoutineLibrary } from "./ThinkRoutineLibrary.js";
-import { ActionGuide } from "../general-purpose/ActionGuide.js";
-import { t as SetupChecklistAction } from "../../SetupChecklist-DOp-zqjh.js";
-import { useTheme } from "../foundations/ThemeProvider.js";
-import { ChatGptSignInScreen } from "../extension/ChatGptSignInScreen.js";
 import * as React from "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/agents-sdk/ThinkSidepanel.tsx
@@ -395,7 +397,7 @@ function StartComposerTray({ plugins, renderLink, start }) {
 			type: "button",
 			variant: "ghost",
 			color: "neutral",
-			size: "md",
+			size: "sm",
 			disabled: start.attachFolderBusy,
 			onClick: start.onAttachFolder,
 			"aria-label": "Connect a local folder",
@@ -405,17 +407,17 @@ function StartComposerTray({ plugins, renderLink, start }) {
 			type: "button",
 			variant: "ghost",
 			color: "neutral",
-			size: "md",
+			size: "sm",
 			render: /* @__PURE__ */ jsx(Menu.Trigger, { unstyled: true }),
 			"aria-label": "Connect plugins",
 			children: [/* @__PURE__ */ jsx("span", { children: "Connect plugins" }), /* @__PURE__ */ jsxs(AppIcon.Stack, {
 				"aria-hidden": "true",
 				children: [/* @__PURE__ */ jsx(AppIcon.Root, {
-					size: "sm",
+					size: "xs",
 					variant: "surface",
 					children: /* @__PURE__ */ jsx(SlackIcon, {})
 				}), /* @__PURE__ */ jsx(AppIcon.Root, {
-					size: "sm",
+					size: "xs",
 					variant: "surface",
 					children: /* @__PURE__ */ jsx(DiscordIcon, {})
 				})]
@@ -458,6 +460,18 @@ function StartComposerTray({ plugins, renderLink, start }) {
 		}) })] }) : null
 	] });
 }
+function mentionSuggestionIcon(value) {
+	const token = value.match(/^@([^\s]+)/)?.[1];
+	const card = token ? findCatalogMcpServerCard({
+		id: token,
+		name: token
+	}) : void 0;
+	if (!card) return /* @__PURE__ */ jsx(McpIcon, {});
+	return /* @__PURE__ */ jsx(McpServerIcon, {
+		server: card,
+		size: "xs"
+	});
+}
 function startStarters(brandName, start, onShowGuide) {
 	return {
 		"aria-label": "Suggested prompts",
@@ -477,7 +491,7 @@ function startStarters(brandName, start, onShowGuide) {
 			...start.suggestions?.map((suggestion, index) => ({
 				id: `suggestion:${index}:${suggestion.value}:${suggestion.label}`,
 				label: suggestion.label,
-				icon: suggestion.value.startsWith("/") ? /* @__PURE__ */ jsx(BoxIcon, {}) : suggestion.value.startsWith("@") ? /* @__PURE__ */ jsx(McpIcon, {}) : /* @__PURE__ */ jsx(EyeIcon, {})
+				icon: suggestion.value.startsWith("/") ? /* @__PURE__ */ jsx(BoxIcon, {}) : suggestion.value.startsWith("@") ? mentionSuggestionIcon(suggestion.value) : /* @__PURE__ */ jsx(EyeIcon, {})
 			})) ?? []
 		],
 		onSelect: (item) => {
@@ -535,6 +549,22 @@ function employeeMessages({ agentRun, brandName, guideOpen, hasConversation, hos
 	};
 }
 /**
+* The drilled-in run's name over its live status line — the same label its
+* selector chip wears in the parent transcript, so what the person clicked
+* and what they land on read the same. Before the replay seeds the run there
+* is only the fact that it is a run.
+*/
+function ThinkSidepanelRunTitle({ agentRun }) {
+	return /* @__PURE__ */ jsx("span", {
+		"data-slot": "think-sidepanel-run-title",
+		className: "think-sidepanel__run-title",
+		children: agentRun.state === "ready" ? /* @__PURE__ */ jsx(SubagentRunLabel, { run: agentRun.run }) : /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(NaniteMark, {}), /* @__PURE__ */ jsx("span", {
+			className: "sigvelo-truncate",
+			children: "Delegated run"
+		})] })
+	});
+}
+/**
 * The employee side panel: icon-and-tooltip chrome, start screen, schedules,
 * conversation plus workbench. Hosts hydrate conversation, workspace,
 * plugins, and callables. Storybook is the place to iterate the chrome.
@@ -650,6 +680,44 @@ function ThinkSidepanel({ agentRun, appBarLeading, brand, className, companion,
 		}), identityDialog]
 	});
 	const workbenchView = view === "plugins" ? "plugins" : view === "files" ? "files" : "chat";
+	const cancelRun = agentRun?.state === "ready" && agentRun.run.status === "running" ? agentRun.onCancel : void 0;
+	const backToThread = agentRun ? /* @__PURE__ */ jsx(AppTopBar.Link, {
+		label: "Back to parent conversation",
+		render: thread ? renderLink({
+			kind: "thread",
+			threadId: thread.id
+		}) : renderLink({
+			kind: "view",
+			view: "chat"
+		}),
+		children: /* @__PURE__ */ jsx(ArrowLeftIcon, {})
+	}) : null;
+	if (agentRun?.state === "unavailable") return /* @__PURE__ */ jsxs("div", {
+		ref: rootRef,
+		className: cx("think-sidepanel", className),
+		"data-view": view,
+		...props,
+		children: [
+			/* @__PURE__ */ jsxs(AppTopBar.Root, {
+				"aria-label": "Delegated run controls",
+				children: [
+					/* @__PURE__ */ jsx(AppTopBar.Leading, { children: backToThread }),
+					/* @__PURE__ */ jsx(AppTopBar.Title, { children: "Delegated run" }),
+					/* @__PURE__ */ jsx(AppTopBar.Trailing, { children: overflow })
+				]
+			}),
+			/* @__PURE__ */ jsx("div", {
+				className: "think-sidepanel__gate",
+				role: "alert",
+				children: /* @__PURE__ */ jsx(EmptyState, {
+					icon: /* @__PURE__ */ jsx(WarningIcon, {}),
+					title: "Run unavailable",
+					description: "This delegated run is no longer available. Its report stays in the parent conversation."
+				})
+			}),
+			identityDialog
+		]
+	});
 	return /* @__PURE__ */ jsxs("div", {
 		ref: rootRef,
 		className: cx("think-sidepanel", className),
@@ -662,27 +730,11 @@ function ThinkSidepanel({ agentRun, appBarLeading, brand, className, companion,
 				runId: run.runId
 			}),
 			bar: {
-				title: agentRun ? /* @__PURE__ */ jsxs("span", {
-					className: "think-sidepanel__run-title",
-					children: [/* @__PURE__ */ jsx(NaniteMark, {}), /* @__PURE__ */ jsx("span", {
-						className: "sigvelo-truncate",
-						children: agentRun.title
-					})]
-				}) : thread?.title ?? "New chat",
-				leading: agentRun ? /* @__PURE__ */ jsx(AppTopBar.Link, {
-					label: "Back to parent conversation",
-					render: thread ? renderLink({
-						kind: "thread",
-						threadId: thread.id
-					}) : renderLink({
-						kind: "view",
-						view: "chat"
-					}),
-					children: /* @__PURE__ */ jsx(ArrowLeftIcon, {})
-				}) : workbenchLeading,
-				actions: agentRun?.running && agentRun.onCancel ? /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(AppTopBar.Button, {
+				title: agentRun ? /* @__PURE__ */ jsx(ThinkSidepanelRunTitle, { agentRun }) : thread?.title ?? "New chat",
+				leading: agentRun ? backToThread : workbenchLeading,
+				actions: cancelRun ? /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(AppTopBar.Button, {
 					label: "Cancel run",
-					onClick: agentRun.onCancel,
+					onClick: cancelRun,
 					children: /* @__PURE__ */ jsx(SquareIcon, {})
 				}), workspaceLinks] }) : workspaceLinks,
 				primary: overflow,

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

@@ -1,13 +1,13 @@
 import { t as cx } from "../../class-names-BiMDVpUo.js";
-import { V as PlusIcon, _ as DotIcon, et as WarningIcon, q as SpinnerIcon, t as ArchiveIcon } from "../../icons-Dw-im7lg.js";
+import { V as PlusIcon, _ as DotIcon, et as WarningIcon, q as SpinnerIcon, t as ArchiveIcon } from "../../icons-BNEY4gO5.js";
 import { Button, buttonVariants } from "../foundations/Button.js";
-import { i as formatErrorMessage } from "../../format-DB2mX9DA.js";
-import { EmptyState } from "../foundations/EmptyState.js";
-import { ScrollArea } from "../foundations/ScrollArea.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 { LinkButton } from "../foundations/LinkButton.js";
 import { SearchField } from "../foundations/SearchField.js";
-import { AlertDialog } from "../foundations/AlertDialog.js";
 import * as React from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/agents-sdk/ThinkThreadPicker.tsx

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

@@ -1,4 +1,4 @@
-import { i as formatErrorMessage } from "../../format-DB2mX9DA.js";
+import { a as formatErrorMessage } from "../../format-COCyV98Z.js";
 import { getWorkspaceBasename, inferWorkspaceMedia, isWorkspaceTextPath } from "./WorkspaceFile.js";
 import { n as isWorkspacePathWithinRoot, t as canonicalizeAbsoluteWorkspacePath } from "../../workspace-path-L_KmjRjq.js";
 import * as React from "react";

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-Uu3ZnW1u.js";
+import { i as FileTreeFolder, r as FileTreeFile, t as FileTree } from "../../FileTree-CAXWXH63.js";
 import { WorkspaceHeader } from "./WorkspaceHeader.js";
 import * as React from "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";

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

@@ -2,7 +2,7 @@ import { t as cx } from "../../class-names-BiMDVpUo.js";
 import { n as mergeRefs } from "../../merge-refs-DF_7w2x_.js";
 import { a as WorkspaceNavigationRestorationBoundary, n as WorkspaceNavigationProvider, o as useRequiredWorkspaceNavigationRestoration, r as resolveWorkspaceLink } from "../../WorkspaceLink-DtH66bAY.js";
 import { WorkspaceBrowser } from "./WorkspaceBrowser.js";
-import { t as WorkspaceFileView } from "../../WorkspaceFileView-BublZXky.js";
+import { t as WorkspaceFileView } from "../../WorkspaceFileView-BvDbKM2c.js";
 import * as React from "react";
 import { jsx } from "react/jsx-runtime";
 //#region src/components/agents-sdk/WorkspaceExplorer.tsx

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

@@ -1,2 +1,2 @@
-import { t as WorkspaceFileView } from "../../WorkspaceFileView-BublZXky.js";
+import { t as WorkspaceFileView } from "../../WorkspaceFileView-BvDbKM2c.js";
 export { WorkspaceFileView };

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

@@ -1,4 +1,4 @@
-import { U as RefreshIcon } from "../../icons-Dw-im7lg.js";
+import { U as RefreshIcon } from "../../icons-BNEY4gO5.js";
 import { AppTopBar } from "../general-purpose/AppTopBar.js";
 import "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";

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

@@ -1,24 +1,12 @@
-import { L as PaperclipIcon, T as InfoIcon, d as CheckIcon, et as WarningIcon, nt as XIcon } from "../../icons-Dw-im7lg.js";
+import { L as PaperclipIcon } from "../../icons-BNEY4gO5.js";
 import { Button } from "../foundations/Button.js";
+import { Card, CardFooter, CardHeader, CardTitle } from "../foundations/Card.js";
 import { Popover } from "../foundations/Popover.js";
 import { EmptyState } from "../foundations/EmptyState.js";
 import { AppTopBar } from "../general-purpose/AppTopBar.js";
-import { Card, CardAction, CardFooter, CardHeader, CardTitle } from "../foundations/Card.js";
 import "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/agents-sdk/WorkspaceMountManager.tsx
-function permissionLabel(permission) {
-	if (permission === "granted") return "Read/write connected";
-	if (permission === "prompt") return "Permission needed";
-	if (permission === "denied") return "Access denied";
-	return "Unavailable";
-}
-function permissionIcon(permission) {
-	if (permission === "granted") return /* @__PURE__ */ jsx(CheckIcon, {});
-	if (permission === "prompt") return /* @__PURE__ */ jsx(InfoIcon, {});
-	if (permission === "denied") return /* @__PURE__ */ jsx(XIcon, {});
-	return /* @__PURE__ */ jsx(WarningIcon, {});
-}
 /** Controlled local-mount presentation; native handles and persistence stay in the host. */
 function WorkspaceMountManager({ mounts, adding = false, busyMountId = null, error, onAdd, onReconnect, onRemove, triggerLabel = "Attach local folders" }) {
 	const busy = adding || busyMountId !== null;
@@ -51,15 +39,10 @@ function WorkspaceMountManager({ mounts, adding = false, busyMountId = null, err
 						return /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsxs(Card, {
 							size: "sm",
 							"aria-busy": busyMountId === mount.id || void 0,
-							children: [/* @__PURE__ */ jsxs(CardHeader, { children: [/* @__PURE__ */ jsx(CardTitle, {
+							children: [/* @__PURE__ */ jsx(CardHeader, { children: /* @__PURE__ */ jsx(CardTitle, {
 								className: "workspace-mount-manager__path",
 								children: /* @__PURE__ */ jsx("code", { children: mount.path })
-							}), /* @__PURE__ */ jsx(CardAction, { children: /* @__PURE__ */ jsxs("span", {
-								className: "workspace-mount-manager__permission",
-								"data-permission": mount.permission,
-								role: "status",
-								children: [permissionIcon(mount.permission), permissionLabel(mount.permission)]
-							}) })] }), /* @__PURE__ */ jsxs(CardFooter, { children: [mount.permission !== "granted" ? /* @__PURE__ */ jsx(Button, {
+							}) }), /* @__PURE__ */ jsxs(CardFooter, { children: [mount.permission !== "granted" ? /* @__PURE__ */ jsx(Button, {
 								type: "button",
 								size: "sm",
 								disabled: busy,

package/dist/components/ai-sdk/Activity.js

@@ -1,7 +1,7 @@
 import { t as cx } from "../../class-names-BiMDVpUo.js";
-import { p as ChevronRightIcon } from "../../icons-Dw-im7lg.js";
 import { Collapsible } from "../foundations/Collapsible.js";
 import { useExpansionState } from "./ExpansionState.js";
+import { p as ChevronRightIcon } from "../../icons-BNEY4gO5.js";
 import * as React from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/ai-sdk/Activity.tsx

package/dist/components/ai-sdk/AgentChatStartScreen.js

@@ -1,5 +1,5 @@
 import { t as cx } from "../../class-names-BiMDVpUo.js";
-import { nt as XIcon } from "../../icons-Dw-im7lg.js";
+import { nt as XIcon } from "../../icons-BNEY4gO5.js";
 import { Button } from "../foundations/Button.js";
 import { IconButton } from "../foundations/IconButton.js";
 import { PromptInputTray } from "./PromptInput.js";

package/dist/components/ai-sdk/Approval.js

@@ -1,8 +1,8 @@
 import { t as cx } from "../../class-names-BiMDVpUo.js";
-import { z as PencilIcon } from "../../icons-Dw-im7lg.js";
+import { z as PencilIcon } from "../../icons-BNEY4gO5.js";
 import { Button } from "../foundations/Button.js";
-import { a as formatUnknownValue } from "../../format-DB2mX9DA.js";
 import { Kbd } from "../foundations/Kbd.js";
+import { o as formatUnknownValue } from "../../format-COCyV98Z.js";
 import * as React from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/ai-sdk/Approval.tsx

package/dist/components/ai-sdk/Artifact.js

@@ -1,5 +1,5 @@
 import { t as cx } from "../../class-names-BiMDVpUo.js";
-import { et as WarningIcon, nt as XIcon, q as SpinnerIcon } from "../../icons-Dw-im7lg.js";
+import { et as WarningIcon, nt as XIcon, q as SpinnerIcon } from "../../icons-BNEY4gO5.js";
 import { Button, buttonVariants } from "../foundations/Button.js";
 import { IconButton } from "../foundations/IconButton.js";
 import { t as NavigationLink } from "../../navigation-link-kqMa81v5.js";