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

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

@@ -0,0 +1,401 @@
+const require_pluginRegistry = require("../../lib/pluginRegistry.cjs");
+const require_statusLine = require("../../lib/statusLine.cjs");
+const require_composition = require("../../lib/composition.cjs");
+const require_promptFocus = require("../../lib/promptFocus.cjs");
+const require_sessionsStore = require("../../stores/sessionsStore.cjs");
+const require_sessionStore = require("../../stores/sessionStore.cjs");
+const require_menuStore = require("../../stores/menuStore.cjs");
+const require_uiStore = require("../../stores/uiStore.cjs");
+const require_PluginSurface = require("../../components/PluginSurface.cjs");
+let react = require("react");
+let _tanstack_react_store = require("@tanstack/react-store");
+let react_jsx_runtime = require("react/jsx-runtime");
+let _agimon_ai_po_web_components = require("@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__ */ (0, react_jsx_runtime.jsx)(_agimon_ai_po_web_components.PickerContent, {
+		align: "start",
+		"data-testid": "dialog",
+		"data-dialog-method": dialog.method,
+		"data-dialog-menu": menu,
+		title: /* @__PURE__ */ (0, react_jsx_runtime.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) => require_sessionStore.answerDialogValue(dialog.id, option),
+		onApply: (domains) => require_sessionStore.answerDialogValue(dialog.id, JSON.stringify({
+			kind: DOMAIN_SELECTION_KIND,
+			version: DOMAIN_SELECTION_VERSION,
+			domains
+		})),
+		onCancel: () => require_sessionStore.cancelDialog(dialog.id),
+		onCloseAutoFocus: (event) => {
+			event.preventDefault();
+			require_promptFocus.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__ */ (0, react_jsx_runtime.jsxs)(_agimon_ai_po_web_components.Popover, {
+		open,
+		onOpenChange: (next) => {
+			if (!next && claimedDialog) require_sessionStore.cancelDialog(claimedDialog.id);
+		},
+		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_agimon_ai_po_web_components.PopoverAnchor, {
+			asChild: true,
+			children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_agimon_ai_po_web_components.Button, {
+				"data-testid": `axis-${name}`,
+				"data-pending": pending,
+				"aria-haspopup": "dialog",
+				"aria-expanded": open,
+				title: pending ? `Asking the session for ${name}…` : `Change ${name}`,
+				onClick: () => {
+					require_menuStore.setPendingMenu(name);
+					require_sessionStore.runCommand(command);
+				},
+				className,
+				children: [children, pending ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_agimon_ai_po_web_components.Spinner, { className: "size-3" }) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_agimon_ai_po_web_components.ChevronDownIcon, { className: "size-3.5 opacity-60" })]
+			})
+		}), claimedDialog ? /* @__PURE__ */ (0, react_jsx_runtime.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__ */ (0, react_jsx_runtime.jsx)(_agimon_ai_po_web_components.Kbd, {
+			className: "w-8 justify-center",
+			children: mode.keys
+		}),
+		trail: mode.availability === "unavailable" ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+			"data-testid": `minor-reason-${mode.name}`,
+			className: "sr-only",
+			children: mode.unavailableReason
+		}) : mode.detail ? /* @__PURE__ */ (0, react_jsx_runtime.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__ */ (0, react_jsx_runtime.jsx)(_agimon_ai_po_web_components.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) {
+				require_uiStore.setDockOpen(true);
+				require_uiStore.setDockTab("activity");
+			} else {
+				require_menuStore.setPendingMenu("minor");
+				require_sessionStore.runCommand(`/minor ${mode.id}`);
+			}
+			onClose();
+		}
+	});
+}
+/** Model choices and their extra controls retain the existing RPC actions. */
+function ModelPopup({ agent, models, levels, fastMode = false, onClose }) {
+	(0, react.useEffect)(() => {
+		require_sessionStore.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__ */ (0, react_jsx_runtime.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__ */ (0, react_jsx_runtime.jsx)(_agimon_ai_po_web_components.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__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_agimon_ai_po_web_components.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;
+			require_sessionStore.selectModel(model.provider, model.id);
+			onClose();
+		},
+		footer: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+			className: "flex flex-wrap items-center gap-1 px-3 py-2",
+			children: [
+				/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+					className: "mr-1 text-sm font-semibold text-doom-dim",
+					children: "Thinking"
+				}),
+				levels.length === 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+					className: "text-sm text-doom-dim",
+					children: "…"
+				}) : null,
+				levels.map((level) => {
+					const current = agent?.thinkingLevel === level;
+					return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_agimon_ai_po_web_components.Button, {
+						variant: "ghost",
+						size: "xs",
+						"data-testid": `thinking-${level}`,
+						"data-current": current,
+						onClick: () => {
+							require_sessionStore.selectThinkingLevel(level);
+							onClose();
+						},
+						className: (0, _agimon_ai_po_web_components.cn)(current && "bg-doom-tint-green font-semibold text-doom-green"),
+						children: level
+					}, level);
+				})
+			]
+		}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+			className: "flex items-center gap-2 border-t border-doom-border-soft px-3 py-2",
+			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_agimon_ai_po_web_components.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: () => require_sessionStore.selectFastMode(!fastMode),
+				className: (0, _agimon_ai_po_web_components.cn)(agent?.provider === "openai-codex" && fastMode && "bg-doom-tint-green text-doom-green"),
+				children: ["Fast ", agent?.provider === "openai-codex" && fastMode ? "on" : "off"]
+			}), /* @__PURE__ */ (0, react_jsx_runtime.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 = (0, _tanstack_react_store.useStore)(require_sessionsStore.sessionsStore, (state) => state.activeId);
+	const raw = require_sessionStore.useActiveSession((state) => state.statuses["doom-major-mode"] ?? "");
+	const statuses = require_sessionStore.useActiveSession((state) => state.statuses);
+	const widgets = require_sessionStore.useActiveSession((state) => state.widgets);
+	const catalog = require_sessionStore.useActiveSession((state) => state.minorModes);
+	const agent = require_sessionStore.useActiveSession((state) => state.agent);
+	const stats = require_sessionStore.useActiveSession((state) => state.stats);
+	const liveCost = require_sessionStore.useActiveSession((state) => state.liveCost);
+	const models = require_sessionStore.useActiveSession((state) => state.models);
+	const fastMode = require_sessionStore.useActiveSession((state) => state.fastMode);
+	const thinkingLevels = require_sessionStore.useActiveSession((state) => state.thinkingLevels);
+	const dialog = require_sessionStore.useActiveSession((state) => state.dialog);
+	const pendingMenu = (0, _tanstack_react_store.useStore)(require_menuStore.menuStore, (state) => state.pending);
+	const claimed = (0, _tanstack_react_store.useStore)(require_menuStore.menuStore, (state) => state.claimed);
+	const [minorOpen, setMinorOpen] = (0, react.useState)(false);
+	const [modelOpen, setModelOpen] = (0, react.useState)(false);
+	const selection = require_statusLine.parseSelection(raw);
+	const axes = require_composition.selectionAxes(statuses);
+	const modes = require_composition.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 = (0, _agimon_ai_po_web_components.cn)((0, _agimon_ai_po_web_components.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__ */ (0, react_jsx_runtime.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__ */ (0, react_jsx_runtime.jsxs)(AxisButton, {
+				name: "mode",
+				command: "mode",
+				values: selection.majorMode ? [selection.majorMode] : [],
+				sessionId: activeId,
+				pending: pendingMenu === "mode",
+				claimedDialog: dialogFor("mode"),
+				className: (0, _agimon_ai_po_web_components.cn)(axisClass, "max-sm:max-w-24"),
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_agimon_ai_po_web_components.Dot, { tone: selection.pending ? "yellow" : AXIS_TONE.mode }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+					"data-testid": "selection-mode",
+					className: "truncate",
+					children: selection.majorMode || "Major mode"
+				})]
+			}),
+			axes.map((axis) => /* @__PURE__ */ (0, react_jsx_runtime.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__ */ (0, react_jsx_runtime.jsx)(_agimon_ai_po_web_components.Dot, { tone: AXIS_TONE[axis.name] ?? "neutral" }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+					"data-testid": `selection-${axis.name}`,
+					className: "truncate",
+					children: axis.values.length === 0 ? axis.emptyLabel : axis.values.join(", ")
+				})]
+			}, axis.name)),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_agimon_ai_po_web_components.Popover, {
+				open: minorOpen || minorDialog !== null,
+				onOpenChange: (next) => {
+					if (next) {
+						setMinorOpen(true);
+						return;
+					}
+					if (minorDialog) require_sessionStore.cancelDialog(minorDialog.id);
+					setMinorOpen(false);
+				},
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_agimon_ai_po_web_components.PopoverTrigger, {
+					asChild: true,
+					children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_agimon_ai_po_web_components.Button, {
+						"data-testid": "axis-minor",
+						title: "Minor modes",
+						className: (0, _agimon_ai_po_web_components.cn)(axisClass, "max-sm:max-w-24"),
+						children: [
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_agimon_ai_po_web_components.Dot, { tone: AXIS_TONE.minor }),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+								"data-testid": "minor-summary",
+								className: "truncate",
+								children: activeMinors[0]?.name ?? "Minor modes"
+							}),
+							activeMinors.length > 1 ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+								className: "text-xs",
+								children: ["+", activeMinors.length - 1]
+							}) : null,
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_agimon_ai_po_web_components.ChevronDownIcon, { className: "size-3.5 opacity-60" })
+						]
+					})
+				}), minorDialog ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(AxisMenu, {
+					menu: "minor",
+					dialog: minorDialog
+				}, `${activeId}:${minorDialog.id}`) : minorOpen ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(MinorModesPopup, {
+					modes,
+					onClose: () => setMinorOpen(false)
+				}, activeId) : null]
+			}),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_PluginSurface.PluginSurface, {
+				slot: require_pluginRegistry.HOST_SLOTS.selectionBar,
+				sessionId: activeId
+			}),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", { className: "min-w-0 flex-1 max-sm:hidden" }),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_agimon_ai_po_web_components.Popover, {
+				open: modelOpen,
+				onOpenChange: setModelOpen,
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_agimon_ai_po_web_components.PopoverTrigger, {
+					asChild: true,
+					children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_agimon_ai_po_web_components.Button, {
+						"data-testid": "axis-model",
+						title: "Model and thinking level",
+						className: axisClass,
+						children: [
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_agimon_ai_po_web_components.Dot, { tone: AXIS_TONE.model }),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+								"data-testid": "agent-model",
+								className: "min-w-0 truncate",
+								children: agent?.model ?? "Model"
+							}),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+								"data-testid": "agent-thinking",
+								className: "text-sm text-doom-dim max-sm:hidden",
+								children: agent?.thinkingLevel ?? ""
+							}),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_agimon_ai_po_web_components.ChevronDownIcon, { className: "size-3.5 opacity-60" })
+						]
+					})
+				}), modelOpen ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ModelPopup, {
+					agent,
+					models,
+					levels: thinkingLevels,
+					fastMode,
+					onClose: () => setModelOpen(false)
+				}, activeId) : null]
+			}),
+			/* @__PURE__ */ (0, react_jsx_runtime.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__ */ (0, react_jsx_runtime.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
+exports.ModelPopup = ModelPopup;
+exports.SelectionBar = SelectionBar;
+
+//# sourceMappingURL=SelectionBar.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SelectionBar.cjs","names":["PickerContent","answerDialogValue","cancelDialog","Popover","PopoverAnchor","Button","Spinner","ChevronDownIcon","Kbd","cn","selectFastMode","useStore","sessionsStore","useActiveSession","menuStore","useState","parseSelection","selectionAxes","minorModes","buttonVariants","Dot","PopoverTrigger","PluginSurface","HOST_SLOTS"],"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/selection/SelectionBar.d.mts

@@ -0,0 +1,14 @@
+import { AgentInfo, ModelChoice } from "../../lib/sessionModel.mjs";
+//#region src/web/features/selection/SelectionBar.d.ts
+/** Model choices and their extra controls retain the existing RPC actions. */
+export declare function ModelPopup({ agent, models, levels, fastMode, onClose }: {
+  agent: AgentInfo | null;
+  models: ModelChoice[];
+  levels: string[];
+  fastMode?: boolean;
+  onClose: () => void;
+}): import("react").JSX.Element;
+/** Session selection axes use the same popup presentation and trigger geometry. */
+export declare function SelectionBar(): import("react").JSX.Element;
+//#endregion
+//# sourceMappingURL=SelectionBar.d.mts.map

package/dist/web/features/selection/SelectionBar.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectionBar.d.mts","names":[],"sources":["../../../../src/web/features/selection/SelectionBar.tsx"],"mappings":";;;wBAmOgB,aACd,OACA,QACA,QACA,UACA;EAEA,OAAO;EACP,QAAQ;EACR;EACA;EACA;oBACD,IAAA;;wBA2Fe,gCAAY,IAAA"}