@mcp-b/react-components 0.44.0 → 0.45.0

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

@@ -1,8 +1,8 @@
 import { t as cx } from "../../class-names-BiMDVpUo.js";
-import { A as McpIcon, d as CheckIcon, et as WarningIcon, q as SpinnerIcon } from "../../icons-Dw-im7lg.js";
+import { A as McpIcon, d as CheckIcon, et as WarningIcon, q as SpinnerIcon } from "../../icons-DbrksZyY.js";
 import { Button } from "../foundations/Button.js";
-import { i as formatErrorMessage } from "../../format-DB2mX9DA.js";
 import { AgentAttention, AgentAttentionActions, AgentAttentionBody, AgentAttentionHeader } from "../ai-sdk/AgentAttention.js";
+import { a as formatErrorMessage } from "../../format-COCyV98Z.js";
 import { DescriptionList } from "../foundations/DescriptionList.js";
 import { n as getMcpServerProjection } from "../../mcp-server-SD_S-IpB.js";
 import * as React from "react";

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

@@ -1,9 +1,9 @@
 import { CUSTOM_MCP_SERVER_CARD } from "../../utils/mcp-server-catalog.js";
 import { t as cx } from "../../class-names-BiMDVpUo.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 { a as formatErrorMessage } from "../../format-COCyV98Z.js";
 import { Fieldset } from "../foundations/Fieldset.js";
 import * as React from "react";
 import { jsx, jsxs } from "react/jsx-runtime";

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

@@ -1,15 +1,15 @@
 import { CUSTOM_MCP_SERVER_CARD } from "../../utils/mcp-server-catalog.js";
 import { t as cx } from "../../class-names-BiMDVpUo.js";
-import { V as PlusIcon, et as WarningIcon, nt as XIcon, o as ArrowUpRightIcon, q as SpinnerIcon, y as EllipsisIcon } from "../../icons-Dw-im7lg.js";
+import { V as PlusIcon, et as WarningIcon, nt as XIcon, o as ArrowUpRightIcon, q as SpinnerIcon, y as EllipsisIcon } from "../../icons-DbrksZyY.js";
 import { Button } from "../foundations/Button.js";
+import { AgentAttention, AgentAttentionBody, AgentAttentionHeader } from "../ai-sdk/AgentAttention.js";
 import { IconButton } from "../foundations/IconButton.js";
 import { Dialog } from "../foundations/Dialog.js";
-import { i as formatErrorMessage } from "../../format-DB2mX9DA.js";
+import { a as formatErrorMessage } from "../../format-COCyV98Z.js";
 import { Separator } from "../foundations/Separator.js";
-import { AgentAttention, AgentAttentionBody, AgentAttentionHeader } from "../ai-sdk/AgentAttention.js";
 import { AppIcon } from "../foundations/AppIcon.js";
-import { n as getMcpServerProjection, t as McpServerIcon } from "../../mcp-server-SD_S-IpB.js";
 import { SearchField } from "../foundations/SearchField.js";
+import { n as getMcpServerProjection, t as McpServerIcon } from "../../mcp-server-SD_S-IpB.js";
 import { McpServerSetupDialog } from "./McpServerPicker.js";
 import * as React from "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";

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

@@ -1,9 +1,9 @@
 import { n as mergeBaseClassName } from "../../class-names-BiMDVpUo.js";
-import { N as MinusIcon, d as CheckIcon, et as WarningIcon, q as SpinnerIcon } from "../../icons-Dw-im7lg.js";
+import { N as MinusIcon, d as CheckIcon, et as WarningIcon, q as SpinnerIcon } from "../../icons-DbrksZyY.js";
 import { buttonVariants } from "../foundations/Button.js";
-import { Dialog } from "../foundations/Dialog.js";
-import { i as formatErrorMessage } from "../../format-DB2mX9DA.js";
 import { Menu } from "../foundations/Menu.js";
