@mcp-b/react-components 0.51.1 → 0.52.0

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

@@ -1,14 +1,13 @@
-import { C as FolderIcon, G as SlackIcon, I as PaperclipIcon, c as BoxIcon, g as DiscordIcon } from "../../icons-CeGfXO21.js";
-import { Button } from "../foundations/Button.js";
+import { C as FolderIcon, G as SlackIcon, I as PaperclipIcon, c as BoxIcon, g as DiscordIcon } from "../../icons-cuEtsgj9.js";
+import { IconButton } from "../foundations/IconButton.js";
 import { Menu } from "../foundations/Menu.js";
-import { AppIcon } from "../foundations/AppIcon.js";
-import "../foundations/icons.js";
 import { ActionGuideAction } from "../general-purpose/ActionGuide.js";
-import { t as SetupChecklistAction } from "../../SetupChecklist-O6qmgwz4.js";
+import { AppIcon } from "../foundations/AppIcon.js";
 import { EmployeeChrome } from "./EmployeeChrome.js";
+import { t as SetupChecklistAction } from "../../SetupChecklist-BiWQkKEq.js";
 import { McpServerPickerAction, McpServerPickerItems } from "./McpServerPicker.js";
 import { WorkspaceMountManager } from "./WorkspaceMountManager.js";
