@mcp-b/react-components 0.56.0 → 0.56.2

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

@@ -1,4 +1,4 @@
-import { E as PromptInputCommandComposerProps, M as PromptInputContextSelectorProps } from "../../PromptInput-DGPrCTPl.js";
+import { E as PromptInputCommandComposerProps, M as PromptInputContextSelectorProps } from "../../PromptInput-C3adKglc.js";
 import { AgentChatTranscriptProps } from "./AgentChat.js";
 import { ConversationTabPickerProps } from "../extension/ConversationTabPicker.js";
 import { SetupChecklistGroupProps } from "../general-purpose/SetupChecklist.js";
@@ -8,9 +8,8 @@ import { ContextProps } from "../ai-sdk/Context.js";
 import { CodexModelSelectorProps } from "../extension/CodexModelSelector.js";
 import { ThinkChatMessageContentProps } from "./ThinkChat.js";
 import * as React from "react";
-
 //#region src/components/agents-sdk/EmployeeChat.d.ts
-interface EmployeeComposerProps<Id extends string = string> {
+export interface EmployeeComposerProps<Id extends string = string> {
   commands: PromptInputCommandComposerProps["commands"];
   mentionCommands?: PromptInputCommandComposerProps["mentionCommands"];
   onCompact?: () => Promise<{
@@ -28,57 +27,28 @@ interface EmployeeComposerProps<Id extends string = string> {
   dictation?: React.ReactNode;
   context?: ContextProps;
 }
-declare function EmployeeComposerContent<Id extends string = string>({
-  personalization,
-  connections,
-  tools,
-  contextSelector,
-  tabs,
-  model,
-  dictation,
-  context,
-  onCompact,
-  placeholder,
-  disabled,
-  ...input
-}: EmployeeComposerProps<Id>): React.JSX.Element;
+declare function EmployeeComposerContent<Id extends string = string>({ personalization, connections, tools, contextSelector, tabs, model, dictation, context, onCompact, placeholder, disabled, ...input }: EmployeeComposerProps<Id>): React.JSX.Element;
 /** One composer anatomy for the app and its examples; unchanged configuration stays quiet during streaming. */
-declare const EmployeeComposer: typeof EmployeeComposerContent;
-interface EmployeeTranscriptProps extends Omit<ThinkChatMessageContentProps, "message"> {
+export declare const EmployeeComposer: typeof EmployeeComposerContent;
+export interface EmployeeTranscriptProps extends Omit<ThinkChatMessageContentProps, "message"> {
   readOnly?: boolean;
   scrollAnchor?: AgentChatTranscriptProps["scrollAnchor"];
 }
 /** Shared message content and actions, including the same read-only run behavior. */
-declare function EmployeeTranscript({
-  scrollAnchor,
-  ...content
-}: EmployeeTranscriptProps): React.JSX.Element;
+export declare function EmployeeTranscript({ scrollAnchor, ...content }: EmployeeTranscriptProps): React.JSX.Element;
 /** Common dock ordering. Hosts supply the runtime-backed notices and composer. */
-declare function EmployeeChatDock({
-  recovery,
-  notices,
-  readOnly,
-  children
-}: {
+export declare function EmployeeChatDock({ recovery, notices, readOnly, children }: {
   recovery?: React.ReactNode;
   notices?: React.ReactNode;
   readOnly?: boolean;
   children?: React.ReactNode;
 }): React.JSX.Element;
 /** Shared conversation layout. Hosts hydrate the parts and retain their runtime providers. */
-declare function EmployeeConversation<Id extends string = string>({
-  transcript,
-  composer,
-  welcome,
-  loading,
-  loadingLabel,
-  ...dock
-}: {
+export declare function EmployeeConversation<Id extends string = string>({ transcript, composer, welcome, loading, loadingLabel, ...dock }: {
   transcript?: EmployeeTranscriptProps;
   composer: EmployeeComposerProps<Id>;
   welcome?: Omit<EmployeeStartScreenProps<Id>, "children">;
   loading?: boolean;
   loadingLabel?: string;
 } & React.ComponentProps<typeof EmployeeChatDock>): React.JSX.Element;
-//#endregion
-export { EmployeeChatDock, EmployeeComposer, EmployeeComposerProps, EmployeeConversation, EmployeeTranscript, EmployeeTranscriptProps };
+//#endregion

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

@@ -2,11 +2,11 @@ import { PromptInputActionAddAttachments, PromptInputActionMenu, PromptInputActi
 import { Context, ContextContent, ContextContentBody, ContextContentHeader, ContextTrigger } from "../ai-sdk/Context.js";
 import { CodexModelSelector } from "../extension/CodexModelSelector.js";
 import { ConversationTabPicker } from "../extension/ConversationTabPicker.js";
-import { n as SetupChecklistGroup } from "../../SetupChecklist-DWyifWWg.js";
 import { AgentChat, useAgentChatCompaction } from "./AgentChat.js";
-import { ThinkChat } from "./ThinkChat.js";
+import { n as SetupChecklistGroup } from "../../SetupChecklist-DWyifWWg.js";
 import { McpServerPickerItems } from "./McpServerPicker.js";
 import { EmployeeStartScreen } from "./EmployeeStartScreen.js";
+import { ThinkChat } from "./ThinkChat.js";
 import * as React from "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/agents-sdk/EmployeeChat.tsx

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

@@ -1,2 +1,2 @@
-import { a as EmployeeDestination, c as EmployeeMenuProps, d as EmployeeRenderLink, f as EmployeeShellProps, h as EmployeeWorkbenchItem, i as EmployeeCompanion, l as EmployeeModelSetup, m as EmployeeView, n as EmployeeBrand, o as EmployeeFollow, p as EmployeeStatus, r as EmployeeChrome, s as EmployeeIdentity, t as EmployeeAgentRun, u as EmployeePasskeyVault } from "../../EmployeeChrome-B7Gt2Hpk.js";
+import { a as EmployeeDestination, c as EmployeeMenuProps, d as EmployeeRenderLink, f as EmployeeShellProps, h as EmployeeWorkbenchItem, i as EmployeeCompanion, l as EmployeeModelSetup, m as EmployeeView, n as EmployeeBrand, o as EmployeeFollow, p as EmployeeStatus, r as EmployeeChrome, s as EmployeeIdentity, t as EmployeeAgentRun, u as EmployeePasskeyVault } from "../../EmployeeChrome-CN99SVfF.js";
 export { EmployeeAgentRun, EmployeeBrand, EmployeeChrome, EmployeeCompanion, EmployeeDestination, EmployeeFollow, EmployeeIdentity, EmployeeMenuProps, EmployeeModelSetup, EmployeePasskeyVault, EmployeeRenderLink, EmployeeShellProps, EmployeeStatus, EmployeeView, EmployeeWorkbenchItem };

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

@@ -5,22 +5,22 @@ import { Menu } from "../foundations/Menu.js";
 import { Tooltip } from "../foundations/Tooltip.js";
 import { IconButton } from "../foundations/IconButton.js";
 import { Dialog } from "../foundations/Dialog.js";
-import { a as formatErrorMessage } from "../../format-COCyV98Z.js";
+import { a as formatErrorMessage } from "../../format-CWaZEp5o.js";
 import { AgentChatStartScreen, AgentChatStartScreenComposer, AgentChatStartScreenPrimary, AgentChatStartScreenSuggestions, AgentChatStartScreenTray, AgentChatStarterList } from "../ai-sdk/AgentChatStartScreen.js";
 import { n as isPlainPrimaryLinkActivation } from "../../navigation-link-kqMa81v5.js";
 import { DescriptionList } from "../foundations/DescriptionList.js";
 import { Avatar } from "../foundations/Avatar.js";
 import { ChatGptSignInScreen } from "../extension/ChatGptSignInScreen.js";
+import { SubagentRunLabel, getSubagentRunName } from "./SubagentRunIndicator.js";
+import { BrandLoading } from "../general-purpose/BrandLoading.js";
+import { AgentChat } from "./AgentChat.js";
 import { EmptyState } from "../foundations/EmptyState.js";
+import { AppTopBar } from "../general-purpose/AppTopBar.js";
 import { useTheme } from "../foundations/ThemeProvider.js";
 import { ActionGuide, ActionGuideAction, ActionGuideList, ActionGuideSection } from "../general-purpose/ActionGuide.js";
-import { AppTopBar } from "../general-purpose/AppTopBar.js";
-import { BrandLoading } from "../general-purpose/BrandLoading.js";
 import { ResponsiveSidebarShell, useResponsiveSidebarShell } from "../general-purpose/ResponsiveSidebarShell.js";
-import { SubagentRunLabel, getSubagentRunName } from "./SubagentRunIndicator.js";
-import { AgentChat } from "./AgentChat.js";
 import { McpServerIcon } from "./McpServerIcon.js";
-import { ThinkThreadPicker } from "./ThinkThreadPicker.js";
+import { ThinkThreadPicker, ThinkThreadStatusIndicators, summarizeThinkThreads } from "./ThinkThreadPicker.js";
 import * as React from "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/agents-sdk/EmployeeChrome.tsx
@@ -314,13 +314,14 @@ function useEmployeeRunStopFocus() {
 }
 function employeeShellTitle({ agentRun, threadTitle }) {
 	if (!agentRun) return threadTitle ?? "New chat";
+	const content = agentRun.state === "ready" ? /* @__PURE__ */ jsx(SubagentRunLabel, { run: agentRun.run }) : /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(SpinnerIcon, {}), /* @__PURE__ */ jsx("span", {
+		className: "sigvelo-truncate",
+		children: "Delegated run"
+	})] });
 	return /* @__PURE__ */ jsx("span", {
 		"data-slot": "employee-run-title",
 		className: "employee-shell__run-title",
-		children: agentRun.state === "ready" ? /* @__PURE__ */ jsx(SubagentRunLabel, { run: agentRun.run }) : /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(SpinnerIcon, {}), /* @__PURE__ */ jsx("span", {
-			className: "sigvelo-truncate",
-			children: "Delegated run"
-		})] })
+		children: content
 	});
 }
 function employeeShellActions({ agentRun, view, renderLink, workbenchNavigation, focusedStop, navigation }) {
@@ -398,7 +399,7 @@ function EmployeeShell({ view, threads, threadId, agentRun, renderLink, appBarLe
 					agentRun,
 					threadTitle: thread?.title
 				}),
-				compactTitleTrigger: agentRun ? void 0 : /* @__PURE__ */ jsx("span", { children: thread?.title ?? "New chat" }),
+				compactTitleTrigger: agentRun ? void 0 : /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx("span", { children: thread?.title ?? "New chat" }), /* @__PURE__ */ jsx(ThinkThreadStatusIndicators, { summary: summarizeThinkThreads(history) })] }),
 				leading: agentRun ? back : /* @__PURE__ */ jsxs(Fragment, { children: [appBarLeading, /* @__PURE__ */ jsx(EmployeeNewThread, { renderLink })] }),
 				compactLeading: !agentRun && view !== "chat" ? compactBack ?? back : void 0,
 				actions: employeeShellActions({

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

@@ -1,24 +1,13 @@
-import { c as EmployeeMenuProps } from "../../EmployeeChrome-B7Gt2Hpk.js";
-import { t as ThinkRoutine } from "../../ThinkRoutine-Cb1DdaHa.js";
+import { c as EmployeeMenuProps } from "../../EmployeeChrome-CN99SVfF.js";
+import { t as ThinkRoutine } from "../../ThinkRoutine-DGlKJbIy.js";
 import { ThinkRoutineActionsRootProps } from "./ThinkRoutineActions.js";
 import * as React from "react";
-
 //#region src/components/agents-sdk/EmployeeSchedules.d.ts
-interface EmployeeSchedulesProps<Routine extends ThinkRoutine = ThinkRoutine> extends EmployeeMenuProps, Pick<ThinkRoutineActionsRootProps<Routine>, "sourceKey" | "onRun" | "onEnabledChange" | "onDelete"> {
+export interface EmployeeSchedulesProps<Routine extends ThinkRoutine = ThinkRoutine> extends EmployeeMenuProps, Pick<ThinkRoutineActionsRootProps<Routine>, "sourceKey" | "onRun" | "onEnabledChange" | "onDelete"> {
   routines: readonly Routine[];
   selectedRoutineId: string | null;
   error?: React.ReactNode;
 }
 /** Schedule navigation, selection, empty states and controls shared by every host. */
-declare function EmployeeSchedules<Routine extends ThinkRoutine>({
-  routines,
-  selectedRoutineId,
-  error,
-  sourceKey,
-  onRun,
-  onEnabledChange,
-  onDelete,
-  ...menu
-}: EmployeeSchedulesProps<Routine>): React.JSX.Element;
-//#endregion
-export { EmployeeSchedules, EmployeeSchedulesProps };
+export declare function EmployeeSchedules<Routine extends ThinkRoutine>({ routines, selectedRoutineId, error, sourceKey, onRun, onEnabledChange, onDelete, ...menu }: EmployeeSchedulesProps<Routine>): React.JSX.Element;
+//#endregion

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

@@ -1,8 +1,8 @@
 import { R as PencilIcon, r as ArrowLeftIcon } from "../../icons-CeGfXO21.js";
-import { LinkButton } from "../foundations/LinkButton.js";
 import { AppTopBar } from "../general-purpose/AppTopBar.js";
-import { ResponsiveSidebarShell } from "../general-purpose/ResponsiveSidebarShell.js";
 import { StatusScreen } from "../general-purpose/StatusScreen.js";
+import { ResponsiveSidebarShell } from "../general-purpose/ResponsiveSidebarShell.js";
+import { LinkButton } from "../foundations/LinkButton.js";
 import { EmployeeChrome } from "./EmployeeChrome.js";
 import { getThinkExecutionRunId } from "./ThinkExecutionRun.js";
 import { ThinkRoutineActions, useThinkRoutineActions } from "./ThinkRoutineActions.js";
@@ -12,10 +12,11 @@ import "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/agents-sdk/EmployeeSchedules.tsx
 function SelectedRoutine({ routine, renderLink }) {
+	const actions = useThinkRoutineActions();
 	return /* @__PURE__ */ jsx(ThinkRoutineDetail, {
 		routine,
 		showOwner: false,
-		...useThinkRoutineActions(),
+		...actions,
 		renderRunLink: (run) => renderLink({
 			kind: "routine-run",
 			routineId: routine.id,

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

@@ -1,17 +1,16 @@
-import { J as PromptInputMessage } from "../../PromptInput-DGPrCTPl.js";
-import { a as EmployeeDestination, n as EmployeeBrand } from "../../EmployeeChrome-B7Gt2Hpk.js";
+import { J as PromptInputMessage } from "../../PromptInput-C3adKglc.js";
+import { a as EmployeeDestination, n as EmployeeBrand } from "../../EmployeeChrome-CN99SVfF.js";
 import { SetupChecklistGroupProps } from "../general-purpose/SetupChecklist.js";
-import { n as McpPluginCatalogProps } from "../../McpPluginCatalog-DNeHDrts.js";
-import { r as WorkspaceMountManagerProps } from "../../WorkspaceMountManager-CkLI1B-G.js";
+import { n as McpPluginCatalogProps } from "../../McpPluginCatalog-uSh0gGeY.js";
+import { r as WorkspaceMountManagerProps } from "../../WorkspaceMountManager-DM384Cn6.js";
 import * as React from "react";
-
 //#region src/components/agents-sdk/EmployeeStartScreen.d.ts
-interface EmployeeStartConnection {
+export interface EmployeeStartConnection {
   configured: boolean;
   description?: string;
   onSelect: () => void;
 }
-interface EmployeeStartActions<Id extends string = string> {
+export interface EmployeeStartActions<Id extends string = string> {
   onSubmit: (message: PromptInputMessage) => void | Promise<void>;
   suggestions?: readonly {
     label: string;
@@ -25,7 +24,7 @@ interface EmployeeStartActions<Id extends string = string> {
   mounts?: Omit<WorkspaceMountManagerProps, "trigger">;
   personalization?: Pick<SetupChecklistGroupProps<Id>, "entries" | "onSelect">;
 }
-interface EmployeeStartScreenProps<Id extends string = string> {
+export interface EmployeeStartScreenProps<Id extends string = string> {
   brand: EmployeeBrand;
   start: EmployeeStartActions<Id>;
   plugins?: McpPluginCatalogProps;
@@ -33,12 +32,5 @@ interface EmployeeStartScreenProps<Id extends string = string> {
   children: React.ReactNode;
 }
 /** Canonical welcome screen, including configured connection states and connection menus. */
-declare function EmployeeStartScreen<Id extends string>({
-  brand,
-  start,
-  plugins,
-  renderLink,
-  children
-}: EmployeeStartScreenProps<Id>): React.JSX.Element;
-//#endregion
-export { EmployeeStartActions, EmployeeStartConnection, EmployeeStartScreen, EmployeeStartScreenProps };
+export declare function EmployeeStartScreen<Id extends string>({ brand, start, plugins, renderLink, children }: EmployeeStartScreenProps<Id>): React.JSX.Element;
+//#endregion

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

@@ -1,10 +1,10 @@
 import { C as FolderIcon, G as SlackIcon, I as PaperclipIcon, c as BoxIcon, g as DiscordIcon } from "../../icons-CeGfXO21.js";
 import { Menu } from "../foundations/Menu.js";
 import { IconButton } from "../foundations/IconButton.js";
-import { AppIcon } from "../foundations/AppIcon.js";
 import { ActionGuideAction } from "../general-purpose/ActionGuide.js";
-import { t as SetupChecklistAction } from "../../SetupChecklist-DWyifWWg.js";
+import { AppIcon } from "../foundations/AppIcon.js";
 import { EmployeeChrome } from "./EmployeeChrome.js";
+import { t as SetupChecklistAction } from "../../SetupChecklist-DWyifWWg.js";
 import { McpServerPickerAction, McpServerPickerItems } from "./McpServerPicker.js";
 import { WorkspaceMountManager } from "./WorkspaceMountManager.js";
 import * as React from "react";

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

@@ -1,7 +1,6 @@
 import * as React from "react";
-
 //#region src/components/agents-sdk/ManagerAccountActions.d.ts
-interface ManagerAccountActionsProps {
+export interface ManagerAccountActionsProps {
   employees: readonly {
     id: string;
     name: string;
@@ -16,14 +15,7 @@ interface ManagerAccountActionsProps {
   };
 }
 /** Account actions and removal feedback; session mutation/navigation stay host-owned. */
-declare function ManagerAccountActions({
-  employees,
-  employee,
-  onRemove,
-  onSignOut,
-  addEmployee
-}: ManagerAccountActionsProps): React.JSX.Element;
+export declare function ManagerAccountActions({ employees, employee, onRemove, onSignOut, addEmployee }: ManagerAccountActionsProps): React.JSX.Element;
 /** Standard office toast viewport shared by applications and stories. */
-declare function ManagerOfficeToasts(): React.JSX.Element;
-//#endregion
-export { ManagerAccountActions, ManagerAccountActionsProps, ManagerOfficeToasts };
+export declare function ManagerOfficeToasts(): React.JSX.Element;
+//#endregion

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

@@ -1,9 +1,9 @@
 import { B as PlusIcon, y as EllipsisIcon } from "../../icons-CeGfXO21.js";
 import { Menu } from "../foundations/Menu.js";
 import { IconButton } from "../foundations/IconButton.js";
-import { a as formatErrorMessage } from "../../format-COCyV98Z.js";
-import { Toast } from "../foundations/Toast.js";
+import { a as formatErrorMessage } from "../../format-CWaZEp5o.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.d.ts

@@ -1,11 +1,10 @@
-import { t as ThinkRoutine } from "../../ThinkRoutine-Cb1DdaHa.js";
-import { t as Correspondent } from "../../Correspondent-7K6uNLUm.js";
+import { t as ThinkRoutine } from "../../ThinkRoutine-DGlKJbIy.js";
+import { t as Correspondent } from "../../Correspondent-ANkZHGEa.js";
 import * as React from "react";
 import { useRender } from "@base-ui/react/use-render";
-
 //#region src/components/agents-sdk/ManagerOffice.d.ts
-type ManagerOfficeWorkStatus = "idle" | "running" | "attention" | "error" | "interrupted";
-interface ManagerOfficeHandoff {
+export type ManagerOfficeWorkStatus = "idle" | "running" | "attention" | "error" | "interrupted";
+export interface ManagerOfficeHandoff {
   /** Stable handoff identity. */
   id: string;
   /** Exact claimed browser tab waiting for the manager. */
@@ -30,7 +29,7 @@ interface ManagerOfficeHandoff {
  * folder (files, recorded Google Doc/Sheet URLs, people) once the employee
  * creates it. Not a document registry and not a CRM.
  */
-type ManagerOfficeWorkingSetItem = {
+export type ManagerOfficeWorkingSetItem = {
   kind: "file";
   path: string;
   title: string;
@@ -46,7 +45,7 @@ type ManagerOfficeWorkingSetItem = {
   kind: "correspondent";
   correspondent: Correspondent;
 };
-interface ManagerOfficeWork {
+export interface ManagerOfficeWork {
   /** Stable work identity. */
   id: string;
   /** Human-readable outcome or conversation title. */
@@ -63,8 +62,8 @@ interface ManagerOfficeWork {
    */
   workingSet?: readonly ManagerOfficeWorkingSetItem[];
 }
-type ManagerOfficeChannelStatus = "connected" | "needs-auth" | "error";
-interface ManagerOfficeChannel {
+export type ManagerOfficeChannelStatus = "connected" | "needs-auth" | "error";
+export interface ManagerOfficeChannel {
   /** Stable channel identity. */
   id: string;
   /** Service the employee reaches through, such as “Slack” or “Gmail”. */
@@ -89,7 +88,7 @@ interface ManagerOfficeEmployeeBase {
   /** One or two characters rendered when no avatar image exists. */
   initials: string;
 }
-interface ManagerOfficeConnectedEmployee extends ManagerOfficeEmployeeBase {
+export interface ManagerOfficeConnectedEmployee extends ManagerOfficeEmployeeBase {
   status: "needs-you" | "working" | "idle" | "issue";
   /** Plain-language summary of the employee's role. */
   role: string;
@@ -100,19 +99,19 @@ interface ManagerOfficeConnectedEmployee extends ManagerOfficeEmployeeBase {
   /** Every service the employee reads from or acts on. Empty is meaningful. */
   channels: readonly ManagerOfficeChannel[];
 }
-interface ManagerOfficeDisconnectedEmployee extends ManagerOfficeEmployeeBase {
+export interface ManagerOfficeDisconnectedEmployee extends ManagerOfficeEmployeeBase {
   status: "offline" | "connecting" | "unavailable";
   /** Honest explanation of the connection state and the manager's next option. */
   statusDescription: string;
 }
-type ManagerOfficeEmployee = ManagerOfficeConnectedEmployee | ManagerOfficeDisconnectedEmployee;
-type ManagerOfficeEmployeeStatus = ManagerOfficeEmployee["status"];
+export type ManagerOfficeEmployee = ManagerOfficeConnectedEmployee | ManagerOfficeDisconnectedEmployee;
+export type ManagerOfficeEmployeeStatus = ManagerOfficeEmployee["status"];
 /**
  * Every place the office can send a manager, as one discriminated union — the
  * same shape `WorkspaceNavigationAdapter.renderLink` uses. Consumers map it
  * with one `switch` instead of implementing seven factories.
  */
-type ManagerOfficeDestination = {
+export type ManagerOfficeDestination = {
   kind: "attention";
 } | {
   kind: "employee";
@@ -137,17 +136,19 @@ type ManagerOfficeDestination = {
   employee: ManagerOfficeConnectedEmployee;
 } | {
   kind: "workspace";
-  employee: ManagerOfficeConnectedEmployee; /** Owning lane when opening a file from that lane's working set. */
-  work?: ManagerOfficeWork; /** Workspace path to select, when the destination is a specific entry. */
+  employee: ManagerOfficeConnectedEmployee;
+  /** Owning lane when opening a file from that lane's working set. */
+  work?: ManagerOfficeWork;
+  /** Workspace path to select, when the destination is a specific entry. */
   path?: string;
 };
-interface ManagerOfficeRootProps extends useRender.ComponentProps<"div"> {
+export interface ManagerOfficeRootProps extends useRender.ComponentProps<"div"> {
   /** Data projected from the owning employee runtimes. */
   employees: readonly ManagerOfficeEmployee[];
   /** Application-owned routes; no navigation state lives in the office. */
   renderLink: (destination: ManagerOfficeDestination) => React.ReactElement;
 }
-interface ManagerOfficeSidebarProps extends Omit<React.HTMLAttributes<HTMLElement>, "content"> {
+export interface ManagerOfficeSidebarProps extends Omit<React.HTMLAttributes<HTMLElement>, "content"> {
   /** Close the office drawer after a compact-width selection. */
   closeSidebarOnCompact?: () => void;
   /** Employees projected from their owning runtimes. */
@@ -168,11 +169,13 @@ interface ManagerOfficeSidebarProps extends Omit<React.HTMLAttributes<HTMLElemen
    */
   layout?: "office" | "chat";
 }
-type ManagerOfficeSidebarAlertProps = {
+export type ManagerOfficeSidebarAlertProps = {
   "aria-label"?: string;
   className?: string;
-  onClick?: React.MouseEventHandler<HTMLAnchorElement>; /** Primary actionable issue title. */
-  title: React.ReactNode; /** Quiet owning-work or source context. */
+  onClick?: React.MouseEventHandler<HTMLAnchorElement>;
+  /** Primary actionable issue title. */
+  title: React.ReactNode;
+  /** Quiet owning-work or source context. */
   detail?: React.ReactNode;
 } & ({
   href: string;
@@ -182,88 +185,29 @@ type ManagerOfficeSidebarAlertProps = {
   href?: never;
 });
 /** Dense nested action for an employee alert already signalled by the roster status. */
-declare function ManagerOfficeSidebarAlert({
-  className,
-  detail,
-  title,
-  ...props
-}: ManagerOfficeSidebarAlertProps): React.JSX.Element;
-declare function ManagerOfficeSidebar({
-  className,
-  closeSidebarOnCompact,
-  content,
-  employees,
-  renderLink,
-  footer,
-  layout,
-  officeActions,
-  selectedEmployeeId,
-  ...props
-}: ManagerOfficeSidebarProps): React.JSX.Element;
-declare function ManagerOfficeAttention({
-  className,
-  ...props
-}: React.ComponentPropsWithRef<"div">): React.JSX.Element;
-interface ManagerOfficeEmployeeProps extends useRender.ComponentProps<"div"> {
+export declare function ManagerOfficeSidebarAlert({ className, detail, title, ...props }: ManagerOfficeSidebarAlertProps): React.JSX.Element;
+export declare function ManagerOfficeSidebar({ className, closeSidebarOnCompact, content, employees, renderLink, footer, layout, officeActions, selectedEmployeeId, ...props }: ManagerOfficeSidebarProps): React.JSX.Element;
+declare function ManagerOfficeAttention({ className, ...props }: React.ComponentPropsWithRef<"div">): React.JSX.Element;
+export interface ManagerOfficeEmployeeProps extends useRender.ComponentProps<"div"> {
   employee: ManagerOfficeConnectedEmployee;
 }
 /** Scope the selected employee without imposing dossier content or column order. */
-declare function ManagerOfficeEmployeeRoot({
-  employee,
-  render,
-  ref,
-  ...props
-}: ManagerOfficeEmployeeProps): React.JSX.Element;
-declare function ManagerOfficeEmployeeHeader({
-  className,
-  ...props
-}: React.ComponentPropsWithRef<"header">): React.JSX.Element;
-declare function ManagerOfficeHandoffs({
-  className,
-  ...props
-}: React.ComponentPropsWithRef<"section">): React.JSX.Element | null;
-declare function ManagerOfficeWorkSection({
-  className,
-  ...props
-}: React.ComponentPropsWithRef<"section">): React.JSX.Element;
-declare function ManagerOfficeRoutines({
-  className,
-  ...props
-}: React.ComponentPropsWithRef<"section">): React.JSX.Element;
-declare function ManagerOfficeChannels({
-  className,
-  ...props
-}: React.ComponentPropsWithRef<"section">): React.JSX.Element;
-declare function ManagerOfficeMain({
-  render,
-  ref,
-  ...props
-}: useRender.ComponentProps<"main">): React.ReactElement<unknown, string | React.JSXElementConstructor<any>>;
-declare function ManagerOfficeColumns({
-  render,
-  ref,
-  ...props
-}: useRender.ComponentProps<"div">): React.ReactElement<unknown, string | React.JSXElementConstructor<any>>;
-declare function ManagerOfficeAside({
-  render,
-  ref,
-  ...props
-}: useRender.ComponentProps<"aside">): React.ReactElement<unknown, string | React.JSXElementConstructor<any>>;
+declare function ManagerOfficeEmployeeRoot({ employee, render, ref, ...props }: ManagerOfficeEmployeeProps): React.JSX.Element;
+declare function ManagerOfficeEmployeeHeader({ className, ...props }: React.ComponentPropsWithRef<"header">): React.JSX.Element;
+declare function ManagerOfficeHandoffs({ className, ...props }: React.ComponentPropsWithRef<"section">): React.JSX.Element | null;
+declare function ManagerOfficeWorkSection({ className, ...props }: React.ComponentPropsWithRef<"section">): React.JSX.Element;
+declare function ManagerOfficeRoutines({ className, ...props }: React.ComponentPropsWithRef<"section">): React.JSX.Element;
+declare function ManagerOfficeChannels({ className, ...props }: React.ComponentPropsWithRef<"section">): React.JSX.Element;
+declare function ManagerOfficeMain({ render, ref, ...props }: useRender.ComponentProps<"main">): React.ReactElement<unknown, string | React.JSXElementConstructor<any>>;
+declare function ManagerOfficeColumns({ render, ref, ...props }: useRender.ComponentProps<"div">): React.ReactElement<unknown, string | React.JSXElementConstructor<any>>;
+declare function ManagerOfficeAside({ render, ref, ...props }: useRender.ComponentProps<"aside">): React.ReactElement<unknown, string | React.JSXElementConstructor<any>>;
 /** Honest disconnected state; the host chooses when and where to display it. */
-declare function ManagerOfficeConnectionState({
-  employee
-}: {
+declare function ManagerOfficeConnectionState({ employee }: {
   employee: ManagerOfficeDisconnectedEmployee;
 }): React.JSX.Element;
 /** Office data and relative-time boundary; hosts compose their shell and routed content. */
-declare function ManagerOfficeRoot({
-  employees,
-  renderLink,
-  render,
-  ref,
-  ...props
-}: ManagerOfficeRootProps): React.JSX.Element;
-declare const ManagerOffice: {
+declare function ManagerOfficeRoot({ employees, renderLink, render, ref, ...props }: ManagerOfficeRootProps): React.JSX.Element;
+export declare const ManagerOffice: {
   Root: typeof ManagerOfficeRoot;
   Main: typeof ManagerOfficeMain;
   Attention: typeof ManagerOfficeAttention;
@@ -277,5 +221,4 @@ declare const ManagerOffice: {
   Channels: typeof ManagerOfficeChannels;
   ConnectionState: typeof ManagerOfficeConnectionState;
 };
-//#endregion
-export { ManagerOffice, ManagerOfficeChannel, ManagerOfficeChannelStatus, ManagerOfficeConnectedEmployee, ManagerOfficeDestination, ManagerOfficeDisconnectedEmployee, ManagerOfficeEmployee, ManagerOfficeEmployeeProps, ManagerOfficeEmployeeStatus, ManagerOfficeHandoff, ManagerOfficeRootProps, ManagerOfficeSidebar, ManagerOfficeSidebarAlert, ManagerOfficeSidebarAlertProps, ManagerOfficeSidebarProps, ManagerOfficeWork, ManagerOfficeWorkStatus, ManagerOfficeWorkingSetItem };
+//#endregion

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

@@ -1,2 +1,2 @@
-import { n as ManagerOfficeSidebar, r as ManagerOfficeSidebarAlert, t as ManagerOffice } from "../../ManagerOffice-D4L_xO4i.js";
+import { n as ManagerOfficeSidebar, r as ManagerOfficeSidebarAlert, t as ManagerOffice } from "../../ManagerOffice-CJwBAEMv.js";
 export { ManagerOffice, ManagerOfficeSidebar, ManagerOfficeSidebarAlert };

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

@@ -1,49 +1,38 @@
-import { f as EmployeeShellProps } from "../../EmployeeChrome-B7Gt2Hpk.js";
+import { f as EmployeeShellProps } from "../../EmployeeChrome-CN99SVfF.js";
 import { ManagerOfficeConnectedEmployee, ManagerOfficeDestination, ManagerOfficeEmployee } from "./ManagerOffice.js";
 import * as React from "react";
-
 //#region src/components/agents-sdk/ManagerOfficeScreens.d.ts
-type ManagerOfficeView = {
+export type ManagerOfficeView = {
   kind: "attention";
 } | {
   kind: "employee";
   employeeId: string;
 };
-interface ManagerWorkShellProps extends Omit<EmployeeShellProps, "appBarLeading"> {
+export interface ManagerWorkShellProps extends Omit<EmployeeShellProps, "appBarLeading"> {
   employees: readonly ManagerOfficeEmployee[];
   employee: ManagerOfficeEmployee;
   renderOfficeLink: (destination: ManagerOfficeDestination) => React.ReactElement;
   officeActions: React.ReactNode;
 }
 /** Workforce navigation remains available while reading or sending work. */
-declare function ManagerWorkShell({
-  employees,
-  employee,
-  renderOfficeLink,
-  officeActions,
-  ...chrome
-}: ManagerWorkShellProps): React.JSX.Element;
+export declare function ManagerWorkShell({ employees, employee, renderOfficeLink, officeActions, ...chrome }: ManagerWorkShellProps): React.JSX.Element;
 /** Employee channels in the same raised workbench plane as files and other output. */
-declare function ManagerWorkChannels({
-  employee
-}: {
+export declare function ManagerWorkChannels({ employee }: {
   employee: ManagerOfficeConnectedEmployee;
 }): React.JSX.Element;
 /** Canonical manager overview; the host supplies its roster, actions and destinations. */
-declare function ManagerOfficeScreen({
-  employees,
-  renderLink,
-  view,
-  emptyOfficeAction,
-  officeActions,
-  renderEmployeeActions
-}: {
-  /** Current employee projections, including connecting and offline entries. */employees: readonly ManagerOfficeEmployee[]; /** Render a host-owned route link for an office destination. */
-  renderLink: (destination: ManagerOfficeDestination) => React.ReactElement; /** Selected attention inbox or employee dossier. */
-  view: ManagerOfficeView; /** Sign-in or add-employee control shown for an empty roster. */
-  emptyOfficeAction: React.ReactNode; /** Shared account actions displayed above the employee roster. */
-  officeActions: React.ReactNode; /** Shared account actions for the selected employee. */
+export declare function ManagerOfficeScreen({ employees, renderLink, view, emptyOfficeAction, officeActions, renderEmployeeActions }: {
+  /** Current employee projections, including connecting and offline entries. */
+  employees: readonly ManagerOfficeEmployee[];
+  /** Render a host-owned route link for an office destination. */
+  renderLink: (destination: ManagerOfficeDestination) => React.ReactElement;
+  /** Selected attention inbox or employee dossier. */
+  view: ManagerOfficeView;
+  /** Sign-in or add-employee control shown for an empty roster. */
+  emptyOfficeAction: React.ReactNode;
+  /** Shared account actions displayed above the employee roster. */
+  officeActions: React.ReactNode;
+  /** Shared account actions for the selected employee. */
   renderEmployeeActions: (employee: ManagerOfficeConnectedEmployee) => React.ReactNode;
 }): React.JSX.Element;
-//#endregion
-export { ManagerOfficeScreen, ManagerOfficeView, ManagerWorkChannels, ManagerWorkShell, ManagerWorkShellProps };
+//#endregion

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

@@ -5,7 +5,7 @@ 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-D4L_xO4i.js";
+import { n as ManagerOfficeSidebar, r as ManagerOfficeSidebarAlert, t as ManagerOffice } from "../../ManagerOffice-CJwBAEMv.js";
 import "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/agents-sdk/ManagerOfficeScreens.tsx