+import { Dialog } from "../foundations/Dialog.js";
+import { a as formatErrorMessage } from "../../format-COCyV98Z.js";
 import { PromptInputActionMenu, PromptInputActionMenuContent, PromptInputActionMenuTrigger } from "../ai-sdk/PromptInput.js";
 import { n as getMcpServerProjection, t as McpServerIcon } from "../../mcp-server-SD_S-IpB.js";
 import { McpConnectorForm } from "./McpConnectorForm.js";

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

@@ -1,13 +1,13 @@
 import { t as cx } from "../../class-names-BiMDVpUo.js";
-import { W as SearchIcon, f as ChevronDownIcon } from "../../icons-Dw-im7lg.js";
+import { W as SearchIcon, f as ChevronDownIcon } from "../../icons-DbrksZyY.js";
 import { Button } from "../foundations/Button.js";
+import { Autocomplete } from "../foundations/Autocomplete.js";
 import { Dialog } from "../foundations/Dialog.js";
-import { o as titleCase } from "../../format-DB2mX9DA.js";
+import { c as titleCase } from "../../format-COCyV98Z.js";
 import { Separator } from "../foundations/Separator.js";
-import { EmptyState } from "../foundations/EmptyState.js";
 import { ScrollArea } from "../foundations/ScrollArea.js";
-import { Autocomplete } from "../foundations/Autocomplete.js";
 import { t as ProviderLogo } from "../../provider-logos-zjZycgV6.js";
+import { EmptyState } from "../foundations/EmptyState.js";
 import * as React from "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { createPortal } from "react-dom";

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

@@ -1,6 +1,6 @@
 import { t as cx } from "../../class-names-BiMDVpUo.js";
-import { ThinkExecutionApproval, ThinkPendingApproval, getPausedExecution } from "./ThinkPendingApproval.js";
 import { ToolApproval } from "../ai-sdk/ToolApproval.js";
+import { ThinkExecutionApproval, ThinkPendingApproval, getPausedExecution } from "./ThinkPendingApproval.js";
 import "react";
 import { jsx } from "react/jsx-runtime";
 import { isToolUIPart } from "ai";

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

@@ -1,4 +1,4 @@
-import { A as McpIcon, c as BoxIcon } from "../../icons-Dw-im7lg.js";
+import { A as McpIcon, c as BoxIcon } from "../../icons-DbrksZyY.js";
 import { jsx } from "react/jsx-runtime";
 //#region src/components/agents-sdk/PromptInputCommands.tsx
 /** Project whole upstream Agents MCP state into composer mention commands. */

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

@@ -1,5 +1,5 @@
 import { t as cx } from "../../class-names-BiMDVpUo.js";
-import { n as clamp } from "../../format-DB2mX9DA.js";
+import { n as clamp } from "../../format-COCyV98Z.js";
 import { Progress } from "../foundations/Progress.js";
 import * as React from "react";
 import { jsx, jsxs } from "react/jsx-runtime";

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

@@ -3,8 +3,15 @@ import { AgentToolRunPart, AgentToolRunState } from "agents/agent-tools";
 
 //#region src/components/agents-sdk/SubagentRunIndicator.d.ts
 declare function getSubagentRunName(run: AgentToolRunState): string;
-/** Human-readable detail for a retained run selector's tooltip. */
-declare function getSubagentRunTooltip(run: AgentToolRunState): React.ReactNode;
+/**
+ * One line of status for a retained run, derived from upstream's whole
+ * record: the latest progress report or streamed text while it runs, the
+ * report's first line once it finished, the failure otherwise. Rendered under
+ * the run's name wherever the run labels itself, and as its tooltip. Every
+ * source is cut in one place here, because a host's progress message, error,
+ * and report are all unbounded prose.
+ */
+declare function getSubagentRunStatusText(run: AgentToolRunState): string;
 interface SubagentRunIndicatorProps<Part extends AgentToolRunPart = AgentToolRunPart> extends Omit<React.HTMLAttributes<HTMLSpanElement>, "children"> {
   /** Complete retained-run state returned by `useAgentToolEvents()`. */
   run: AgentToolRunState<Part>;
@@ -18,5 +25,16 @@ declare function SubagentRunIndicator<Part extends AgentToolRunPart = AgentToolR
 }: SubagentRunIndicatorProps<Part> & {
   ref?: React.Ref<HTMLSpanElement>;
 }): React.JSX.Element;
