@agimon-ai/po-web-dashboard 0.0.0-alpha.0

package/dist/web/features/selection/SelectionBar.mjs

@@ -0,0 +1,400 @@
+import { HOST_SLOTS } from "../../lib/pluginRegistry.mjs";
+import { parseSelection } from "../../lib/statusLine.mjs";
+import { minorModes, selectionAxes } from "../../lib/composition.mjs";
+import { focusPrompt } from "../../lib/promptFocus.mjs";
+import { sessionsStore } from "../../stores/sessionsStore.mjs";
+import { answerDialogValue, cancelDialog, loadModelChoices, runCommand, selectFastMode, selectModel, selectThinkingLevel, useActiveSession } from "../../stores/sessionStore.mjs";
+import { menuStore, setPendingMenu } from "../../stores/menuStore.mjs";
+import { setDockOpen, setDockTab } from "../../stores/uiStore.mjs";
+import { PluginSurface } from "../../components/PluginSurface.mjs";
+import { useEffect, useState } from "react";
+import { useStore } from "@tanstack/react-store";
+import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
+import { Button, ChevronDownIcon, Dot, Kbd, PickerContent, Popover, PopoverAnchor, PopoverTrigger, Spinner, buttonVariants, cn } from "@agimon-ai/po-web-components";
+//#region src/web/features/selection/SelectionBar.tsx
+const AXIS_TONE = {
+	mode: "blue",
+	profile: "magenta",
+	domains: "violet",
+	minor: "teal",
+	model: "cyan"
+};
+const MENU_TITLE = {
+	mode: "Major mode",
+	profile: "Profile",
+	domains: "Domains",
+	minor: "Minor modes"
+};
+const DOMAIN_SELECTION_KIND = "po-domains-selection";
+const DOMAIN_SELECTION_VERSION = 1;
+/** Team runs bill to their own sessions, so their spend arrives as a named status. */
+const AGENT_COST_STATUS_KEY = "doom-team-cost";
+/** Adapt the agent's string-valued dialog without changing its single-choice replies. */
+function AxisMenu({ menu, dialog, values = [], multiple = false }) {
+	const title = MENU_TITLE[menu] ?? menu;
+	const items = dialog.options.map((option, index) => {
+		const clean = menu === "mode" || multiple ? option.replace(/^\[[ x]\]\s*/, "") : option;
+		const separator = menu === "mode" ? clean.indexOf(":") : -1;
+		return {
+			value: multiple ? clean : option,
+			title: separator < 0 ? clean : clean.slice(0, separator),
+			subtitle: separator < 0 ? void 0 : clean.slice(separator + 1).trim(),
+			props: { "data-testid": `dialog-option-${index}` }
+		};
+	});
+	const marked = items.filter((_, index) => dialog.options[index].startsWith("[x]")).map((item) => item.value);
+	const selected = dialog.options.some((option) => /^\[[ x]\]/.test(option)) ? marked : items.filter((item) => values.includes(item.title)).map((item) => item.value);
+	return /* @__PURE__ */ jsx(PickerContent, {
+		align: "start",
+		"data-testid": "dialog",
+		"data-dialog-method": dialog.method,
+		"data-dialog-menu": menu,
+		title: /* @__PURE__ */ jsx("span", {
+			"data-testid": "dialog-title",
+			children: title
+		}),
+		meta: multiple ? `${selected.length} active` : values.join(", ") || dialog.title,
+		items,
+		value: selected,
+		multiple,
+		filterable: true,
+		filterPlaceholder: `Filter ${menu === "mode" ? "major modes" : title.toLowerCase()}`,
+		onSelect: (option) => answerDialogValue(dialog.id, option),
+		onApply: (domains) => answerDialogValue(dialog.id, JSON.stringify({
+			kind: DOMAIN_SELECTION_KIND,
+			version: DOMAIN_SELECTION_VERSION,
+			domains
+		})),
+		onCancel: () => cancelDialog(dialog.id),
+		onCloseAutoFocus: (event) => {
+			event.preventDefault();
+			focusPrompt();
+		}
+	});
+}
+/** Asking an axis still goes through its slash command and claimed dialog. */
+function AxisButton({ name, command, values, multi = false, sessionId, pending, claimedDialog, children, className }) {
+	const open = claimedDialog !== null;
+	const domains = name === "domains" && command.replace(/^\//, "") === "domains" && multi;
+	return /* @__PURE__ */ jsxs(Popover, {
+		open,
+		onOpenChange: (next) => {
+			if (!next && claimedDialog) cancelDialog(claimedDialog.id);
+		},
+		children: [/* @__PURE__ */ jsx(PopoverAnchor, {
+			asChild: true,
+			children: /* @__PURE__ */ jsxs(Button, {
+				"data-testid": `axis-${name}`,
+				"data-pending": pending,
+				"aria-haspopup": "dialog",
+				"aria-expanded": open,
+				title: pending ? `Asking the session for ${name}…` : `Change ${name}`,
+				onClick: () => {
+					setPendingMenu(name);
+					runCommand(command);
+				},
+				className,
+				children: [children, pending ? /* @__PURE__ */ jsx(Spinner, { className: "size-3" }) : /* @__PURE__ */ jsx(ChevronDownIcon, { className: "size-3.5 opacity-60" })]
+			})
+		}), claimedDialog ? /* @__PURE__ */ jsx(AxisMenu, {
+			menu: name,
+			dialog: claimedDialog,
+			values,
+			multiple: domains
+		}, `${sessionId}:${claimedDialog.id}`) : null]
+	});
+}
+/** Minor modes are commands and workspace navigation, not drafted selections. */
+function MinorModesPopup({ modes, onClose }) {
+	const items = modes.map((mode) => ({
+		value: mode.id,
+		title: mode.name,
+		disabledReason: mode.availability === "unavailable" ? mode.unavailableReason || "Unavailable in this session" : void 0,
+		lead: /* @__PURE__ */ jsx(Kbd, {
+			className: "w-8 justify-center",
+			children: mode.keys
+		}),
+		trail: mode.availability === "unavailable" ? /* @__PURE__ */ jsx("span", {
+			"data-testid": `minor-reason-${mode.name}`,
+			className: "sr-only",
+			children: mode.unavailableReason
+		}) : mode.detail ? /* @__PURE__ */ jsx("span", {
+			"data-testid": `minor-detail-${mode.name}`,
+			className: "truncate",
+			children: mode.detail
+		}) : void 0,
+		props: {
+			"data-testid": `minor-${mode.name}`,
+			"data-availability": mode.availability
+		}
+	}));
+	const active = modes.filter((mode) => mode.availability === "on").map((mode) => mode.id);
+	return /* @__PURE__ */ jsx(PickerContent, {
+		align: "start",
+		"data-testid": "minor-popup",
+		title: "Minor modes",
+		meta: `${active.length} on`,
+		items,
+		value: active,
+		actions: true,
+		filterable: true,
+		filterPlaceholder: "Filter minor modes",
+		onSelect: (id) => {
+			const mode = modes.find((item) => item.id === id);
+			if (mode === void 0) return;
+			if (mode.activityGroup !== void 0) {
+				setDockOpen(true);
+				setDockTab("activity");
+			} else {
+				setPendingMenu("minor");
+				runCommand(`/minor ${mode.id}`);
+			}
+			onClose();
+		}
+	});
+}
+/** Model choices and their extra controls retain the existing RPC actions. */
+function ModelPopup({ agent, models, levels, fastMode = false, onClose }) {
+	useEffect(() => {
+		loadModelChoices();
+	}, []);
+	const items = models.map((model) => ({
+		value: `${model.provider}/${model.id}`,
+		title: model.id,
+		subtitle: model.name !== model.id ? model.name : void 0,
+		lead: /* @__PURE__ */ jsx("span", {
+			className: "w-24 truncate text-sm text-doom-dim",
+			children: model.provider
+		}),
+		trail: model.reasoning ? "thinks" : void 0,
+		props: {
+			"data-testid": `model-${model.provider}-${model.id}`,
+			"data-current": agent?.model === model.id && agent.provider === model.provider
+		}
+	}));
+	return /* @__PURE__ */ jsx(PickerContent, {
+		align: "end",
+		"data-testid": "model-popup",
+		title: "Model",
+		meta: agent ? `${agent.provider}/${agent.model}` : "",
+		items,
+		value: agent ? [`${agent.provider}/${agent.model}`] : [],
+		filterable: true,
+		filterPlaceholder: "Filter models",
+		filterProps: { "data-testid": "model-filter" },
+		loading: /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx(Spinner, { label: "asking the session for its models" }), "asking the session for its models…"] }),
+		onSelect: (value) => {
+			const model = models.find((item) => `${item.provider}/${item.id}` === value);
+			if (model === void 0) return;
+			selectModel(model.provider, model.id);
+			onClose();
+		},
+		footer: /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsxs("div", {
+			className: "flex flex-wrap items-center gap-1 px-3 py-2",
+			children: [
+				/* @__PURE__ */ jsx("span", {
+					className: "mr-1 text-sm font-semibold text-doom-dim",
+					children: "Thinking"
+				}),
+				levels.length === 0 ? /* @__PURE__ */ jsx("span", {
+					className: "text-sm text-doom-dim",
+					children: "…"
+				}) : null,
+				levels.map((level) => {
+					const current = agent?.thinkingLevel === level;
+					return /* @__PURE__ */ jsx(Button, {
+						variant: "ghost",
+						size: "xs",
+						"data-testid": `thinking-${level}`,
+						"data-current": current,
+						onClick: () => {
+							selectThinkingLevel(level);
+							onClose();
+						},
+						className: cn(current && "bg-doom-tint-green font-semibold text-doom-green"),
+						children: level
+					}, level);
+				})
+			]
+		}), /* @__PURE__ */ jsxs("div", {
+			className: "flex items-center gap-2 border-t border-doom-border-soft px-3 py-2",
+			children: [/* @__PURE__ */ jsxs(Button, {
+				variant: "ghost",
+				size: "xs",
+				role: "switch",
+				"aria-label": "Codex Fast",
+				"aria-checked": agent?.provider === "openai-codex" && fastMode,
+				"aria-describedby": "codex-fast-description",
+				"data-testid": "fast-toggle",
+				disabled: agent?.provider !== "openai-codex",
+				onClick: () => selectFastMode(!fastMode),
+				className: cn(agent?.provider === "openai-codex" && fastMode && "bg-doom-tint-green text-doom-green"),
+				children: ["Fast ", agent?.provider === "openai-codex" && fastMode ? "on" : "off"]
+			}), /* @__PURE__ */ jsx("span", {
+				id: "codex-fast-description",
+				className: "text-sm text-doom-dim",
+				children: agent?.provider === "openai-codex" ? "Priority processing may cost more." : "Fast is available only for Codex."
+			})]
+		})] })
+	});
+}
+/** Session selection axes use the same popup presentation and trigger geometry. */
+function SelectionBar() {
+	const activeId = useStore(sessionsStore, (state) => state.activeId);
+	const raw = useActiveSession((state) => state.statuses["doom-major-mode"] ?? "");
+	const statuses = useActiveSession((state) => state.statuses);
+	const widgets = useActiveSession((state) => state.widgets);
+	const catalog = useActiveSession((state) => state.minorModes);
+	const agent = useActiveSession((state) => state.agent);
+	const stats = useActiveSession((state) => state.stats);
+	const liveCost = useActiveSession((state) => state.liveCost);
+	const models = useActiveSession((state) => state.models);
+	const fastMode = useActiveSession((state) => state.fastMode);
+	const thinkingLevels = useActiveSession((state) => state.thinkingLevels);
+	const dialog = useActiveSession((state) => state.dialog);
+	const pendingMenu = useStore(menuStore, (state) => state.pending);
+	const claimed = useStore(menuStore, (state) => state.claimed);
+	const [minorOpen, setMinorOpen] = useState(false);
+	const [modelOpen, setModelOpen] = useState(false);
+	const selection = parseSelection(raw);
+	const axes = selectionAxes(statuses);
+	const modes = minorModes(statuses, widgets, catalog);
+	const activeMinors = modes.filter((mode) => mode.availability === "on");
+	const reportedAgentCost = Number(statuses[AGENT_COST_STATUS_KEY] ?? "");
+	const agentCost = Number.isFinite(reportedAgentCost) ? reportedAgentCost : 0;
+	const sessionCost = stats === null ? null : stats.cost + liveCost;
+	/** The dialog this axis asked for, when the claim named it and it is still open. */
+	const dialogFor = (name) => dialog !== null && claimed !== null && claimed.dialogId === dialog.id && claimed.menu === name ? dialog : null;
+	const minorDialog = dialogFor("minor");
+	const axisClass = cn(buttonVariants({
+		variant: "outline",
+		size: "lg"
+	}), "min-w-0 gap-1.5 px-3 font-sans font-medium text-doom-text max-sm:min-w-24 max-sm:max-w-28 max-sm:flex-1 max-sm:basis-0 max-sm:shrink");
+	return /* @__PURE__ */ jsxs("footer", {
+		"data-testid": "selection-bar",
+		"data-pending": selection.pending,
+		className: "relative flex shrink-0 items-center gap-1.5 overflow-x-auto px-3 pb-3 [scrollbar-width:none] sm:gap-2 sm:px-5 [&::-webkit-scrollbar]:hidden",
+		children: [
+			/* @__PURE__ */ jsxs(AxisButton, {
+				name: "mode",
+				command: "mode",
+				values: selection.majorMode ? [selection.majorMode] : [],
+				sessionId: activeId,
+				pending: pendingMenu === "mode",
+				claimedDialog: dialogFor("mode"),
+				className: cn(axisClass, "max-sm:max-w-24"),
+				children: [/* @__PURE__ */ jsx(Dot, { tone: selection.pending ? "yellow" : AXIS_TONE.mode }), /* @__PURE__ */ jsx("span", {
+					"data-testid": "selection-mode",
+					className: "truncate",
+					children: selection.majorMode || "Major mode"
+				})]
+			}),
+			axes.map((axis) => /* @__PURE__ */ jsxs(AxisButton, {
+				name: axis.name,
+				command: axis.command,
+				values: axis.values,
+				multi: axis.multi,
+				sessionId: activeId,
+				pending: pendingMenu === axis.name,
+				claimedDialog: dialogFor(axis.name),
+				className: axisClass,
+				children: [/* @__PURE__ */ jsx(Dot, { tone: AXIS_TONE[axis.name] ?? "neutral" }), /* @__PURE__ */ jsx("span", {
+					"data-testid": `selection-${axis.name}`,
+					className: "truncate",
+					children: axis.values.length === 0 ? axis.emptyLabel : axis.values.join(", ")
+				})]
+			}, axis.name)),
+			/* @__PURE__ */ jsxs(Popover, {
+				open: minorOpen || minorDialog !== null,
+				onOpenChange: (next) => {
+					if (next) {
+						setMinorOpen(true);
+						return;
+					}
+					if (minorDialog) cancelDialog(minorDialog.id);
+					setMinorOpen(false);
+				},
+				children: [/* @__PURE__ */ jsx(PopoverTrigger, {
+					asChild: true,
+					children: /* @__PURE__ */ jsxs(Button, {
+						"data-testid": "axis-minor",
+						title: "Minor modes",
+						className: cn(axisClass, "max-sm:max-w-24"),
+						children: [
+							/* @__PURE__ */ jsx(Dot, { tone: AXIS_TONE.minor }),
+							/* @__PURE__ */ jsx("span", {
+								"data-testid": "minor-summary",
+								className: "truncate",
+								children: activeMinors[0]?.name ?? "Minor modes"
+							}),
+							activeMinors.length > 1 ? /* @__PURE__ */ jsxs("span", {
+								className: "text-xs",
+								children: ["+", activeMinors.length - 1]
+							}) : null,
+							/* @__PURE__ */ jsx(ChevronDownIcon, { className: "size-3.5 opacity-60" })
+						]
+					})
+				}), minorDialog ? /* @__PURE__ */ jsx(AxisMenu, {
+					menu: "minor",
+					dialog: minorDialog
+				}, `${activeId}:${minorDialog.id}`) : minorOpen ? /* @__PURE__ */ jsx(MinorModesPopup, {
+					modes,
+					onClose: () => setMinorOpen(false)
+				}, activeId) : null]
+			}),
+			/* @__PURE__ */ jsx(PluginSurface, {
+				slot: HOST_SLOTS.selectionBar,
+				sessionId: activeId
+			}),
+			/* @__PURE__ */ jsx("div", { className: "min-w-0 flex-1 max-sm:hidden" }),
+			/* @__PURE__ */ jsxs(Popover, {
+				open: modelOpen,
+				onOpenChange: setModelOpen,
+				children: [/* @__PURE__ */ jsx(PopoverTrigger, {
+					asChild: true,
+					children: /* @__PURE__ */ jsxs(Button, {
+						"data-testid": "axis-model",
+						title: "Model and thinking level",
+						className: axisClass,
+						children: [
+							/* @__PURE__ */ jsx(Dot, { tone: AXIS_TONE.model }),
+							/* @__PURE__ */ jsx("span", {
+								"data-testid": "agent-model",
+								className: "min-w-0 truncate",
+								children: agent?.model ?? "Model"
+							}),
+							/* @__PURE__ */ jsx("span", {
+								"data-testid": "agent-thinking",
+								className: "text-sm text-doom-dim max-sm:hidden",
+								children: agent?.thinkingLevel ?? ""
+							}),
+							/* @__PURE__ */ jsx(ChevronDownIcon, { className: "size-3.5 opacity-60" })
+						]
+					})
+				}), modelOpen ? /* @__PURE__ */ jsx(ModelPopup, {
+					agent,
+					models,
+					levels: thinkingLevels,
+					fastMode,
+					onClose: () => setModelOpen(false)
+				}, activeId) : null]
+			}),
+			/* @__PURE__ */ jsx("span", {
+				"data-testid": "top-context",
+				title: stats?.contextTokens != null && stats.contextWindow != null ? `${stats.contextTokens.toLocaleString()} of ${stats.contextWindow.toLocaleString()} tokens` : "Context usage, once the session reports it",
+				className: "shrink-0 text-sm text-doom-dim max-sm:hidden",
+				children: stats?.contextPercent == null ? "" : `ctx ${Math.round(stats.contextPercent)}%`
+			}),
+			/* @__PURE__ */ jsx("span", {
+				"data-testid": "top-cost",
+				title: stats === null || sessionCost === null ? "" : agentCost > 0 ? `$${sessionCost.toFixed(2)} session + $${agentCost.toFixed(2)} agents, ${stats.totalTokens.toLocaleString()} tokens this session` : `${stats.totalTokens.toLocaleString()} tokens this session`,
+				className: "shrink-0 text-sm text-doom-dim max-sm:hidden",
+				children: sessionCost === null ? "" : `$${(sessionCost + agentCost).toFixed(2)}`
+			})
+		]
+	});
+}
+//#endregion
+export { ModelPopup, SelectionBar };
+
+//# sourceMappingURL=SelectionBar.mjs.map

