@agimon-ai/po-team 0.0.0-alpha.0

package/dist/extensions/web.mjs

@@ -0,0 +1,2308 @@
+import { defineActivityGroup, defineChannelFile, defineContextAction, defineFill, defineLeaderBinding, defineSessionStore, defineSlot, defineSlotFile, defineToolRenderer, defineWebPlugin, pluginApiUrl, sessionApiAddress } from "@agimon-ai/po-core/web";
+import { ArrowRightIcon, Badge, Button, CloseIcon, Dialog, DialogBody, DialogContent, DialogFooter, DialogHeader, DialogTitle, Dot, DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuSeparator, DropdownMenuTrigger, EmptyState, Input, Kbd, KebabIcon, MessageItem, MessageItemBody, MessageItemHeader, MessageItemStatus, Panel, STATUS_EDGE, Select, SelectContent, SelectItem, SelectTrigger, SelectValue, Sheet, SheetBody, SheetContent, SheetHeader, SheetTitle, StatusBadge, Textarea, UsersIcon, cn, toolTone } from "@agimon-ai/po-web-components";
+import { useStore } from "@tanstack/react-store";
+import { useEffect, useState } from "react";
+import { sealedTransport } from "@agimon-ai/po-web-security/browser";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+//#region src/types/webSubagents.ts
+const SUBAGENT_RUNS_TYPE = "subagent_runs";
+const SUBAGENT_CATALOG_TYPE = "subagent_catalog";
+//#endregion
+//#region src/extensions/workspaces/sessions/(frontend)/_lib/catalog.ts
+/** The team API's address on a session, from the one builder every package API URL shares. */
+function teamApiUrl(sessionId, path) {
+	return pluginApiUrl(sessionApiAddress(sessionId), "team", path);
+}
+function isRecord$3(value) {
+	return typeof value === "object" && value !== null && !Array.isArray(value);
+}
+function isStrings(value) {
+	return Array.isArray(value) && value.every((item) => typeof item === "string");
+}
+function isAgent(value) {
+	return isRecord$3(value) && typeof value.name === "string" && typeof value.description === "string" && typeof value.filePath === "string" && [
+		"project",
+		"user",
+		"plugin"
+	].includes(String(value.source)) && (value.packageName === void 0 || typeof value.packageName === "string") && (value.model === void 0 || typeof value.model === "string") && isStrings(value.fallbackModels) && isStrings(value.tools) && isStrings(value.skills) && isStrings(value.extensions) && (value.defaultContext === "fresh" || value.defaultContext === "fork");
+}
+/** Read the selected session's catalog through the host's authenticated HTTP transport. */
+async function fetchCatalog(sessionId, signal) {
+	const response = await sealedTransport.fetch(teamApiUrl(sessionId, "/catalog"), {
+		signal,
+		cache: "no-store"
+	});
+	const body = await response.json();
+	if (!response.ok) throw new Error(isRecord$3(body) && typeof body.error === "string" ? body.error : `Agent catalog could not be loaded (${response.status}).`);
+	if (!isRecord$3(body) || typeof body.cwd !== "string" || !Array.isArray(body.agents) || !body.agents.every(isAgent) || !isStrings(body.models)) throw new Error("The server returned an invalid agent catalog.");
+	return {
+		cwd: body.cwd,
+		agents: body.agents,
+		models: body.models
+	};
+}
+/** Launch on the selected session host, without submitting a parent prompt. */
+async function launchAgent(sessionId, request) {
+	const response = await sealedTransport.fetch(teamApiUrl(sessionId, "/run"), {
+		method: "POST",
+		headers: { "content-type": "application/json" },
+		body: JSON.stringify(request)
+	});
+	const body = await response.json();
+	if (!response.ok) throw new Error(isRecord$3(body) && typeof body.error === "string" ? body.error : `Agent could not be launched (${response.status}).`);
+	if (!isRecord$3(body) || typeof body.runId !== "string" || body.runId === "") throw new Error("The server returned an invalid run ID.");
+	return body.runId;
+}
+function isSteerState(value) {
+	return value === "delivered" || value === "failed" || value === "pending";
+}
+/** Steer one run on the selected session host, without submitting a parent prompt. */
+async function steerRun(sessionId, runId, message) {
+	const response = await sealedTransport.fetch(teamApiUrl(sessionId, "/steer"), {
+		method: "POST",
+		headers: { "content-type": "application/json" },
+		body: JSON.stringify({
+			runId,
+			message
+		})
+	});
+	const body = await response.json();
+	if (!response.ok) throw new Error(isRecord$3(body) && typeof body.error === "string" ? body.error : `Guidance could not be sent (${response.status}).`);
+	if (!isRecord$3(body) || !isSteerState(body.state) || typeof body.message !== "string") throw new Error("The server returned an invalid steer result.");
+	return {
+		state: body.state,
+		message: body.message
+	};
+}
+/** Ask the selected session host to stop one run; the run's own status reports when it has. */
+async function stopRun(sessionId, runId) {
+	const response = await sealedTransport.fetch(teamApiUrl(sessionId, "/stop"), {
+		method: "POST",
+		headers: { "content-type": "application/json" },
+		body: JSON.stringify({ runId })
+	});
+	const body = await response.json();
+	if (!response.ok) throw new Error(isRecord$3(body) && typeof body.error === "string" ? body.error : `The run could not be stopped (${response.status}).`);
+}
+//#endregion
+//#region src/extensions/workspaces/sessions/(frontend)/_lib/catalogStore.ts
+const catalog = defineSessionStore({
+	cwd: "",
+	agents: [],
+	models: [],
+	warning: void 0,
+	loading: false,
+	requestId: 0,
+	open: false,
+	filter: "",
+	task: "",
+	selected: void 0,
+	inspected: void 0,
+	launch: void 0
+});
+function isRecord$2(value) {
+	return typeof value === "object" && value !== null && !Array.isArray(value);
+}
+function openCatalog(sessionId, task = "") {
+	catalog.update(sessionId, (current) => ({
+		...current,
+		open: true,
+		task
+	}));
+}
+/** Opens the Team picker with context supplied by another installed plugin. */
+function openAgentCatalogForContext(context, tab) {
+	if (context.sessionId === null) return;
+	openCatalog(context.sessionId, context.item.content);
+	context.openTransientTab(tab());
+}
+function closeCatalog(sessionId) {
+	catalog.update(sessionId, (current) => ({
+		...current,
+		open: false,
+		task: "",
+		launch: void 0
+	}));
+}
+function setCatalogFilter(sessionId, filter) {
+	catalog.update(sessionId, (current) => ({
+		...current,
+		filter
+	}));
+}
+function selectAgent(sessionId, name) {
+	catalog.update(sessionId, (current) => ({
+		...current,
+		selected: name
+	}));
+}
+function toggleInspect(sessionId, name) {
+	catalog.update(sessionId, (current) => ({
+		...current,
+		inspected: current.inspected === name ? void 0 : name
+	}));
+}
+function openLaunch(sessionId, agent, fork) {
+	catalog.update(sessionId, (current) => ({
+		...current,
+		selected: agent,
+		launch: {
+			agent,
+			fork
+		}
+	}));
+}
+function closeLaunch(sessionId) {
+	catalog.update(sessionId, (current) => ({
+		...current,
+		launch: void 0
+	}));
+}
+/** Each drawer opening owns one request and cancels it when the drawer leaves. */
+function loadCatalog(sessionId) {
+	const controller = new AbortController();
+	const requestId = catalog.select(catalog.store.state, sessionId).requestId + 1;
+	catalog.update(sessionId, (current) => ({
+		...current,
+		requestId,
+		loading: true,
+		warning: void 0
+	}));
+	const isCurrent = () => !controller.signal.aborted && catalog.store.state[sessionId]?.requestId === requestId;
+	fetchCatalog(sessionId, controller.signal).then((payload) => {
+		if (isCurrent()) subagentCatalogChannel.apply(sessionId, payload);
+	}).catch((error) => {
+		if (isCurrent()) catalog.update(sessionId, (current) => ({
+			...current,
+			warning: error instanceof Error ? error.message : String(error)
+		}));
+	}).finally(() => {
+		if (isCurrent()) catalog.update(sessionId, (current) => ({
+			...current,
+			loading: false
+		}));
+	});
+	return () => {
+		if (isCurrent()) catalog.update(sessionId, (current) => ({
+			...current,
+			loading: false
+		}));
+		controller.abort();
+	};
+}
+/** The plugin's catalog channel: 'subagent_catalog' payloads into the store; the drawer's own state survives a refresh. */
+const subagentCatalogChannel = catalog.channel({
+	channel: SUBAGENT_CATALOG_TYPE,
+	parse(input) {
+		if (!isRecord$2(input) || typeof input.cwd !== "string" || !Array.isArray(input.agents)) return null;
+		const models = Array.isArray(input.models) ? input.models.filter((m) => typeof m === "string") : [];
+		return {
+			cwd: input.cwd,
+			agents: input.agents.filter(isRecord$2),
+			models,
+			...typeof input.warning === "string" ? { warning: input.warning } : {}
+		};
+	},
+	reduce(current, payload) {
+		const names = new Set(payload.agents.map((agent) => agent.name));
+		return {
+			...current,
+			cwd: payload.cwd,
+			agents: payload.agents,
+			models: payload.models,
+			warning: payload.warning,
+			selected: current.selected !== void 0 && names.has(current.selected) ? current.selected : void 0,
+			inspected: current.inspected !== void 0 && names.has(current.inspected) ? current.inspected : void 0,
+			launch: current.launch !== void 0 && names.has(current.launch.agent) ? current.launch : void 0
+		};
+	}
+});
+//#endregion
+//#region src/extensions/workspaces/sessions/(frontend)/_lib/format.ts
+/**
+* Local copies of the host cockpit's pure formatters
+* (po-web src/web/lib/sessionSummary.ts): this plugin ships zero host
+* imports so the cockpit's bundler can compile it from any install.
+*/
+const MINUTE_MS = 6e4;
+const HOUR_MS = 60 * MINUTE_MS;
+function formatRunDuration(elapsedMs) {
+	if (elapsedMs < MINUTE_MS) return "<1m";
+	if (elapsedMs < HOUR_MS) return `${Math.floor(elapsedMs / MINUTE_MS)}m`;
+	const hours = Math.floor(elapsedMs / HOUR_MS);
+	const minutes = Math.floor(elapsedMs % HOUR_MS / MINUTE_MS);
+	return `${hours}h ${String(minutes).padStart(2, "0")}m`;
+}
+function abbreviateCwd(cwd) {
+	const match = /^\/(?:Users|home)\/[^/]+/u.exec(cwd);
+	if (!match) return cwd;
+	return `~${cwd.slice(match[0].length)}`;
+}
+/**
+* What to call a run on screen.
+*
+* Prefers the generated identity, because a fan-out of one agent otherwise
+* renders as N rows reading the same word. Falls back to the agent name for a
+* run projected before identities existed. Duplicated rather than imported
+* from `services/agentIdentity`, which reaches for `node:fs` and so cannot be
+* pulled into the browser bundle; that module owns minting, this owns display.
+*/
+function agentRunLabel(run) {
+	const base = run.identity ?? run.agent;
+	return run.inline ? `${base} (inline)` : base;
+}
+//#endregion
+//#region src/extensions/workspaces/sessions/(frontend)/_lib/runActionsSlot.ts
+/**
+* The slot the run detail sheet opens beside its stop control: an independent
+* plugin may put its own action for the shown run there, without this
+* package knowing it exists. Fills receive the panel's own props.
+*/
+const RUN_ACTIONS_SLOT = defineSlot({ slot: "subagents.run-actions" });
+//#endregion
+//#region src/extensions/workspaces/sessions/(frontend)/_lib/subagentsStore.ts
+const TERMINAL_STATES = /* @__PURE__ */ new Set([
+	"done",
+	"failed",
+	"stopped"
+]);
+function isTerminalRun(run) {
+	return TERMINAL_STATES.has(run.state);
+}
+const subagents = defineSessionStore({
+	runs: [],
+	dismissed: [],
+	stopRequested: [],
+	openRunId: void 0,
+	pendingLaunch: void 0,
+	autoOpenRunId: void 0
+});
+function isRecord$1(value) {
+	return typeof value === "object" && value !== null && !Array.isArray(value);
+}
+function without(list, runId) {
+	return list.filter((id) => id !== runId);
+}
+/** The full Subagents tab's runs minus the ones the reader dismissed. */
+function visibleRuns(session) {
+	return session.dismissed.length === 0 ? session.runs : session.runs.filter((run) => !session.dismissed.includes(run.runId));
+}
+/** Only runs that can still be doing work belong in the activity group. */
+function activityRuns(session) {
+	return visibleRuns(session).filter((run) => run.state === "queued" || run.state === "running");
+}
+/**
+* Asks the session host to stop a run over the Team API, never as a parent
+* prompt: the web host does not know Team's slash commands and refuses
+* prompts mid-turn. Marked at once so the control reads "stopping"; rolled
+* back and rethrown if the host refuses. Once accepted, the request stands
+* until the run reports a final state.
+*/
+async function requestRunStop(sessionId, runId) {
+	subagents.update(sessionId, (current) => ({
+		...current,
+		stopRequested: [...without(current.stopRequested, runId), runId]
+	}));
+	try {
+		await stopRun(sessionId, runId);
+	} catch (error) {
+		subagents.update(sessionId, (current) => ({
+			...current,
+			stopRequested: without(current.stopRequested, runId)
+		}));
+		throw error;
+	}
+}
+/** Hides a finished run from this page; nothing is deleted. */
+function dismissRun(sessionId, runId) {
+	subagents.update(sessionId, (current) => ({
+		...current,
+		dismissed: [...without(current.dismissed, runId), runId],
+		openRunId: current.openRunId === runId ? void 0 : current.openRunId
+	}));
+}
+/** Remember the fleet before the server launch so its first update can open the new run. */
+function requestLaunch(sessionId, agent) {
+	subagents.update(sessionId, (current) => ({
+		...current,
+		pendingLaunch: {
+			agent,
+			knownRunIds: current.runs.map((run) => run.runId)
+		}
+	}));
+}
+function clearPendingLaunch(sessionId) {
+	subagents.update(sessionId, (current) => ({
+		...current,
+		pendingLaunch: void 0
+	}));
+}
+function clearAutoOpen(sessionId) {
+	subagents.update(sessionId, (current) => ({
+		...current,
+		autoOpenRunId: void 0
+	}));
+}
+function openRun(sessionId, runId) {
+	subagents.update(sessionId, (current) => ({
+		...current,
+		openRunId: runId
+	}));
+}
+/** The plugin's session data channel: 'subagent_runs' payloads into the store. */
+const subagentRunsChannel = subagents.channel({
+	channel: SUBAGENT_RUNS_TYPE,
+	parse(input) {
+		if (!isRecord$1(input) || !Array.isArray(input.runs)) return null;
+		return { runs: input.runs.filter(isRecord$1) };
+	},
+	reduce(current, { runs }) {
+		const present = new Map(runs.map((run) => [run.runId, run]));
+		const stopRequested = current.stopRequested.filter((runId) => {
+			const run = present.get(runId);
+			return run !== void 0 && !isTerminalRun(run);
+		});
+		const dismissed = current.dismissed.filter((runId) => present.has(runId));
+		const arrived = current.pendingLaunch === void 0 ? void 0 : runs.find((run) => run.agent === current.pendingLaunch?.agent && !current.pendingLaunch.knownRunIds.includes(run.runId));
+		return {
+			...current,
+			runs,
+			stopRequested,
+			dismissed,
+			pendingLaunch: arrived === void 0 ? current.pendingLaunch : void 0,
+			autoOpenRunId: arrived === void 0 ? current.autoOpenRunId : arrived.runId
+		};
+	}
+});
+//#endregion
+//#region src/extensions/workspaces/sessions/(frontend)/_lib/launchCommand.ts
+const META_TOOL_LIMIT = 3;
+/** Rows whose name, source, package, description or a tool contains the filter, case-insensitively. */
+function filterCatalog(agents, filter) {
+	const needle = filter.trim().toLowerCase();
+	if (needle === "") return [...agents];
+	return agents.filter((agent) => [
+		agent.name,
+		agent.source,
+		agent.packageName ?? "",
+		agent.description,
+		...agent.tools
+	].some((field) => field.toLowerCase().includes(needle)));
+}
+const SECTION_LABEL = {
+	project: "PROJECT",
+	user: "USER",
+	plugin: "PACKAGES"
+};
+/** The catalog's sections, nearest source first, keeping the payload's order inside each; empty ones are left out. */
+function groupCatalog(agents) {
+	const sections = [];
+	for (const source of [
+		"project",
+		"user",
+		"plugin"
+	]) {
+		const members = agents.filter((agent) => agent.source === source);
+		if (members.length > 0) sections.push({
+			source,
+			label: SECTION_LABEL[source],
+			agents: members
+		});
+	}
+	return sections;
+}
+/** What the picker offers: the agent's own model and fallbacks first, then the team's, without repeats. */
+function modelChoices(agent, models) {
+	const seen = /* @__PURE__ */ new Set();
+	const choices = [];
+	for (const model of [
+		agent.model ?? "",
+		...agent.fallbackModels,
+		...models
+	]) {
+		if (model === "" || seen.has(model)) continue;
+		seen.add(model);
+		choices.push(model);
+	}
+	return choices;
+}
+/** The row's one-liner: what tools it may use, how many skills, and how it starts. */
+function agentMeta(agent) {
+	return `${agent.tools.length === 0 ? "all tools" : `tools ${agent.tools.slice(0, META_TOOL_LIMIT).join(", ")}${agent.tools.length > META_TOOL_LIMIT ? ` +${agent.tools.length - META_TOOL_LIMIT}` : ""}`}${agent.skills.length > 0 ? ` · ${agent.skills.length} skill${agent.skills.length === 1 ? "" : "s"}` : ""} · ${agent.defaultContext === "fork" ? "forks the session" : "fresh context"}`;
+}
+//#endregion
+//#region src/extensions/workspaces/sessions/(frontend)/_components/AgentCatalogDrawer.tsx
+const INPUT_TAG = "INPUT";
+function shortModel(model) {
+	return model.split("/").pop() ?? model;
+}
+/** The unfolded row: what the definition names, read-only, the way the TUI catalog's tabs show it. */
+function Resources({ agent }) {
+	const rows = [
+		["tools", agent.tools.length > 0 ? agent.tools.join(", ") : "every tool the session has"],
+		["skills", agent.skills.length > 0 ? agent.skills.join(", ") : "none named"],
+		["extensions", agent.extensions.length > 0 ? agent.extensions.join(", ") : "none named"],
+		["model", agent.model ?? "runtime default"],
+		["file", agent.filePath]
+	];
+	return /* @__PURE__ */ jsx("dl", {
+		"data-testid": `catalog-resources-${agent.name}`,
+		className: "flex flex-col gap-1 pt-1 text-sm",
+		children: rows.map(([label, value]) => /* @__PURE__ */ jsxs("div", {
+			className: "flex gap-2",
+			children: [/* @__PURE__ */ jsx("dt", {
+				className: "w-16 shrink-0 text-doom-dim",
+				children: label
+			}), /* @__PURE__ */ jsx("dd", {
+				className: "min-w-0 break-words text-doom-dim",
+				children: value
+			})]
+		}, label))
+	});
+}
+function AgentRow({ agent, selected, inspected, onSelect, onLaunch, onInspect }) {
+	return /* @__PURE__ */ jsxs("div", {
+		role: "option",
+		"aria-selected": selected,
+		tabIndex: -1,
+		"data-testid": `catalog-agent-${agent.name}`,
+		"data-selected": selected,
+		onClick: onSelect,
+		onDoubleClick: () => onLaunch(false),
+		className: `flex cursor-pointer flex-col gap-1 border-l-2 px-4 py-2 ${selected ? "border-doom-blue bg-doom-panel" : "border-transparent hover:bg-doom-panel/60"}`,
+		children: [
+			/* @__PURE__ */ jsxs("div", {
+				className: "flex min-w-0 items-center gap-2",
+				children: [
+					/* @__PURE__ */ jsx("span", {
+						className: "truncate text-base font-semibold text-doom-hi",
+						children: agent.name
+					}),
+					/* @__PURE__ */ jsx(Badge, {
+						size: "xs",
+						className: "shrink-0",
+						children: agent.packageName ?? agent.source
+					}),
+					/* @__PURE__ */ jsx("span", { className: "min-w-0 flex-1" }),
+					/* @__PURE__ */ jsx("span", {
+						className: `shrink-0 text-sm ${agent.model ? "text-doom-cyan" : "text-doom-dim"}`,
+						children: agent.model ? shortModel(agent.model) : "agent default"
+					})
+				]
+			}),
+			/* @__PURE__ */ jsx("span", {
+				className: "truncate text-sm text-doom-dim",
+				children: agent.description
+			}),
+			/* @__PURE__ */ jsx("span", {
+				className: "truncate text-sm text-doom-dim",
+				children: agentMeta(agent)
+			}),
+			selected ? /* @__PURE__ */ jsxs("div", {
+				className: "flex items-center gap-3 pt-0.5",
+				children: [
+					/* @__PURE__ */ jsxs(Button, {
+						variant: "link",
+						size: "xs",
+						"data-testid": `catalog-launch-${agent.name}`,
+						className: "px-0",
+						onClick: (event) => {
+							event.stopPropagation();
+							onLaunch(false);
+						},
+						children: ["launch ", /* @__PURE__ */ jsx(Kbd, { children: "↵" })]
+					}),
+					/* @__PURE__ */ jsxs(Button, {
+						variant: "link",
+						size: "xs",
+						"data-testid": `catalog-fork-${agent.name}`,
+						className: "px-0 text-doom-dim",
+						onClick: (event) => {
+							event.stopPropagation();
+							onLaunch(true);
+						},
+						children: ["fork session ", /* @__PURE__ */ jsx(Kbd, { children: "f" })]
+					}),
+					/* @__PURE__ */ jsxs(Button, {
+						variant: "link",
+						size: "xs",
+						"data-testid": `catalog-inspect-${agent.name}`,
+						className: "px-0 text-doom-dim",
+						onClick: (event) => {
+							event.stopPropagation();
+							onInspect();
+						},
+						children: ["inspect ", /* @__PURE__ */ jsx(Kbd, { children: "i" })]
+					})
+				]
+			}) : null,
+			selected && inspected ? /* @__PURE__ */ jsx(Resources, { agent }) : null
+		]
+	});
+}
+/**
+* The agent catalog, in the subagents tab's drawer: every agent the session's
+* directory can launch, nearest definition first, with a filter and keys the
+* TUI catalog also answers to. Launching hands the chosen agent to the dialog.
+*/
+function AgentCatalogDrawer({ sessionId, onClose, onLaunch }) {
+	const state = useStore(catalog.store, (current) => catalog.select(current, sessionId));
+	const shown = filterCatalog(state.agents, state.filter);
+	const sections = groupCatalog(shown);
+	const selected = shown.find((agent) => agent.name === state.selected) ?? shown[0];
+	const move = (delta) => {
+		if (shown.length === 0) return;
+		const index = selected === void 0 ? -1 : shown.findIndex((agent) => agent.name === selected.name);
+		const next = shown[(index + delta + shown.length) % shown.length];
+		if (next) selectAgent(sessionId, next.name);
+	};
+	const onKeyDown = (event) => {
+		const typing = event.target.tagName === INPUT_TAG;
+		if (event.key === "ArrowDown" || event.key === "ArrowUp") {
+			event.preventDefault();
+			move(event.key === "ArrowDown" ? 1 : -1);
+			return;
+		}
+		if (event.key === "Escape") {
+			event.preventDefault();
+			onClose();
+			return;
+		}
+		if (selected === void 0) return;
+		if (event.key === "Enter") {
+			event.preventDefault();
+			onLaunch(selected, false);
+			return;
+		}
+		if (typing) return;
+		if (event.key === "f") onLaunch(selected, true);
+		if (event.key === "i") toggleInspect(sessionId, selected.name);
+	};
+	return /* @__PURE__ */ jsxs("aside", {
+		"data-testid": "catalog-drawer",
+		tabIndex: 0,
+		onKeyDown,
+		className: "flex w-[min(440px,calc(100vw-24px))] shrink-0 flex-col overflow-hidden border-l border-doom-border bg-doom-rail outline-none",
+		children: [
+			/* @__PURE__ */ jsxs("div", {
+				className: "flex h-11 shrink-0 items-center gap-2.5 border-b border-doom-border px-4",
+				children: [
+					/* @__PURE__ */ jsx("span", {
+						className: "text-lg font-semibold text-doom-hi",
+						children: "agent catalog"
+					}),
+					/* @__PURE__ */ jsxs(Badge, {
+						size: "xs",
+						"data-testid": "catalog-count",
+						children: [
+							state.agents.length,
+							" agent",
+							state.agents.length === 1 ? "" : "s"
+						]
+					}),
+					/* @__PURE__ */ jsx("span", { className: "min-w-0 flex-1" }),
+					/* @__PURE__ */ jsx(Kbd, { children: "SPC a l" }),
+					/* @__PURE__ */ jsx(Button, {
+						variant: "ghost",
+						size: "icon",
+						"data-testid": "catalog-close",
+						title: "close the catalog",
+						onClick: onClose,
+						children: /* @__PURE__ */ jsx(CloseIcon, { className: "h-3 w-3" })
+					})
+				]
+			}),
+			/* @__PURE__ */ jsx("div", {
+				className: "px-4 pt-2.5 pb-1.5",
+				children: /* @__PURE__ */ jsx(Input, {
+					"data-testid": "catalog-filter",
+					value: state.filter,
+					placeholder: "filter by name, source, or tool…",
+					autoFocus: true,
+					onChange: (event) => setCatalogFilter(sessionId, event.target.value)
+				})
+			}),
+			/* @__PURE__ */ jsxs("div", {
+				role: "listbox",
+				className: "flex min-h-0 flex-1 flex-col overflow-y-auto pb-2",
+				children: [
+					state.loading ? /* @__PURE__ */ jsx("p", {
+						role: "status",
+						className: "px-4 py-3 text-sm text-doom-dim",
+						children: "loading agents..."
+					}) : null,
+					state.warning ? /* @__PURE__ */ jsx("p", {
+						role: "alert",
+						className: "px-4 py-3 text-sm text-doom-red",
+						children: state.warning
+					}) : null,
+					shown.length === 0 && !state.loading && !state.warning ? /* @__PURE__ */ jsx("p", {
+						"data-testid": "catalog-empty",
+						className: "px-4 py-3 text-sm text-doom-dim",
+						children: state.agents.length === 0 ? "no agents found for this session; add one under .po/agents or ~/.po/agent/agents" : "nothing matches the filter"
+					}) : null,
+					sections.map((section) => /* @__PURE__ */ jsxs("div", {
+						className: "flex flex-col",
+						children: [/* @__PURE__ */ jsx("span", {
+							className: "px-4 pt-2.5 pb-1 text-lg font-semibold text-doom-hi",
+							children: section.label
+						}), section.agents.map((agent) => /* @__PURE__ */ jsx(AgentRow, {
+							agent,
+							selected: selected?.name === agent.name,
+							inspected: state.inspected === agent.name,
+							onSelect: () => selectAgent(sessionId, agent.name),
+							onLaunch: (fork) => onLaunch(agent, fork),
+							onInspect: () => toggleInspect(sessionId, agent.name)
+						}, agent.name))]
+					}, section.source))
+				]
+			}),
+			/* @__PURE__ */ jsxs("div", {
+				className: "flex h-8 shrink-0 items-center justify-between border-t border-doom-border-soft bg-doom-deep px-4",
+				children: [/* @__PURE__ */ jsx("span", {
+					className: "text-sm text-doom-dim",
+					children: "↑↓ choose · enter launch · f fork · i inspect · esc close"
+				}), /* @__PURE__ */ jsxs("span", {
+					className: "text-sm text-doom-dim",
+					children: [
+						sections.length,
+						" source",
+						sections.length === 1 ? "" : "s"
+					]
+				})]
+			})
+		]
+	});
+}
+//#endregion
+//#region src/extensions/workspaces/sessions/(frontend)/_components/RunControl.tsx
+/** One run state, in the host's shared outcome vocabulary. */
+const RUN_BADGE = {
+	queued: {
+		label: "QUEUED",
+		tone: "neutral"
+	},
+	running: {
+		label: "RUNNING",
+		tone: "running"
+	},
+	done: {
+		label: "DONE",
+		tone: "ok"
+	},
+	failed: {
+		label: "FAILED",
+		tone: "error"
+	},
+	stopped: {
+		label: "STOPPED",
+		tone: "neutral"
+	}
+};
+/** How long the run has been going, or took; the clock only matters while it is active. */
+function elapsedRun(run, now) {
+	const end = run.endedAt ?? (run.state === "running" || run.state === "queued" ? now : run.lastUpdate);
+	return formatRunDuration(Math.max(0, end - run.startedAt));
+}
+/**
+* The one control a run offers: stop while it is active, clear once it is
+* not. Stop is a request the runtime acknowledges in its own time, so the
+* button reads "stopping" until the run's own status says otherwise; a
+* refused request says why next to the button.
+*/
+function RunControl({ sessionId, run, stopping }) {
+	const [error, setError] = useState();
+	const act = (event, action) => {
+		event.stopPropagation();
+		action();
+	};
+	const stop = () => {
+		setError(void 0);
+		requestRunStop(sessionId, run.runId).catch((cause) => setError(cause instanceof Error ? cause.message : String(cause)));
+	};
+	if (isTerminalRun(run)) return /* @__PURE__ */ jsx(Button, {
+		variant: "outline",
+		size: "xs",
+		"data-testid": `run-clear-${run.runId}`,
+		title: "clear this run from the grid",
+		onClick: (event) => act(event, () => dismissRun(sessionId, run.runId)),
+		children: "clear"
+	});
+	return /* @__PURE__ */ jsxs(Fragment, { children: [error ? /* @__PURE__ */ jsx("span", {
+		role: "alert",
+		"data-testid": `run-stop-error-${run.runId}`,
+		title: error,
+		className: "min-w-0 truncate text-sm text-doom-red",
+		children: error
+	}) : null, /* @__PURE__ */ jsx(Button, {
+		variant: stopping ? "outline" : "danger-outline",
+		size: "xs",
+		"data-testid": `run-stop-${run.runId}`,
+		"data-stopping": stopping,
+		disabled: stopping,
+		title: stopping ? "stop requested; the run reports its own final state" : "ask the runtime to stop this run",
+		onClick: (event) => act(event, stop),
+		children: stopping ? "stopping…" : "stop"
+	})] });
+}
+//#endregion
+//#region src/extensions/workspaces/sessions/(frontend)/_components/AgentThreadPanel.tsx
+const TICK_MS$2 = 1e4;
+/** The tab id doubles as the URL segment, so it stays plain and unique across plugins. */
+const TAB_ID_PREFIX = "subagents-run-";
+/** The temporary tab for one run; the host keeps this panel for as long as the tab is open. */
+function agentThreadTab(run) {
+	const runId = run.runId;
+	return {
+		id: `${TAB_ID_PREFIX}${runId}`,
+		label: agentRunLabel(run),
+		panel: (props) => /* @__PURE__ */ jsx(AgentThreadPanel, {
+			...props,
+			runId
+		})
+	};
+}
+/**
+* A run's own conversation on the host's transcript, under a header with
+* what the grid card knows: state, elapsed, model, the prompt's first line,
+* and stop while the run is going. The run can leave the fleet feed before
+* the reader is done; the thread stays, and the header says so.
+*/
+function AgentThreadPanel({ sessionId, runId, renderThread }) {
+	const { runs, stopRequested } = useStore(subagents.store, (state) => subagents.select(state, sessionId));
+	const run = runs.find((candidate) => candidate.runId === runId);
+	const [now, setNow] = useState(() => Date.now());
+	const [guidance, setGuidance] = useState("");
+	const [sending, setSending] = useState(false);
+	const [error, setError] = useState();
+	const [notice, setNotice] = useState();
+	useEffect(() => {
+		const timer = setInterval(() => setNow(Date.now()), TICK_MS$2);
+		return () => clearInterval(timer);
+	}, []);
+	const firstLine = run?.task.split("\n").find((line) => line.trim() !== "") ?? "";
+	const canSteer = sessionId !== null && run !== void 0 && !isTerminalRun(run);
+	const submitGuidance = async (event) => {
+		event.preventDefault();
+		const message = guidance.trim();
+		if (!canSteer || !message || sending) return;
+		setSending(true);
+		setError(void 0);
+		setNotice(void 0);
+		try {
+			const result = await steerRun(sessionId, runId, message);
+			if (result.state === "failed") {
+				setError(result.message);
+				return;
+			}
+			setGuidance("");
+			if (result.state === "pending") setNotice(result.message);
+		} catch (cause) {
+			setError(cause instanceof Error ? cause.message : String(cause));
+		} finally {
+			setSending(false);
+		}
+	};
+	return /* @__PURE__ */ jsxs("div", {
+		"data-testid": "agent-thread-panel",
+		className: "flex min-h-0 flex-1 flex-col",
+		children: [
+			/* @__PURE__ */ jsx("div", {
+				"data-testid": "agent-thread-header",
+				className: "flex h-10 shrink-0 items-center gap-2.5 border-b border-doom-border-soft px-[26px]",
+				children: run ? /* @__PURE__ */ jsxs(Fragment, { children: [
+					/* @__PURE__ */ jsx("span", {
+						"data-testid": "agent-thread-agent",
+						className: "shrink-0 truncate text-base font-semibold text-doom-hi",
+						children: agentRunLabel(run)
+					}),
+					/* @__PURE__ */ jsx(StatusBadge, {
+						tone: RUN_BADGE[run.state].tone,
+						"data-testid": "agent-thread-state",
+						children: RUN_BADGE[run.state].label
+					}),
+					/* @__PURE__ */ jsx("span", {
+						className: "shrink-0 text-sm text-doom-dim",
+						children: elapsedRun(run, now)
+					}),
+					run.model ? /* @__PURE__ */ jsx("span", {
+						className: "shrink-0 text-sm text-doom-dim",
+						children: run.model.split("/").pop() ?? run.model
+					}) : null,
+					/* @__PURE__ */ jsx("span", {
+						"data-testid": "agent-thread-task",
+						className: "min-w-0 flex-1 truncate text-sm text-doom-dim",
+						children: firstLine
+					}),
+					sessionId !== null && !isTerminalRun(run) ? /* @__PURE__ */ jsx(RunControl, {
+						sessionId,
+						run,
+						stopping: stopRequested.includes(run.runId)
+					}) : null
+				] }) : /* @__PURE__ */ jsxs("span", {
+					"data-testid": "agent-thread-gone",
+					className: "text-sm text-doom-dim",
+					children: [
+						"run ",
+						runId.slice(0, 8),
+						" is no longer listed; its transcript stays readable"
+					]
+				})
+			}),
+			renderThread(runId),
+			canSteer ? /* @__PURE__ */ jsx("form", {
+				"data-testid": "agent-steer-composer",
+				className: "shrink-0 border-t border-doom-border-soft bg-doom-rail px-[26px] pt-3 pb-2.5",
+				onSubmit: (event) => void submitGuidance(event),
+				children: /* @__PURE__ */ jsxs("div", {
+					className: "rounded-lg border border-doom-border bg-doom-deep transition-colors focus-within:border-doom-blue/60",
+					children: [
+						/* @__PURE__ */ jsxs("div", {
+							className: "flex min-w-0 items-start gap-2.5 px-3.5 pt-3",
+							children: [/* @__PURE__ */ jsx("span", {
+								className: "mt-[3px] shrink-0 select-none text-base leading-none text-doom-green",
+								children: ">"
+							}), /* @__PURE__ */ jsx(Textarea, {
+								variant: "bare",
+								"data-testid": "agent-steer-input",
+								"aria-label": "Steering guidance",
+								rows: 2,
+								value: guidance,
+								readOnly: sending,
+								placeholder: "Guide this agent…",
+								className: "min-w-0 flex-1 text-base leading-relaxed",
+								onChange: (event) => setGuidance(event.target.value)
+							})]
+						}),
+						error ? /* @__PURE__ */ jsx("p", {
+							role: "alert",
+							"data-testid": "agent-steer-error",
+							className: "px-3.5 pt-2 text-sm text-doom-red",
+							children: error
+						}) : null,
+						/* @__PURE__ */ jsxs("div", {
+							className: "flex items-center gap-2 px-3.5 pt-2 pb-2.5",
+							children: [
+								/* @__PURE__ */ jsx("span", {
+									role: "status",
+									"data-testid": "agent-steer-hint",
+									className: "min-w-0 truncate text-sm text-doom-dim",
+									children: notice ?? "guidance reaches this run while it is still working"
+								}),
+								/* @__PURE__ */ jsx("span", { className: "min-w-0 flex-1" }),
+								/* @__PURE__ */ jsx(Button, {
+									"data-testid": "agent-steer-submit",
+									type: "submit",
+									variant: "primary",
+									size: "md",
+									className: "px-3.5",
+									disabled: sending || guidance.trim() === "",
+									children: sending ? "sending…" : "send"
+								})
+							]
+						})
+					]
+				})
+			}) : null
+		]
+	});
+}
+//#endregion
+//#region src/extensions/workspaces/sessions/(frontend)/_components/LaunchAgentDialog.tsx
+/** The picker's stand-in for "no override"; a Radix item cannot carry an empty value. */
+const AGENT_DEFAULT = "agent-default";
+const TASK_ROWS = 4;
+function FieldLabel({ children }) {
+	return /* @__PURE__ */ jsx("span", {
+		className: "text-base font-medium st text-doom-dim",
+		children
+	});
+}
+/**
+* Launches one agent from the catalog: the task, whether the child forks
+* this session, and a model override. The session server starts the child.
+*/
+function LaunchAgentDialog({ sessionId, agent, cwd, models, fork: initialFork, initialTask, onClose, onLaunched }) {
+	const [task, setTask] = useState(initialTask);
+	const [fork, setFork] = useState(initialFork);
+	const [model, setModel] = useState(AGENT_DEFAULT);
+	const [busy, setBusy] = useState(false);
+	const [error, setError] = useState();
+	const request = {
+		agent: agent.name,
+		task,
+		fork,
+		...model === AGENT_DEFAULT ? {} : { model }
+	};
+	const launch = async () => {
+		if (busy) return;
+		setBusy(true);
+		setError(void 0);
+		requestLaunch(sessionId, agent.name);
+		try {
+			await launchAgent(sessionId, request);
+			onLaunched();
+		} catch (cause) {
+			clearPendingLaunch(sessionId);
+			setError(cause instanceof Error ? cause.message : String(cause));
+		} finally {
+			setBusy(false);
+		}
+	};
+	const onTaskKeyDown = (event) => {
+		if (event.key === "Enter" && !event.shiftKey) {
+			event.preventDefault();
+			launch();
+		}
+	};
+	return /* @__PURE__ */ jsx(Dialog, {
+		open: true,
+		onOpenChange: (open) => {
+			if (!open) onClose();
+		},
+		children: /* @__PURE__ */ jsxs(DialogContent, {
+			width: "lg",
+			"data-testid": "launch-dialog",
+			"aria-describedby": void 0,
+			children: [/* @__PURE__ */ jsx(DialogHeader, { children: /* @__PURE__ */ jsxs("div", {
+				className: "flex min-w-0 flex-col items-start gap-1 sm:flex-row sm:items-center sm:gap-2.5",
+				children: [
+					/* @__PURE__ */ jsx("span", {
+						className: "text-sm text-doom-dim",
+						children: "launch subagent"
+					}),
+					/* @__PURE__ */ jsx(DialogTitle, {
+						"data-testid": "launch-agent",
+						className: "max-w-full break-words",
+						children: agent.name
+					}),
+					/* @__PURE__ */ jsx(Badge, {
+						size: "xs",
+						className: "max-w-full truncate",
+						children: agent.packageName ?? agent.source
+					})
+				]
+			}) }), /* @__PURE__ */ jsxs(DialogBody, { children: [
+				/* @__PURE__ */ jsx("p", {
+					className: "text-base leading-relaxed text-doom-dim",
+					children: agent.description
+				}),
+				/* @__PURE__ */ jsxs("div", {
+					className: "flex flex-col gap-1.5",
+					children: [
+						/* @__PURE__ */ jsx(FieldLabel, { children: "TASK" }),
+						/* @__PURE__ */ jsx(Textarea, {
+							"data-testid": "launch-task",
+							autoFocus: true,
+							rows: TASK_ROWS,
+							value: task,
+							placeholder: "what should the agent do? empty runs its own prompt",
+							onChange: (event) => setTask(event.target.value),
+							onKeyDown: onTaskKeyDown
+						}),
+						/* @__PURE__ */ jsx("span", {
+							className: "text-sm text-doom-dim",
+							children: "enter launches · shift+enter for a new line · @ for files"
+						})
+					]
+				}),
+				/* @__PURE__ */ jsxs("div", {
+					className: "flex flex-wrap gap-5",
+					children: [
+						/* @__PURE__ */ jsxs("div", {
+							className: "flex flex-col gap-1.5",
+							children: [
+								/* @__PURE__ */ jsx(FieldLabel, { children: "CONTEXT" }),
+								/* @__PURE__ */ jsxs("div", {
+									className: "flex flex-wrap gap-1.5",
+									children: [/* @__PURE__ */ jsx(Button, {
+										variant: fork ? "outline" : "primary",
+										size: "xs",
+										"data-testid": "launch-fresh",
+										"data-active": !fork,
+										onClick: () => setFork(false),
+										children: "fresh"
+									}), /* @__PURE__ */ jsx(Button, {
+										variant: fork ? "primary" : "outline",
+										size: "xs",
+										"data-testid": "launch-fork",
+										"data-active": fork,
+										onClick: () => setFork(true),
+										children: "fork this session"
+									})]
+								}),
+								/* @__PURE__ */ jsx("span", {
+									className: "text-sm text-doom-dim",
+									children: "fork shares the conversation so far"
+								})
+							]
+						}),
+						/* @__PURE__ */ jsxs("div", {
+							className: "flex flex-col gap-1.5",
+							children: [
+								/* @__PURE__ */ jsx(FieldLabel, { children: "MODEL" }),
+								/* @__PURE__ */ jsxs(Select, {
+									value: model,
+									onValueChange: setModel,
+									children: [/* @__PURE__ */ jsx(SelectTrigger, {
+										"data-testid": "launch-model",
+										className: "h-7 w-full min-w-0 sm:min-w-[200px]",
+										children: /* @__PURE__ */ jsx(SelectValue, {})
+									}), /* @__PURE__ */ jsxs(SelectContent, { children: [/* @__PURE__ */ jsxs(SelectItem, {
+										value: AGENT_DEFAULT,
+										children: ["agent default", agent.model ? ` · ${agent.model}` : ""]
+									}), modelChoices(agent, models).map((choice) => /* @__PURE__ */ jsx(SelectItem, {
+										value: choice,
+										children: choice
+									}, choice))] })]
+								}),
+								/* @__PURE__ */ jsx("span", {
+									className: "text-sm text-doom-dim",
+									children: "leave unset to use the agent's default"
+								})
+							]
+						}),
+						/* @__PURE__ */ jsxs("div", {
+							className: "flex flex-col gap-1.5",
+							children: [
+								/* @__PURE__ */ jsx(FieldLabel, { children: "CWD" }),
+								/* @__PURE__ */ jsx("span", {
+									className: "flex h-7 items-center text-sm text-doom-dim",
+									children: abbreviateCwd(cwd)
+								}),
+								/* @__PURE__ */ jsx("span", {
+									className: "text-sm text-doom-dim",
+									children: "the session's directory"
+								})
+							]
+						})
+					]
+				}),
+				error ? /* @__PURE__ */ jsx("p", {
+					role: "alert",
+					className: "text-sm text-doom-red",
+					children: error
+				}) : null,
+				/* @__PURE__ */ jsxs(DialogFooter, {
+					className: "flex-wrap sm:flex-nowrap",
+					children: [
+						/* @__PURE__ */ jsx("span", {
+							className: "w-full text-sm text-doom-dim sm:w-auto",
+							children: "the run opens in its own tab once it starts"
+						}),
+						/* @__PURE__ */ jsx("span", { className: "min-w-0 flex-1" }),
+						/* @__PURE__ */ jsx(Button, {
+							variant: "outline",
+							size: "xs",
+							"data-testid": "launch-cancel",
+							onClick: onClose,
+							children: "cancel"
+						}),
+						/* @__PURE__ */ jsx(Button, {
+							variant: "primary",
+							size: "xs",
+							"data-testid": "launch-submit",
+							disabled: busy,
+							onClick: () => void launch(),
+							children: busy ? "launching…" : "launch"
+						})
+					]
+				})
+			] })]
+		})
+	});
+}
+//#endregion
+//#region src/extensions/workspaces/sessions/(frontend)/_components/SubagentsPanel.tsx
+/** One fleet tab per session; the fleet is singular, so the id needs nothing else. */
+const SUBAGENTS_TAB_ID = "subagents-fleet";
+const TICK_MS$1 = 1e4;
+/**
+* How much of a run's own conversation a card carries: enough to read what it
+* is doing right now, not enough to read the run. The whole thread is one
+* click away in the run's tab.
+*/
+const CARD_THREAD_ENTRIES = 8;
+/** The card's work line: a task binding wins; otherwise the delegation prompt. */
+function WorkLine({ run }) {
+	const firstLine = run.task.split("\n").find((line) => line.trim() !== "") ?? "";
+	if (run.taskRef) return /* @__PURE__ */ jsxs("div", {
+		className: "flex items-center gap-2 px-3 pb-2.5",
+		children: [/* @__PURE__ */ jsxs(Badge, {
+			tone: "violet",
+			size: "xs",
+			className: "shrink-0 rounded-sm bg-doom-violet/10",
+			children: ["TASK ", run.taskRef]
+		}), /* @__PURE__ */ jsx("span", {
+			"data-testid": "run-work",
+			className: "min-w-0 truncate text-base text-doom-hi",
+			children: firstLine
+		})]
+	});
+	return /* @__PURE__ */ jsxs("div", {
+		className: "flex items-center gap-2 px-3 pb-2.5",
+		children: [/* @__PURE__ */ jsx("span", {
+			className: "shrink-0 text-base font-medium text-doom-dim",
+			children: "Prompt"
+		}), /* @__PURE__ */ jsx("span", {
+			"data-testid": "run-work",
+			className: "min-w-0 truncate text-base text-doom-dim",
+			children: firstLine
+		})]
+	});
+}
+/**
+* Everything a card can do, behind one control.
+*
+* A card already spends its width on the run's own stream, and stop, clear,
+* detail and the run's tab are four verbs: as buttons they crowd the footer
+* and each one has to defend itself from the card's own click.
+*/
+function RunMenu({ sessionId, run, stopping, onOpenThread, onOpenDetail }) {
+	const [error, setError] = useState();
+	const stop = () => {
+		setError(void 0);
+		requestRunStop(sessionId, run.runId).catch((cause) => setError(cause instanceof Error ? cause.message : String(cause)));
+	};
+	return /* @__PURE__ */ jsxs(Fragment, { children: [error ? /* @__PURE__ */ jsx("span", {
+		role: "alert",
+		"data-testid": `run-menu-stop-error-${run.runId}`,
+		title: error,
+		className: "min-w-0 truncate text-sm text-doom-red",
+		children: error
+	}) : null, /* @__PURE__ */ jsxs(DropdownMenu, { children: [/* @__PURE__ */ jsx(DropdownMenuTrigger, {
+		asChild: true,
+		children: /* @__PURE__ */ jsx(Button, {
+			variant: "ghost",
+			size: "icon",
+			"data-testid": `run-menu-${run.runId}`,
+			title: "what this run can do",
+			"aria-label": "run actions",
+			onClick: (event) => event.stopPropagation(),
+			children: /* @__PURE__ */ jsx(KebabIcon, { className: "h-3 w-3" })
+		})
+	}), /* @__PURE__ */ jsxs(DropdownMenuContent, {
+		"data-testid": `run-menu-content-${run.runId}`,
+		children: [
+			/* @__PURE__ */ jsx(DropdownMenuItem, {
+				"data-testid": `run-open-${run.runId}`,
+				onSelect: onOpenThread,
+				children: "open thread"
+			}),
+			/* @__PURE__ */ jsx(DropdownMenuItem, {
+				"data-testid": `run-detail-${run.runId}`,
+				onSelect: onOpenDetail,
+				children: "details"
+			}),
+			/* @__PURE__ */ jsx(DropdownMenuSeparator, {}),
+			isTerminalRun(run) ? /* @__PURE__ */ jsx(DropdownMenuItem, {
+				"data-testid": `run-clear-${run.runId}`,
+				onSelect: () => dismissRun(sessionId, run.runId),
+				children: "clear from the grid"
+			}) : /* @__PURE__ */ jsx(DropdownMenuItem, {
+				variant: "destructive",
+				"data-testid": `run-stop-${run.runId}`,
+				"data-stopping": stopping,
+				disabled: stopping,
+				onSelect: stop,
+				children: stopping ? "stopping…" : "stop"
+			})
+		]
+	})] })] });
+}
+/**
+* One run in the grid: its live conversation under a header, on the host's own
+* transcript so a tool call reads the same here as in the session.
+*
+* The body is a glance, so it takes the newest entries only and does not take
+* the pointer: the whole card is the way into the run's tab.
+*/
+function RunCard({ sessionId, run, now, stopping, renderThread, onOpenThread, onOpenDetail }) {
+	const badge = RUN_BADGE[run.state];
+	const onKeyDown = (event) => {
+		if (event.target !== event.currentTarget) return;
+		if (event.key === "Enter" || event.key === " ") {
+			event.preventDefault();
+			onOpenThread();
+		}
+	};
+	return /* @__PURE__ */ jsx(Panel, {
+		asChild: true,
+		className: cn("flex h-[280px] min-w-0 flex-col text-left transition-colors outline-none hover:border-doom-blue/50 focus-within:border-doom-blue", STATUS_EDGE[badge.tone]),
+		children: /* @__PURE__ */ jsxs("div", {
+			"data-testid": `run-card-${run.runId}`,
+			"data-run-state": run.state,
+			children: [/* @__PURE__ */ jsxs("div", {
+				role: "button",
+				tabIndex: 0,
+				"data-testid": `run-open-card-${run.runId}`,
+				className: "flex min-h-0 flex-1 cursor-pointer flex-col outline-none",
+				title: "open this run's own thread in a tab",
+				onClick: onOpenThread,
+				onKeyDown,
+				children: [
+					/* @__PURE__ */ jsxs("div", {
+						className: "flex items-center gap-2 px-3 pt-2.5 pb-1.5",
+						children: [
+							/* @__PURE__ */ jsx("span", {
+								"data-testid": "run-agent",
+								className: "truncate text-base font-semibold text-doom-hi",
+								children: agentRunLabel(run)
+							}),
+							/* @__PURE__ */ jsx("span", { className: "min-w-0 flex-1" }),
+							/* @__PURE__ */ jsx("span", {
+								className: "shrink-0 text-sm text-doom-dim",
+								children: elapsedRun(run, now)
+							}),
+							/* @__PURE__ */ jsx(StatusBadge, {
+								tone: badge.tone,
+								"data-testid": "run-state",
+								children: badge.label
+							})
+						]
+					}),
+					/* @__PURE__ */ jsx(WorkLine, { run }),
+					/* @__PURE__ */ jsx("div", {
+						"data-testid": "run-stream",
+						className: "pointer-events-none flex min-h-0 flex-1 flex-col overflow-hidden border-t border-doom-border-soft bg-doom-deep",
+						children: renderThread(run.runId, {
+							limit: CARD_THREAD_ENTRIES,
+							compact: true
+						})
+					}),
+					run.state === "failed" && run.error ? /* @__PURE__ */ jsx("span", {
+						"data-testid": "run-error",
+						className: "truncate border-t border-doom-border-soft px-3 py-1.5 text-sm text-doom-red",
+						children: run.error
+					}) : null
+				]
+			}), /* @__PURE__ */ jsxs("div", {
+				className: "flex shrink-0 items-center gap-3 border-t border-doom-border-soft px-3 py-1.5",
+				children: [
+					/* @__PURE__ */ jsxs("span", {
+						className: "truncate text-sm text-doom-dim",
+						children: [
+							run.toolCount !== void 0 ? `${run.toolCount} tools` : "—",
+							run.tokens !== void 0 ? ` · ${run.tokens.toLocaleString()} tk` : "",
+							run.model ? ` · ${run.model.split("/").pop() ?? run.model}` : ""
+						]
+					}),
+					/* @__PURE__ */ jsx("span", { className: "min-w-0 flex-1" }),
+					/* @__PURE__ */ jsx(RunMenu, {
+						sessionId,
+						run,
+						stopping,
+						onOpenThread,
+						onOpenDetail
+					})
+				]
+			})]
+		})
+	});
+}
+function SheetRow({ label, value, tone = "text-doom-dim" }) {
+	return /* @__PURE__ */ jsxs("div", {
+		className: "flex gap-2.5",
+		children: [/* @__PURE__ */ jsx("span", {
+			className: "w-11 shrink-0 text-sm text-doom-dim",
+			children: label
+		}), /* @__PURE__ */ jsx("span", {
+			className: `min-w-0 break-words text-base ${tone}`,
+			children: value
+		})]
+	});
+}
+function SheetBlock({ label, text, testId, tone }) {
+	return /* @__PURE__ */ jsxs("div", {
+		className: "flex flex-col gap-1 rounded-md border border-doom-border bg-doom-deep px-3 py-2.5",
+		children: [/* @__PURE__ */ jsx("span", {
+			className: "text-base font-medium text-doom-dim",
+			children: label
+		}), /* @__PURE__ */ jsx("pre", {
+			"data-testid": testId,
+			className: `overflow-x-auto whitespace-pre-wrap break-words text-base leading-relaxed ${tone ?? "text-doom-text"}`,
+			children: text
+		})]
+	});
+}
+/**
+* What the run was asked to do and what it was given to do it with, over the
+* grid rather than beside it: the conversation is on the card and in the run's
+* tab, so this reads as a definition and takes no width from the fleet.
+*/
+function RunDetailSheet({ sessionId, run, now, stopping, renderSlot, onClose }) {
+	const badge = RUN_BADGE[run.state];
+	return /* @__PURE__ */ jsx(Sheet, {
+		open: true,
+		onOpenChange: (open) => {
+			if (!open) onClose();
+		},
+		children: /* @__PURE__ */ jsxs(SheetContent, {
+			"data-testid": "run-sheet",
+			"aria-describedby": void 0,
+			children: [/* @__PURE__ */ jsxs(SheetHeader, {
+				closeLabel: "close the run detail",
+				children: [
+					/* @__PURE__ */ jsx(SheetTitle, {
+						"data-testid": "sheet-agent",
+						children: agentRunLabel(run)
+					}),
+					/* @__PURE__ */ jsx(StatusBadge, {
+						tone: badge.tone,
+						children: badge.label
+					}),
+					/* @__PURE__ */ jsx("span", { className: "min-w-0 flex-1" }),
+					/* @__PURE__ */ jsx("span", {
+						className: "text-sm text-doom-dim",
+						children: elapsedRun(run, now)
+					}),
+					renderSlot(RUN_ACTIONS_SLOT.slot),
+					/* @__PURE__ */ jsx(RunControl, {
+						sessionId,
+						run,
+						stopping
+					})
+				]
+			}), /* @__PURE__ */ jsxs(SheetBody, { children: [
+				/* @__PURE__ */ jsxs("div", {
+					className: "flex flex-col gap-1.5",
+					children: [
+						/* @__PURE__ */ jsx(SheetRow, {
+							label: "run",
+							value: run.runId
+						}),
+						run.taskRef ? /* @__PURE__ */ jsx(SheetRow, {
+							label: "task",
+							value: run.taskRef,
+							tone: "text-doom-violet"
+						}) : null,
+						/* @__PURE__ */ jsx(SheetRow, {
+							label: "model",
+							value: run.model ?? "the runtime default"
+						}),
+						/* @__PURE__ */ jsx(SheetRow, {
+							label: "cwd",
+							value: abbreviateCwd(run.cwd)
+						}),
+						/* @__PURE__ */ jsx(SheetRow, {
+							label: "work",
+							value: `${run.toolCount === void 0 ? "no" : String(run.toolCount)} tools${run.tokens === void 0 ? "" : ` · ${run.tokens.toLocaleString()} tk`}`
+						})
+					]
+				}),
+				/* @__PURE__ */ jsx(SheetBlock, {
+					label: "PROMPT FROM THE MAIN AGENT",
+					testId: "sheet-task",
+					text: run.task || "(no prompt recorded)"
+				}),
+				run.summary ? /* @__PURE__ */ jsx(SheetBlock, {
+					label: "REPORT",
+					testId: "sheet-summary",
+					text: run.summary
+				}) : null,
+				run.error ? /* @__PURE__ */ jsx(SheetBlock, {
+					label: "FAILURE",
+					testId: "sheet-error",
+					text: run.error,
+					tone: "text-doom-red"
+				}) : null
+			] })]
+		})
+	});
+}
+/**
+* The subagents tab: the focused session's fleet as a computed grid.
+*
+* Columns come from the available width (auto-fill over a 420px minimum), and
+* every card is the same height with the run's own live conversation
+* absorbing the slack, so the grid reads as a fleet rather than a ragged list.
+* A card opens the run's tab; its menu opens the detail sheet over the grid.
+* The catalog to launch from still takes the right rail, because picking an
+* agent is a list beside the fleet rather than a thing about one run.
+*/
+function SubagentsPanel({ sessionId, renderSlot, renderThread, openTransientTab }) {
+	const runs = useStore(subagents.store, (state) => visibleRuns(subagents.select(state, sessionId)));
+	const { openRunId, stopRequested, autoOpenRunId } = useStore(subagents.store, (state) => subagents.select(state, sessionId));
+	const shelf = useStore(catalog.store, (state) => catalog.select(state, sessionId));
+	const [now, setNow] = useState(() => Date.now());
+	useEffect(() => {
+		if (sessionId === null || !shelf.open) return;
+		return loadCatalog(sessionId);
+	}, [sessionId, shelf.open]);
+	useEffect(() => {
+		const timer = setInterval(() => setNow(Date.now()), TICK_MS$1);
+		return () => clearInterval(timer);
+	}, []);
+	useEffect(() => {
+		if (autoOpenRunId === void 0 || sessionId === null) return;
+		const run = runs.find((candidate) => candidate.runId === autoOpenRunId);
+		if (run) openTransientTab(agentThreadTab(run));
+		clearAutoOpen(sessionId);
+	}, [
+		autoOpenRunId,
+		runs,
+		sessionId,
+		openTransientTab
+	]);
+	const shownRun = openRunId === void 0 ? void 0 : runs.find((run) => run.runId === openRunId);
+	const launching = shelf.launch === void 0 ? void 0 : shelf.agents.find((agent) => agent.name === shelf.launch?.agent);
+	const stopping = (run) => stopRequested.includes(run.runId);
+	const runningTally = runs.filter((run) => run.state === "running" || run.state === "queued").length;
+	const doneTally = runs.filter((run) => run.state === "done").length;
+	const failedTally = runs.filter((run) => run.state === "failed" || run.state === "stopped").length;
+	const showCatalog = () => {
+		if (sessionId === null) return;
+		openRun(sessionId, void 0);
+		openCatalog(sessionId);
+	};
+	return /* @__PURE__ */ jsxs("div", {
+		"data-testid": "subagents-panel",
+		className: "flex min-h-0 min-w-0 flex-1 overflow-hidden",
+		children: [
+			/* @__PURE__ */ jsxs("div", {
+				className: "flex min-w-0 flex-1 flex-col overflow-y-auto px-3 py-3 sm:px-[26px] sm:py-[18px]",
+				children: [/* @__PURE__ */ jsxs("div", {
+					className: "flex flex-wrap items-center gap-x-3 gap-y-2 pb-3",
+					children: [
+						/* @__PURE__ */ jsx("span", {
+							className: "text-lg font-semibold text-doom-hi",
+							children: "Subagents · this session"
+						}),
+						/* @__PURE__ */ jsx("span", { className: "hidden min-w-0 flex-1 sm:block" }),
+						/* @__PURE__ */ jsx("span", {
+							"data-testid": "subagents-tally",
+							className: "order-3 w-full text-sm text-doom-dim sm:order-none sm:w-auto",
+							children: runs.length === 0 ? "no runs yet" : `${runningTally} running · ${doneTally} done · ${failedTally} failed`
+						}),
+						/* @__PURE__ */ jsxs(Button, {
+							variant: "outline",
+							size: "xs",
+							className: "ml-auto sm:ml-0",
+							"data-testid": "subagents-launch",
+							title: "pick an agent from the catalog and launch it",
+							onClick: showCatalog,
+							children: ["launch agent ", /* @__PURE__ */ jsx(Kbd, { children: "a l" })]
+						})
+					]
+				}), runs.length === 0 ? /* @__PURE__ */ jsx(EmptyState, {
+					"data-testid": "subagents-empty",
+					title: "no subagent runs yet",
+					description: "pick an agent from the catalog to launch one yourself, or let the main agent delegate with its subagent tool."
+				}) : /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx("div", {
+					"data-testid": "subagents-grid",
+					className: "grid grid-cols-[repeat(auto-fill,minmax(min(420px,100%),1fr))] gap-4",
+					children: sessionId === null ? null : runs.map((run) => /* @__PURE__ */ jsx(RunCard, {
+						sessionId,
+						run,
+						now,
+						stopping: stopping(run),
+						renderThread,
+						onOpenThread: () => {
+							closeCatalog(sessionId);
+							openTransientTab(agentThreadTab(run));
+						},
+						onOpenDetail: () => {
+							closeCatalog(sessionId);
+							openRun(sessionId, run.runId);
+						}
+					}, run.runId))
+				}), /* @__PURE__ */ jsx("span", {
+					className: "pt-3 text-sm text-doom-dim",
+					children: "click a card to open the run's thread · the card menu holds details, stop and clear · finished runs leave the grid after 10m"
+				})] })]
+			}),
+			sessionId !== null && shelf.open ? /* @__PURE__ */ jsx(AgentCatalogDrawer, {
+				sessionId,
+				onClose: () => closeCatalog(sessionId),
+				onLaunch: (agent, fork) => openLaunch(sessionId, agent.name, fork)
+			}) : null,
+			shownRun && sessionId !== null ? /* @__PURE__ */ jsx(RunDetailSheet, {
+				sessionId,
+				run: shownRun,
+				now,
+				stopping: stopping(shownRun),
+				renderSlot,
+				onClose: () => openRun(sessionId, void 0)
+			}) : null,
+			sessionId !== null && launching !== void 0 && shelf.launch !== void 0 ? /* @__PURE__ */ jsx(LaunchAgentDialog, {
+				sessionId,
+				agent: launching,
+				cwd: shelf.cwd,
+				models: shelf.models,
+				fork: shelf.launch.fork,
+				initialTask: shelf.task,
+				onClose: () => closeLaunch(sessionId),
+				onLaunched: () => closeCatalog(sessionId)
+			}, launching.name) : null
+		]
+	});
+}
+/** The temporary tab the fleet opens in; opening it again only focuses it. */
+function subagentsTab() {
+	return {
+		id: SUBAGENTS_TAB_ID,
+		label: "subagents",
+		panel: SubagentsPanel
+	};
+}
+//#endregion
+//#region src/extensions/workspaces/sessions/(frontend)/action/launch-agent.web.ts
+/** Offered on any work item another plugin presents. The filename is the action id. */
+var launch_agent_web_default = defineContextAction({
+	label: "Launch Agent",
+	detail: "Choose an agent, review the task, then launch it.",
+	kinds: ["work-item"],
+	order: 10,
+	run: (context) => openAgentCatalogForContext(context, subagentsTab)
+});
+//#endregion
+//#region src/extensions/workspaces/sessions/(frontend)/activity-group/agents.web.ts
+/**
+* The dock group this package owns. The filename is the group name, which is
+* also the slot other plugins fill: `activity.agents`.
+*
+* It stays visible while the session is idle, because the group is the only
+* way into the fleet and a launcher that appears only once something runs
+* cannot be used to start anything.
+*/
+var agents_web_default = defineActivityGroup({
+	keys: "a r",
+	icon: UsersIcon,
+	statusKey: "doom-team-agents",
+	activeSource: {
+		subscribe(listener) {
+			const subscription = subagents.store.subscribe(listener);
+			return () => subscription.unsubscribe();
+		},
+		isActive(sessionId) {
+			return activityRuns(subagents.select(subagents.store.state, sessionId)).some((run) => !isTerminalRun(run));
+		}
+	},
+	transientTab: subagentsTab,
+	order: 10
+});
+//#endregion
+//#region src/extensions/workspaces/sessions/(frontend)/channel/subagent-catalog.web.ts
+/** The agent catalog the session facet publishes. The filename is the frame type. */
+var subagent_catalog_web_default = defineChannelFile(subagentCatalogChannel);
+//#endregion
+//#region src/extensions/workspaces/sessions/(frontend)/channel/subagent-runs.web.ts
+/** The run graph the session facet publishes. The filename is the frame type. */
+var subagent_runs_web_default = defineChannelFile(subagentRunsChannel);
+//#endregion
+//#region src/extensions/workspaces/sessions/(frontend)/fill/_components/AgentsActivitySection.tsx
+const TICK_MS = 1e4;
+const STATE_TONE = {
+	queued: "muted",
+	running: "yellow",
+	done: "green",
+	failed: "red",
+	stopped: "muted"
+};
+function elapsed(run, now) {
+	const end = run.endedAt ?? (isTerminalRun(run) ? run.lastUpdate : now);
+	return formatRunDuration(Math.max(0, end - run.startedAt));
+}
+/** The one-liner under a row: what the run is doing, or how it ended. */
+function detail(run) {
+	if (run.state === "failed" && run.error) return run.error;
+	if (run.summary) return run.summary.split("\n").find((line) => line.trim() !== "") ?? "";
+	return run.currentTool ?? run.tail.at(-1) ?? run.state;
+}
+/**
+* The agents group's body in the activity dock: the session's runs, each a
+* row that opens the run's own conversation in a temporary tab. This replaces
+* the runtime's footer one-liner, which only says whether anything is running.
+*/
+function AgentsActivitySection({ sessionId, openTransientTab }) {
+	const runs = useStore(subagents.store, (state) => activityRuns(subagents.select(state, sessionId)));
+	const [now, setNow] = useState(() => Date.now());
+	useEffect(() => {
+		const timer = setInterval(() => setNow(Date.now()), TICK_MS);
+		return () => clearInterval(timer);
+	}, []);
+	if (runs.length === 0) return /* @__PURE__ */ jsxs("div", {
+		className: "flex flex-wrap items-center gap-x-4 gap-y-1",
+		children: [/* @__PURE__ */ jsx("p", {
+			"data-testid": "activity-summary-agents",
+			className: "text-sm text-doom-dim",
+			children: "Idle"
+		}), /* @__PURE__ */ jsxs(Button, {
+			variant: "link",
+			size: "sm",
+			"data-testid": "activity-agents-launch",
+			className: "h-auto gap-1 px-0 text-sm text-doom-green",
+			onClick: () => {
+				if (sessionId === null) return;
+				openCatalog(sessionId);
+				openTransientTab(subagentsTab());
+			},
+			children: ["Launch an agent", /* @__PURE__ */ jsx(ArrowRightIcon, {
+				"aria-hidden": true,
+				className: "size-3.5"
+			})]
+		})]
+	});
+	return /* @__PURE__ */ jsx("div", {
+		"data-testid": "activity-agent-runs",
+		className: "flex flex-col gap-0.5",
+		children: runs.map((run) => /* @__PURE__ */ jsxs(Button, {
+			variant: "ghost",
+			size: "card",
+			"data-testid": `activity-run-${run.runId}`,
+			"data-run-state": run.state,
+			title: "open this run's conversation",
+			onClick: () => {
+				if (sessionId === null) return;
+				openTransientTab(agentThreadTab(run));
+			},
+			className: "min-w-0 gap-0.5 rounded-md px-1 py-1 hover:bg-doom-panel",
+			children: [/* @__PURE__ */ jsxs("span", {
+				className: "flex min-w-0 items-center gap-1.5",
+				children: [
+					/* @__PURE__ */ jsx(Dot, {
+						tone: STATE_TONE[run.state],
+						pulse: run.state === "running"
+					}),
+					/* @__PURE__ */ jsx("span", {
+						className: `min-w-0 flex-1 truncate text-base font-semibold ${isTerminalRun(run) ? "text-doom-hi" : "text-doom-hi"}`,
+						children: agentRunLabel(run)
+					}),
+					/* @__PURE__ */ jsxs("span", {
+						className: "shrink-0 text-sm text-doom-dim",
+						children: [elapsed(run, now), run.toolCount !== void 0 ? ` · ${run.toolCount} tools` : ""]
+					})
+				]
+			}), /* @__PURE__ */ jsx("span", {
+				className: `truncate pl-3 text-sm ${run.state === "failed" ? "text-doom-red" : "text-doom-dim"}`,
+				children: detail(run)
+			})]
+		}, run.runId))
+	});
+}
+//#endregion
+//#region src/extensions/workspaces/sessions/(frontend)/fill/Agents.activity.agents.web.tsx
+/**
+* Renders inside the `agents` activity group rather than after the groups.
+*
+* The target in the filename is the slot. `activity.agents` is the group this
+* package also declares, and the dock puts this in place of its one-line
+* footer summary.
+*/
+var Agents_activity_agents_web_default = defineFill({ component: AgentsActivitySection });
+//#endregion
+//#region src/extensions/workspaces/sessions/(frontend)/leader/_lib/leaderGroups.ts
+/** The Leader Space group both of this package's bindings hang from. */
+const AGENTS_GROUP = {
+	key: "a",
+	label: "agents",
+	detail: "subagent resources and runs"
+};
+//#endregion
+//#region src/extensions/workspaces/sessions/(frontend)/leader/catalog.web.ts
+/** SPC a l: pick an agent and launch it. The filename is the binding's local name. */
+var catalog_web_default = defineLeaderBinding({
+	path: [AGENTS_GROUP, {
+		key: "l",
+		label: "launch",
+		detail: "pick an agent and launch it"
+	}],
+	run: (context) => {
+		if (context.sessionId !== null) openCatalog(context.sessionId);
+		context.openTransientTab(subagentsTab());
+	}
+});
+//#endregion
+//#region src/extensions/workspaces/sessions/(frontend)/leader/fleet.web.ts
+/** SPC a r: the runs in this session. The filename is the binding's local name. */
+var fleet_web_default = defineLeaderBinding({
+	path: [AGENTS_GROUP, {
+		key: "r",
+		label: "runs",
+		detail: "runs in this session"
+	}],
+	run: (context) => context.openTransientTab(subagentsTab())
+});
+//#endregion
+//#region src/extensions/workspaces/sessions/(frontend)/slot/run-actions.web.ts
+/**
+* The run detail sheet's action row, open to independent plugins.
+*
+* The filename is the local name; the path namespaces it as
+* `subagents.run-actions`, so no filler has to spell that prefix.
+*/
+var run_actions_web_default = defineSlotFile({});
+const MESSAGE_PREVIEW_CHARS = 72;
+const ELLIPSIS = "…";
+function isRecord(value) {
+	return typeof value === "object" && value !== null && !Array.isArray(value);
+}
+function asString(value) {
+	return typeof value === "string" ? value : "";
+}
+/** The detail beside the subagent action, as the TUI's callDetails words it. */
+function subagentCallDetail(args) {
+	switch (args.action) {
+		case "agents": return asString(args.name);
+		case "run": {
+			const requests = Array.isArray(args.requests) ? args.requests : [];
+			const agents = requests.map((request) => isRecord(request) ? asString(request.agent) : "").filter(Boolean);
+			const count = `${requests.length} agent${requests.length === 1 ? "" : "s"}`;
+			return agents.length > 0 ? `${count} · ${agents.join(", ")}` : count;
+		}
+		case "status": return asString(args.id) || "fleet";
+		case "steer":
+		case "stop":
+		case "restore": return asString(args.id);
+		case "suspended": return "runs";
+		default: return "";
+	}
+}
+/** Result text as lines, trailing blank lines dropped the way the TUI does. */
+function resultLines(output) {
+	const lines = output.split("\n");
+	while (lines.length > 0 && lines.at(-1)?.trim() === "") lines.pop();
+	return lines.length === 1 && lines[0] === "" ? [] : lines;
+}
+/**
+* The subagent result body: a tail while running, then the head collapsed to
+* the TUI budget, with the closing glyph line the TUI appends.
+*/
+function shapeResult(output, options) {
+	const all = resultLines(output);
+	if (options.isPartial) return {
+		lines: all.slice(-12),
+		glyph: "running",
+		hidden: 0
+	};
+	const lines = options.expanded ? all : all.slice(0, 12);
+	const hidden = all.length - lines.length;
+	if (options.isError) return {
+		lines,
+		glyph: "failed",
+		hidden
+	};
+	if (hidden > 0) return {
+		lines,
+		glyph: "more",
+		hidden
+	};
+	if (lines.length === 0) return {
+		lines,
+		glyph: "done",
+		hidden: 0
+	};
+	return {
+		lines,
+		glyph: "none",
+		hidden: 0
+	};
+}
+function preview(message) {
+	const flat = message.replace(/\s+/g, " ").trim();
+	return flat.length > MESSAGE_PREVIEW_CHARS ? `${flat.slice(0, 71)}${ELLIPSIS}` : flat;
+}
+function records(value) {
+	return Array.isArray(value) ? value.filter(isRecord) : [];
+}
+function parts(values) {
+	return values.filter((value) => typeof value === "string" && value.trim() !== "").join(" · ");
+}
+function firstLine(value) {
+	return asString(value).split("\n")[0] ?? "";
+}
+function stateTone(state) {
+	if (state === "failed" || state === "error") return "error";
+	if (state === "complete" || state === "completed") return "ok";
+	if (state === "running" || state === "starting") return "running";
+	return "idle";
+}
+function countSummary(count, noun) {
+	return count === 0 ? `no ${noun}s` : `${count} ${noun}${count === 1 ? "" : "s"}`;
+}
+function agentsView(value) {
+	const rows = records(value).map((agent, index) => ({
+		key: `${asString(agent.name)}-${index}`,
+		label: asString(agent.name),
+		detail: preview(asString(agent.description)),
+		state: asString(agent.source),
+		tone: "idle"
+	}));
+	return {
+		kind: "agents",
+		rows,
+		summary: countSummary(rows.length, "agent"),
+		tone: "idle"
+	};
+}
+function runView(value) {
+	const rows = records(value).map((outcome, index) => {
+		const runId = asString(outcome.runId);
+		return {
+			key: runId || `${asString(outcome.agent)}-${index}`,
+			label: asString(outcome.agent),
+			detail: runId || preview(asString(outcome.error)) || "unknown error",
+			state: runId ? "started" : "failed",
+			tone: runId ? "ok" : "error"
+		};
+	});
+	const started = rows.filter((row) => row.state === "started").length;
+	const failed = rows.length - started;
+	return {
+		kind: "run",
+		rows,
+		summary: failed === 0 ? `${started} started` : `${started} started · ${failed} failed`,
+		tone: failed === 0 ? "ok" : "error"
+	};
+}
+function fleetView(value) {
+	const rows = records(value).map((job, index) => {
+		const state = asString(job.status) || "starting";
+		return {
+			key: asString(job.runId) || `run-${index}`,
+			label: asString(job.runId),
+			detail: preview(parts([
+				job.identity ? job.inline ? `${asString(job.identity)} (inline)` : job.identity : void 0,
+				job.agent,
+				job.currentTool,
+				job.activityState,
+				job.attentionReason,
+				job.error
+			])),
+			state,
+			tone: stateTone(state)
+		};
+	});
+	return {
+		kind: "fleet",
+		rows,
+		summary: countSummary(rows.length, "run"),
+		tone: "idle"
+	};
+}
+function suspendedView(value) {
+	const rows = (isRecord(value) ? [value] : records(value)).map((run, index) => {
+		const resumable = run.resumable;
+		return {
+			key: asString(run.runId) || `suspended-${index}`,
+			label: asString(run.runId),
+			detail: preview(parts([run.agent, firstLine(run.task)])),
+			state: resumable === false ? "not resumable" : resumable === true ? "resumable" : "suspended",
+			tone: resumable === false ? "error" : "idle"
+		};
+	});
+	return {
+		kind: "suspended",
+		rows,
+		summary: countSummary(rows.length, "suspended run"),
+		tone: "idle"
+	};
+}
+function statusView(details) {
+	const runId = asString(details.runId);
+	const status = isRecord(details.status) ? details.status : void 0;
+	const state = status ? asString(status.state) : "";
+	if (!state) return {
+		kind: "status",
+		rows: [],
+		summary: `${runId} has no status yet`,
+		tone: "idle"
+	};
+	return {
+		kind: "status",
+		rows: [{
+			key: runId,
+			label: runId,
+			detail: preview(parts([
+				status?.agent,
+				status?.activityState,
+				status?.summary,
+				status?.error
+			])),
+			state,
+			tone: stateTone(state)
+		}],
+		summary: "",
+		tone: stateTone(state)
+	};
+}
+function controlView(summary, tone) {
+	return {
+		kind: "control",
+		rows: [],
+		summary,
+		tone
+	};
+}
+/**
+* Narrows the wire `details` of a subagent result to the rows the card draws.
+* Null when they are not a finished subagent result at all, which is what a
+* partial update or an error message is: the card then falls back to the text.
+*/
+function subagentResultView(details) {
+	if (!isRecord(details) || details.partial === true) return null;
+	if (Array.isArray(details.agents)) return agentsView(details.agents);
+	if (Array.isArray(details.outcomes)) return runView(details.outcomes);
+	if (isRecord(details.spawn) && Array.isArray(details.spawn.outcomes)) return runView(details.spawn.outcomes);
+	if (Array.isArray(details.runs)) return fleetView(details.runs);
+	if (Array.isArray(details.fleet)) return fleetView(details.fleet);
+	if (details.suspended !== void 0) return suspendedView(details.suspended);
+	if (isRecord(details.control)) return controlView(`stop requested for ${asString(details.runId)}`, "ok");
+	if (isRecord(details.steer)) {
+		const state = asString(details.steer.state);
+		return controlView(`steer ${state}${details.steer.message ? `: ${preview(asString(details.steer.message))}` : ""}`, state === "failed" ? "error" : "ok");
+	}
+	if (isRecord(details.restore)) {
+		const restore = details.restore;
+		return controlView(`restored ${asString(restore.restoredFrom)} as ${asString(restore.runId)}`, "ok");
+	}
+	if (typeof details.runId === "string") return statusView(details);
+	return null;
+}
+/** The intercom call header: action, its target, and what is being said. */
+function intercomCallSummary(args) {
+	const action = asString(args.action);
+	switch (action) {
+		case "send":
+		case "ask": return {
+			action,
+			target: asString(args.to),
+			message: preview(asString(args.message))
+		};
+		case "reply": return {
+			action,
+			target: asString(args.requestId),
+			message: preview(asString(args.message))
+		};
+		default: return {
+			action,
+			target: "",
+			message: ""
+		};
+	}
+}
+/**
+* The outcome line for a finished intercom call, read from the details the
+* tool attaches: a send is delivered or only queued, a reply confirms its
+* request, an ask carries the answer's sender.
+*/
+function intercomOutcome(details) {
+	if (!isRecord(details)) return {
+		outcome: "none",
+		who: ""
+	};
+	if (details.delivered === true) return {
+		outcome: "delivered",
+		who: asString(details.to)
+	};
+	if (details.state === "queued") return {
+		outcome: "queued",
+		who: asString(details.to)
+	};
+	if (typeof details.reply === "string") return {
+		outcome: "answered",
+		who: asString(details.from)
+	};
+	if (typeof details.requestId === "string" && typeof details.to === "string") return {
+		outcome: "replied",
+		who: details.to
+	};
+	return {
+		outcome: "none",
+		who: ""
+	};
+}
+//#endregion
+//#region src/extensions/workspaces/sessions/(frontend)/tool/_components/IntercomToolMessage.tsx
+const OUTCOME_LINE = {
+	delivered: {
+		tone: "ok",
+		text: "delivered to"
+	},
+	queued: {
+		tone: "running",
+		text: "queued, delivery unconfirmed, for"
+	},
+	replied: {
+		tone: "ok",
+		text: "replied to"
+	},
+	answered: {
+		tone: "ok",
+		text: "answered by"
+	}
+};
+/**
+* The intercom tool's timeline item. Intercom has no TUI renderer; the
+* header names the action, its member or request, and the message, and the
+* body shows the result text with the outcome the details report.
+*/
+function IntercomToolMessage({ args, result, output, running, isError }) {
+	const summary = intercomCallSummary(args);
+	const collapsed = shapeResult(output, {
+		expanded: false,
+		isPartial: running,
+		isError
+	});
+	const outcome = running || isError ? {
+		outcome: "none",
+		who: ""
+	} : intercomOutcome(result?.details);
+	const line = outcome.outcome === "none" ? null : OUTCOME_LINE[outcome.outcome];
+	return /* @__PURE__ */ jsx(MessageItem, {
+		tone: toolTone({
+			running,
+			isError
+		}),
+		expandable: collapsed.glyph === "more",
+		children: ({ expanded }) => {
+			const shaped = expanded ? shapeResult(output, {
+				expanded: true,
+				isPartial: running,
+				isError
+			}) : collapsed;
+			return /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(MessageItemHeader, {
+				title: "intercom",
+				children: /* @__PURE__ */ jsxs("span", {
+					"data-testid": "tool-call-intercom",
+					className: "flex min-w-0 flex-1 items-center gap-2",
+					children: [
+						/* @__PURE__ */ jsx("span", {
+							className: "text-doom-hi",
+							children: summary.action
+						}),
+						summary.target ? /* @__PURE__ */ jsxs("span", {
+							className: "shrink-0 text-doom-cyan",
+							children: ["→ ", summary.target]
+						}) : null,
+						summary.message ? /* @__PURE__ */ jsx("span", {
+							className: "min-w-0 truncate text-doom-dim",
+							children: summary.message
+						}) : null
+					]
+				})
+			}), /* @__PURE__ */ jsxs(MessageItemBody, {
+				"data-testid": "tool-result-intercom",
+				className: "flex flex-col gap-1",
+				children: [
+					shaped.lines.length > 0 ? /* @__PURE__ */ jsx("pre", {
+						className: `${expanded ? "whitespace-pre-wrap break-words" : "truncate"} text-doom-dim`,
+						children: shaped.lines.join("\n")
+					}) : null,
+					running ? /* @__PURE__ */ jsx(MessageItemStatus, {
+						tone: "running",
+						children: "waiting"
+					}) : null,
+					isError ? /* @__PURE__ */ jsx(MessageItemStatus, {
+						tone: "error",
+						children: "failed"
+					}) : null,
+					line ? /* @__PURE__ */ jsxs(MessageItemStatus, {
+						tone: line.tone,
+						children: [
+							line.text,
+							" ",
+							/* @__PURE__ */ jsx("span", {
+								className: "text-doom-cyan",
+								children: outcome.who
+							})
+						]
+					}) : null,
+					shaped.glyph === "more" ? /* @__PURE__ */ jsxs(MessageItemStatus, {
+						expands: true,
+						children: [shaped.hidden, " more line(s)"]
+					}) : null
+				]
+			})] });
+		}
+	});
+}
+//#endregion
+//#region src/extensions/workspaces/sessions/(frontend)/tool/intercom.web.tsx
+/** The intercom tool's timeline card. The filename names the tool it renders. */
+var intercom_web_default = defineToolRenderer({ message: IntercomToolMessage });
+//#endregion
+//#region src/extensions/workspaces/sessions/(frontend)/tool/_components/SubagentToolMessage.tsx
+const CLOSING = {
+	running: {
+		tone: "running",
+		text: "Running"
+	},
+	failed: {
+		tone: "error",
+		text: "Failed"
+	},
+	done: {
+		tone: "ok",
+		text: "Done"
+	}
+};
+const ROW_BADGE = {
+	ok: "ok",
+	error: "error",
+	running: "running",
+	idle: "neutral"
+};
+const STATUS_TONE = {
+	ok: "ok",
+	error: "error",
+	running: "running",
+	idle: "ok"
+};
+/** One structured row: the run or agent, what it is doing, and its state flushed right. */
+function SubagentRowLine({ row }) {
+	return /* @__PURE__ */ jsxs("li", {
+		"data-testid": "tool-result-subagent-row",
+		className: "flex items-center gap-3 rounded-md px-2 py-1.5",
+		children: [
+			/* @__PURE__ */ jsx("span", {
+				className: "shrink-0 text-base font-semibold text-doom-hi",
+				children: row.label
+			}),
+			/* @__PURE__ */ jsx("span", {
+				className: "min-w-0 flex-1 truncate text-doom-dim",
+				children: row.detail
+			}),
+			row.state ? /* @__PURE__ */ jsx(StatusBadge, {
+				tone: ROW_BADGE[row.tone],
+				size: "md",
+				className: ROW_BADGE[row.tone] === "neutral" ? "bg-doom-rail" : void 0,
+				children: row.state
+			}) : null
+		]
+	});
+}
+/**
+* The subagent tool's timeline item, the web half of renderSubagentCall and
+* renderSubagentResult: the action and its per-action detail in the header,
+* the rows the result reported in the body, and the subagents tab one click
+* away. A result the narrower does not recognise, a partial one included,
+* falls back to the text the model was given.
+*/
+function SubagentToolMessage({ args, result, output, running, isError, openTransientTab }) {
+	const action = typeof args.action === "string" ? args.action : "";
+	const detail = subagentCallDetail(args);
+	const view = running || isError ? null : subagentResultView(result?.details);
+	const hiddenRows = view ? Math.max(0, view.rows.length - 8) : 0;
+	const collapsedText = view ? null : shapeResult(output, {
+		expanded: false,
+		isPartial: running,
+		isError
+	});
+	return /* @__PURE__ */ jsx(MessageItem, {
+		tone: toolTone({
+			running,
+			isError
+		}),
+		expandable: view ? hiddenRows > 0 : collapsedText?.glyph === "more",
+		children: ({ expanded }) => {
+			const shaped = view || !collapsedText ? null : expanded ? shapeResult(output, {
+				expanded: true,
+				isPartial: running,
+				isError
+			}) : collapsedText;
+			const closing = !shaped || shaped.glyph === "none" || shaped.glyph === "more" ? null : CLOSING[shaped.glyph];
+			const rows = view ? expanded ? view.rows : view.rows.slice(0, 8) : [];
+			return /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(MessageItemHeader, {
+				title: "subagent",
+				children: /* @__PURE__ */ jsxs("span", {
+					"data-testid": "tool-call-subagent",
+					className: "flex min-w-0 flex-1 items-center gap-2",
+					children: [/* @__PURE__ */ jsx("span", {
+						className: "text-doom-dim",
+						children: action
+					}), detail ? /* @__PURE__ */ jsx("span", {
+						className: "min-w-0 truncate text-doom-dim",
+						children: detail
+					}) : null]
+				})
+			}), /* @__PURE__ */ jsxs(MessageItemBody, {
+				"data-testid": "tool-result-subagent",
+				className: "flex flex-col gap-1",
+				children: [
+					rows.length > 0 ? /* @__PURE__ */ jsx("ul", {
+						className: "-mx-2 flex flex-col",
+						children: rows.map((row) => /* @__PURE__ */ jsx(SubagentRowLine, { row }, row.key))
+					}) : null,
+					shaped && shaped.lines.length > 0 ? /* @__PURE__ */ jsx("pre", {
+						className: `${expanded ? "whitespace-pre-wrap break-words" : "truncate"} text-doom-dim`,
+						children: shaped.lines.join("\n")
+					}) : null,
+					!expanded && hiddenRows > 0 ? /* @__PURE__ */ jsxs(MessageItemStatus, {
+						expands: true,
+						children: [hiddenRows, " more"]
+					}) : null,
+					closing ? /* @__PURE__ */ jsx(MessageItemStatus, {
+						tone: closing.tone,
+						children: closing.text
+					}) : null,
+					shaped?.glyph === "more" ? /* @__PURE__ */ jsxs(MessageItemStatus, {
+						expands: true,
+						children: [shaped.hidden, " more line(s)"]
+					}) : null,
+					/* @__PURE__ */ jsxs("div", {
+						className: `flex flex-wrap items-center gap-x-4 gap-y-1 ${rows.length > 0 ? "mt-1 border-t border-doom-border-soft pt-2.5" : ""}`,
+						children: [view && view.summary ? /* @__PURE__ */ jsx(MessageItemStatus, {
+							"data-testid": "tool-result-subagent-summary",
+							tone: STATUS_TONE[view.tone],
+							children: view.summary
+						}) : null, /* @__PURE__ */ jsxs(Button, {
+							variant: "link",
+							size: "sm",
+							"data-testid": "tool-result-subagent-open",
+							onClick: () => openTransientTab(subagentsTab()),
+							className: "h-auto gap-1 px-0 text-sm text-doom-green",
+							children: ["Open subagents", /* @__PURE__ */ jsx(ArrowRightIcon, {
+								"aria-hidden": true,
+								className: "size-3.5"
+							})]
+						})]
+					})
+				]
+			})] });
+		}
+	});
+}
+//#endregion
+//#region src/extensions/workspaces/sessions/(frontend)/tool/subagent.web.tsx
+/** The subagent tool's timeline card. The filename names the tool it renders. */
+var subagent_web_default = defineToolRenderer({ message: SubagentToolMessage });
+//#endregion
+//#region generated/web.ts
+const via = (identity, value) => value === void 0 ? void 0 : {
+	...identity,
+	...value
+};
+const webPlugin = defineWebPlugin({
+	id: "subagents",
+	session: {
+		get activityGroups() {
+			return [via({ name: "agents" }, agents_web_default)];
+		},
+		get channels() {
+			return [via({ channel: "subagent_catalog" }, subagent_catalog_web_default), via({ channel: "subagent_runs" }, subagent_runs_web_default)];
+		},
+		get contextActions() {
+			return [via({ id: "launch-agent" }, launch_agent_web_default)];
+		},
+		get fills() {
+			return [via({
+				slot: "activity.agents",
+				id: "agents"
+			}, Agents_activity_agents_web_default)];
+		},
+		get leaderBindings() {
+			return [via({ id: "subagents.catalog" }, catalog_web_default), via({ id: "subagents.fleet" }, fleet_web_default)];
+		},
+		get slots() {
+			return [via({ slot: "subagents.run-actions" }, run_actions_web_default)];
+		},
+		get toolRenderers() {
+			return [via({ tools: ["intercom"] }, intercom_web_default), via({ tools: ["subagent"] }, subagent_web_default)];
+		}
+	}
+});
+//#endregion
+export { webPlugin };
+
+//# sourceMappingURL=web.mjs.map