+/**
+ * How a run labels itself anywhere it appears: its Nanite, its name over its
+ * live status line, and its status mark. The selector chip and the drill-in's
+ * top bar share this so what a person clicks and what they land on read the
+ * same. The caller owns the surrounding row (a link, a bar title).
+ */
+declare function SubagentRunLabel<Part extends AgentToolRunPart = AgentToolRunPart>({
+  run
+}: {
+  /** Complete retained-run state returned by `useAgentToolEvents()`. */run: AgentToolRunState<Part>;
+}): React.JSX.Element;
 //#endregion
-export { SubagentRunIndicator, SubagentRunIndicatorProps, getSubagentRunName, getSubagentRunTooltip };
+export { SubagentRunIndicator, SubagentRunIndicatorProps, SubagentRunLabel, getSubagentRunName, getSubagentRunStatusText };

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

@@ -1,21 +1,48 @@
 import { t as cx } from "../../class-names-BiMDVpUo.js";
-import { Y as StopIcon, d as CheckIcon, et as WarningIcon, q as SpinnerIcon } from "../../icons-Dw-im7lg.js";
+import { Y as StopIcon, d as CheckIcon, et as WarningIcon, q as SpinnerIcon } from "../../icons-DbrksZyY.js";
+import { r as firstLine, s as textLines } from "../../format-COCyV98Z.js";
+import { NaniteMark } from "../nanites/NaniteScene.js";
 import "react";
-import { jsx } from "react/jsx-runtime";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/agents-sdk/SubagentRunIndicator.tsx
 function getSubagentRunName(run) {
 	return run.display?.name ?? run.agentType;
 }
-/** Human-readable detail for a retained run selector's tooltip. */
-function getSubagentRunTooltip(run) {
+/**
+* The last thing the child said, read off the run's live stream projection —
+* what a running run shows before (or between) its progress reports. The
+* projection's part type only guarantees `type`, so the text is narrowed here
+* rather than assumed.
+*/
+function lastStreamedLine(run) {
+	for (let index = run.parts.length - 1; index >= 0; index -= 1) {
+		const part = run.parts[index];
+		if (part.type !== "text" || !("text" in part) || typeof part.text !== "string") continue;
+		const line = textLines(part.text).at(-1);
+		if (line) return line;
+	}
+}
+/** Where a run's status line comes from, before it is cut to one line. */
+function statusSource(run) {
 	switch (run.status) {
-		case "running": return run.progress?.message ?? run.progress?.phase ?? "Running";
+		case "running": return run.progress?.message ?? run.progress?.phase ?? lastStreamedLine(run) ?? "Running";
 		case "completed": return run.summary ?? "Completed";
 		case "error": return run.error ?? "Agent run failed";
 		case "aborted": return run.error ?? "Agent run stopped";
 		case "interrupted": return run.error ?? (run.childStillRunning ? "Interrupted · agent may still be running" : "Interrupted");
 	}
 }
+/**
+* One line of status for a retained run, derived from upstream's whole
+* record: the latest progress report or streamed text while it runs, the
+* report's first line once it finished, the failure otherwise. Rendered under
+* the run's name wherever the run labels itself, and as its tooltip. Every
+* source is cut in one place here, because a host's progress message, error,
+* and report are all unbounded prose.
+*/
+function getSubagentRunStatusText(run) {
+	return firstLine(statusSource(run));
+}
 /** Decorative status mark derived from a whole upstream retained-run record. */
 function SubagentRunIndicator({ className, run, ref, ...props }) {
 	const icon = run.status === "running" ? /* @__PURE__ */ jsx(SpinnerIcon, {}) : run.status === "completed" ? /* @__PURE__ */ jsx(CheckIcon, {}) : run.status === "aborted" ? /* @__PURE__ */ jsx(StopIcon, {}) : /* @__PURE__ */ jsx(WarningIcon, {});
@@ -29,5 +56,28 @@ function SubagentRunIndicator({ className, run, ref, ...props }) {
 		children: icon
 	});
 }