package/dist/web/features/selection/SelectionBar.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectionBar.mjs","names":[],"sources":["../../../../src/web/features/selection/SelectionBar.tsx"],"sourcesContent":["import {\n  Button,\n  buttonVariants,\n  ChevronDownIcon,\n  cn,\n  Dot,\n  type DotTone,\n  Kbd,\n  PickerContent,\n  type PickerItem,\n  Popover,\n  PopoverAnchor,\n  PopoverTrigger,\n  Spinner,\n} from '@agimon-ai/po-web-components';\nimport { useStore } from '@tanstack/react-store';\nimport { useEffect, useState } from 'react';\n\nimport { PluginSurface } from '../../components/PluginSurface';\nimport { minorModes, type MinorMode, selectionAxes } from '../../lib/composition';\nimport { HOST_SLOTS } from '../../lib/pluginRegistry';\nimport { focusPrompt } from '../../lib/promptFocus';\nimport type { AgentInfo, DialogRequest, ModelChoice } from '../../lib/sessionModel';\nimport { parseSelection } from '../../lib/statusLine';\nimport { menuStore, setPendingMenu } from '../../stores/menuStore';\nimport { sessionsStore } from '../../stores/sessionsStore';\nimport {\n  answerDialogValue,\n  cancelDialog,\n  loadModelChoices,\n  runCommand,\n  selectModel,\n  selectThinkingLevel,\n  selectFastMode,\n  useActiveSession,\n} from '../../stores/sessionStore';\nimport { setDockOpen, setDockTab } from '../../stores/uiStore';\n\n// Category marks carry colour; labels and button geometry stay the same.\nconst AXIS_TONE: Readonly<Record<string, DotTone>> = {\n  mode: 'blue',\n  profile: 'magenta',\n  domains: 'violet',\n  minor: 'teal',\n  model: 'cyan',\n};\n\nconst MENU_TITLE: Readonly<Record<string, string>> = {\n  mode: 'Major mode',\n  profile: 'Profile',\n  domains: 'Domains',\n  minor: 'Minor modes',\n};\n\nconst DOMAIN_SELECTION_KIND = 'po-domains-selection';\nconst DOMAIN_SELECTION_VERSION = 1;\n\n/** Team runs bill to their own sessions, so their spend arrives as a named status. */\nconst AGENT_COST_STATUS_KEY = 'doom-team-cost';\n\n/** Adapt the agent's string-valued dialog without changing its single-choice replies. */\nfunction AxisMenu({\n  menu,\n  dialog,\n  values = [],\n  multiple = false,\n}: {\n  menu: string;\n  dialog: DialogRequest;\n  values?: readonly string[];\n  multiple?: boolean;\n}) {\n  const title = MENU_TITLE[menu] ?? menu;\n  const items: PickerItem[] = dialog.options.map((option, index) => {\n    const clean = menu === 'mode' || multiple ? option.replace(/^\\[[ x]\\]\\s*/, '') : option;\n    const separator = menu === 'mode' ? clean.indexOf(':') : -1;\n    return {\n      value: multiple ? clean : option,\n      title: separator < 0 ? clean : clean.slice(0, separator),\n      subtitle: separator < 0 ? undefined : clean.slice(separator + 1).trim(),\n      props: { 'data-testid': `dialog-option-${index}` },\n    };\n  });\n  const marked = items.filter((_, index) => dialog.options[index].startsWith('[x]')).map((item) => item.value);\n  const selected = dialog.options.some((option) => /^\\[[ x]\\]/.test(option))\n    ? marked\n    : items.filter((item) => values.includes(item.title)).map((item) => item.value);\n  return (\n    <PickerContent\n      align=\"start\"\n      data-testid=\"dialog\"\n      data-dialog-method={dialog.method}\n      data-dialog-menu={menu}\n      title={<span data-testid=\"dialog-title\">{title}</span>}\n      meta={multiple ? `${selected.length} active` : values.join(', ') || dialog.title}\n      items={items}\n      value={selected}\n      multiple={multiple}\n      filterable\n      filterPlaceholder={`Filter ${menu === 'mode' ? 'major modes' : title.toLowerCase()}`}\n      onSelect={(option) => answerDialogValue(dialog.id, option)}\n      onApply={(domains) =>\n        answerDialogValue(\n          dialog.id,\n          JSON.stringify({ kind: DOMAIN_SELECTION_KIND, version: DOMAIN_SELECTION_VERSION, domains }),\n        )\n      }\n      onCancel={() => cancelDialog(dialog.id)}\n      onCloseAutoFocus={(event) => {\n        event.preventDefault();\n        focusPrompt();\n      }}\n    />\n  );\n}\n\n/** Asking an axis still goes through its slash command and claimed dialog. */\nfunction AxisButton({\n  name,\n  command,\n  values,\n  multi = false,\n  sessionId,\n  pending,\n  claimedDialog,\n  children,\n  className,\n}: {\n  name: string;\n  command: string;\n  values: readonly string[];\n  multi?: boolean;\n  sessionId: string | null;\n  pending: boolean;\n  claimedDialog: DialogRequest | null;\n  children: React.ReactNode;\n  className: string;\n}) {\n  const open = claimedDialog !== null;\n  // Other plugin axes keep their existing reply contract, even when set-valued.\n  const domains = name === 'domains' && command.replace(/^\\//, '') === 'domains' && multi;\n  return (\n    <Popover\n      open={open}\n      onOpenChange={(next) => {\n        if (!next && claimedDialog) cancelDialog(claimedDialog.id);\n      }}\n    >\n      <PopoverAnchor asChild>\n        <Button\n          data-testid={`axis-${name}`}\n          data-pending={pending}\n          aria-haspopup=\"dialog\"\n          aria-expanded={open}\n          title={pending ? `Asking the session for ${name}…` : `Change ${name}`}\n          onClick={() => {\n            setPendingMenu(name);\n            runCommand(command);\n          }}\n          className={className}\n        >\n          {children}\n          {pending ? <Spinner className=\"size-3\" /> : <ChevronDownIcon className=\"size-3.5 opacity-60\" />}\n        </Button>\n      </PopoverAnchor>\n      {claimedDialog ? (\n        <AxisMenu\n          key={`${sessionId}:${claimedDialog.id}`}\n          menu={name}\n          dialog={claimedDialog}\n          values={values}\n          multiple={domains}\n        />\n      ) : null}\n    </Popover>\n  );\n}\n\n/** Minor modes are commands and workspace navigation, not drafted selections. */\nfunction MinorModesPopup({ modes, onClose }: { modes: MinorMode[]; onClose: () => void }) {\n  const items: PickerItem[] = modes.map((mode) => ({\n    value: mode.id,\n    title: mode.name,\n    disabledReason:\n      mode.availability === 'unavailable' ? mode.unavailableReason || 'Unavailable in this session' : undefined,\n    lead: <Kbd className=\"w-8 justify-center\">{mode.keys}</Kbd>,\n    trail:\n      mode.availability === 'unavailable' ? (\n        <span data-testid={`minor-reason-${mode.name}`} className=\"sr-only\">\n          {mode.unavailableReason}\n        </span>\n      ) : mode.detail ? (\n        <span data-testid={`minor-detail-${mode.name}`} className=\"truncate\">\n          {mode.detail}\n        </span>\n      ) : undefined,\n    props: { 'data-testid': `minor-${mode.name}`, 'data-availability': mode.availability },\n  }));\n  const active = modes.filter((mode) => mode.availability === 'on').map((mode) => mode.id);\n  return (\n    <PickerContent\n      align=\"start\"\n      data-testid=\"minor-popup\"\n      title=\"Minor modes\"\n      meta={`${active.length} on`}\n      items={items}\n      value={active}\n      actions\n      filterable\n      filterPlaceholder=\"Filter minor modes\"\n      onSelect={(id) => {\n        const mode = modes.find((item) => item.id === id);\n        if (mode === undefined) return;\n        if (mode.activityGroup !== undefined) {\n          setDockOpen(true);\n          setDockTab('activity');\n        } else {\n          setPendingMenu('minor');\n          runCommand(`/minor ${mode.id}`);\n        }\n        onClose();\n      }}\n    />\n  );\n}\n\n/** Model choices and their extra controls retain the existing RPC actions. */\nexport function ModelPopup({\n  agent,\n  models,\n  levels,\n  fastMode = false,\n  onClose,\n}: {\n  agent: AgentInfo | null;\n  models: ModelChoice[];\n  levels: string[];\n  fastMode?: boolean;\n  onClose: () => void;\n}) {\n  useEffect(() => {\n    loadModelChoices();\n  }, []);\n  const items: PickerItem[] = models.map((model) => ({\n    value: `${model.provider}/${model.id}`,\n    title: model.id,\n    subtitle: model.name !== model.id ? model.name : undefined,\n    lead: <span className=\"w-24 truncate text-sm text-doom-dim\">{model.provider}</span>,\n    trail: model.reasoning ? 'thinks' : undefined,\n    props: {\n      'data-testid': `model-${model.provider}-${model.id}`,\n      'data-current': agent?.model === model.id && agent.provider === model.provider,\n    },\n  }));\n  return (\n    <PickerContent\n      align=\"end\"\n      data-testid=\"model-popup\"\n      title=\"Model\"\n      meta={agent ? `${agent.provider}/${agent.model}` : ''}\n      items={items}\n      value={agent ? [`${agent.provider}/${agent.model}`] : []}\n      filterable\n      filterPlaceholder=\"Filter models\"\n      filterProps={{ 'data-testid': 'model-filter' }}\n      loading={\n        <>\n          <Spinner label=\"asking the session for its models\" />\n          asking the session for its models…\n        </>\n      }\n      onSelect={(value) => {\n        const model = models.find((item) => `${item.provider}/${item.id}` === value);\n        if (model === undefined) return;\n        selectModel(model.provider, model.id);\n        onClose();\n      }}\n      footer={\n        <>\n          <div className=\"flex flex-wrap items-center gap-1 px-3 py-2\">\n            <span className=\"mr-1 text-sm font-semibold text-doom-dim\">Thinking</span>\n            {levels.length === 0 ? <span className=\"text-sm text-doom-dim\">…</span> : null}\n            {levels.map((level) => {\n              const current = agent?.thinkingLevel === level;\n              return (\n                <Button\n                  key={level}\n                  variant=\"ghost\"\n                  size=\"xs\"\n                  data-testid={`thinking-${level}`}\n                  data-current={current}\n                  onClick={() => {\n                    selectThinkingLevel(level);\n                    onClose();\n                  }}\n                  className={cn(current && 'bg-doom-tint-green font-semibold text-doom-green')}\n                >\n                  {level}\n                </Button>\n              );\n            })}\n          </div>\n          <div className=\"flex items-center gap-2 border-t border-doom-border-soft px-3 py-2\">\n            <Button\n              variant=\"ghost\"\n              size=\"xs\"\n              role=\"switch\"\n              aria-label=\"Codex Fast\"\n              aria-checked={agent?.provider === 'openai-codex' && fastMode}\n              aria-describedby=\"codex-fast-description\"\n              data-testid=\"fast-toggle\"\n              disabled={agent?.provider !== 'openai-codex'}\n              onClick={() => selectFastMode(!fastMode)}\n              className={cn(agent?.provider === 'openai-codex' && fastMode && 'bg-doom-tint-green text-doom-green')}\n            >\n              Fast {agent?.provider === 'openai-codex' && fastMode ? 'on' : 'off'}\n            </Button>\n            <span id=\"codex-fast-description\" className=\"text-sm text-doom-dim\">\n              {agent?.provider === 'openai-codex'\n                ? 'Priority processing may cost more.'\n                : 'Fast is available only for Codex.'}\n            </span>\n          </div>\n        </>\n      }\n    />\n  );\n}\n\n/** Session selection axes use the same popup presentation and trigger geometry. */\nexport function SelectionBar() {\n  const activeId = useStore(sessionsStore, (state) => state.activeId);\n  const raw = useActiveSession((state) => state.statuses['doom-major-mode'] ?? '');\n  const statuses = useActiveSession((state) => state.statuses);\n  const widgets = useActiveSession((state) => state.widgets);\n  const catalog = useActiveSession((state) => state.minorModes);\n  const agent = useActiveSession((state) => state.agent);\n  const stats = useActiveSession((state) => state.stats);\n  const liveCost = useActiveSession((state) => state.liveCost);\n  const models = useActiveSession((state) => state.models);\n  const fastMode = useActiveSession((state) => state.fastMode);\n  const thinkingLevels = useActiveSession((state) => state.thinkingLevels);\n  const dialog = useActiveSession((state) => state.dialog);\n  const pendingMenu = useStore(menuStore, (state) => state.pending);\n  const claimed = useStore(menuStore, (state) => state.claimed);\n  const [minorOpen, setMinorOpen] = useState(false);\n  const [modelOpen, setModelOpen] = useState(false);\n\n  const selection = parseSelection(raw);\n  const axes = selectionAxes(statuses);\n  const modes = minorModes(statuses, widgets, catalog);\n  const activeMinors = modes.filter((mode) => mode.availability === 'on');\n\n  const reportedAgentCost = Number(statuses[AGENT_COST_STATUS_KEY] ?? '');\n  const agentCost = Number.isFinite(reportedAgentCost) ? reportedAgentCost : 0;\n  const sessionCost = stats === null ? null : stats.cost + liveCost;\n  /** The dialog this axis asked for, when the claim named it and it is still open. */\n  const dialogFor = (name: string): DialogRequest | null =>\n    dialog !== null && claimed !== null && claimed.dialogId === dialog.id && claimed.menu === name ? dialog : null;\n  const minorDialog = dialogFor('minor');\n\n  const axisClass = cn(\n    buttonVariants({ variant: 'outline', size: 'lg' }),\n    'min-w-0 gap-1.5 px-3 font-sans font-medium text-doom-text max-sm:min-w-24 max-sm:max-w-28 max-sm:flex-1 max-sm:basis-0 max-sm:shrink',\n  );\n\n  return (\n    <footer\n      data-testid=\"selection-bar\"\n      data-pending={selection.pending}\n      className=\"relative flex shrink-0 items-center gap-1.5 overflow-x-auto px-3 pb-3 [scrollbar-width:none] sm:gap-2 sm:px-5 [&::-webkit-scrollbar]:hidden\"\n    >\n      <AxisButton\n        name=\"mode\"\n        command=\"mode\"\n        values={selection.majorMode ? [selection.majorMode] : []}\n        sessionId={activeId}\n        pending={pendingMenu === 'mode'}\n        claimedDialog={dialogFor('mode')}\n        className={cn(axisClass, 'max-sm:max-w-24')}\n      >\n        <Dot tone={selection.pending ? 'yellow' : AXIS_TONE.mode} />\n        <span data-testid=\"selection-mode\" className=\"truncate\">\n          {selection.majorMode || 'Major mode'}\n        </span>\n      </AxisButton>\n\n      {axes.map((axis) => (\n        <AxisButton\n          key={axis.name}\n          name={axis.name}\n          command={axis.command}\n          values={axis.values}\n          multi={axis.multi}\n          sessionId={activeId}\n          pending={pendingMenu === axis.name}\n          claimedDialog={dialogFor(axis.name)}\n          className={axisClass}\n        >\n          <Dot tone={AXIS_TONE[axis.name] ?? 'neutral'} />\n          <span data-testid={`selection-${axis.name}`} className=\"truncate\">\n            {axis.values.length === 0 ? axis.emptyLabel : axis.values.join(', ')}\n          </span>\n        </AxisButton>\n      ))}\n\n      <Popover\n        open={minorOpen || minorDialog !== null}\n        onOpenChange={(next) => {\n          if (next) {\n            setMinorOpen(true);\n            return;\n          }\n          if (minorDialog) cancelDialog(minorDialog.id);\n          setMinorOpen(false);\n        }}\n      >\n        <PopoverTrigger asChild>\n          <Button data-testid=\"axis-minor\" title=\"Minor modes\" className={cn(axisClass, 'max-sm:max-w-24')}>\n            <Dot tone={AXIS_TONE.minor} />\n            <span data-testid=\"minor-summary\" className=\"truncate\">\n              {activeMinors[0]?.name ?? 'Minor modes'}\n            </span>\n            {activeMinors.length > 1 ? <span className=\"text-xs\">+{activeMinors.length - 1}</span> : null}\n            <ChevronDownIcon className=\"size-3.5 opacity-60\" />\n          </Button>\n        </PopoverTrigger>\n        {minorDialog ? (\n          <AxisMenu key={`${activeId}:${minorDialog.id}`} menu=\"minor\" dialog={minorDialog} />\n        ) : minorOpen ? (\n          <MinorModesPopup key={activeId} modes={modes} onClose={() => setMinorOpen(false)} />\n        ) : null}\n      </Popover>\n\n      <PluginSurface slot={HOST_SLOTS.selectionBar} sessionId={activeId} />\n      <div className=\"min-w-0 flex-1 max-sm:hidden\" />\n\n      <Popover open={modelOpen} onOpenChange={setModelOpen}>\n        <PopoverTrigger asChild>\n          <Button data-testid=\"axis-model\" title=\"Model and thinking level\" className={axisClass}>\n            <Dot tone={AXIS_TONE.model} />\n            <span data-testid=\"agent-model\" className=\"min-w-0 truncate\">\n              {agent?.model ?? 'Model'}\n            </span>\n            <span data-testid=\"agent-thinking\" className=\"text-sm text-doom-dim max-sm:hidden\">\n              {agent?.thinkingLevel ?? ''}\n            </span>\n            <ChevronDownIcon className=\"size-3.5 opacity-60\" />\n          </Button>\n        </PopoverTrigger>\n        {modelOpen ? (\n          <ModelPopup\n            key={activeId}\n            agent={agent}\n            models={models}\n            levels={thinkingLevels}\n            fastMode={fastMode}\n            onClose={() => setModelOpen(false)}\n          />\n        ) : null}\n      </Popover>\n\n      <span\n        data-testid=\"top-context\"\n        title={\n          stats?.contextTokens != null && stats.contextWindow != null\n            ? `${stats.contextTokens.toLocaleString()} of ${stats.contextWindow.toLocaleString()} tokens`\n            : 'Context usage, once the session reports it'\n        }\n        className=\"shrink-0 text-sm text-doom-dim max-sm:hidden\"\n      >\n        {stats?.contextPercent == null ? '' : `ctx ${Math.round(stats.contextPercent)}%`}\n      </span>\n      <span\n        data-testid=\"top-cost\"\n        title={\n          stats === null || sessionCost === null\n            ? ''\n            : agentCost > 0\n              ? `$${sessionCost.toFixed(2)} session + $${agentCost.toFixed(2)} agents, ${stats.totalTokens.toLocaleString()} tokens this session`\n              : `${stats.totalTokens.toLocaleString()} tokens this session`\n        }\n        className=\"shrink-0 text-sm text-doom-dim max-sm:hidden\"\n      >\n        {sessionCost === null ? '' : `$${(sessionCost + agentCost).toFixed(2)}`}\n      </span>\n    </footer>\n  );\n}\n"],"mappings":"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"}