-import "react";
+import * as React from "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/agents-sdk/EmployeeStartScreen.tsx
 function SetupActions({ start }) {
@@ -32,6 +31,8 @@ function SetupActions({ start }) {
 	] });
 }
 function StartComposerTray({ plugins, renderLink, start }) {
+	const [pluginTrigger, setPluginTrigger] = React.useState(null);
+	const menuBoundary = pluginTrigger?.closest(".agent-chat") ?? void 0;
 	const connections = [{
 		id: "discord",
 		name: "Discord",
@@ -59,21 +60,25 @@ function StartComposerTray({ plugins, renderLink, start }) {
 		}) : null,
 		start.mounts ? /* @__PURE__ */ jsx(WorkspaceMountManager, {
 			...start.mounts,
-			trigger: /* @__PURE__ */ jsxs(Button, {
+			trigger: /* @__PURE__ */ jsx(IconButton, {
 				variant: "ghost",
 				color: "neutral",
 				size: "sm",
-				children: [/* @__PURE__ */ jsx(PaperclipIcon, {}), "Attach folder"]
+				label: "Attach folder",
+				responsiveLabel: "Attach folder",
+				children: /* @__PURE__ */ jsx(PaperclipIcon, {})
 			})
 		}) : null,
-		hasPluginMenu ? /* @__PURE__ */ jsxs(Menu.Root, { children: [/* @__PURE__ */ jsxs(Button, {
+		hasPluginMenu ? /* @__PURE__ */ jsxs(Menu.Root, { children: [/* @__PURE__ */ jsx(IconButton, {
 			type: "button",
 			variant: "ghost",
 			color: "neutral",
 			size: "sm",
 			render: /* @__PURE__ */ jsx(Menu.Trigger, { unstyled: true }),
-			"aria-label": "Connect plugins",
-			children: [/* @__PURE__ */ jsx("span", { children: "Connect plugins" }), /* @__PURE__ */ jsxs(AppIcon.Stack, {
+			label: "Connect plugins",
+			responsiveLabel: "Plugins",
+			ref: setPluginTrigger,
+			children: /* @__PURE__ */ jsxs(AppIcon.Stack, {
 				"aria-hidden": "true",
 				children: [/* @__PURE__ */ jsx(AppIcon.Root, {
 					size: "xs",
@@ -84,14 +89,16 @@ function StartComposerTray({ plugins, renderLink, start }) {
 					variant: "surface",
 					children: /* @__PURE__ */ jsx(DiscordIcon, {})
 				})]
-			})]
+			})
 		}), /* @__PURE__ */ jsx(Menu.Portal, { children: /* @__PURE__ */ jsx(Menu.Positioner, {
-			side: "bottom",
-			align: "start",
-			sideOffset: 4,
+			side: "top",
+			align: "end",
+			sideOffset: 8,
+			collisionBoundary: menuBoundary,
+			collisionPadding: 8,
 			children: /* @__PURE__ */ jsxs(Menu.Popup, {
 				"aria-label": "Plugins",
-				"data-recipe": "wide-scroll-picker",
+				className: "employee-start__plugins",
 				children: [/* @__PURE__ */ jsx(McpServerPickerItems, {
 					actions: connections,
 					servers: plugins?.servers ?? [],

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

@@ -1,10 +1,9 @@
-import { B as PlusIcon, y as EllipsisIcon } from "../../icons-CeGfXO21.js";
-import { Menu } from "../foundations/Menu.js";
+import { B as PlusIcon, y as EllipsisIcon } from "../../icons-cuEtsgj9.js";
 import { IconButton } from "../foundations/IconButton.js";
 import { a as formatErrorMessage } from "../../format-COCyV98Z.js";
-import { Toast } from "../foundations/Toast.js";
-import "../foundations/icons.js";
+import { Menu } from "../foundations/Menu.js";
 import { AppTopBar } from "../general-purpose/AppTopBar.js";
+import { Toast } from "../foundations/Toast.js";
 import "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/agents-sdk/ManagerAccountActions.tsx

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

@@ -1,3 +1,2 @@
-import "../foundations/icons.js";
-import { n as ManagerOfficeSidebar, r as ManagerOfficeSidebarAlert, t as ManagerOffice } from "../../ManagerOffice-5pEFpoV3.js";
+import { n as ManagerOfficeSidebar, r as ManagerOfficeSidebarAlert, t as ManagerOffice } from "../../ManagerOffice-CMJ7laGe.js";
 export { ManagerOffice, ManagerOfficeSidebar, ManagerOfficeSidebarAlert };

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

@@ -1,4 +1,4 @@
-import { EmployeeShellProps } from "./EmployeeChrome.js";
+import { f as EmployeeShellProps } from "../../EmployeeChrome-C8eTGJWn.js";
 import { ManagerOfficeConnectedEmployee, ManagerOfficeDestination, ManagerOfficeEmployee } from "./ManagerOffice.js";
 import * as React from "react";
 
@@ -9,7 +9,7 @@ type ManagerOfficeView = {
   kind: "employee";
   employeeId: string;
 };
-interface ManagerWorkShellProps extends EmployeeShellProps {
+interface ManagerWorkShellProps extends Omit<EmployeeShellProps, "appBarLeading"> {
   employees: readonly ManagerOfficeEmployee[];
   employee: ManagerOfficeEmployee;
   renderOfficeLink: (destination: ManagerOfficeDestination) => React.ReactElement;

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

@@ -1,11 +1,11 @@
-import { B as PlusIcon, C as FolderIcon, G as SlackIcon, P as MonitorIcon, R as PencilIcon, et as WarningIcon, j as MessageSquareIcon } from "../../icons-CeGfXO21.js";
+import { B as PlusIcon, C as FolderIcon, G as SlackIcon, P as MonitorIcon, R as PencilIcon, W as SidebarIcon, et as WarningIcon, r as ArrowLeftIcon } from "../../icons-cuEtsgj9.js";
+import { IconButton } from "../foundations/IconButton.js";
 import { EmptyState } from "../foundations/EmptyState.js";
-import "../foundations/icons.js";
 import { AppTopBar } from "../general-purpose/AppTopBar.js";
 import { ResponsiveSidebarShell } from "../general-purpose/ResponsiveSidebarShell.js";
 import { ThinkThreadPicker } from "./ThinkThreadPicker.js";
 import { EmployeeChrome } from "./EmployeeChrome.js";
-import { n as ManagerOfficeSidebar, r as ManagerOfficeSidebarAlert, t as ManagerOffice } from "../../ManagerOffice-5pEFpoV3.js";
+import { n as ManagerOfficeSidebar, r as ManagerOfficeSidebarAlert, t as ManagerOffice } from "../../ManagerOffice-CMJ7laGe.js";
 import "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/agents-sdk/ManagerOfficeScreens.tsx
@@ -16,20 +16,23 @@ function ManagerWorkShell({ employees, employee, renderOfficeLink, officeActions
 		renderLink: renderOfficeLink,
 		children: /* @__PURE__ */ jsx(EmployeeChrome.Shell, {
 			...chrome,
+			appBarLeading: /* @__PURE__ */ jsx(AppTopBar.Link, {
+				label: "Back to office",
+				render: renderOfficeLink({
+					kind: "employee",
+					employee
+				}),
+				children: /* @__PURE__ */ jsx(ArrowLeftIcon, {})
+			}),
 			sidebarLabel: "employees",
 			navigation: [
-				{
-					id: "chat",
-					label: "Chat",
-					icon: /* @__PURE__ */ jsx(MessageSquareIcon, {})
-				},
 				{
 					id: "files",
 					label: "Files",
 					icon: /* @__PURE__ */ jsx(FolderIcon, {})
 				},
 				{
-					id: "live",
+					id: "browser",
 					label: "Browser",
 					icon: /* @__PURE__ */ jsx(MonitorIcon, {})
 				},
@@ -39,12 +42,18 @@ function ManagerWorkShell({ employees, employee, renderOfficeLink, officeActions
 					icon: /* @__PURE__ */ jsx(SlackIcon, {})
 				}
 			],
-			sidebar: ({ closeSidebarOnCompact }) => /* @__PURE__ */ jsx(ManagerOfficeSidebar, {
+			sidebar: ({ closeSidebar, closeSidebarOnCompact }) => /* @__PURE__ */ jsx(ManagerOfficeSidebar, {
 				layout: "chat",
 				employees,
 				selectedEmployeeId: employee.id,
 				closeSidebarOnCompact,
-				officeActions,
+				officeActions: /* @__PURE__ */ jsxs(Fragment, { children: [officeActions, /* @__PURE__ */ jsx(IconButton, {
+					label: "Hide workforce",
+					variant: "ghost",
+					size: "sm",
+					onClick: closeSidebar,
+					children: /* @__PURE__ */ jsx(SidebarIcon, {})
+				})] }),
 				renderLink: (destination) => {
 					if (destination.kind === "employee" && "work" in destination.employee) {
 						const first = destination.employee.work[0];
@@ -127,18 +136,26 @@ function ManagerOfficeScreen({ employees, renderLink, view, emptyOfficeAction, o
 		employees,
 		renderLink,
 		render: /* @__PURE__ */ jsx(ResponsiveSidebarShell, {
+			className: "employee-shell__navigation",
 			sidebarLabel: "employees",
 			showMainLabel: "Show workforce",
-			sidebar: ({ closeSidebarOnCompact }) => /* @__PURE__ */ jsx(ManagerOfficeSidebar, {
+			sidebar: ({ closeSidebar, closeSidebarOnCompact }) => /* @__PURE__ */ jsx(ManagerOfficeSidebar, {
 				employees,
 				renderLink,
 				selectedEmployeeId: employee?.id ?? null,
 				closeSidebarOnCompact,
-				officeActions
+				officeActions: /* @__PURE__ */ jsxs(Fragment, { children: [officeActions, /* @__PURE__ */ jsx(IconButton, {
+					label: "Hide workforce",
+					variant: "ghost",
+					size: "sm",
+					onClick: closeSidebar,
+					children: /* @__PURE__ */ jsx(SidebarIcon, {})
+				})] })
 			}),
 			bar: {
 				label: "Workforce controls",
 				title,
+				compactTitleTrigger: /* @__PURE__ */ jsx("span", { children: title }),
 				titleRender: (props) => /* @__PURE__ */ jsx("h1", {
 					...props,
 					children: props.children

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

@@ -1,11 +1,11 @@
 import { t as cx } from "../../class-names-BiMDVpUo.js";
-import { K as SpinnerIcon, d as CheckIcon, et as WarningIcon } from "../../icons-CeGfXO21.js";
+import { K as SpinnerIcon, d as CheckIcon, et as WarningIcon } from "../../icons-cuEtsgj9.js";
 import { Button } from "../foundations/Button.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 { McpServerIcon } from "./McpServerIcon.js";
 import { t as getMcpServerProjection } from "../../mcp-server-mAErsxHU.js";
+import { AgentAttention, AgentAttentionActions, AgentAttentionBody, AgentAttentionHeader } from "../ai-sdk/AgentAttention.js";
 import * as React from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { getToolPartState } from "@cloudflare/think/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 { a as formatErrorMessage } from "../../format-COCyV98Z.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.d.ts

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

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

@@ -1,17 +1,17 @@
 import { CUSTOM_MCP_SERVER_CARD } from "../../utils/mcp-server-catalog.js";
 import { t as cx } from "../../class-names-BiMDVpUo.js";
-import { B as PlusIcon, K as SpinnerIcon, et as WarningIcon, nt as XIcon, o as ArrowUpRightIcon, y as EllipsisIcon } from "../../icons-CeGfXO21.js";
+import { B as PlusIcon, K as SpinnerIcon, et as WarningIcon, nt as XIcon, o as ArrowUpRightIcon, y as EllipsisIcon } from "../../icons-cuEtsgj9.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 { a as formatErrorMessage } from "../../format-COCyV98Z.js";
 import { Separator } from "../foundations/Separator.js";
 import { AppIcon } from "../foundations/AppIcon.js";
-import { SearchField } from "../foundations/SearchField.js";
 import { McpServerIcon } from "./McpServerIcon.js";
+import { SearchField } from "../foundations/SearchField.js";
 import { t as getMcpServerProjection } from "../../mcp-server-mAErsxHU.js";
 import { McpServerSetupDialog } from "./McpServerPicker.js";
+import { AgentAttention, AgentAttentionBody, AgentAttentionHeader } from "../ai-sdk/AgentAttention.js";
 import * as React from "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/agents-sdk/McpPluginCatalog.tsx
@@ -35,7 +35,7 @@ function McpPluginCatalog({ servers, mcp, detailsByServerId, featuredServerIds =
 				className: "mcp-plugin-catalog__header",
 				children: [
 					/* @__PURE__ */ jsx("h1", {
-						className: "sigvelo-visually-hidden",
+						className: "mcp-plugin-catalog__title",
 						children: heading
 					}),
 					/* @__PURE__ */ jsxs(SearchField.Root, {
@@ -131,7 +131,7 @@ function McpPluginCatalog({ servers, mcp, detailsByServerId, featuredServerIds =
 function McpPluginDetailsDialog({ server, details, mcp, brandName = "your AI", brandLogo = /* @__PURE__ */ jsx("img", {
 	alt: "",
 	className: "sigvelo-brand-mark sigvelo-brand-mark--colorful",
-	src: new URL("../../assets/think-browser-host.png", import.meta.url).href,
+	src: new URL("../../assets/sigvelo-logo.svg", import.meta.url).href,
 	width: 128,
 	height: 128
 }), disclosure = /* @__PURE__ */ jsxs(Fragment, { children: [
@@ -227,7 +227,7 @@ function McpPluginCard({ server, details, mcp, onSelect }) {
 			onClick: onSelect,
 			children: [/* @__PURE__ */ jsx(McpServerIcon, {
 				server,
-				size: "md"
+				size: "sm"
 			}), /* @__PURE__ */ jsxs("span", {
 				className: "mcp-plugin-catalog__card-copy",
 				children: [/* @__PURE__ */ jsx("span", {

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

@@ -1,9 +1,9 @@
 import { n as mergeBaseClassName } from "../../class-names-BiMDVpUo.js";
-import { K as SpinnerIcon, N as MinusIcon, d as CheckIcon, et as WarningIcon } from "../../icons-CeGfXO21.js";
+import { K as SpinnerIcon, N as MinusIcon, d as CheckIcon, et as WarningIcon } from "../../icons-cuEtsgj9.js";
 import { buttonVariants } from "../foundations/Button.js";
-import { Menu } from "../foundations/Menu.js";
 import { Dialog } from "../foundations/Dialog.js";
 import { a as formatErrorMessage } from "../../format-COCyV98Z.js";
+import { Menu } from "../foundations/Menu.js";
 import { PromptInputActionMenu, PromptInputActionMenuContent, PromptInputActionMenuTrigger } from "../ai-sdk/PromptInput.js";
 import { McpServerIcon } from "./McpServerIcon.js";
 import { t as getMcpServerProjection } from "../../mcp-server-mAErsxHU.js";
@@ -30,7 +30,7 @@ function McpServerSetupDialog({ server, defaults, onOpenChange, onSubmit, redire
 		open: server !== null,
 		onOpenChange,
 		children: /* @__PURE__ */ jsxs(Dialog.Portal, { children: [/* @__PURE__ */ jsx(Dialog.Backdrop, {}), /* @__PURE__ */ jsx(Dialog.Viewport, { children: /* @__PURE__ */ jsxs(Dialog.Popup, { children: [
-			/* @__PURE__ */ jsxs(Dialog.Header, { children: [/* @__PURE__ */ jsx(Dialog.Title, { children: server ? server.name.endsWith("MCP") ? server.name : `${server.name} MCP` : "MCP connectors" }), /* @__PURE__ */ jsx(Dialog.Description, { children: server?.manualSetup?.description ?? "Connect a remote MCP server the model can call." })] }),
+			/* @__PURE__ */ jsxs(Dialog.Header, { children: [/* @__PURE__ */ jsx(Dialog.Title, { children: server ? server.name.endsWith("MCP") ? server.name : `${server.name} MCP` : "Plugins" }), /* @__PURE__ */ jsx(Dialog.Description, { children: server?.manualSetup?.description ?? "Connect a remote MCP server the model can call." })] }),
 			server?.manualSetup?.links.length ? /* @__PURE__ */ jsx("div", {
 				className: "mcp-server-setup-dialog__links",
 				children: server.manualSetup.links.map((link) => /* @__PURE__ */ jsx("a", {
@@ -262,14 +262,14 @@ function getPickerRows(servers, mcp) {
 function groupPickerRows(rows) {
 	const groups = /* @__PURE__ */ new Map();
 	for (const row of rows) {
-		const key = row.projection.connectionKind === "connected" ? "Connected" : row.server.category === "Auto" ? "MCP connectors" : row.server.category === "Manual" ? "Manual setup" : row.server.category ?? "Other";
+		const key = row.projection.connectionKind === "connected" ? "Connected" : row.server.category === "Auto" ? "Plugins" : row.server.category === "Manual" ? "Manual setup" : row.server.category ?? "Other";
 		const group = groups.get(key) ?? [];
 		group.push(row);
 		groups.set(key, group);
 	}
 	const order = [
 		"Connected",
-		"MCP connectors",
+		"Plugins",
 		"Manual setup",
 		"Other"
 	];

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

@@ -1,6 +1,6 @@
 import { Field } from "../foundations/Field.js";
-import { Checkbox } from "../foundations/Checkbox.js";
 import { SettingsFormDialog } from "../general-purpose/SettingsFormDialog.js";
+import { Checkbox } from "../foundations/Checkbox.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/agents-sdk/ModelEndpointDialog.tsx
 /** Shared connection form; the host owns validation, credentials and persistence. */

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

@@ -1,13 +1,13 @@
 import { t as cx } from "../../class-names-BiMDVpUo.js";
-import { U as SearchIcon, f as ChevronDownIcon } from "../../icons-CeGfXO21.js";
+import { U as SearchIcon, f as ChevronDownIcon } from "../../icons-cuEtsgj9.js";
 import { Button } from "../foundations/Button.js";
-import { Autocomplete } from "../foundations/Autocomplete.js";
 import { Dialog } from "../foundations/Dialog.js";
 import { c as titleCase } from "../../format-COCyV98Z.js";
-import { Separator } from "../foundations/Separator.js";
+import { Autocomplete } from "../foundations/Autocomplete.js";
 import { ScrollArea } from "../foundations/ScrollArea.js";
-import { t as ProviderLogo } from "../../provider-logos-DWYY8wNz.js";
 import { EmptyState } from "../foundations/EmptyState.js";
+import { t as ProviderLogo } from "../../provider-logos-DWYY8wNz.js";
+import { Separator } from "../foundations/Separator.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 { ToolApproval } from "../ai-sdk/ToolApproval.js";
 import { ThinkExecutionApproval, ThinkPendingApproval, getPausedExecution } from "./ThinkPendingApproval.js";
+import { ToolApproval } from "../ai-sdk/ToolApproval.js";
 import "react";
 import { jsx } from "react/jsx-runtime";
 import { isToolUIPart } from "ai";

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

@@ -1,6 +1,6 @@
 import { composerLinkHref } from "../../utils/composer-link.js";
 import { findCatalogMcpServerCard, getMcpServerIconSrc } from "../../utils/mcp-server-catalog.js";
-import { A as McpIcon, c as BoxIcon } from "../../icons-CeGfXO21.js";
+import { A as McpIcon, c as BoxIcon } from "../../icons-cuEtsgj9.js";
 import { jsx } from "react/jsx-runtime";
 //#region src/components/agents-sdk/PromptInputCommands.tsx
 function mcpServerCommandIcon(server) {

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

@@ -1,5 +1,5 @@
 import { t as cx } from "../../class-names-BiMDVpUo.js";
-import { J as StopIcon, K as SpinnerIcon, d as CheckIcon, et as WarningIcon } from "../../icons-CeGfXO21.js";
+import { J as StopIcon, K as SpinnerIcon, d as CheckIcon, et as WarningIcon } from "../../icons-cuEtsgj9.js";
 import { r as firstLine, s as textLines } from "../../format-COCyV98Z.js";
 import "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";

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

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