@mcp-b/react-components 0.51.2 → 0.52.0

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

@@ -10,7 +10,7 @@ import { VirtualMessageScroller } from "../ai-sdk/MessageScrollerVirtual.js";
 import { PromptInput, PromptInputSubmit, PromptInputTray, composerLinksToReferences, usePromptInputController } from "../ai-sdk/PromptInput.js";
 import { Queue, QueueItem, QueueItemAction, QueueItemActions, QueueItemContent, QueueItemIndicator, QueueList } from "../ai-sdk/Queue.js";
 import { PromptInputApproval, getApprovalStateKey, getPendingToolApprovals } from "./PromptInputApproval.js";
-import { EmptyState } from "../foundations/EmptyState.js";
+import { BrandLoading } from "../general-purpose/BrandLoading.js";
 import { Marker, MarkerContent } from "../foundations/Marker.js";
 import { TransitionSurface } from "../foundations/TransitionSurface.js";
 import * as React from "react";
@@ -153,14 +153,10 @@ function AgentChatTranscript({ children, emptyState, className, scrollAnchor })
 		})
 	}) });
 }
-function AgentChatLoading() {
-	return /* @__PURE__ */ jsx("div", {
+function AgentChatLoading({ label = "Loading conversation" }) {
+	return /* @__PURE__ */ jsx(BrandLoading, {
 		className: "agent-chat__transcript-loading",
-		role: "status",
-		children: /* @__PURE__ */ jsx(EmptyState, {
-			icon: /* @__PURE__ */ jsx(SpinnerIcon, {}),
-			description: "Loading conversation"
-		})
+		label
 	});
 }
 const ChatMessageContext = React.createContext(null);

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

@@ -1,49 +1,62 @@
-import { EmployeeAgentRun, EmployeeBrand, EmployeeModelSetup, EmployeeShellProps, EmployeeStatus } from "./EmployeeChrome.js";
+import { l as WorkspaceNavigationAdapter } from "../../WorkspaceLink-Bh9-Jo1r.js";
+import { f as EmployeeShellProps, l as EmployeeModelSetup, n as EmployeeBrand, p as EmployeeStatus, t as EmployeeAgentRun } from "../../EmployeeChrome-C8eTGJWn.js";
 import * as React from "react";
 
 //#region src/components/agents-sdk/EmployeeApp.d.ts
-interface EmployeeAppProps extends EmployeeShellProps {
-  /** Application admission. Gates occupy the entire screen, without navigation. */
+interface EmployeeAppRootProps extends EmployeeShellProps {
+  /** Admission gates remain separate; connecting keeps the application frame mounted. */
   status: EmployeeStatus;
+  workspaceNavigation?: WorkspaceNavigationAdapter;
   brand: EmployeeBrand;
   modelSetup?: EmployeeModelSetup;
-  connectingLabel?: string;
-  /** Transcript hydration does not withdraw the parent's navigation or Stop controls. */
-  conversationLoading?: string;
-  /** Child transcript state; null means a parent chat, independently of toolbar state. */
-  conversationRun: EmployeeAgentRun | null;
-  /** Current output pane, or null when the conversation occupies the screen. */
-  workbench: React.ReactNode;
-  /** Host-bound live browser screen. */
-  live: React.ReactNode;
-  /** Host-bound schedule screen. */
+  /** Schedule navigation owns its own shell; the chat remains mounted behind it. */
   schedules: React.ReactNode;
-  report?: React.ReactNode;
-  /** Render the extension or manager shell from this package using the same chrome state. */
+  /** Render the extension or manager shell with the same chrome state. */
   shell: (props: EmployeeShellProps) => React.ReactNode;
-  /** Host-bound conversation. */
-  children: React.ReactNode;
   ref?: React.Ref<HTMLDivElement>;
 }
-/**
- * Canonical employee screen. Hosts keep chat providers mounted above it and
- * supply live content; this component owns admission, navigation and layout.
- */
-declare function EmployeeApp({
+/** Persistent admission and navigation frame. Put keyed runtimes and Suspense inside it. */
+declare function EmployeeAppRoot({
   status,
+  workspaceNavigation,
   brand,
   modelSetup,
-  connectingLabel,
-  conversationLoading,
-  conversationRun,
-  workbench,
-  live,
   schedules,
-  report,
   shell,
   ref,
   children,
   ...chrome
-}: EmployeeAppProps): React.JSX.Element;
+}: EmployeeAppRootProps): React.JSX.Element;
+interface EmployeeAppContentProps {
+  view: EmployeeShellProps["view"];
+  /** Current output pane, or null when the conversation occupies the screen. */
+  workbench: React.ReactNode;
+  live: React.ReactNode;
+  report?: React.ReactNode;
+  /** Place transcript hydration boundaries here so they cannot replace navigation or output. */
+  children: React.ReactNode;
+}
+/** Stable content lanes. Hosts hydrate the conversation locally and retain output while waiting. */
+declare function EmployeeAppContent({
+  view,
+  workbench,
+  live,
+  report,
+  children
+}: EmployeeAppContentProps): React.JSX.Element;
+/** Local run failure presentation; keep the parent connection and queue above this part. */
+declare function EmployeeAppConversation({
+  run,
+  children
+}: {
+  run: EmployeeAgentRun | null;
+  children: React.ReactNode;
+}): React.JSX.Element;
+/** Compose one persistent frame around independently hydrating conversation content. */
+declare const EmployeeApp: {
+  Root: typeof EmployeeAppRoot;
+  Content: typeof EmployeeAppContent;
+  Conversation: typeof EmployeeAppConversation;
+};
 //#endregion
-export { EmployeeApp, EmployeeAppProps };
+export { EmployeeApp, EmployeeAppContentProps, EmployeeAppRootProps };

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

@@ -1,57 +1,70 @@
-import { K as SpinnerIcon, et as WarningIcon } from "../../icons-cuEtsgj9.js";
-import "../foundations/icons.js";
+import { et as WarningIcon } from "../../icons-cuEtsgj9.js";
+import { WorkbenchBack } from "./WorkbenchBack.js";
 import { StatusScreen } from "../general-purpose/StatusScreen.js";
 import { EmployeeChrome } from "./EmployeeChrome.js";
 import { ThinkFullApp } from "./ThinkFullApp.js";
 import "react";
-import { jsx, jsxs } from "react/jsx-runtime";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/agents-sdk/EmployeeApp.tsx
-/**
-* Canonical employee screen. Hosts keep chat providers mounted above it and
-* supply live content; this component owns admission, navigation and layout.
-*/
-function EmployeeApp({ status, brand, modelSetup, connectingLabel, conversationLoading, conversationRun, workbench, live, schedules, report, shell, ref, children, ...chrome }) {
-	if (status !== "ready") return /* @__PURE__ */ jsx("div", {
+/** Persistent admission and navigation frame. Put keyed runtimes and Suspense inside it. */
+function EmployeeAppRoot({ status, workspaceNavigation, brand, modelSetup, schedules, shell, ref, children, ...chrome }) {
+	const admitted = status === "ready" || status === "connecting";
+	chrome.compactBack ??= /* @__PURE__ */ jsx(WorkbenchBack, {
+		navigation: workspaceNavigation,
+		filesOpen: chrome.view === "files",
+		backToChatLink: chrome.renderLink({
+			kind: "view",
+			view: "chat"
+		})
+	});
+	return /* @__PURE__ */ jsx("div", {
 		className: "employee-app",
 		"data-view": chrome.view,
 		ref,
-		children: /* @__PURE__ */ jsx(EmployeeChrome.Gate, {
+		children: !admitted ? /* @__PURE__ */ jsx(EmployeeChrome.Gate, {
 			status,
 			brand,
 			identity: chrome.identity,
-			modelSetup,
-			connectingLabel
-		})
+			modelSetup
+		}) : /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx("div", {
+			className: "employee-app__surface",
+			hidden: chrome.view === "schedules",
+			children: shell({
+				...chrome,
+				children
+			})
+		}), chrome.view === "schedules" ? schedules : null] })
 	});
-	const run = conversationRun;
-	const content = chrome.view === "live" ? live : /* @__PURE__ */ jsxs(ThinkFullApp.Root, {
+}
+/** Stable content lanes. Hosts hydrate the conversation locally and retain output while waiting. */
+function EmployeeAppContent({ view, workbench, live, report, children }) {
+	return /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsxs(ThinkFullApp.Root, {
 		workbenchOpen: Boolean(workbench),
+		hidden: view === "live",
 		children: [
 			/* @__PURE__ */ jsxs(ThinkFullApp.Conversation, {
 				"data-workspace-restoration-scope": "chat",
-				children: [report, run?.state === "unavailable" || run?.state === "error" ? /* @__PURE__ */ jsx(StatusScreen, {
-					role: "alert",
-					icon: /* @__PURE__ */ jsx(WarningIcon, {}),
-					title: run.state === "unavailable" ? "Delegated run unavailable" : "Could not open this run",
-					description: run.state === "error" ? run.error : "This run is no longer available. The parent conversation keeps its history and controls."
-				}) : conversationLoading ? /* @__PURE__ */ jsx(StatusScreen, {
-					icon: /* @__PURE__ */ jsx(SpinnerIcon, {}),
-					description: conversationLoading
-				}) : children]
+				children: [report, children]
 			}),
 			/* @__PURE__ */ jsx(ThinkFullApp.ResizeHandle, {}),
 			/* @__PURE__ */ jsx(ThinkFullApp.Workbench, { children: workbench })
 		]
-	});
-	return /* @__PURE__ */ jsx("div", {
-		className: "employee-app",
-		"data-view": chrome.view,
-		ref,
-		children: chrome.view === "schedules" ? schedules : shell({
-			...chrome,
-			children: content
-		})
-	});
+	}), view === "live" ? live : null] });
+}
+/** Local run failure presentation; keep the parent connection and queue above this part. */
+function EmployeeAppConversation({ run, children }) {
+	return /* @__PURE__ */ jsx(Fragment, { children: run?.state === "unavailable" || run?.state === "error" ? /* @__PURE__ */ jsx(StatusScreen, {
+		role: "alert",
+		icon: /* @__PURE__ */ jsx(WarningIcon, {}),
+		title: run.state === "unavailable" ? "Delegated run unavailable" : "Could not open this run",
+		description: run.state === "error" ? run.error : "This run is no longer available. The parent conversation keeps its history and controls."
+	}) : children });
 }
+/** Compose one persistent frame around independently hydrating conversation content. */
+const EmployeeApp = {
+	Root: EmployeeAppRoot,
+	Content: EmployeeAppContent,
+	Conversation: EmployeeAppConversation
+};
 //#endregion
 export { EmployeeApp };

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

@@ -1,12 +1,16 @@
 import { E as PromptInputCommandComposerProps, F as PromptInputDictationProps, M as PromptInputContextSelectorProps } from "../../PromptInput-DGPrCTPl.js";
 import { AgentChatTranscriptProps } from "./AgentChat.js";
+import { ConversationTabPickerProps } from "../extension/ConversationTabPicker.js";
+import { SetupChecklistGroupProps } from "../general-purpose/SetupChecklist.js";
+import { McpServerPickerItemsProps } from "./McpServerPicker.js";
+import { EmployeeStartScreenProps } from "./EmployeeStartScreen.js";
 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 {
+interface EmployeeComposerProps<Id extends string = string> {
   commands: PromptInputCommandComposerProps["commands"];
   mentionCommands?: PromptInputCommandComposerProps["mentionCommands"];
   onCompact?: () => Promise<{
@@ -14,18 +18,19 @@ interface EmployeeComposerProps {
   }>;
   placeholder?: string;
   disabled?: boolean;
-  /** Additional connection/personalization menu entries, using shared menu components. */
-  menu?: React.ReactNode;
+  personalization?: Pick<SetupChecklistGroupProps<Id>, "entries" | "onSelect">;
+  connections?: McpServerPickerItemsProps;
   tools?: React.ReactNode;
   contextSelector?: PromptInputContextSelectorProps;
-  tabs?: React.ReactNode;
+  tabs?: ConversationTabPickerProps;
   model?: CodexModelSelectorProps;
   dictation?: PromptInputDictationProps;
   context?: ContextProps;
 }
 /** One composer anatomy for the app and its examples; capabilities remain explicit. */
-declare function EmployeeComposer({
-  menu,
+declare function EmployeeComposer<Id extends string = string>({
+  personalization,
+  connections,
   tools,
   contextSelector,
   tabs,
@@ -36,7 +41,7 @@ declare function EmployeeComposer({
   placeholder,
   disabled,
   ...input
-}: EmployeeComposerProps): React.JSX.Element;
+}: EmployeeComposerProps<Id>): React.JSX.Element;
 interface EmployeeTranscriptProps extends Omit<ThinkChatMessageContentProps, "message"> {
   readOnly?: boolean;
   scrollAnchor?: AgentChatTranscriptProps["scrollAnchor"];
@@ -59,5 +64,20 @@ declare function EmployeeChatDock({
   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
+}: {
+  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, EmployeeTranscript, EmployeeTranscriptProps };
+export { EmployeeChatDock, EmployeeComposer, EmployeeComposerProps, EmployeeConversation, EmployeeTranscript, EmployeeTranscriptProps };

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

@@ -1,5 +1,9 @@
 import { PromptInputActionAddAttachments, PromptInputActionMenu, PromptInputActionMenuContent, PromptInputActionMenuTrigger, PromptInputAttachments, PromptInputBody, PromptInputCommandComposer, PromptInputContextSelector, PromptInputDictation, PromptInputFooter, PromptInputFooterEnd, PromptInputTools } from "../ai-sdk/PromptInput.js";
 import { AgentChat, useAgentChatCompaction } from "./AgentChat.js";
+import { ConversationTabPicker } from "../extension/ConversationTabPicker.js";
+import { n as SetupChecklistGroup } from "../../SetupChecklist-BiWQkKEq.js";
+import { McpServerPickerItems } from "./McpServerPicker.js";
+import { EmployeeStartScreen } from "./EmployeeStartScreen.js";
 import { Context, ContextContent, ContextContentBody, ContextContentHeader, ContextTrigger } from "../ai-sdk/Context.js";
 import { CodexModelSelector } from "../extension/CodexModelSelector.js";
 import { ThinkChat } from "./ThinkChat.js";
@@ -23,7 +27,7 @@ function CompactingInput({ onCompact, ...props }) {
 	})] });
 }
 /** One composer anatomy for the app and its examples; capabilities remain explicit. */
-function EmployeeComposer({ menu, tools, contextSelector, tabs, model, dictation, context, onCompact, placeholder = "How can I help you today?", disabled, ...input }) {
+function EmployeeComposer({ personalization, connections, tools, contextSelector, tabs, model, dictation, context, onCompact, placeholder = "How can I help you today?", disabled, ...input }) {
 	const inputProps = {
 		...input,
 		placeholder,
@@ -38,11 +42,18 @@ function EmployeeComposer({ menu, tools, contextSelector, tabs, model, dictation
 				onCompact
 			}) : /* @__PURE__ */ jsx(CommandInput, { ...inputProps }),
 			/* @__PURE__ */ jsxs(PromptInputFooter, { children: [/* @__PURE__ */ jsxs(PromptInputTools, { children: [
-				/* @__PURE__ */ jsxs(PromptInputActionMenu, { children: [/* @__PURE__ */ jsx(PromptInputActionMenuTrigger, { disabled }), /* @__PURE__ */ jsxs(PromptInputActionMenuContent, { children: [/* @__PURE__ */ jsx(PromptInputActionAddAttachments, {}), menu] })] }),
+				/* @__PURE__ */ jsxs(PromptInputActionMenu, { children: [/* @__PURE__ */ jsx(PromptInputActionMenuTrigger, { disabled }), /* @__PURE__ */ jsxs(PromptInputActionMenuContent, { children: [
+					/* @__PURE__ */ jsx(PromptInputActionAddAttachments, {}),
+					personalization ? /* @__PURE__ */ jsx(SetupChecklistGroup, {
+						label: "Prompts",
+						...personalization
+					}) : null,
+					connections ? /* @__PURE__ */ jsx(McpServerPickerItems, { ...connections }) : null
+				] })] }),
 				contextSelector ? /* @__PURE__ */ jsx(PromptInputContextSelector, { ...contextSelector }) : null,
 				tools
 			] }), /* @__PURE__ */ jsxs(PromptInputFooterEnd, { children: [
-				tabs,
+				tabs ? /* @__PURE__ */ jsx(ConversationTabPicker, { ...tabs }) : null,
 				model ? /* @__PURE__ */ jsx(CodexModelSelector, { ...model }) : null,
 				dictation ? /* @__PURE__ */ jsx(PromptInputDictation, { ...dictation }) : null,
 				context ? /* @__PURE__ */ jsxs(Context, {
@@ -80,5 +91,22 @@ function EmployeeChatDock({ recovery, notices, readOnly, children }) {
 		children
 	] })] });
 }
+/** Shared conversation layout. Hosts hydrate the parts and retain their runtime providers. */
+function EmployeeConversation({ transcript, composer, welcome, loading, loadingLabel, ...dock }) {
+	if (welcome && !loading && !dock.readOnly) return /* @__PURE__ */ jsx(EmployeeStartScreen, {
+		...welcome,
+		children: /* @__PURE__ */ jsx(EmployeeComposer, { ...composer })
+	});
+	return /* @__PURE__ */ jsxs(Fragment, { children: [loading ? /* @__PURE__ */ jsx(AgentChat.Loading, { label: loadingLabel }) : /* @__PURE__ */ jsx(EmployeeTranscript, {
+		...transcript,
+		readOnly: dock.readOnly
+	}), /* @__PURE__ */ jsxs(EmployeeChatDock, {
+		...dock,
+		children: [dock.children, /* @__PURE__ */ jsx(EmployeeComposer, {
+			...composer,
+			disabled: loading || composer.disabled
+		})]
+	})] });
+}
 //#endregion
-export { EmployeeChatDock, EmployeeComposer, EmployeeTranscript };
+export { EmployeeChatDock, EmployeeComposer, EmployeeConversation, EmployeeTranscript };

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

@@ -1,220 +1,2 @@
-import { J as PromptInputMessage } from "../../PromptInput-DGPrCTPl.js";
-import { n as AgentToolRunValue } from "../../AgentToolRunsContext-GMe_hSnD.js";
-import { n as ResponsiveSidebarShell } from "../../ResponsiveSidebarShell-CAmmtQTR.js";
-import { t as ThinkThreadItem } from "../../ThinkThreadPicker-yetGX_s5.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;
-  icon: React.ReactNode;
-}
-interface EmployeeMenuProps {
-  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,
-  identity,
-  onModel,
-  onSignOut,
-  companion,
-  passkeys,
-  follow,
-  workbenchNavigation
-}: EmployeeMenuProps): React.JSX.Element;
-/** Bar links to Files, Plugins, and host views; the compact overflow carries them instead. */
-declare function EmployeeWorkbenchLinks({
-  view,
-  renderLink,
-  workbenchNavigation
-}: {
-  view: EmployeeView;
-  renderLink: EmployeeRenderLink;
-  workbenchNavigation?: readonly EmployeeWorkbenchItem[];
-}): React.JSX.Element | null;
-interface EmployeeShellProps<Thread extends ThinkThreadItem = ThinkThreadItem> extends EmployeeMenuProps {
-  view: EmployeeView;
-  /** 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,
-  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
+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-C8eTGJWn.js";
 export { EmployeeAgentRun, EmployeeBrand, EmployeeChrome, EmployeeCompanion, EmployeeDestination, EmployeeFollow, EmployeeIdentity, EmployeeMenuProps, EmployeeModelSetup, EmployeePasskeyVault, EmployeeRenderLink, EmployeeShellProps, EmployeeStatus, EmployeeView, EmployeeWorkbenchItem };