+/**
+* How a run labels itself anywhere it appears: its Nanite, its name over its
+* live status line, and its status mark. The selector chip and the drill-in's
+* top bar share this so what a person clicks and what they land on read the
+* same. The caller owns the surrounding row (a link, a bar title).
+*/
+function SubagentRunLabel({ run }) {
+	return /* @__PURE__ */ jsxs(Fragment, { children: [
+		/* @__PURE__ */ jsx(NaniteMark, { index: run.order }),
+		/* @__PURE__ */ jsxs("span", {
+			className: "subagent-run__text",
+			"data-status": run.status,
+			children: [/* @__PURE__ */ jsx("span", {
+				className: "subagent-run__title sigvelo-truncate",
+				children: getSubagentRunName(run)
+			}), /* @__PURE__ */ jsx("span", {
+				className: "subagent-run__status sigvelo-truncate",
+				children: getSubagentRunStatusText(run)
+			})]
+		}),
+		/* @__PURE__ */ jsx(SubagentRunIndicator, { run })
+	] });
+}
 //#endregion
-export { SubagentRunIndicator, getSubagentRunName, getSubagentRunTooltip };
+export { SubagentRunIndicator, SubagentRunLabel, getSubagentRunName, getSubagentRunStatusText };

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

@@ -2,8 +2,7 @@ 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 { SubagentRunIndicator, getSubagentRunName, getSubagentRunTooltip } from "./SubagentRunIndicator.js";
-import { NaniteMark } from "../nanites/NaniteScene.js";
+import { SubagentRunLabel, getSubagentRunName, getSubagentRunStatusText } from "./SubagentRunIndicator.js";
 import "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/agents-sdk/SubagentRunSelector.tsx