package/dist/web/features/session/AgentLockPanel.cjs

@@ -0,0 +1,31 @@
+const require_sessionStore = require("../../stores/sessionStore.cjs");
+let react_jsx_runtime = require("react/jsx-runtime");
+let _agimon_ai_po_web_components = require("@agimon-ai/po-web-components");
+//#region src/web/features/session/AgentLockPanel.tsx
+/** The prompt-area gate while the local agent is locked so a remote MCP agent can work. */
+function AgentLockPanel({ sessionId }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+		"data-testid": "agent-locked",
+		className: "flex flex-wrap items-center justify-between gap-3 rounded-lg border border-doom-border bg-doom-deep px-3 py-3",
+		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+			className: "min-w-0",
+			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+				className: "text-base font-semibold text-doom-hi",
+				children: "local agent locked"
+			}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+				className: "text-sm leading-relaxed text-doom-dim",
+				children: "it will not start turns, so remote MCP agents can work without it. unlock to chat here."
+			})]
+		}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_agimon_ai_po_web_components.Button, {
+			variant: "primary",
+			size: "md",
+			"data-testid": "agent-unlock",
+			onClick: () => require_sessionStore.setAgentLock(false, sessionId),
+			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_agimon_ai_po_web_components.UnlockIcon, { className: "h-3 w-3" }), "unlock agent"]
+		})]
+	});
+}
+//#endregion
+exports.AgentLockPanel = AgentLockPanel;
+
+//# sourceMappingURL=AgentLockPanel.cjs.map

