@mcp-b/react-components 0.47.0 → 0.49.0

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

@@ -1,18 +1,10 @@
-import { n as ResponsiveSidebarShell } from "../../ResponsiveSidebarShell-BTVPxLJK.js";
+import { t as Correspondent } from "../../Correspondent-7K6uNLUm.js";
 import { ThinkRoutine } from "./ThinkRoutine.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";
-/** The app-owned projection currently shown by the manager office. */
-type ManagerOfficeView = {
-  kind: "dashboard";
-} | {
-  kind: "attention";
-} | {
-  kind: "employee";
-  employeeId: string;
-};
 interface ManagerOfficeHandoff {
   /** Stable handoff identity. */
   id: string;
@@ -33,6 +25,27 @@ interface ManagerOfficeHandoff {
   /** Unix timestamp in milliseconds when this handoff began. */
   createdAt: number;
 }
+/**
+ * One item in a lane's workspace staging area. Companion projects a thread
+ * folder (files, recorded Google Doc/Sheet URLs, people) once the employee
+ * creates it. Not a document registry and not a CRM.
+ */
+type ManagerOfficeWorkingSetItem = {
+  kind: "file";
+  path: string;
+  title: string;
+} | {
+  kind: "folder";
+  path: string;
+  title: string;
+} | {
+  kind: "link";
+  href: string;
+  title: string;
+} | {
+  kind: "correspondent";
+  correspondent: Correspondent;
+};
 interface ManagerOfficeWork {
   /** Stable work identity. */
   id: string;
@@ -44,16 +57,18 @@ interface ManagerOfficeWork {
   summary?: string;
   /** Unix timestamp in milliseconds of the latest lifecycle transition. */
   updatedAt: number;
+  /**
+   * Staging files, provider documents, and people this lane is using. Omit or
+   * empty until the employee creates the thread's workspace folder.
+   */
+  workingSet?: readonly ManagerOfficeWorkingSetItem[];
 }
-/** Which way work moves through a channel, from the employee's side. */
-type ManagerOfficeChannelDirection = "input" | "output" | "both";
 type ManagerOfficeChannelStatus = "connected" | "needs-auth" | "error";
 interface ManagerOfficeChannel {
   /** Stable channel identity. */
   id: string;
   /** Service the employee reaches through, such as “Slack” or “Gmail”. */
   name: string;
-  direction: ManagerOfficeChannelDirection;
   status: ManagerOfficeChannelStatus;
   /** Connected account or workspace, or the reason the channel stopped. */
   detail?: string;
@@ -64,30 +79,6 @@ interface ManagerOfficeChannel {
    */
   icon?: React.ReactNode;
 }
-interface ManagerOfficeBrowserPreview {
-  /** Title of the tab currently visible on the employee's browser. */
-  title: string;
-  /** Display-safe URL supplied by the host. */
-  url: string;
-}
-interface ManagerOfficeAnalyticsPoint {
-  /** Start of the reporting bucket as a Unix timestamp in milliseconds. */
-  timestamp: number;
-  /** Outcomes completed during this bucket. */
-  completed: number;
-  /** Employee runtime consumed during this bucket. */
-  workloadHours: number;
-  /** Host-estimated inference and tool cost during this bucket. */
-  estimatedCost: number;
-}
-interface ManagerOfficeEmployeeAnalytics {
-  employeeId: string;
-  points: readonly ManagerOfficeAnalyticsPoint[];
-}
-interface ManagerOfficeReportSelection {
-  employeeIds: readonly string[];
-  rangeDays: 7 | 30 | 90;
-}
 interface ManagerOfficeEmployeeBase {
   /** Stable employee identity used by routes and list keys. */
   id: string;
@@ -108,8 +99,6 @@ interface ManagerOfficeConnectedEmployee extends ManagerOfficeEmployeeBase {
   routines: readonly ThinkRoutine[];
   /** Every service the employee reads from or acts on. Empty is meaningful. */
   channels: readonly ManagerOfficeChannel[];
-  /** The live tab the manager can glance at from the office. */
-  browserPreview?: ManagerOfficeBrowserPreview;
 }
 interface ManagerOfficeDisconnectedEmployee extends ManagerOfficeEmployeeBase {
   status: "offline" | "connecting" | "unavailable";
@@ -148,32 +137,15 @@ type ManagerOfficeDestination = {
   employee: ManagerOfficeConnectedEmployee;
 } | {
   kind: "workspace";
-  employee: ManagerOfficeConnectedEmployee;
+  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 ManagerOfficeProps extends React.HTMLAttributes<HTMLDivElement> {
-  /** Current disposable navigation projection; durable selection remains app-owned. */
-  view: ManagerOfficeView;
-  /** Employees projected from their owning runtimes. */
+interface ManagerOfficeRootProps extends useRender.ComponentProps<"div"> {
+  /** Data projected from the owning employee runtimes. */
   employees: readonly ManagerOfficeEmployee[];
-  /** Returns an app-owned route element for every office destination. */
+  /** Application-owned routes; no navigation state lives in the office. */
   renderLink: (destination: ManagerOfficeDestination) => React.ReactElement;
-  /** Add/sign-out controls rendered in the app bar or office rail. */
-  officeActions?: React.ReactNode;
-  /** Place the wide-layout Workforce toggle. Defaults to the Workforce sidebar. */
-  sidebarTogglePlacement?: React.ComponentProps<typeof ResponsiveSidebarShell>["sidebarTogglePlacement"];
-  /**
-   * Actions rendered for the selected connected employee. Compose interactive
-   * controls through `AppTopBar.Control` so they join the toolbar.
-   */
-  renderEmployeeActions?: (employee: ManagerOfficeConnectedEmployee) => React.ReactNode;
-  /** Action shown in the empty office. */
-  emptyOfficeAction?: React.ReactNode;
-  /** Per-employee reporting buckets used by the executive analytics view. */
-  analytics?: readonly ManagerOfficeEmployeeAnalytics[];
-  /** Currency used for cost estimates. Defaults to USD. */
-  analyticsCurrency?: string;
-  /** Export the exact filtered portfolio and time range currently on screen. */
-  onExportReport?: (selection: ManagerOfficeReportSelection) => void;
 }
 interface ManagerOfficeSidebarProps extends Omit<React.HTMLAttributes<HTMLElement>, "content"> {
   /** Close the office drawer after a compact-width selection. */
@@ -181,7 +153,7 @@ interface ManagerOfficeSidebarProps extends Omit<React.HTMLAttributes<HTMLElemen
   /** Employees projected from their owning runtimes. */
   employees: readonly ManagerOfficeEmployee[];
   /** App-owned route element for an employee selection. */
-  renderLink: ManagerOfficeProps["renderLink"];
+  renderLink: ManagerOfficeRootProps["renderLink"];
   /** Add/sign-out/toggle controls rendered beside Workforce. */
   officeActions?: React.ReactNode;
   /** Employee whose row and optional nested content are active. */
@@ -190,6 +162,11 @@ interface ManagerOfficeSidebarProps extends Omit<React.HTMLAttributes<HTMLElemen
   content?: React.ReactNode;
   /** Persistent sidebar action, such as starting a conversation with the selected employee. */
   footer?: React.ReactNode;
+  /**
+   * Office is a vertical named roster. Chat is a horizontal seat strip so the
+   * thread list owns the column.
+   */
+  layout?: "office" | "chat";
 }
 type ManagerOfficeSidebarAlertProps = {
   "aria-label"?: string;
@@ -211,11 +188,6 @@ declare function ManagerOfficeSidebarAlert({
   title,
   ...props
 }: ManagerOfficeSidebarAlertProps): React.JSX.Element;
-/**
- * Shared Manager Office rail. Stories and host shells may add employee-owned
- * content, but the Workforce header, roster identity, status language, scrolling,
- * and footer placement stay component-owned and therefore cannot drift.
- */
 declare function ManagerOfficeSidebar({
   className,
   closeSidebarOnCompact,
@@ -223,29 +195,87 @@ declare function ManagerOfficeSidebar({
   employees,
   renderLink,
   footer,
+  layout,
   officeActions,
   selectedEmployeeId,
   ...props
 }: ManagerOfficeSidebarProps): React.JSX.Element;
-/**
- * Multi-employee manager office: a dashboard, aggregate handoffs, employee
- * roster, and one employee dossier. The consuming app owns authentication,
- * Agent connections, routing, and the selected employee's full work surface.
- */
-declare function ManagerOffice({
-  analytics,
-  analyticsCurrency,
+declare function ManagerOfficeAttention({
+  className,
+  ...props
+}: React.ComponentPropsWithRef<"div">): React.JSX.Element;
+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,
-  emptyOfficeAction,
+  ...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
+}: {
+  employee: ManagerOfficeDisconnectedEmployee;
+}): React.JSX.Element;
+/** Office data and relative-time boundary; hosts compose their shell and routed content. */
+declare function ManagerOfficeRoot({
   employees,
   renderLink,
-  officeActions,
-  onExportReport,
-  renderEmployeeActions,
-  sidebarTogglePlacement,
-  style,
-  view,
+  render,
+  ref,
   ...props
-}: ManagerOfficeProps): React.JSX.Element;
+}: ManagerOfficeRootProps): React.JSX.Element;
+declare const ManagerOffice: {
+  Root: typeof ManagerOfficeRoot;
+  Main: typeof ManagerOfficeMain;
+  Attention: typeof ManagerOfficeAttention;
+  Employee: typeof ManagerOfficeEmployeeRoot;
+  EmployeeHeader: typeof ManagerOfficeEmployeeHeader;
+  Handoffs: typeof ManagerOfficeHandoffs;
+  Columns: typeof ManagerOfficeColumns;
+  Aside: typeof ManagerOfficeAside;
+  Work: typeof ManagerOfficeWorkSection;
+  Routines: typeof ManagerOfficeRoutines;
+  Channels: typeof ManagerOfficeChannels;
+  ConnectionState: typeof ManagerOfficeConnectionState;
+};
 //#endregion
-export { ManagerOffice, ManagerOfficeAnalyticsPoint, ManagerOfficeBrowserPreview, ManagerOfficeChannel, ManagerOfficeChannelDirection, ManagerOfficeChannelStatus, ManagerOfficeConnectedEmployee, ManagerOfficeDestination, ManagerOfficeDisconnectedEmployee, ManagerOfficeEmployee, ManagerOfficeEmployeeAnalytics, ManagerOfficeEmployeeStatus, ManagerOfficeHandoff, ManagerOfficeProps, ManagerOfficeReportSelection, ManagerOfficeSidebar, ManagerOfficeSidebarAlert, ManagerOfficeSidebarAlertProps, ManagerOfficeSidebarProps, ManagerOfficeView, ManagerOfficeWork, ManagerOfficeWorkStatus };
+export { ManagerOffice, ManagerOfficeChannel, ManagerOfficeChannelStatus, ManagerOfficeConnectedEmployee, ManagerOfficeDestination, ManagerOfficeDisconnectedEmployee, ManagerOfficeEmployee, ManagerOfficeEmployeeProps, ManagerOfficeEmployeeStatus, ManagerOfficeHandoff, ManagerOfficeRootProps, ManagerOfficeSidebar, ManagerOfficeSidebarAlert, ManagerOfficeSidebarAlertProps, ManagerOfficeSidebarProps, ManagerOfficeWork, ManagerOfficeWorkStatus, ManagerOfficeWorkingSetItem };