@mcp-b/react-components 0.51.2 → 0.53.0

package/dist/{CodeBlock--r6GS8YV.d.ts → CodeBlock-DJ99TQWy.d.ts}

@@ -1,4 +1,4 @@
-import { t as CopyButtonProps } from "./copy-button-OUwOdgEm.js";
+import { t as CopyButtonProps } from "./copy-button-CJYYgCIU.js";
 import { m as SelectProps, t as Select } from "./Select-RrceeEIe.js";
 import * as React from "react";
 import { BundledLanguage } from "shiki";

package/dist/{CodeBlock-g8sADidM.js → CodeBlock-Dw1z6jc8.js}

@@ -1,5 +1,5 @@
 import { t as cx } from "./class-names-BiMDVpUo.js";
-import { t as CopyButton } from "./copy-button-CSDuDfdP.js";
+import { t as CopyButton } from "./copy-button-Dk2vRe9j.js";
 import { Select } from "./components/foundations/Select.js";
 import * as React from "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
@@ -239,6 +239,7 @@ function CodeBlockLanguageSelectorItem({ children, ...props }) {
 function CodeBlockContainer({ className, children, ref, ...props }) {
 	return /* @__PURE__ */ jsx("div", {
 		ref,
+		tabIndex: 0,
 		className: cx("code-block__container", className),
 		...props,
 		children

package/dist/EmployeeChrome-B605rpVz.d.ts

@@ -0,0 +1,233 @@
+import { J as PromptInputMessage } from "./PromptInput-DGPrCTPl.js";
+import { n as AgentToolRunValue } from "./AgentToolRunsContext-GMe_hSnD.js";
+import { n as ResponsiveSidebarShell } from "./ResponsiveSidebarShell-BUBQa_IV.js";
+import { t as ThinkThreadItem } from "./ThinkThreadPicker-DX0lL-P7.js";
+import * as React from "react";
+
+//#region src/components/agents-sdk/EmployeeChrome.d.ts
+/**
+ * Chat, the two exclusive full-screen surfaces (`live`, `schedules`), or an
+ * opaque workbench panel id. Built-in workbench destinations are `files` and
+ * `plugins`; hosts append more through `workbenchNavigation`. An unknown id
+ * keeps the conversation visible without rewriting the host's destination.
+ */
+type EmployeeView = string;
+type EmployeeDestination = {
+  kind: "thread";
+  threadId: string;
+} | {
+  kind: "new-thread";
+} | {
+  kind: "view";
+  view: EmployeeView;
+} | {
+  kind: "agent-run";
+  runId: string;
+} | {
+  kind: "routine";
+  routineId: string;
+} | {
+  kind: "create-routine";
+} | {
+  kind: "edit-routine";
+  routineId: string;
+} | {
+  kind: "routine-run";
+  routineId: string;
+  runId: string;
+};
+/** Host-owned router link for a destination; the chrome has no route vocabulary. */
+type EmployeeRenderLink = (destination: EmployeeDestination) => React.ReactElement;
+type EmployeeStatus = "ready" | "connecting" | "offline" | "identity-blocked" | "needs-model";
+interface EmployeeBrand {
+  logo: React.ReactNode;
+  name: string;
+}
+interface EmployeeIdentity {
+  email?: string;
+  liveProfile: string;
+  assignedAccount: string;
+  managed?: boolean;
+  canBind?: boolean;
+  onBind?: () => void | Promise<void>;
+  onUnbind?: () => void | Promise<void>;
+}
+/** Host-owned follow preference for the selected conversation. */
+interface EmployeeFollow {
+  followed: boolean;
+  onCheckedChange: (followed: boolean) => void;
+}
+/** Companion availability and its destination, both host-owned. */
+interface EmployeeCompanion {
+  enabled: boolean;
+  origin: string;
+  setEnabled: (enabled: boolean) => void;
+}
+/** Host-owned passkey-vault preference; credential storage stays outside the chrome. */
+interface EmployeePasskeyVault {
+  enabled: boolean;
+  setEnabled: (enabled: boolean) => void;
+}
+/** Host sign-in and endpoint-setup controls behind the `needs-model` gate. */
+interface EmployeeModelSetup {
+  onSignIn?: () => void;
+  busy?: boolean;
+  error?: React.ReactNode;
+  label?: string;
+  onCustomEndpoint?: () => void;
+}
+/**
+ * The delegated run the chrome is drilled into. A `ready` run carries the whole
+ * retained record out of the dispatching thread's projection, so status,
+ * progress, and report are the dispatching thread's facts, never the child's.
+ * The host decides which state applies and whether the run may still be
+ * stopped — `onCancel` is the whole Stop affordance's condition.
+ */
+type EmployeeAgentRun = {
+  state: "loading";
+} | {
+  state: "unavailable";
+} | {
+  state: "error";
+  error: string;
+} | {
+  state: "ready";
+  run: AgentToolRunValue; /** Stops the run. Omit while the run cannot be stopped; the bar follows. */
+  onCancel?: () => void; /** A stop already in flight, so the control reads as busy rather than dead. */
+  cancelPending?: boolean;
+};
+/** One host view following Files and Plugins in the bar and the compact overflow. */
+interface EmployeeWorkbenchItem {
+  id: string;
+  label: string;
+  /** Explains the destination on hover and keyboard focus. */
+  description: string;
+  icon: React.ReactNode;
+}
+interface EmployeeMenuProps {
+  /** Overrides the default Files/Plugins navigation for shared host shells. */
+  navigation?: readonly EmployeeWorkbenchItem[];
+  /** Active view; selecting it again returns to chat. */
+  view?: EmployeeView;
+  renderLink: EmployeeRenderLink;
+  /** Identity assignment and bind/unbind operations behind the account dialog. */
+  identity?: EmployeeIdentity;
+  /** Opens the host's model-selection surface. */
+  onModel?: () => void;
+  /** Requests host sign-out; session teardown stays host-owned. */
+  onSignOut?: () => void;
+  companion?: EmployeeCompanion;
+  passkeys?: EmployeePasskeyVault;
+  /** Shown for a selected conversation; omit when there is nothing to follow. */
+  follow?: EmployeeFollow;
+  /** Additional host views, following Files and Plugins. */
+  workbenchNavigation?: readonly EmployeeWorkbenchItem[];
+}
+/** Employee settings are host-owned state; the menu stores only dialog visibility. */
+declare function EmployeeMenu({
+  renderLink,
+  view,
+  identity,
+  onModel,
+  onSignOut,
+  companion,
+  passkeys,
+  follow,
+  workbenchNavigation,
+  navigation
+}: EmployeeMenuProps): React.JSX.Element;
+/** Bar links to Files, Plugins, and host views; the compact overflow carries them instead. */
+declare function EmployeeWorkbenchLinks({
+  view,
+  renderLink,
+  workbenchNavigation,
+  navigation
+}: {
+  view: EmployeeView;
+  renderLink: EmployeeRenderLink;
+  workbenchNavigation?: readonly EmployeeWorkbenchItem[];
+  navigation?: readonly EmployeeWorkbenchItem[];
+}): React.JSX.Element | null;
+interface EmployeeShellProps<Thread extends ThinkThreadItem = ThinkThreadItem> extends EmployeeMenuProps {
+  view: EmployeeView;
+  /** Compact workbench back control; the host can return from a file to its workspace. */
+  compactBack?: React.ReactNode;
+  /** Host-projected thread history; the chrome neither fetches nor persists it. */
+  threads?: readonly Thread[];
+  /** Selected thread, used for the title, the picker, and the return link. */
+  threadId?: string;
+  /** The delegated run this chrome is drilled into, when it is drilled into one. */
+  agentRun?: EmployeeAgentRun;
+  /** Caller-owned leading bar content, such as the extension's navigation control. */
+  appBarLeading?: React.ReactNode;
+  /** Passed the whole history item after the thread picker confirms removal. */
+  onDeleteThread?: (thread: Thread) => void | Promise<void>;
+  /** Shared manager shell supplies workforce navigation in place of thread-only navigation. */
+  sidebar?: React.ComponentProps<typeof ResponsiveSidebarShell>["sidebar"];
+  sidebarLabel?: string;
+  navigation?: readonly EmployeeWorkbenchItem[];
+  children: React.ReactNode;
+}
+declare function EmployeeShell<Thread extends ThinkThreadItem = ThinkThreadItem>({
+  view,
+  threads,
+  threadId,
+  agentRun,
+  renderLink,
+  appBarLeading,
+  compactBack,
+  onDeleteThread,
+  sidebar,
+  sidebarLabel,
+  navigation,
+  children,
+  ...menu
+}: EmployeeShellProps<Thread>): React.JSX.Element;
+/** Policy and connection gates are host facts, not design-system presets. */
+declare function EmployeeGate({
+  status,
+  connectingLabel,
+  identity,
+  brand,
+  modelSetup
+}: {
+  status: EmployeeStatus;
+  connectingLabel?: string;
+  identity?: EmployeeIdentity;
+  brand: EmployeeBrand;
+  modelSetup?: EmployeeModelSetup;
+}): React.JSX.Element | null;
+/** The composer remains under its existing prompt provider; connection controls are explicit slots. */
+declare function EmployeeWelcome({
+  brand,
+  children,
+  suggestions,
+  suggestionsError,
+  onRetrySuggestions,
+  onSubmit,
+  tray,
+  setupActions,
+  hasConnectedApps
+}: {
+  brand: EmployeeBrand;
+  children: React.ReactNode;
+  suggestions?: readonly {
+    label: string;
+    value: string;
+  }[];
+  suggestionsError?: boolean;
+  onRetrySuggestions?: () => void;
+  onSubmit: (message: PromptInputMessage) => void | Promise<void>;
+  tray?: React.ReactNode; /** Slack, Discord, and local-folder actions composed by the host. */
+  setupActions?: React.ReactNode;
+  hasConnectedApps?: boolean;
+}): React.JSX.Element;
+declare const EmployeeChrome: {
+  Shell: typeof EmployeeShell;
+  Menu: typeof EmployeeMenu;
+  WorkbenchLinks: typeof EmployeeWorkbenchLinks;
+  Gate: typeof EmployeeGate;
+  Welcome: typeof EmployeeWelcome;
+};
+//#endregion
+export { EmployeeDestination as a, EmployeeMenuProps as c, EmployeeRenderLink as d, EmployeeShellProps as f, EmployeeWorkbenchItem as h, EmployeeCompanion as i, EmployeeModelSetup as l, EmployeeView as m, EmployeeBrand as n, EmployeeFollow as o, EmployeeStatus as p, EmployeeChrome as r, EmployeeIdentity as s, EmployeeAgentRun as t, EmployeePasskeyVault as u };

package/dist/{FileTree-DruTQ-oa.js → FileTree-okaLnS5j.js}

@@ -1,5 +1,5 @@
 import { t as cx } from "./class-names-BiMDVpUo.js";
-import { C as FolderIcon, S as FileIcon, p as ChevronRightIcon, w as FolderOpenIcon } from "./icons-cuEtsgj9.js";
+import { C as FolderIcon, S as FileIcon, p as ChevronRightIcon, w as FolderOpenIcon } from "./icons-CeGfXO21.js";
 import { t as NavigationLink } from "./navigation-link-kqMa81v5.js";
 import * as React from "react";
 import { jsx, jsxs } from "react/jsx-runtime";

package/dist/{IconButton-ByiyjkYE.d.ts → IconButton-CAlFVb2L.d.ts}

@@ -7,6 +7,8 @@ interface IconButtonProps extends Omit<ButtonProps, "aria-label" | "children" |
   children: React.ReactNode;
   /** Accessible name and default tooltip text for the icon-only control. */
   label: string;
+  /** Optional visible label, hidden at widths of 36rem or less (including narrow containers). */
+  responsiveLabel?: string;
   /** Tooltip content when it should differ from the accessible name. */
   tooltip?: React.ReactNode;
   /** Preferred side for the tooltip. */
@@ -22,6 +24,7 @@ interface IconButtonProps extends Omit<ButtonProps, "aria-label" | "children" |
 declare function IconButton({
   children,
   label,
+  responsiveLabel,
   size,
   tooltip,
   tooltipSide,

package/dist/{ManagerOffice-D-7SOJ4x.js → ManagerOffice-CJwBAEMv.js}

@@ -1,16 +1,17 @@
 import { findCatalogMcpServerCard, getMcpServerIconSrc } from "./utils/mcp-server-catalog.js";
 import { t as cx } from "./class-names-BiMDVpUo.js";
-import { C as FolderIcon, D as LinkIcon, K as SpinnerIcon, L as PauseIcon, P as MonitorIcon, S as FileIcon, T as InfoIcon, _ as DotIcon, d as CheckIcon, et as WarningIcon, f as ChevronDownIcon, j as MessageSquareIcon, p as ChevronRightIcon, u as CalendarIcon } from "./icons-cuEtsgj9.js";
 import { Collapsible } from "./components/foundations/Collapsible.js";
+import { C as FolderIcon, D as LinkIcon, K as SpinnerIcon, L as PauseIcon, P as MonitorIcon, S as FileIcon, T as InfoIcon, _ as DotIcon, d as CheckIcon, et as WarningIcon, f as ChevronDownIcon, j as MessageSquareIcon, nt as XIcon, p as ChevronRightIcon, u as CalendarIcon } from "./icons-CeGfXO21.js";
 import { Button } from "./components/foundations/Button.js";
+import { AgentAttention, AgentAttentionActions, AgentAttentionBody, AgentAttentionHeader } from "./components/ai-sdk/AgentAttention.js";
 import { Tooltip } from "./components/foundations/Tooltip.js";
-import { EmptyState } from "./components/foundations/EmptyState.js";
 import { Avatar } from "./components/foundations/Avatar.js";
+import { CorrespondentName, correspondentHandleLabel } from "./components/ai-sdk/Correspondent.js";
+import { EmptyState } from "./components/foundations/EmptyState.js";
+import { AppTopBar } from "./components/general-purpose/AppTopBar.js";
 import { AppIcon } from "./components/foundations/AppIcon.js";
 import { LinkButton } from "./components/foundations/LinkButton.js";
 import { getThinkExecutionRunStatus } from "./components/agents-sdk/ThinkExecutionRun.js";
-import { AgentAttention, AgentAttentionActions, AgentAttentionBody, AgentAttentionHeader } from "./components/ai-sdk/AgentAttention.js";
-import { CorrespondentName, correspondentHandleLabel } from "./components/ai-sdk/Correspondent.js";
 import * as React from "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { useRender } from "@base-ui/react/use-render";
@@ -137,7 +138,8 @@ function EmployeePresence({ employee }) {
 	return /* @__PURE__ */ jsx("span", {
 		className: "manager-office__nav-status",
 		"data-status": employee.status,
-		"aria-hidden": "true"
+		"aria-hidden": "true",
+		children: employee.status === "needs-you" || employee.status === "issue" ? /* @__PURE__ */ jsx(WarningIcon, {}) : employee.status === "unavailable" ? /* @__PURE__ */ jsx(XIcon, {}) : employee.status === "working" || employee.status === "connecting" ? /* @__PURE__ */ jsx(SpinnerIcon, {}) : employee.status === "offline" ? /* @__PURE__ */ jsx(MonitorIcon, {}) : /* @__PURE__ */ jsx(PauseIcon, {})
 	});
 }
 /**
@@ -520,7 +522,7 @@ function ManagerOfficeSidebar({ className, closeSidebarOnCompact, content, emplo
 		children: [
 			/* @__PURE__ */ jsxs("div", {
 				className: "manager-office__sidebar-heading",
-				children: [isChat ? null : /* @__PURE__ */ jsx("strong", { children: "Workforce" }), officeActions ? /* @__PURE__ */ jsx("span", {
+				children: [/* @__PURE__ */ jsx("strong", { children: "Workforce" }), officeActions ? /* @__PURE__ */ jsx("span", {
 					className: "manager-office__sidebar-actions",
 					children: officeActions
 				}) : null]
@@ -1044,12 +1046,15 @@ function ManagerOfficeChannels({ className, ...props }) {
 	const employee = useEmployee();
 	return /* @__PURE__ */ jsxs("section", {
 		...props,
-		className: cx("manager-office__section", className),
-		children: [/* @__PURE__ */ jsx("header", {
-			className: "manager-office__section-header",
-			children: /* @__PURE__ */ jsxs("h2", {
-				className: "manager-office__section-title",
-				children: [/* @__PURE__ */ jsx(LinkIcon, {}), "Channels"]
+		className: cx("manager-office__section", "manager-office__channels", className),
+		children: [/* @__PURE__ */ jsx(AppTopBar.Root, {
+			className: "manager-office__channels-header",
+			"aria-label": "Channels controls",
+			titleAlign: "start",
+			children: /* @__PURE__ */ jsxs(AppTopBar.Title, {
+				className: "manager-office__channels-title",
+				render: /* @__PURE__ */ jsx("h2", { "aria-label": "Channels" }),
+				children: [/* @__PURE__ */ jsx(LinkIcon, { "aria-hidden": "true" }), "Channels"]
 			})
 		}), /* @__PURE__ */ jsx("div", {
 			className: "manager-office__section-content",

package/dist/McpPluginCatalog-DNeHDrts.d.ts

@@ -0,0 +1,94 @@
+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
+export { McpPluginDetailsDialogProps as a, McpPluginDetailsDialog as i, McpPluginCatalogProps as n, McpPluginDetails as r, McpPluginCatalog as t };

package/dist/{Message-DyaTBiV7.d.ts → Message-COsMPZSC.d.ts}

@@ -1,5 +1,5 @@
-import { n as IconButtonProps } from "./IconButton-ByiyjkYE.js";
-import { t as CopyButtonProps } from "./copy-button-OUwOdgEm.js";
+import { n as IconButtonProps } from "./IconButton-CAlFVb2L.js";
+import { t as CopyButtonProps } from "./copy-button-CJYYgCIU.js";
 import * as React from "react";
 import { FileUIPart, UIMessage } from "ai";
 import { StreamdownProps } from "streamdown";

package/dist/{ResponsiveSidebarShell-CAmmtQTR.d.ts → ResponsiveSidebarShell-BUBQa_IV.d.ts}

@@ -5,6 +5,8 @@ import * as React from "react";
 interface ResponsiveSidebarShellControls {
   /** The shell's current container layout, shared by in-shell and portalled controls. */
   compact: boolean;
+  /** Whether the main content needs compact controls after accounting for the sidebar. */
+  contentCompact: boolean;
   /** Close the sidebar and move focus to the main content. */
   closeSidebar: () => void;
   /** Close only when the shell is currently using its compact drawer layout. */
@@ -30,7 +32,7 @@ interface AppBarSlots {
   };
   /** App-owned leading navigation that owns the leading slot at every width. */
   leading?: React.ReactNode;
-  /** Compact-only navigation that replaces the drawer trigger without hiding the wide rail toggle. */
+  /** Navigation for compact main content. Replaces back/leading and the drawer trigger only while the main column is compact. */
   compactLeading?: React.ReactNode;
   /** Bar title content. Hidden at compact widths when `compactTitleTrigger` stands in. */
   title?: React.ReactNode;

package/dist/{SetupChecklist-Btmy3-_C.js → SetupChecklist-DWyifWWg.js}

@@ -1,7 +1,7 @@
 import { n as mergeBaseClassName } from "./class-names-BiMDVpUo.js";
-import { B as PlusIcon, d as CheckIcon, et as WarningIcon, f as ChevronDownIcon } from "./icons-cuEtsgj9.js";
-import { Button } from "./components/foundations/Button.js";
+import { B as PlusIcon, d as CheckIcon, et as WarningIcon, f as ChevronDownIcon } from "./icons-CeGfXO21.js";
 import { Menu } from "./components/foundations/Menu.js";
+import { IconButton } from "./components/foundations/IconButton.js";
 import * as React from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/_internal/menu-disclosure-group.tsx
@@ -53,14 +53,15 @@ function SetupChecklistGroup({ label, entries, defaultOpen = false, onSelect })
 /** Progress-aware tray trigger opening the checklist in its own menu. */
 function SetupChecklistAction({ actionLabel, label, entries, onSelect }) {
 	const completed = entries.filter((entry) => entry.complete).length;
-	return /* @__PURE__ */ jsxs(Menu.Root, { children: [/* @__PURE__ */ jsxs(Button, {
+	return /* @__PURE__ */ jsxs(Menu.Root, { children: [/* @__PURE__ */ jsx(IconButton, {
 		type: "button",
 		variant: "ghost",
 		color: "neutral",
 		size: "sm",
-		"aria-label": `${actionLabel} — ${completed} of ${entries.length} set up`,
+		label: `${actionLabel} — ${completed} of ${entries.length} set up`,
+		responsiveLabel: actionLabel,
 		render: /* @__PURE__ */ jsx(Menu.Trigger, { unstyled: true }),
-		children: [completed === entries.length ? /* @__PURE__ */ jsx(CheckIcon, { "aria-hidden": "true" }) : /* @__PURE__ */ jsx(WarningIcon, { "aria-hidden": "true" }), /* @__PURE__ */ jsx("span", { children: actionLabel })]
+		children: completed === entries.length ? /* @__PURE__ */ jsx(CheckIcon, { "aria-hidden": "true" }) : /* @__PURE__ */ jsx(WarningIcon, { "aria-hidden": "true" })
 	}), /* @__PURE__ */ jsx(Menu.Portal, { children: /* @__PURE__ */ jsx(Menu.Positioner, {
 		side: "bottom",
 		align: "start",

package/dist/{ThinkThreadPicker-yetGX_s5.d.ts → ThinkThreadPicker-DX0lL-P7.d.ts}

@@ -56,6 +56,8 @@ interface ThinkThreadPickerProps<Thread extends ThinkThreadItem = ThinkThreadIte
   onDelete?: (thread: Thread) => void | Promise<void>;
   /** Visible heading for the roster. */
   title?: React.ReactNode;
+  /** Controls placed after the new-thread action in the shared roster header. */
+  headerActions?: React.ReactNode;
   /** Accessible label for the list navigation. */
   "aria-label"?: string;
 }
@@ -81,6 +83,7 @@ declare function ThinkThreadPicker<Thread extends ThinkThreadItem>({
   onDelete,
   className,
   title,
+  headerActions,
   "aria-label": ariaLabel,
   ref,
   ...props

package/dist/{Workspace-HzGrWDX3.d.ts → Workspace-mzMZSdts.d.ts}

@@ -1,4 +1,4 @@
-import { a as WorkspaceMediaInfo, i as WorkspaceFileState, r as WorkspaceFileAssetResolver, t as WorkspaceFileAsset } from "./WorkspaceFile-Bouauobc.js";
+import { a as WorkspaceMediaInfo, i as WorkspaceFileState, r as WorkspaceFileAssetResolver, t as WorkspaceFileAsset } from "./WorkspaceFile-19WP0EU1.js";
 import { DataTag, QueryClient, QueryKey, UnusedSkipTokenOptions } from "@tanstack/react-query";
 import { FileInfo, Workspace, WorkspaceFsLike } from "@cloudflare/shell";
 

package/dist/WorkspaceConceptPanel-97ZyVpZI.js

@@ -0,0 +1,20 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/components/_internal/WorkspaceConceptPanel.tsx
+/** Shared workbench chrome keeps the title visible while its content scrolls. */
+function WorkspaceConceptPanel({ heading, children, ...props }) {
+	return /* @__PURE__ */ jsxs("section", {
+		...props,
+		children: [/* @__PURE__ */ jsx("header", {
+			className: "workspace-concept-panel__header",
+			children: /* @__PURE__ */ jsx("h2", {
+				className: "workspace-concept-panel__title",
+				children: heading
+			})
+		}), /* @__PURE__ */ jsx("div", {
+			className: "workspace-concept-panel__body",
+			children
+		})]
+	});
+}
+//#endregion
+export { WorkspaceConceptPanel as t };

package/dist/{WorkspaceFile-Bouauobc.d.ts → WorkspaceFile-19WP0EU1.d.ts}

@@ -1,4 +1,4 @@
-import { O as CodeBlockLanguage } from "./CodeBlock--r6GS8YV.js";
+import { O as CodeBlockLanguage } from "./CodeBlock-DJ99TQWy.js";
 import { SkillParseResult } from "agent-skills-ts-sdk";
 import { FileInfo } from "@cloudflare/shell";
 

package/dist/{WorkspaceFileView-DYPtRVpM.js → WorkspaceFileView-DQDWUpAH.js}

@@ -1,7 +1,7 @@
-import { b as EyeIcon, d as CheckIcon, et as WarningIcon, k as MaximizeIcon, m as CodeIcon, r as ArrowLeftIcon, v as DownloadIcon } from "./icons-cuEtsgj9.js";
+import { b as EyeIcon, d as CheckIcon, et as WarningIcon, k as MaximizeIcon, m as CodeIcon, r as ArrowLeftIcon, v as DownloadIcon } from "./icons-CeGfXO21.js";
 import { i as formatClock } from "./format-COCyV98Z.js";
+import { a as CodeBlockCopyButton, i as CodeBlockContent, r as CodeBlockContainer, t as CodeBlock } from "./CodeBlock-Dw1z6jc8.js";
 import { AppTopBar } from "./components/general-purpose/AppTopBar.js";
-import { a as CodeBlockCopyButton, i as CodeBlockContent, r as CodeBlockContainer, t as CodeBlock } from "./CodeBlock-g8sADidM.js";
 import { inferWorkspaceLanguage, inferWorkspaceMedia, isWorkspaceMarkdownPath, isWorkspaceSkillPath, parseWorkspaceSkill } from "./components/agents-sdk/WorkspaceFile.js";
 import { i as useWorkspaceNavigationContext } from "./WorkspaceLink-BYZG-V_I.js";
 import { useWorkspaceNavigationRestoration } from "./components/agents-sdk/WorkspaceNavigationRestoration.js";
@@ -546,6 +546,7 @@ function WorkspaceFileView({ appearance = "contained", file, path, isLoading, is
 		path,
 		leading: workspaceNavigation ? /* @__PURE__ */ jsx(AppTopBar.Link, {
 			label: "Back to workspace",
+			"data-workspace-back": "",
 			render: workspaceNavigation.navigation.renderLink({ kind: "files" }),
 			children: /* @__PURE__ */ jsx(ArrowLeftIcon, { "aria-hidden": "true" })
 		}) : leading,

package/dist/{WorkspaceMessageResponse-8lOSAbw_.d.ts → WorkspaceMessageResponse-BApg8KZv.d.ts}

@@ -1,4 +1,4 @@
-import { O as MessageResponseProps } from "./Message-DyaTBiV7.js";
+import { O as MessageResponseProps } from "./Message-COsMPZSC.js";
 import * as React from "react";
 
 //#region src/components/agents-sdk/WorkspaceMessageResponse.d.ts

package/dist/WorkspaceMountManager-CkLI1B-G.d.ts

@@ -0,0 +1,33 @@
+import * as React from "react";
+
+//#region src/components/agents-sdk/WorkspaceMountManager.d.ts
+type WorkspaceMountPermission = "granted" | "prompt" | "denied" | "unavailable";
+interface WorkspaceMountItem {
+  id: string;
+  path: string;
+  permission: WorkspaceMountPermission;
+}
+interface WorkspaceMountManagerProps {
+  mounts: readonly WorkspaceMountItem[];
+  adding?: boolean;
+  busyMountId?: string | null;
+  error?: React.ReactNode;
+  onAdd: () => void;
+  onReconnect: (mount: WorkspaceMountItem) => void;
+  onRemove: (mount: WorkspaceMountItem) => void;
+  /** Caller-owned button, including its accessible name and optional toolbar composition. */
+  trigger: React.ReactElement;
+}
+/** Controlled local-mount presentation; native handles and persistence stay in the host. */
+declare function WorkspaceMountManager({
+  mounts,
+  adding,
+  busyMountId,
+  error,
+  onAdd,
+  onReconnect,
+  onRemove,
+  trigger
+}: WorkspaceMountManagerProps): React.JSX.Element;
+//#endregion
+export { WorkspaceMountPermission as i, WorkspaceMountManager as n, WorkspaceMountManagerProps as r, WorkspaceMountItem as t };