package/dist/web/features/session/AgentLockPanel.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"AgentLockPanel.cjs","names":["Button","setAgentLock","UnlockIcon"],"sources":["../../../../src/web/features/session/AgentLockPanel.tsx"],"sourcesContent":["import { Button, UnlockIcon } from '@agimon-ai/po-web-components';\n\nimport { setAgentLock } from '../../stores/sessionStore';\n\n/** The prompt-area gate while the local agent is locked so a remote MCP agent can work. */\nexport function AgentLockPanel({ sessionId }: { sessionId: string }) {\n  return (\n    <div\n      data-testid=\"agent-locked\"\n      className=\"flex flex-wrap items-center justify-between gap-3 rounded-lg border border-doom-border bg-doom-deep px-3 py-3\"\n    >\n      <div className=\"min-w-0\">\n        <p className=\"text-base font-semibold text-doom-hi\">local agent locked</p>\n        <p className=\"text-sm leading-relaxed text-doom-dim\">\n          it will not start turns, so remote MCP agents can work without it. unlock to chat here.\n        </p>\n      </div>\n      <Button variant=\"primary\" size=\"md\" data-testid=\"agent-unlock\" onClick={() => setAgentLock(false, sessionId)}>\n        <UnlockIcon className=\"h-3 w-3\" />\n        unlock agent\n      </Button>\n    </div>\n  );\n}\n"],"mappings":";;;;;AAKA,SAAgB,eAAe,EAAE,aAAoC;CACnE,OACE,iBAAA,GAAA,kBAAA,KAAA,CAAC,OAAD;EACE,eAAY;EACZ,WAAU;EAFZ,UAAA,CAIE,iBAAA,GAAA,kBAAA,KAAA,CAAC,OAAD;GAAK,WAAU;GAAf,UAAA,CACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,KAAD;IAAG,WAAU;IAAuC,UAAA;GAAqB,CAAA,GACzE,iBAAA,GAAA,kBAAA,IAAA,CAAC,KAAD;IAAG,WAAU;IAAwC,UAAA;GAElD,CAAA,CACA;EACL,CAAA,GAAA,iBAAA,GAAA,kBAAA,KAAA,CAACA,6BAAAA,QAAD;GAAQ,SAAQ;GAAU,MAAK;GAAK,eAAY;GAAe,eAAeC,qBAAAA,aAAa,OAAO,SAAS;GAA3G,UAAA,CACE,iBAAA,GAAA,kBAAA,IAAA,CAACC,6BAAAA,YAAD,EAAY,WAAU,UAAW,CAAA,GAAC,cAE5B;EACL,CAAA,CAAA;;AAET"}

