@mcp-b/react-components 0.48.0 → 0.49.1

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

@@ -0,0 +1,555 @@
+import { findCatalogMcpServerCard } from "../../utils/mcp-server-catalog.js";
+import { A as McpIcon, C as FolderIcon, K as SpinnerIcon, R as PencilIcon, S as FileIcon, T as InfoIcon, V as QueueIcon, Z as TerminalIcon, b as EyeIcon, c as BoxIcon, et as WarningIcon, o as ArrowUpRightIcon, q as SquareIcon, r as ArrowLeftIcon, y as EllipsisIcon } from "../../icons-cuEtsgj9.js";
+import { Button } from "../foundations/Button.js";
+import { Tooltip } from "../foundations/Tooltip.js";
+import { Dialog } from "../foundations/Dialog.js";
+import { a as formatErrorMessage } from "../../format-COCyV98Z.js";
+import { SubagentRunLabel, getSubagentRunName } from "./SubagentRunIndicator.js";
+import { Menu } from "../foundations/Menu.js";
+import { EmptyState } from "../foundations/EmptyState.js";
+import { AgentChat } from "./AgentChat.js";
+import { Avatar } from "../foundations/Avatar.js";
+import { McpServerIcon } from "./McpServerIcon.js";
+import { ThinkThreadPicker } from "./ThinkThreadPicker.js";
+import { AgentChatStartScreen, AgentChatStartScreenComposer, AgentChatStartScreenPrimary, AgentChatStartScreenSuggestions, AgentChatStartScreenTray, AgentChatStarterList } from "../ai-sdk/AgentChatStartScreen.js";
+import { ChatGptSignInScreen } from "../extension/ChatGptSignInScreen.js";
+import { DescriptionList } from "../foundations/DescriptionList.js";
+import { Switch } from "../foundations/Switch.js";
+import { useTheme } from "../foundations/ThemeProvider.js";
+import "../foundations/icons.js";
+import { ActionGuide, ActionGuideAction, ActionGuideList, ActionGuideSection } from "../general-purpose/ActionGuide.js";
+import { AppTopBar } from "../general-purpose/AppTopBar.js";
+import { ResponsiveSidebarShell, useResponsiveSidebarShell } from "../general-purpose/ResponsiveSidebarShell.js";
+import * as React from "react";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+//#region src/components/agents-sdk/EmployeeChrome.tsx
+const WORKBENCH_NAVIGATION = [{
+	id: "files",
+	label: "Files",
+	icon: /* @__PURE__ */ jsx(FileIcon, {})
+}, {
+	id: "plugins",
+	label: "Plugins",
+	icon: /* @__PURE__ */ jsx(BoxIcon, {})
+}];
+function MenuGroupLabel({ label, hint }) {
+	return /* @__PURE__ */ jsxs(Menu.GroupLabel, {
+		className: "employee-menu__group-label",
+		children: [label, /* @__PURE__ */ jsxs(Tooltip.Root, { children: [/* @__PURE__ */ jsx(Tooltip.Trigger, {
+			render: /* @__PURE__ */ jsx("span", {
+				className: "employee-menu__hint",
+				tabIndex: 0,
+				"aria-label": label + " help"
+			}),
+			children: /* @__PURE__ */ jsx(InfoIcon, { "aria-hidden": "true" })
+		}), /* @__PURE__ */ jsx(Tooltip.Portal, { children: /* @__PURE__ */ jsx(Tooltip.Positioner, { children: /* @__PURE__ */ jsx(Tooltip.Popup, { children: hint }) }) })] })]
+	});
+}
+function MenuSwitchItem({ label, checked, onCheckedChange }) {
+	return /* @__PURE__ */ jsxs(Menu.CheckboxItem, {
+		className: "employee-menu__switch",
+		checked,
+		onCheckedChange,
+		children: [label, /* @__PURE__ */ jsx(Switch.Root, {
+			"aria-hidden": true,
+			tabIndex: -1,
+			readOnly: true,
+			size: "sm",
+			checked,
+			children: /* @__PURE__ */ jsx(Switch.Thumb, {})
+		})]
+	});
+}
+/** Employee settings are host-owned state; the menu stores only dialog visibility. */
+function EmployeeMenu({ renderLink, identity, onModel, onSignOut, companion, passkeys, follow, workbenchNavigation = [] }) {
+	const { compact } = useResponsiveSidebarShell();
+	const { preference, setPreference } = useTheme();
+	const [identityOpen, setIdentityOpen] = React.useState(false);
+	return /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsxs(Menu.Root, { children: [/* @__PURE__ */ jsx(AppTopBar.Button, {
+		label: "More actions",
+		tooltip: identity?.email ? "Signed in as " + identity.email : void 0,
+		render: /* @__PURE__ */ jsx(Menu.Trigger, {}),
+		children: identity?.email ? /* @__PURE__ */ jsx(Avatar.Root, {
+			size: "sm",
+			children: /* @__PURE__ */ jsx(Avatar.Fallback, { children: identity.email[0]?.toUpperCase() })
+		}) : /* @__PURE__ */ jsx(EllipsisIcon, {})
+	}), /* @__PURE__ */ jsx(Menu.Portal, { children: /* @__PURE__ */ jsx(Menu.Positioner, {
+		side: "bottom",
+		align: "end",
+		sideOffset: 4,
+		children: /* @__PURE__ */ jsxs(Menu.Popup, { children: [
+			compact ? [...WORKBENCH_NAVIGATION, ...workbenchNavigation].map((item) => /* @__PURE__ */ jsxs(Menu.Item, {
+				render: renderLink({
+					kind: "view",
+					view: item.id
+				}),
+				children: [item.icon, item.label]
+			}, item.id)) : null,
+			/* @__PURE__ */ jsxs(Menu.Item, {
+				render: renderLink({
+					kind: "view",
+					view: "schedules"
+				}),
+				children: [/* @__PURE__ */ jsx(QueueIcon, {}), "Routines"]
+			}),
+			follow ? /* @__PURE__ */ jsxs(Menu.CheckboxItem, {
+				checked: follow.followed,
+				onCheckedChange: follow.onCheckedChange,
+				children: [/* @__PURE__ */ jsx(EyeIcon, {}), "Follow this conversation"]
+			}) : null,
+			identity ? /* @__PURE__ */ jsxs(Menu.Item, {
+				onClick: () => setIdentityOpen(true),
+				children: [/* @__PURE__ */ jsx(InfoIcon, {}), "Identity"]
+			}) : null,
+			onModel ? /* @__PURE__ */ jsxs(Menu.Item, {
+				onClick: onModel,
+				children: [/* @__PURE__ */ jsx(TerminalIcon, {}), "Model"]
+			}) : null,
+			companion ? /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(Menu.Separator, {}), /* @__PURE__ */ jsxs(Menu.Group, { children: [
+				/* @__PURE__ */ jsx(MenuGroupLabel, {
+					label: "Companion app",
+					hint: "Connecting lets this employee chat with the browser and watch it work from anywhere."
+				}),
+				/* @__PURE__ */ jsx(MenuSwitchItem, {
+					label: "Connect this browser",
+					checked: companion.enabled,
+					onCheckedChange: companion.setEnabled
+				}),
+				/* @__PURE__ */ jsxs(Menu.Item, {
+					render: /* @__PURE__ */ jsx("a", {
+						href: companion.origin,
+						target: "_blank",
+						rel: "noreferrer",
+						"aria-label": companion.origin.replace(/^https?:\/\//, "")
+					}),
+					children: [/* @__PURE__ */ jsx(ArrowUpRightIcon, {}), companion.origin.replace(/^https?:\/\//, "")]
+				})
+			] })] }) : null,
+			passkeys ? /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(Menu.Separator, {}), /* @__PURE__ */ jsxs(Menu.Group, { children: [/* @__PURE__ */ jsx(MenuGroupLabel, {
+				label: "Passkeys",
+				hint: "The employee saves and uses its own passkeys instead of the browser's."
+			}), /* @__PURE__ */ jsx(MenuSwitchItem, {
+				label: "Use its own passkeys",
+				checked: passkeys.enabled,
+				onCheckedChange: passkeys.setEnabled
+			})] })] }) : null,
+			/* @__PURE__ */ jsx(Menu.Separator, {}),
+			/* @__PURE__ */ jsxs(Menu.Group, { children: [/* @__PURE__ */ jsx(Menu.GroupLabel, { children: "Appearance" }), /* @__PURE__ */ jsxs(Menu.RadioGroup, {
+				value: preference,
+				onValueChange: (value) => {
+					if (value === "light" || value === "dark" || value === "system") setPreference(value);
+				},
+				children: [
+					/* @__PURE__ */ jsxs(Menu.RadioItem, {
+						value: "light",
+						children: [/* @__PURE__ */ jsx(Menu.RadioItemIndicator, {}), "Light"]
+					}),
+					/* @__PURE__ */ jsxs(Menu.RadioItem, {
+						value: "dark",
+						children: [/* @__PURE__ */ jsx(Menu.RadioItemIndicator, {}), "Dark"]
+					}),
+					/* @__PURE__ */ jsxs(Menu.RadioItem, {
+						value: "system",
+						children: [/* @__PURE__ */ jsx(Menu.RadioItemIndicator, {}), "System"]
+					})
+				]
+			})] }),
+			onSignOut ? /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(Menu.Separator, {}), /* @__PURE__ */ jsxs(Menu.Item, {
+				onClick: onSignOut,
+				children: [/* @__PURE__ */ jsx(ArrowUpRightIcon, {}), "Sign out"]
+			})] }) : null
+		] })
+	}) })] }), identity ? /* @__PURE__ */ jsx(IdentityDialog, {
+		identity,
+		open: identityOpen,
+		onOpenChange: setIdentityOpen
+	}) : null] });
+}
+function IdentityDialog({ identity, open, onOpenChange }) {
+	const [busy, setBusy] = React.useState(false);
+	const [error, setError] = React.useState();
+	const changeBinding = async (action) => {
+		setBusy(true);
+		setError(void 0);
+		try {
+			await action();
+			onOpenChange(false);
+		} catch (cause) {
+			setError(formatErrorMessage(cause));
+		} finally {
+			setBusy(false);
+		}
+	};
+	return /* @__PURE__ */ jsx(Dialog.Root, {
+		open,
+		onOpenChange: (next) => {
+			setError(void 0);
+			onOpenChange(next);
+		},
+		children: /* @__PURE__ */ jsxs(Dialog.Portal, { children: [/* @__PURE__ */ jsx(Dialog.Backdrop, {}), /* @__PURE__ */ jsx(Dialog.Viewport, { children: /* @__PURE__ */ jsxs(Dialog.Popup, { children: [
+			/* @__PURE__ */ jsxs(Dialog.Header, { children: [/* @__PURE__ */ jsx(Dialog.Title, { children: "Operating identity" }), /* @__PURE__ */ jsx(Dialog.Description, { children: "This employee operates the live browser profile as its own identity. Assigning the account keeps it from signing in with another profile." })] }),
+			/* @__PURE__ */ jsxs(DescriptionList.Root, {
+				variant: "divided",
+				children: [/* @__PURE__ */ jsxs(DescriptionList.Item, { children: [/* @__PURE__ */ jsx(DescriptionList.Term, { children: "Live profile" }), /* @__PURE__ */ jsx(DescriptionList.Details, { children: identity.liveProfile })] }), /* @__PURE__ */ jsxs(DescriptionList.Item, { children: [/* @__PURE__ */ jsx(DescriptionList.Term, { children: "Assigned account" }), /* @__PURE__ */ jsxs(DescriptionList.Details, { children: [identity.assignedAccount, identity.managed ? " (managed by your organization)" : null] })] })]
+			}),
+			error ? /* @__PURE__ */ jsx("p", {
+				role: "alert",
+				children: error
+			}) : null,
+			/* @__PURE__ */ jsx(Dialog.Footer, { children: identity.managed ? /* @__PURE__ */ jsx("p", { children: "Organization policy controls this binding." }) : identity.onUnbind ? /* @__PURE__ */ jsx(Button, {
+				type: "button",
+				variant: "ghost",
+				color: "destructive",
+				disabled: busy,
+				onClick: () => identity.onUnbind && void changeBinding(identity.onUnbind),
+				children: "Remove binding"
+			}) : /* @__PURE__ */ jsx(Button, {
+				type: "button",
+				color: "primary",
+				disabled: busy || !identity.canBind || !identity.onBind,
+				onClick: () => identity.onBind && void changeBinding(identity.onBind),
+				children: "Assign this profile"
+			}) })
+		] }) })] })
+	});
+}
+/** Bar links to Files, Plugins, and host views; the compact overflow carries them instead. */
+function EmployeeWorkbenchLinks({ view, renderLink, workbenchNavigation = [] }) {
+	const { compact } = useResponsiveSidebarShell();
+	if (compact) return null;
+	return /* @__PURE__ */ jsx(Fragment, { children: [...WORKBENCH_NAVIGATION, ...workbenchNavigation].map((item) => /* @__PURE__ */ jsx(AppTopBar.Link, {
+		label: item.label,
+		"aria-current": view === item.id ? "page" : void 0,
+		"data-pressed": view === item.id ? "" : void 0,
+		render: renderLink({
+			kind: "view",
+			view: item.id
+		}),
+		children: item.icon
+	}, item.id)) });
+}
+function useEmployeeRunStopFocus() {
+	const backRef = React.useRef(null);
+	const focusedStop = React.useRef(null);
+	React.useLayoutEffect(() => {
+		const stop = focusedStop.current;
+		if (!stop || stop.isConnected) return;
+		focusedStop.current = null;
+		if (document.activeElement === document.body) backRef.current?.focus({ preventScroll: true });
+	});
+	return {
+		backRef,
+		focusedStop
+	};
+}
+function employeeShellTitle({ agentRun, threadTitle }) {
+	if (!agentRun) return threadTitle ?? "New chat";
+	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"
+		})] })
+	});
+}
+function employeeShellLeading({ agentRun, view, hasThread, appBarLeading, back, renderLink }) {
+	if (agentRun) return back;
+	let navigation;
+	if (view !== "chat") navigation = back;
+	else if (hasThread) navigation = /* @__PURE__ */ jsx(AppTopBar.Link, {
+		label: "New thread",
+		render: renderLink({ kind: "new-thread" }),
+		children: /* @__PURE__ */ jsx(PencilIcon, {})
+	});
+	if (!navigation && !appBarLeading) return null;
+	return /* @__PURE__ */ jsxs(Fragment, { children: [navigation, appBarLeading] });
+}
+function employeeShellActions({ agentRun, view, renderLink, workbenchNavigation, focusedStop }) {
+	if (!agentRun) return /* @__PURE__ */ jsx(EmployeeWorkbenchLinks, {
+		view,
+		renderLink,
+		workbenchNavigation
+	});
+	if (agentRun.state !== "ready" || !agentRun.onCancel) return null;
+	return /* @__PURE__ */ jsx(AppTopBar.Button, {
+		label: "Stop " + getSubagentRunName(agentRun.run),
+		onClick: agentRun.onCancel,
+		disabled: agentRun.cancelPending,
+		onFocus: (event) => {
+			focusedStop.current = event.currentTarget;
+		},
+		onBlur: () => {
+			focusedStop.current = null;
+		},
+		children: /* @__PURE__ */ jsx(SquareIcon, {})
+	});
+}
+function EmployeeShell({ view, threads, threadId, agentRun, renderLink, appBarLeading, onDeleteThread, children, ...menu }) {
+	const history = threads ?? EMPTY_THREADS;
+	const thread = history.find((candidate) => candidate.id === threadId);
+	const { backRef, focusedStop } = useEmployeeRunStopFocus();
+	const back = /* @__PURE__ */ jsx(AppTopBar.Link, {
+		ref: backRef,
+		label: agentRun ? "Back to parent conversation" : "Back to chat",
+		render: agentRun && threadId ? renderLink({
+			kind: "thread",
+			threadId
+		}) : renderLink({
+			kind: "view",
+			view: "chat"
+		}),
+		children: /* @__PURE__ */ jsx(ArrowLeftIcon, {})
+	});
+	if (view === "live") return /* @__PURE__ */ jsx("div", {
+		className: "employee-shell",
+		"data-view": view,
+		children: /* @__PURE__ */ jsx(ResponsiveSidebarShell, {
+			bar: {
+				label: "Live view controls",
+				title: "Live view",
+				leading: back
+			},
+			children
+		})
+	});
+	return /* @__PURE__ */ jsx("div", {
+		className: "employee-shell",
+		"data-view": view,
+		children: /* @__PURE__ */ jsx(ResponsiveSidebarShell, {
+			sidebarLabel: "threads",
+			sidebarTogglePlacement: "sidebar",
+			showMainLabel: "Show selected thread",
+			bar: {
+				label: "Workbench controls",
+				title: employeeShellTitle({
+					agentRun,
+					threadTitle: thread?.title
+				}),
+				compactTitleTrigger: agentRun ? void 0 : /* @__PURE__ */ jsx("span", { children: thread?.title ?? "New chat" }),
+				leading: employeeShellLeading({
+					agentRun,
+					view,
+					hasThread: Boolean(thread),
+					appBarLeading,
+					back,
+					renderLink
+				}),
+				actions: employeeShellActions({
+					agentRun,
+					view,
+					renderLink,
+					workbenchNavigation: menu.workbenchNavigation,
+					focusedStop
+				}),
+				primary: /* @__PURE__ */ jsx(EmployeeMenu, {
+					...menu,
+					renderLink,
+					follow: agentRun ? void 0 : menu.follow
+				})
+			},
+			sidebar: agentRun ? void 0 : ({ closeSidebarOnCompact }) => /* @__PURE__ */ jsx(ThinkThreadPicker, {
+				threads: history,
+				renderThreadLink: (item) => renderLink({
+					kind: "thread",
+					threadId: item.id
+				}),
+				createThreadLink: renderLink({ kind: "new-thread" }),
+				onSelect: closeSidebarOnCompact,
+				onDelete: onDeleteThread
+			}),
+			children
+		})
+	});
+}
+const EMPTY_THREADS = [];
+/** Policy and connection gates are host facts, not design-system presets. */
+function EmployeeGate({ status, connectingLabel, identity, brand, modelSetup }) {
+	switch (status) {
+		case "ready": return null;
+		case "needs-model": return /* @__PURE__ */ jsx(ChatGptSignInScreen, {
+			busy: modelSetup?.busy,
+			error: modelSetup?.error,
+			label: modelSetup?.label,
+			title: "Meet " + brand.name,
+			brandName: "SigVelo",
+			brandLogo: brand.logo,
+			onSignIn: modelSetup?.onSignIn,
+			secondaryAction: modelSetup?.onCustomEndpoint ? {
+				label: "Set up a custom model endpoint",
+				onSelect: modelSetup.onCustomEndpoint
+			} : void 0
+		});
+		case "connecting": return /* @__PURE__ */ jsx("div", {
+			className: "employee-gate",
+			role: "status",
+			children: /* @__PURE__ */ jsx(EmptyState, {
+				icon: /* @__PURE__ */ jsx(SpinnerIcon, {}),
+				description: connectingLabel ?? "Connecting…"
+			})
+		});
+		case "offline": return /* @__PURE__ */ jsx("div", {
+			className: "employee-gate",
+			role: "status",
+			children: /* @__PURE__ */ jsx(EmptyState, {
+				icon: /* @__PURE__ */ jsx(WarningIcon, {}),
+				title: brand.name + " is offline",
+				description: "Open the browser and turn the companion connection on. This screen reconnects on its own."
+			})
+		});
+		case "identity-blocked":
+			if (!identity) return null;
+			return /* @__PURE__ */ jsxs("div", {
+				className: "employee-gate",
+				role: "alert",
+				children: [/* @__PURE__ */ jsx(EmptyState, {
+					icon: /* @__PURE__ */ jsx(WarningIcon, {}),
+					title: "Wrong browser profile",
+					description: /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsxs("p", { children: [
+						"This installation is assigned to ",
+						/* @__PURE__ */ jsx("strong", { children: identity.assignedAccount }),
+						", but the live profile is ",
+						/* @__PURE__ */ jsx("strong", { children: identity.liveProfile }),
+						"."
+					] }), /* @__PURE__ */ jsx("p", { children: identity.managed ? "Open the assigned profile. Organization policy controls this assignment." : "Open the assigned profile, or remove the binding." })] })
+				}), !identity.managed && identity.onUnbind ? /* @__PURE__ */ jsx(Button, {
+					type: "button",
+					variant: "ghost",
+					color: "destructive",
+					onClick: identity.onUnbind,
+					children: "Remove binding"
+				}) : null]
+			});
+	}
+}
+function suggestionIcon(value) {
+	if (value.startsWith("/")) return /* @__PURE__ */ jsx(BoxIcon, {});
+	if (!value.startsWith("@")) return /* @__PURE__ */ jsx(EyeIcon, {});
+	const token = value.match(/^@([^\s]+)/)?.[1];
+	const server = token ? findCatalogMcpServerCard({
+		id: token,
+		name: token
+	}) : void 0;
+	return server ? /* @__PURE__ */ jsx(McpServerIcon, {
+		server,
+		size: "xs"
+	}) : /* @__PURE__ */ jsx(McpIcon, {});
+}
+/** Identifies a starter row by its position and its content, so a refetch cannot mismatch. */
+function suggestionItemId(suggestion, index) {
+	return [
+		"suggestion",
+		index,
+		suggestion.value,
+		suggestion.label
+	].join(":");
+}
+/** The composer remains under its existing prompt provider; connection controls are explicit slots. */
+function EmployeeWelcome({ brand, children, suggestions, suggestionsError, onRetrySuggestions, onSubmit, tray, setupActions, hasConnectedApps }) {
+	const [guideOpen, setGuideOpen] = React.useState(false);
+	const send = (text) => void onSubmit({
+		text,
+		files: []
+	});
+	return /* @__PURE__ */ jsxs(AgentChatStartScreen, { children: [/* @__PURE__ */ jsx(AgentChatStartScreenPrimary, { children: /* @__PURE__ */ jsxs(AgentChatStartScreenComposer, { children: [/* @__PURE__ */ jsx(AgentChat.Dock, { children }), tray ? /* @__PURE__ */ jsx(AgentChatStartScreenTray, { children: tray }) : null] }) }), /* @__PURE__ */ jsx(AgentChatStartScreenSuggestions, { children: guideOpen ? /* @__PURE__ */ jsxs(ActionGuide, {
+		title: brand.name + " can work across your browser.",
+		description: "They can act in signed-in tabs, keep workspace files, connect plugins, and run recurring work after this panel closes.",
+		children: [
+			/* @__PURE__ */ jsx(ActionGuideSection, {
+				title: "Start with a quick browser job",
+				children: /* @__PURE__ */ jsxs(ActionGuideList, { children: [/* @__PURE__ */ jsx(ActionGuideAction, {
+					icon: /* @__PURE__ */ jsx(BoxIcon, {}),
+					onClick: () => send("Organize this window’s tabs by task."),
+					children: "Organize this window’s tabs by task"
+				}), /* @__PURE__ */ jsx(ActionGuideAction, {
+					icon: /* @__PURE__ */ jsx(EyeIcon, {}),
+					onClick: () => send("Close duplicate tabs in this window."),
+					children: "Close duplicate tabs in this window"
+				})] })
+			}),
+			/* @__PURE__ */ jsx(ActionGuideSection, {
+				title: "Set up ongoing work",
+				children: /* @__PURE__ */ jsxs(ActionGuideList, {
+					layout: "cards",
+					children: [
+						/* @__PURE__ */ jsx(ActionGuideAction, {
+							icon: /* @__PURE__ */ jsx(QueueIcon, {}),
+							onClick: () => send("Help me create a recurring task that runs on a schedule."),
+							children: "Create a recurring task"
+						}),
+						setupActions,
+						/* @__PURE__ */ jsx(ActionGuideAction, {
+							icon: /* @__PURE__ */ jsx(McpIcon, {}),
+							onClick: () => send(hasConnectedApps ? "Show me useful work I can do across my connected apps." : "Help me connect another app I use."),
+							children: hasConnectedApps ? "Use my connected apps" : "Connect another app"
+						})
+					]
+				})
+			}),
+			/* @__PURE__ */ jsx(ActionGuideSection, {
+				title: "Build a larger workflow",
+				children: /* @__PURE__ */ jsxs(ActionGuideList, {
+					layout: "list",
+					children: [
+						/* @__PURE__ */ jsx(ActionGuideAction, {
+							icon: /* @__PURE__ */ jsx(TerminalIcon, {}),
+							variant: "ghost",
+							onClick: () => send("Automate a workflow across my signed-in browser tabs."),
+							children: "Automate work across signed-in tabs"
+						}),
+						/* @__PURE__ */ jsx(ActionGuideAction, {
+							icon: /* @__PURE__ */ jsx(FolderIcon, {}),
+							variant: "ghost",
+							onClick: () => send("Move files between a signed-in website and the workspace."),
+							children: "Move files between a website and the workspace"
+						}),
+						/* @__PURE__ */ jsx(ActionGuideAction, {
+							icon: /* @__PURE__ */ jsx(EyeIcon, {}),
+							variant: "ghost",
+							onClick: () => send("Record a browser workflow as an MP4."),
+							children: "Record a browser workflow as an MP4"
+						})
+					]
+				})
+			})
+		]
+	}) : /* @__PURE__ */ jsx(AgentChatStarterList, {
+		"aria-label": "Suggested prompts",
+		items: [
+			{
+				id: "capability-guide",
+				label: "See what " + brand.name + " can do",
+				icon: /* @__PURE__ */ jsx(InfoIcon, {}),
+				muted: true
+			},
+			...suggestionsError ? [{
+				id: "retry-suggestions",
+				label: "Try generating suggestions again",
+				icon: /* @__PURE__ */ jsx(InfoIcon, {}),
+				muted: true
+			}] : [],
+			...suggestions?.map((suggestion, index) => ({
+				id: suggestionItemId(suggestion, index),
+				label: suggestion.label,
+				icon: suggestionIcon(suggestion.value)
+			})) ?? []
+		],
+		onSelect: (item) => {
+			if (item.id === "capability-guide") setGuideOpen(true);
+			else if (item.id === "retry-suggestions") onRetrySuggestions?.();
+			else {
+				const suggestion = suggestions?.find((candidate, index) => item.id === suggestionItemId(candidate, index));
+				if (suggestion) send(suggestion.value);
+			}
+		}
+	}) })] });
+}
+const EmployeeChrome = {
+	Shell: EmployeeShell,
+	Menu: EmployeeMenu,
+	WorkbenchLinks: EmployeeWorkbenchLinks,
+	Gate: EmployeeGate,
+	Welcome: EmployeeWelcome
+};
+//#endregion
+export { EmployeeChrome };