@@ -19,10 +18,11 @@ import { jsx, jsxs } from "react/jsx-runtime";
 */
 function SubagentRunSelector({ className, render, run, tooltip, ref, "aria-label": ariaLabel, ...props }) {
 	const name = getSubagentRunName(run);
-	const link = /* @__PURE__ */ jsxs(NavigationLink, {
+	const link = /* @__PURE__ */ jsx(NavigationLink, {
 		ref,
 		render,
 		"data-slot": "subagent-run-selector",
+		"data-status": run.status,
 		className: cx(buttonVariants({
 			variant: "ghost",
 			color: "neutral",
@@ -30,16 +30,9 @@ function SubagentRunSelector({ className, render, run, tooltip, ref, "aria-label
 		}), "subagent-run__selector", className),
 		"aria-label": ariaLabel ?? `Open ${name}, ${run.status}`,
 		...props,
-		children: [
-			/* @__PURE__ */ jsx(NaniteMark, { index: run.order }),
-			/* @__PURE__ */ jsx("span", {
-				className: "subagent-run__title sigvelo-truncate",
-				children: name
-			}),
-			/* @__PURE__ */ jsx(SubagentRunIndicator, { run })
-		]
+		children: /* @__PURE__ */ jsx(SubagentRunLabel, { run })
 	});
-	const tooltipContent = tooltip === false ? null : tooltip ?? getSubagentRunTooltip(run);
+	const tooltipContent = tooltip === false ? null : tooltip ?? getSubagentRunStatusText(run);
 	if (!tooltipContent) return link;
 	return /* @__PURE__ */ jsxs(Tooltip.Root, { children: [/* @__PURE__ */ jsx(Tooltip.Trigger, {
 		render: link,

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

@@ -1,7 +1,7 @@
 import { i as AgentMessageRenderPartContext } from "../../AgentMessageParts-C7L-Mv9U.js";
 import { K as PromptInputMessage } from "../../PromptInput-BRX7FhjH.js";
 import { r as AgentChatProps } from "../../AgentChat-Bibfj7u1.js";
-import { n as AgentToolEventsValue } from "../../AgentToolRunsContext-daY67hFM.js";
+import { n as AgentToolEventsValue } from "../../AgentToolRunsContext-jtmveaRE.js";
 import { o as UseSessionCompactionResult } from "../../SessionCompaction-CmTJFpzj.js";
 import { o as createThinkChatActivityRenderer, r as ThinkChatActivityRendererOptions, t as ThinkChatActivity } from "../../ThinkChatActivity-CgvmTXXB.js";
 import { i as ThinkChatValue } from "../../ThinkChatContext-COIgzkYp.js";
@@ -124,7 +124,6 @@ declare function ThinkChatRoot<State = unknown, MessageT extends UIMessage = UIM
  * card) — see README "App-specific tools" and the Custom Tool Panel story.
  */
 declare function ThinkChatMessages<State = unknown, MessageT extends UIMessage = UIMessage>({
-  composerHeader,
   draft,
   loading,
   renderPart,

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

@@ -1,2 +1,2 @@
-import { a as thinkPendingExecutionApprovalsQueryOptions, i as ThinkChatRoot, n as ThinkChatMessages, o as useThinkChat, r as ThinkChatProvider, s as useThinkPendingExecutionApprovals, t as ThinkChat } from "../../ThinkChat-BES_3Mb-.js";
+import { a as thinkPendingExecutionApprovalsQueryOptions, i as ThinkChatRoot, n as ThinkChatMessages, o as useThinkChat, r as ThinkChatProvider, s as useThinkPendingExecutionApprovals, t as ThinkChat } from "../../ThinkChat-CWMcl79Q.js";
 export { ThinkChat, ThinkChatMessages, ThinkChatProvider, ThinkChatRoot, thinkPendingExecutionApprovalsQueryOptions, useThinkChat, useThinkPendingExecutionApprovals };

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

@@ -1,9 +1,9 @@
-import { AgentActivityFavicon, AgentActivityIcon } from "./AgentActivity.js";
-import { Button } from "../foundations/Button.js";
-import { MessageResponse } from "../ai-sdk/Message.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 { useOptionalAgentToolRuns } from "./AgentToolRunsContext.js";
+import { AgentActivityFavicon, AgentActivityIcon } from "./AgentActivity.js";
 import { SubagentRunList } from "./SubagentRunList.js";
 import { useOptionalThinkChatLive } from "./ThinkChatContext.js";
 import { isBrowserToolPart, isExecuteToolPart, isFetchToolPart, isPartWorking, isSessionContextToolPart, isSkillToolPart, isThinkChatActivityPart, isWorkspaceToolPart } from "./ThinkChatToolParts.js";

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

@@ -1,4 +1,4 @@
-import { t as capitalize } from "../../format-DB2mX9DA.js";
+import { t as capitalize } from "../../format-COCyV98Z.js";
 import { getToolDisplayName } from "../ai-sdk/ToolPart.js";
 import { t as summarizeToolInput } from "../../summarize-tool-input-CqTcGRYy.js";
 import { displayUrl, isBrowserToolPart, isExecuteToolPart, isFetchToolPart, isPartFailed, isPartWorking, isSessionContextToolFailure, isSessionContextToolPart, isSkillToolPart, isWorkspaceToolPart } from "./ThinkChatToolParts.js";

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

@@ -1,8 +1,8 @@
-import { a as formatUnknownValue } from "../../format-DB2mX9DA.js";
 import { ActivityOutput, ActivityPanel } from "../ai-sdk/Activity.js";
 import { Tabs } from "../foundations/Tabs.js";
+import { o as formatUnknownValue } from "../../format-COCyV98Z.js";
+import { t as CodeBlock } from "../../CodeBlock-8K1p1BDU.js";
 import { BrowserLiveView } from "./BrowserLiveView.js";
-import { t as CodeBlock } from "../../CodeBlock-Dl7a3Wqo.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-Dw-im7lg.js";
-import { a as formatUnknownValue } from "../../format-DB2mX9DA.js";
+import { S as FileIcon, T as InfoIcon } from "../../icons-DbrksZyY.js";
 import { Activity, ActivityContent, ActivityItemGroup, ActivityOutput, ActivityTrigger } from "../ai-sdk/Activity.js";
-import { EmptyState } from "../foundations/EmptyState.js";
+import { o as formatUnknownValue } from "../../format-COCyV98Z.js";
 import { DescriptionList } from "../foundations/DescriptionList.js";
+import { EmptyState } from "../foundations/EmptyState.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/ThinkExecutionRun.js

@@ -1,4 +1,4 @@
-import { t as capitalize } from "../../format-DB2mX9DA.js";
+import { t as capitalize } from "../../format-COCyV98Z.js";
 //#region src/components/agents-sdk/ThinkExecutionRun.ts
 /** Narrows the direct upstream execution union without wrapping either record. */
 function isThinkSubmissionRun(run) {

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

@@ -1,5 +1,5 @@
 import { t as cx } from "../../class-names-BiMDVpUo.js";
-import { R as PauseIcon, T as InfoIcon, d as CheckIcon, nt as XIcon, q as SpinnerIcon } from "../../icons-Dw-im7lg.js";
+import { R as PauseIcon, T as InfoIcon, d as CheckIcon, nt as XIcon, q as SpinnerIcon } from "../../icons-DbrksZyY.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,11 +1,11 @@
 import { t as cx } from "../../class-names-BiMDVpUo.js";
-import { U as RefreshIcon, et as WarningIcon, r as ArrowLeftIcon, y as EllipsisIcon } from "../../icons-Dw-im7lg.js";
+import { U as RefreshIcon, et as WarningIcon, r as ArrowLeftIcon, y as EllipsisIcon } from "../../icons-DbrksZyY.js";
 import { buttonVariants } from "../foundations/Button.js";
 import { IconButton } from "../foundations/IconButton.js";
-import { i as formatErrorMessage } from "../../format-DB2mX9DA.js";
-import { EmptyState } from "../foundations/EmptyState.js";
 import { Menu } from "../foundations/Menu.js";
+import { a as formatErrorMessage } from "../../format-COCyV98Z.js";
 import { t as NavigationLink } from "../../navigation-link-kqMa81v5.js";
+import { EmptyState } from "../foundations/EmptyState.js";
 import { AppTopBar } from "../general-purpose/AppTopBar.js";
 import { getThinkExecutionRunAccessibleName, getThinkExecutionRunId, getThinkExecutionRunStatus, getThinkExecutionRunStatusTone, isThinkSubmissionRun } from "./ThinkExecutionRun.js";
 import { ThinkExecutionRunSummary } from "./ThinkExecutionStatus.js";

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

@@ -1,11 +1,11 @@
 import { l as WorkspaceNavigationAdapter } from "../../WorkspaceLink-Bh9-Jo1r.js";
-import { n as AgentToolEventsValue } from "../../AgentToolRunsContext-daY67hFM.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-mbGw8FTu.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-BLaFmMrt.js";
-import { v as WorkspaceSource } from "../../Workspace-F3raHdYV.js";
+import { r as WorkspaceFileAssetResolver } from "../../WorkspaceFile-Dq-GC0_T.js";
+import { v as WorkspaceSource } from "../../Workspace-jdVZ9S0a.js";
 import { t as ThinkAgent } from "../../think-agent-Cip5KAPj.js";
 import * as React from "react";
 import { UIMessage } from "ai";
@@ -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-DbrksZyY.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-CWMcl79Q.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-DbrksZyY.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-DbrksZyY.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-DbrksZyY.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";