package/dist/web/features/session/AgentLockPanel.mjs

@@ -0,0 +1,31 @@
+import { setAgentLock } from "../../stores/sessionStore.mjs";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Button, UnlockIcon } from "@agimon-ai/po-web-components";
+//#region src/web/features/session/AgentLockPanel.tsx
+/** The prompt-area gate while the local agent is locked so a remote MCP agent can work. */
+function AgentLockPanel({ sessionId }) {
+	return /* @__PURE__ */ jsxs("div", {
+		"data-testid": "agent-locked",
+		className: "flex flex-wrap items-center justify-between gap-3 rounded-lg border border-doom-border bg-doom-deep px-3 py-3",
+		children: [/* @__PURE__ */ jsxs("div", {
+			className: "min-w-0",
+			children: [/* @__PURE__ */ jsx("p", {
+				className: "text-base font-semibold text-doom-hi",
+				children: "local agent locked"
+			}), /* @__PURE__ */ jsx("p", {
+				className: "text-sm leading-relaxed text-doom-dim",
+				children: "it will not start turns, so remote MCP agents can work without it. unlock to chat here."
+			})]
+		}), /* @__PURE__ */ jsxs(Button, {
+			variant: "primary",
+			size: "md",
+			"data-testid": "agent-unlock",
+			onClick: () => setAgentLock(false, sessionId),
+			children: [/* @__PURE__ */ jsx(UnlockIcon, { className: "h-3 w-3" }), "unlock agent"]
+		})]
+	});
+}
+//#endregion
+export { AgentLockPanel };
+
+//# sourceMappingURL=AgentLockPanel.mjs.map

package/dist/web/features/session/AgentLockPanel.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"AgentLockPanel.mjs","names":[],"sources":["../../../../src/web/features/session/AgentLockPanel.tsx"],"sourcesContent":["import { Button, UnlockIcon } from '@agimon-ai/po-web-components';\n\nimport { setAgentLock } from '../../stores/sessionStore';\n\n/** The prompt-area gate while the local agent is locked so a remote MCP agent can work. */\nexport function AgentLockPanel({ sessionId }: { sessionId: string }) {\n  return (\n    <div\n      data-testid=\"agent-locked\"\n      className=\"flex flex-wrap items-center justify-between gap-3 rounded-lg border border-doom-border bg-doom-deep px-3 py-3\"\n    >\n      <div className=\"min-w-0\">\n        <p className=\"text-base font-semibold text-doom-hi\">local agent locked</p>\n        <p className=\"text-sm leading-relaxed text-doom-dim\">\n          it will not start turns, so remote MCP agents can work without it. unlock to chat here.\n        </p>\n      </div>\n      <Button variant=\"primary\" size=\"md\" data-testid=\"agent-unlock\" onClick={() => setAgentLock(false, sessionId)}>\n        <UnlockIcon className=\"h-3 w-3\" />\n        unlock agent\n      </Button>\n    </div>\n  );\n}\n"],"mappings":";;;;;AAKA,SAAgB,eAAe,EAAE,aAAoC;CACnE,OACE,qBAAC,OAAD;EACE,eAAY;EACZ,WAAU;EAFZ,UAAA,CAIE,qBAAC,OAAD;GAAK,WAAU;GAAf,UAAA,CACE,oBAAC,KAAD;IAAG,WAAU;IAAuC,UAAA;GAAqB,CAAA,GACzE,oBAAC,KAAD;IAAG,WAAU;IAAwC,UAAA;GAElD,CAAA,CACA;EACL,CAAA,GAAA,qBAAC,QAAD;GAAQ,SAAQ;GAAU,MAAK;GAAK,eAAY;GAAe,eAAe,aAAa,OAAO,SAAS;GAA3G,UAAA,CACE,oBAAC,YAAD,EAAY,WAAU,UAAW,CAAA,GAAC,cAE5B;EACL,CAAA,CAAA;;AAET"}