@agimon-ai/po-runner 0.0.0-alpha.21 → 0.0.0-alpha.23

package/dist/extensions/web.mjs

@@ -1,70 +1,12 @@
 import { createApiClient, defineActivityGroup, defineChannelFile, defineFill, defineSessionStore, defineToolRenderer, defineWebPlugin, sessionApiAddress } from "@agimon-ai/po-core/web";
-import { AnsiLine, AnsiText, ArrowRightIcon, Button, Checkbox, Dialog, DialogBody, DialogContent, DialogFooter, DialogHeader, DialogTitle, Dot, DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuTrigger, EmptyState, FileIcon, Input, MessageItem, MessageItemBody, MessageItemHeader, MessageItemStatus, PlayCircleIcon, PlusIcon, SearchIcon, StatusBadge, SyntaxText, TerminalView, Textarea, ansiSpans, toolTone } from "@agimon-ai/po-web-components";
+import { AlertIcon, AnsiLine, AnsiText, ArrowRightIcon, Button, ChevronDownIcon, Dot, EmptyState, FileIcon, FolderIcon, Input, MessageItem, MessageItemBody, MessageItemHeader, MessageItemStatus, PickerContent, PlayCircleIcon, Popover, PopoverTrigger, SearchIcon, StatusBadge, SyntaxText, TerminalView, ansiSpans, toolTone } from "@agimon-ai/po-web-components";
 import { useStore } from "@tanstack/react-store";
 import { Fragment, useCallback, useEffect, useMemo, useRef, useState } from "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 import { sealedTransport } from "@agimon-ai/po-web-security/browser";
-//#region src/extensions/workspaces/sessions/(frontend)/_lib/format.ts
-/**
-* Local copy of the runtime's formatUptime (src/services/bashResult/index.ts):
-* the web plugin may reach only src/types, so the one helper it needs lives here.
-*/
-function formatRunnerUptime(startedAt, now) {
-	const started = Date.parse(startedAt);
-	if (Number.isNaN(started)) return "unknown";
-	const seconds = Math.max(0, Math.floor((now - started) / 1e3));
-	if (seconds < 60) return `${seconds}s`;
-	const minutes = Math.floor(seconds / 60);
-	if (minutes < 60) return `${minutes}m`;
-	const hours = Math.floor(minutes / 60);
-	return hours < 24 ? `${hours}h` : `${Math.floor(hours / 24)}d`;
-}
-/**
-* The lines a log view shows: the slice's text, then whatever the follow
-* stream appended, bounded to the newest `max`.
-*
-* A log file ends with a newline, and the reader hands its text back with that
-* newline intact, so a naive split reports one blank line more than the file
-* has. Dropping exactly one trailing empty entry keeps the count the reader
-* sees equal to the count the server reported.
-*/
-function logViewLines(text, appended, max, options = {}) {
-	const split = text.split("\n");
-	if (split.length > 0 && split[split.length - 1] === "") split.pop();
-	if (options.dropPartialTail === true && split.length > 0) split.pop();
-	const all = [...split, ...appended];
-	const lines = all.slice(-max);
-	return {
-		lines,
-		hidden: all.length - lines.length
-	};
-}
-/**
-* Absolute 1-based numbers for a tail, counted back from the last line.
-*
-* A tail is contiguous, so only its end has to be known. Grep results are not
-* contiguous and carry their own numbers from the reader instead.
-*/
-function tailLineNumbers(lastLineNumber, count) {
-	const first = Math.max(1, lastLineNumber - count + 1);
-	return Array.from({ length: count }, (_, index) => first + index);
-}
-/**
-* Whether the view is actually following a growing log.
-*
-* Three things must hold: the reader asked to follow, no query is set (a
-* filtered view is a snapshot of the whole file, which a stream cannot
-* assemble a chunk at a time), and the runner is still writing. Without the
-* last one a finished run would claim to be tailing a file nothing will ever
-* append to.
-*/
-function isFollowingLive(following, filtering, running) {
-	return following && !filtering && running;
-}
-//#endregion
 //#region src/extensions/workspaces/sessions/(frontend)/_lib/launchLine.ts
 /**
-* The `/runners start` line the launch form sends.
+* The `/runners start` line the runners panel's command bar sends.
 *
 * WHY THE BUILDER LIVES HERE AND THE PARSER DOES NOT:
 * Cockpit code is compiled into the host bundle and may import only this
@@ -80,6 +22,21 @@ const RUNNER_SHELL_REQUEST = {
 	name: "shell",
 	interactive: true
 };
+/**
+* What the runners panel's Run sends: the typed command on a terminal when
+* one is available, or a login shell when nothing was typed.
+*/
+function runnerRunRequest(command, cwd) {
+	const where = cwd.trim() === "" ? {} : { cwd };
+	return command.trim() === "" ? {
+		...RUNNER_SHELL_REQUEST,
+		...where
+	} : {
+		command,
+		...where,
+		preferInteractive: true
+	};
+}
 /** Quotes a value that carries whitespace, which is how a value survives tokenizing. */
 function quote(value) {
 	return /\s/u.test(value) ? `"${value}"` : value;
@@ -90,7 +47,7 @@ function runnerLaunchLine(request) {
 	const pairs = [
 		...name === "" ? [] : [`name=${quote(name)}`],
 		...cwd === "" ? [] : [`cwd=${quote(cwd)}`],
-		...request.interactive === true ? ["interactive=true"] : []
+		...request.interactive === true ? ["interactive=true"] : request.preferInteractive === true ? ["interactive=prefer"] : []
 	];
 	return [
 		RUNNERS_START_LINE,
@@ -99,12 +56,6 @@ function runnerLaunchLine(request) {
 		request.command.trim()
 	].join(" ");
 }
-/** What the form will not let a reader send, worded the way the session would answer. */
-function launchProblems(request) {
-	const problems = [];
-	if (request.command.trim() === "") problems.push("A runner needs a command to run.");
-	return problems;
-}
 //#endregion
 //#region src/constants/webRunners.ts
 const RUNNER_RUNS_TYPE = "runner_runs";
@@ -163,151 +114,233 @@ const runnerRunsChannel = runners.channel({
 	channel: RUNNER_RUNS_TYPE,
 	parse(input) {
 		if (!isRecord$3(input) || !Array.isArray(input.runs)) return null;
-		return { runs: input.runs.filter(isRecord$3) };
+		const failure = input.startFailure;
+		return {
+			runs: input.runs.filter(isRecord$3),
+			...typeof input.sessionDirectory === "string" ? { sessionDirectory: input.sessionDirectory } : {},
+			...isRecord$3(failure) && typeof failure.id === "string" && typeof failure.message === "string" ? { startFailure: {
+				id: failure.id,
+				message: failure.message
+			} } : {}
+		};
 	},
-	reduce(current, { runs }) {
-		const stillRunning = new Set(runs.filter((run) => run.state === "running").map((run) => run.id));
+	reduce(current, payload) {
+		const stillRunning = new Set(payload.runs.filter((run) => run.state === "running").map((run) => run.id));
 		return {
-			runs,
+			...payload,
 			stopRequested: current.stopRequested.filter((id) => stillRunning.has(id))
 		};
 	}
 });
 //#endregion
-//#region src/extensions/workspaces/sessions/(frontend)/_components/LaunchRunnerDialog.tsx
-const COMMAND_ROWS = 3;
-const INTERACTIVE_FIELD_ID = "runner-launch-interactive-field";
-function FieldLabel({ children }) {
-	return /* @__PURE__ */ jsx("span", {
-		className: "text-base font-medium text-po-text",
-		children
-	});
+//#region src/extensions/workspaces/sessions/(frontend)/_lib/format.ts
+/**
+* Local copy of the runtime's formatUptime (src/services/bashResult/index.ts):
+* the web plugin may reach only src/types, so the one helper it needs lives here.
+*/
+function formatRunnerUptime(startedAt, now) {
+	const started = Date.parse(startedAt);
+	if (Number.isNaN(started)) return "unknown";
+	const seconds = Math.max(0, Math.floor((now - started) / 1e3));
+	if (seconds < 60) return `${seconds}s`;
+	const minutes = Math.floor(seconds / 60);
+	if (minutes < 60) return `${minutes}m`;
+	const hours = Math.floor(minutes / 60);
+	return hours < 24 ? `${hours}h` : `${Math.floor(hours / 24)}d`;
 }
 /**
-* Starts one runner by hand: the command, where it runs, what to call it, and
-* whether it needs a terminal, then the exact `/runners start` line the
-* session will parse.
+* The lines a log view shows: the slice's text, then whatever the follow
+* stream appended, bounded to the newest `max`.
 *
-* The line is shown rather than hidden. This sends a shell command through the
-* session, and a reader is entitled to see exactly what they are about to run
-* before they run it.
+* A log file ends with a newline, and the reader hands its text back with that
+* newline intact, so a naive split reports one blank line more than the file
+* has. Dropping exactly one trailing empty entry keeps the count the reader
+* sees equal to the count the server reported.
 */
-function LaunchRunnerDialog({ sessionId, sendSessionFrame, defaultCwd, onClose }) {
-	const [command, setCommand] = useState("");
-	const [cwd, setCwd] = useState(defaultCwd ?? "");
-	const [name, setName] = useState("");
-	const [interactive, setInteractive] = useState(false);
-	const request = {
-		command,
-		cwd,
-		name,
-		interactive
+function logViewLines(text, appended, max, options = {}) {
+	const split = text.split("\n");
+	if (split.length > 0 && split[split.length - 1] === "") split.pop();
+	if (options.dropPartialTail === true && split.length > 0) split.pop();
+	const all = [...split, ...appended];
+	const lines = all.slice(-max);
+	return {
+		lines,
+		hidden: all.length - lines.length
 	};
-	const problems = launchProblems(request);
-	const line = runnerLaunchLine(request);
-	const launch = () => {
-		if (problems.length > 0) return;
-		requestRunnerStart(sendSessionFrame, sessionId, request);
-		onClose();
+}
+/**
+* Absolute 1-based numbers for a tail, counted back from the last line.
+*
+* A tail is contiguous, so only its end has to be known. Grep results are not
+* contiguous and carry their own numbers from the reader instead.
+*/
+function tailLineNumbers(lastLineNumber, count) {
+	const first = Math.max(1, lastLineNumber - count + 1);
+	return Array.from({ length: count }, (_, index) => first + index);
+}
+/**
+* Whether the view is actually following a growing log.
+*
+* Three things must hold: the reader asked to follow, no query is set (a
+* filtered view is a snapshot of the whole file, which a stream cannot
+* assemble a chunk at a time), and the runner is still writing. Without the
+* last one a finished run would claim to be tailing a file nothing will ever
+* append to.
+*/
+function isFollowingLive(following, filtering, running) {
+	return following && !filtering && running;
+}
+/**
+* A folder as the command bar names it: the session directory by its last
+* segment, a folder inside it relative to it, anything else as written.
+*/
+function runnerFolderLabel(folder, sessionDirectory) {
+	if (folder === "" || folder === sessionDirectory) return sessionDirectory === void 0 ? "session directory" : sessionDirectory.split("/").pop() ?? sessionDirectory;
+	if (sessionDirectory !== void 0 && folder.startsWith(`${sessionDirectory}/`)) return folder.slice(sessionDirectory.length + 1);
+	return folder;
+}
+/** The folders the picker offers past the session directory: those in use, then the one in effect. */
+function runnerFolders(inUse, current, sessionDirectory) {
+	const folders = /* @__PURE__ */ new Set([...inUse, current]);
+	folders.delete("");
+	if (sessionDirectory !== void 0) folders.delete(sessionDirectory);
+	return [...folders];
+}
+/** The badge a run wears: its state while running, then how it ended. */
+function runnerBadge(run) {
+	if (run === void 0) return {
+		tone: "neutral",
+		label: "gone"
 	};
-	return /* @__PURE__ */ jsx(Dialog, {
-		open: true,
-		onOpenChange: (open) => {
-			if (!open) onClose();
-		},
-		children: /* @__PURE__ */ jsxs(DialogContent, {
-			width: "lg",
-			"data-testid": "runner-launch-dialog",
-			"aria-describedby": void 0,
-			children: [/* @__PURE__ */ jsx(DialogHeader, { children: /* @__PURE__ */ jsx(DialogTitle, {
-				"data-testid": "runner-launch-title",
-				children: "launch a runner"
-			}) }), /* @__PURE__ */ jsxs(DialogBody, { children: [
-				/* @__PURE__ */ jsxs("div", {
-					className: "flex flex-col gap-1",
-					children: [/* @__PURE__ */ jsx(FieldLabel, { children: "Command" }), /* @__PURE__ */ jsx(Textarea, {
-						"data-testid": "runner-launch-command",
-						rows: COMMAND_ROWS,
+	if (run.state === "running") return {
+		tone: "running",
+		label: "running"
+	};
+	if (run.exit === void 0 || run.exit.reason === "stopped") return {
+		tone: "neutral",
+		label: "stopped"
+	};
+	return run.exit.reason === "completed" && (run.exit.code === 0 || run.exit.code === null) ? {
+		tone: "ok",
+		label: "done"
+	} : {
+		tone: "error",
+		label: run.exit.reason.replace("_", " ")
+	};
+}
+//#endregion
+//#region src/extensions/workspaces/sessions/(frontend)/_components/RunnerCommandBar.tsx
+/**
+* The one place a runner starts: a command, the folder it runs in, and Run.
+* An empty command opens a plain shell in that folder instead.
+*/
+function RunnerCommandBar({ command, onCommandChange, cwd, onCwdChange, sessionDirectory, folders, problem, onLaunch, defaultFolderOpen = false }) {
+	const [folderOpen, setFolderOpen] = useState(defaultFolderOpen);
+	const [path, setPath] = useState("");
+	const label = runnerFolderLabel(cwd, sessionDirectory);
+	const pick = (next) => {
+		onCwdChange(next);
+		setPath("");
+		setFolderOpen(false);
+	};
+	const items = [{
+		value: "",
+		title: "Session directory",
+		subtitle: sessionDirectory ?? "Where this session started"
+	}, ...runnerFolders(folders, cwd, sessionDirectory).map((folder) => ({
+		value: folder,
+		title: runnerFolderLabel(folder, sessionDirectory),
+		subtitle: folder
+	}))];
+	return /* @__PURE__ */ jsxs("div", {
+		className: "flex shrink-0 flex-col gap-1.5 border-b border-po-border-soft px-3 py-3 sm:px-[26px]",
+		children: [/* @__PURE__ */ jsxs("div", {
+			className: "flex flex-wrap items-center gap-2 sm:flex-nowrap",
+			children: [
+				/* @__PURE__ */ jsxs("span", {
+					className: "relative flex min-w-0 flex-1 basis-full items-center sm:basis-auto",
+					children: [/* @__PURE__ */ jsx("span", {
+						"aria-hidden": true,
+						className: "pointer-events-none absolute left-3 font-mono text-base text-po-faint",
+						children: "$"
+					}), /* @__PURE__ */ jsx(Input, {
+						size: "lg",
+						"data-testid": "runners-panel-command",
+						"aria-label": "Command to run",
 						value: command,
-						placeholder: "pnpm test",
-						onChange: (event) => setCommand(event.target.value)
-					})]
-				}),
-				/* @__PURE__ */ jsxs("div", {
-					className: "flex flex-col gap-2.5 sm:flex-row",
-					children: [/* @__PURE__ */ jsxs("div", {
-						className: "flex min-w-0 flex-1 flex-col gap-1",
-						children: [/* @__PURE__ */ jsx(FieldLabel, { children: "Cwd" }), /* @__PURE__ */ jsx(Input, {
-							size: "sm",
-							"data-testid": "runner-launch-cwd",
-							value: cwd,
-							placeholder: "the session's own directory",
-							onChange: (event) => setCwd(event.target.value)
-						})]
-					}), /* @__PURE__ */ jsxs("div", {
-						className: "flex min-w-0 flex-1 flex-col gap-1",
-						children: [/* @__PURE__ */ jsx(FieldLabel, { children: "Name" }), /* @__PURE__ */ jsx(Input, {
-							size: "sm",
-							"data-testid": "runner-launch-name",
-							value: name,
-							placeholder: "chosen for you when empty",
-							onChange: (event) => setName(event.target.value)
-						})]
-					})]
-				}),
-				/* @__PURE__ */ jsxs("div", {
-					className: "flex items-center gap-2",
-					children: [/* @__PURE__ */ jsx(Checkbox, {
-						id: INTERACTIVE_FIELD_ID,
-						"data-testid": "runner-launch-interactive",
-						checked: interactive,
-						onCheckedChange: (checked) => setInteractive(checked === true)
-					}), /* @__PURE__ */ jsx("label", {
-						htmlFor: INTERACTIVE_FIELD_ID,
-						className: "text-base text-po-dim",
-						children: "needs a terminal, for a command that prompts (requires rmux or tmux)"
-					})]
-				}),
-				/* @__PURE__ */ jsxs("div", {
-					className: "flex flex-col gap-1 rounded-md border border-po-border bg-po-deep px-3 py-2",
-					children: [/* @__PURE__ */ jsx(FieldLabel, { children: "Sent to the session" }), /* @__PURE__ */ jsx("pre", {
-						"data-testid": "runner-launch-line",
-						className: "whitespace-pre-wrap break-words font-mono text-sm text-po-green",
-						children: line
+						placeholder: "a command, like pnpm dev",
+						autoComplete: "off",
+						spellCheck: false,
+						onChange: (event) => onCommandChange(event.target.value),
+						onKeyDown: (event) => {
+							if (event.key === "Enter") onLaunch();
+						},
+						className: "w-full pl-7 font-mono"
 					})]
 				}),
-				problems.length > 0 ? /* @__PURE__ */ jsx("p", {
-					"data-testid": "runner-launch-problem",
-					className: "text-base text-po-red",
-					children: problems.join(" ")
-				}) : null,
-				/* @__PURE__ */ jsxs(DialogFooter, {
-					className: "flex-wrap sm:flex-nowrap",
-					children: [
-						/* @__PURE__ */ jsx("span", {
-							className: "w-full text-sm text-po-dim sm:w-auto",
-							children: "it appears above once the runtime starts it"
-						}),
-						/* @__PURE__ */ jsx("span", { className: "min-w-0 flex-1" }),
-						/* @__PURE__ */ jsx(Button, {
+				/* @__PURE__ */ jsxs(Popover, {
+					open: folderOpen,
+					onOpenChange: setFolderOpen,
+					children: [/* @__PURE__ */ jsx(PopoverTrigger, {
+						asChild: true,
+						children: /* @__PURE__ */ jsxs(Button, {
 							variant: "outline",
-							size: "xs",
-							"data-testid": "runner-launch-cancel",
-							onClick: onClose,
-							children: "cancel"
-						}),
-						/* @__PURE__ */ jsx(Button, {
-							variant: "primary",
-							size: "xs",
-							"data-testid": "runner-launch-submit",
-							disabled: problems.length > 0,
-							onClick: launch,
-							children: "launch"
+							size: "lg",
+							"data-testid": "runners-panel-cwd",
+							"aria-label": `Runs in ${label}`,
+							"aria-invalid": problem === void 0 ? void 0 : true,
+							title: cwd === "" ? sessionDirectory : cwd,
+							className: `max-w-56 gap-1.5 px-3 font-mono ${problem === void 0 ? "" : "border-po-red"}`,
+							children: [
+								/* @__PURE__ */ jsx(FolderIcon, { className: "h-3.5 w-3.5 shrink-0 text-po-faint" }),
+								/* @__PURE__ */ jsx("span", {
+									className: "truncate",
+									children: label
+								}),
+								/* @__PURE__ */ jsx(ChevronDownIcon, { className: "size-3.5 shrink-0 opacity-60" })
+							]
+						})
+					}), /* @__PURE__ */ jsx(PickerContent, {
+						side: "bottom",
+						align: "start",
+						title: "Runs in",
+						items,
+						value: [cwd],
+						onSelect: pick,
+						footer: /* @__PURE__ */ jsxs("span", {
+							className: "relative flex items-center px-3 py-2",
+							children: [/* @__PURE__ */ jsx(FolderIcon, { className: "pointer-events-none absolute left-5.5 h-3.5 w-3.5 text-po-faint" }), /* @__PURE__ */ jsx(Input, {
+								"data-testid": "runners-panel-cwd-path",
+								"aria-label": "Another folder",
+								value: path,
+								placeholder: "another folder, like packages/web",
+								spellCheck: false,
+								onChange: (event) => setPath(event.target.value),
+								onKeyDown: (event) => {
+									if (event.key === "Enter" && path.trim() !== "") pick(path.trim());
+								},
+								className: "w-full pl-8 font-mono"
+							})]
 						})
-					]
+					})]
+				}),
+				/* @__PURE__ */ jsx(Button, {
+					variant: "primary",
+					size: "lg",
+					"data-testid": "runners-panel-run",
+					onClick: onLaunch,
+					children: command.trim() === "" ? "Open shell" : "Run"
 				})
-			] })]
-		})
+			]
+		}), problem === void 0 ? /* @__PURE__ */ jsx("span", {
+			className: "text-sm text-po-dim",
+			children: "Runs in its own terminal and keeps going after Po's turn ends. Leave it empty for a plain shell."
+		}) : /* @__PURE__ */ jsxs("span", {
+			role: "alert",
+			"data-testid": "runners-panel-problem",
+			className: "flex items-center gap-1.5 text-sm text-po-red",
+			children: [/* @__PURE__ */ jsx(AlertIcon, { className: "size-3.5 shrink-0" }), problem]
+		})]
 	});
 }
 //#endregion
@@ -496,9 +529,9 @@ function followRunnerLog(sessionId, runId, from, handlers) {
 }
 //#endregion
 //#region src/extensions/workspaces/sessions/(frontend)/_components/RunnerLogPanel.tsx
-const TICK_MS$2 = 1e4;
+const TICK_MS$1 = 1e4;
 /** The tab id doubles as the URL segment, so it stays plain and unique across plugins. */
-const TAB_ID_PREFIX$1 = "runner-log-";
+const TAB_ID_PREFIX = "runner-log-";
 /** Lines held in the view; a follow that ran all day must not grow without bound. */
 const MAX_VIEW_LINES = 2e3;
 /** Context lines each side of a match, the same either-side window grep would use. */
@@ -513,7 +546,7 @@ const BYTES_PER_MB$1 = BYTES_PER_KB$1 * BYTES_PER_KB$1;
 function runnerLogTab(run) {
 	const runId = run.id;
 	return {
-		id: `${TAB_ID_PREFIX$1}${runId}`,
+		id: `${TAB_ID_PREFIX}${runId}`,
 		label: `log · ${run.name}`,
 		panel: (props) => /* @__PURE__ */ jsx(RunnerLogPanel, {
 			...props,
@@ -526,45 +559,11 @@ function formatSize$1(bytes) {
 	if (bytes < BYTES_PER_MB$1) return `${(bytes / BYTES_PER_KB$1).toFixed(1)} KB`;
 	return `${(bytes / BYTES_PER_MB$1).toFixed(1)} MB`;
 }
-function badgeOf(run) {
-	if (run === void 0) return {
-		tone: "neutral",
-		label: "gone"
-	};
-	if (run.state === "running") return {
-		tone: "running",
-		label: "running"
-	};
-	if (run.exit === void 0 || run.exit.reason === "stopped") return {
-		tone: "neutral",
-		label: "stopped"
-	};
-	return run.exit.reason === "completed" && (run.exit.code === 0 || run.exit.code === null) ? {
-		tone: "ok",
-		label: "done"
-	} : {
-		tone: "error",
-		label: run.exit.reason.replace("_", " ")
-	};
-}
 /** Whether one line is a match rather than the context printed around one. */
 function isMatch(line, needle, ignoreCase) {
 	if (needle === "") return false;
 	return ignoreCase ? line.toLowerCase().includes(needle.toLowerCase()) : line.includes(needle);
 }
-/** One fact of the runner, on its own line so a long command is never elided. */
-function MetaRow({ label, value }) {
-	return /* @__PURE__ */ jsxs("span", {
-		className: "flex min-w-0 gap-2.5",
-		children: [/* @__PURE__ */ jsx("span", {
-			className: "w-14 shrink-0 text-base text-po-dim",
-			children: label
-		}), /* @__PURE__ */ jsx("span", {
-			className: "min-w-0 flex-1 break-all font-mono text-sm text-po-dim",
-			children: value
-		})]
-	});
-}
 /**
 * One rendered log line: its number, whether it matched, and the text.
 *
@@ -573,24 +572,24 @@ function MetaRow({ label, value }) {
 * keyed on the joined string; keyed by line number instead, an append only
 * costs the line that appended.
 */
-function LogRow({ number, line, matched }) {
+function LogRow({ number, line, matched, dimmed }) {
 	return /* @__PURE__ */ jsxs("div", {
 		"data-testid": "runner-log-row",
 		"data-matched": matched,
 		className: "flex min-w-0 gap-2",
 		children: [
 			number === void 0 ? null : /* @__PURE__ */ jsx("span", {
-				className: "w-12 shrink-0 select-none text-right text-xs leading-relaxed text-po-faint",
+				className: "w-12 shrink-0 select-none text-right font-mono text-sm leading-relaxed text-po-faint",
 				children: number
 			}),
 			/* @__PURE__ */ jsx("span", {
 				"aria-hidden": true,
-				className: `w-4 shrink-0 select-none text-xs leading-relaxed ${matched ? "text-po-yellow" : "text-po-faint"}`,
+				className: `w-4 shrink-0 select-none font-mono text-sm leading-relaxed ${matched ? "text-po-yellow" : "text-po-faint"}`,
 				children: matched ? ">>" : ""
 			}),
 			/* @__PURE__ */ jsx(AnsiLine, {
 				line,
-				className: `min-w-0 flex-1 whitespace-pre-wrap break-words font-mono text-xs leading-relaxed ${matched ? "text-po-text" : "text-po-dim"}`
+				className: `min-w-0 flex-1 whitespace-pre-wrap break-words font-mono text-sm leading-relaxed ${dimmed ? "text-po-dim" : "text-po-text"}`
 			})
 		]
 	});
@@ -604,7 +603,7 @@ function LogRow({ number, line, matched }) {
 * rather than moving a cursor through it, and following pauses while one is
 * set because a filtered view is a snapshot of a file that is still growing.
 */
-function RunnerLogPanel({ sessionId, runId, sendSessionFrame }) {
+function RunnerLogPanel({ sessionId, runId, sendSessionFrame, onTerminal }) {
 	const { runs, stopRequested } = useStore(runners.store, (state) => runners.select(state, sessionId));
 	const run = runs.find((candidate) => candidate.id === runId);
 	const [now, setNow] = useState(() => Date.now());
@@ -624,7 +623,7 @@ function RunnerLogPanel({ sessionId, runId, sendSessionFrame }) {
 	const filtering = query !== "";
 	const live = isFollowingLive(following, filtering, slice?.running === true);
 	useEffect(() => {
-		const timer = setInterval(() => setNow(Date.now()), TICK_MS$2);
+		const timer = setInterval(() => setNow(Date.now()), TICK_MS$1);
 		return () => clearInterval(timer);
 	}, []);
 	useEffect(() => {
@@ -703,7 +702,7 @@ function RunnerLogPanel({ sessionId, runId, sendSessionFrame }) {
 		if (element === null) return;
 		setPinned(element.scrollHeight - element.scrollTop - element.clientHeight <= NEAR_BOTTOM_PX);
 	};
-	const badge = badgeOf(run);
+	const badge = runnerBadge(run);
 	const stopping = run !== void 0 && stopRequested.includes(run.id);
 	const elapsed = run === void 0 ? "" : formatRunnerUptime(run.startedAt, run.exit ? Date.parse(run.exit.finishedAt) : now);
 	return /* @__PURE__ */ jsxs("div", {
@@ -720,6 +719,7 @@ function RunnerLogPanel({ sessionId, runId, sendSessionFrame }) {
 					}),
 					/* @__PURE__ */ jsx(StatusBadge, {
 						tone: badge.tone,
+						size: "md",
 						"data-testid": "runner-log-state",
 						children: badge.label
 					}),
@@ -735,60 +735,71 @@ function RunnerLogPanel({ sessionId, runId, sendSessionFrame }) {
 						children: "no longer listed; its log stays readable"
 					}),
 					/* @__PURE__ */ jsx("span", { className: "min-w-0 flex-1" }),
+					onTerminal ? /* @__PURE__ */ jsx(Button, {
+						variant: "outline",
+						size: "sm",
+						"data-testid": "runner-log-terminal",
+						onClick: onTerminal,
+						children: "Back to terminal"
+					}) : null,
 					run !== void 0 && run.state === "running" && sessionId !== null ? /* @__PURE__ */ jsx(Button, {
 						variant: stopping ? "outline" : "danger-outline",
-						size: "xs",
+						size: "sm",
 						"data-testid": "runner-log-stop",
 						disabled: stopping,
 						title: stopping ? "stop requested; the runner reports its own exit" : "ask the runtime to stop this runner",
 						onClick: () => requestRunnerStop(sendSessionFrame, sessionId, run.id),
-						className: "px-2 ",
-						children: stopping ? "stopping…" : "stop"
+						children: stopping ? "Stopping…" : "Stop"
 					}) : null
 				]
 			}),
-			run ? /* @__PURE__ */ jsxs("div", {
-				className: "flex shrink-0 flex-col gap-1.5 border-b border-po-border-soft px-3 py-2.5 sm:px-[26px]",
-				children: [/* @__PURE__ */ jsx(MetaRow, {
-					label: "command",
-					value: run.command
-				}), /* @__PURE__ */ jsx(MetaRow, {
-					label: "cwd",
-					value: run.cwd
-				})]
+			run ? /* @__PURE__ */ jsx("div", {
+				className: "shrink-0 border-b border-po-border-soft px-3 py-3 sm:px-[26px]",
+				children: /* @__PURE__ */ jsxs("div", {
+					className: "flex flex-col gap-1 rounded-md bg-po-deep px-3 py-2",
+					children: [/* @__PURE__ */ jsxs("span", {
+						className: "break-all font-mono text-base text-po-hi",
+						children: [/* @__PURE__ */ jsxs("span", {
+							"aria-hidden": true,
+							className: "select-none text-po-faint",
+							children: ["$", " "]
+						}), run.command]
+					}), /* @__PURE__ */ jsxs("span", {
+						className: "break-all font-mono text-sm text-po-dim",
+						children: ["in ", run.cwd]
+					})]
+				})
 			}) : null,
 			/* @__PURE__ */ jsxs("div", {
-				className: "flex min-h-10 shrink-0 flex-wrap items-center gap-2 border-b border-po-border-soft px-3 py-2 sm:h-10 sm:flex-nowrap sm:gap-2.5 sm:px-[26px] sm:py-0",
+				className: "flex min-h-11 shrink-0 flex-wrap items-center gap-2 border-b border-po-border-soft px-3 py-2 sm:flex-nowrap sm:gap-2.5 sm:px-[26px]",
 				children: [
 					/* @__PURE__ */ jsxs("span", {
-						className: "relative flex min-w-0 flex-1 items-center sm:w-[300px] sm:flex-none",
-						children: [/* @__PURE__ */ jsx(SearchIcon, { className: "pointer-events-none absolute left-2.5 h-3 w-3 text-po-faint" }), /* @__PURE__ */ jsx(Input, {
-							size: "sm",
+						className: "relative flex min-w-0 flex-1 items-center sm:w-72 sm:flex-none",
+						children: [/* @__PURE__ */ jsx(SearchIcon, { className: "pointer-events-none absolute left-2.5 h-3.5 w-3.5 text-po-faint" }), /* @__PURE__ */ jsx(Input, {
+							size: "md",
 							"data-testid": "runner-log-search",
 							value: typed,
-							placeholder: "search this log",
+							placeholder: "Search output",
 							onChange: (event) => setTyped(event.target.value),
-							className: "pl-7 "
+							className: "w-full pl-8"
 						})]
 					}),
 					/* @__PURE__ */ jsx(Button, {
 						variant: ignoreCase ? "subtle" : "outline",
-						size: "xs",
+						size: "sm",
 						"data-testid": "runner-log-ignore-case",
 						"aria-pressed": ignoreCase,
 						title: "match regardless of case",
 						onClick: () => setIgnoreCase((current) => !current),
-						className: "px-2 ",
-						children: "aA"
+						children: ignoreCase ? "Any case" : "Match case"
 					}),
 					/* @__PURE__ */ jsx(Button, {
 						variant: context > 0 && filtering ? "subtle" : "outline",
-						size: "xs",
+						size: "sm",
 						"data-testid": "runner-log-context",
 						disabled: !filtering,
 						title: "lines of context kept either side of a match",
 						onClick: () => setContext((current) => current === 0 ? CONTEXT_LINES : 0),
-						className: "px-2 ",
 						children: `± ${String(context)} lines`
 					}),
 					/* @__PURE__ */ jsx("span", { className: "min-w-0 flex-1" }),
@@ -799,14 +810,13 @@ function RunnerLogPanel({ sessionId, runId, sendSessionFrame }) {
 					}),
 					/* @__PURE__ */ jsx(Button, {
 						variant: live ? "subtle" : "outline",
-						size: "xs",
+						size: "sm",
 						"data-testid": "runner-log-follow",
 						"aria-pressed": live,
 						disabled: filtering || slice?.running !== true,
 						title: filtering ? "a filtered view is a snapshot; clear the query to follow" : "follow the log as it grows",
 						onClick: () => setFollowing((current) => !current),
-						className: "px-2 ",
-						children: filtering ? "follow · paused" : "follow"
+						children: filtering ? "Paused while searching" : live ? "Following" : "Follow"
 					})
 				]
 			}),
@@ -819,7 +829,7 @@ function RunnerLogPanel({ sessionId, runId, sendSessionFrame }) {
 					className: "h-full overflow-auto bg-po-deep px-3 py-3 sm:px-[26px]",
 					children: [error !== void 0 ? /* @__PURE__ */ jsx("p", {
 						"data-testid": "runner-log-error",
-						className: "text-base text-po-red",
+						className: "text-sm text-po-red",
 						children: error
 					}) : slice === void 0 ? /* @__PURE__ */ jsx("p", {
 						"data-testid": "runner-log-reading",
@@ -827,10 +837,10 @@ function RunnerLogPanel({ sessionId, runId, sendSessionFrame }) {
 						children: "reading…"
 					}) : slice.exists === false ? /* @__PURE__ */ jsx("p", {
 						className: "text-sm text-po-dim",
-						children: "this runner has not written a log yet"
+						children: "This runner has not printed anything yet."
 					}) : view.lines.length === 0 ? /* @__PURE__ */ jsx("p", {
 						className: "text-sm text-po-dim",
-						children: filtering ? "nothing matched" : "the log is empty"
+						children: filtering ? "Nothing matched." : "The log is empty."
 					}) : view.lines.map((line, index) => {
 						const number = numbers[index];
 						const previous = numbers[index - 1];
@@ -838,25 +848,26 @@ function RunnerLogPanel({ sessionId, runId, sendSessionFrame }) {
 						return /* @__PURE__ */ jsxs(Fragment, { children: [gap ? /* @__PURE__ */ jsx("div", {
 							"data-testid": "runner-log-gap",
 							"aria-hidden": true,
-							className: "select-none py-0.5 pl-12 text-xs leading-relaxed text-po-faint",
+							className: "select-none py-0.5 pl-14 text-sm leading-relaxed text-po-faint",
 							children: "⋯"
 						}) : null, /* @__PURE__ */ jsx(LogRow, {
 							number,
 							line,
-							matched: filtering && isMatch(line, query, ignoreCase)
+							matched: filtering && isMatch(line, query, ignoreCase),
+							dimmed: filtering && !isMatch(line, query, ignoreCase)
 						})] }, number ?? `row-${String(index)}`);
 					}), /* @__PURE__ */ jsx("div", { ref: bottom })]
 				}), live && !pinned ? /* @__PURE__ */ jsx(Button, {
 					variant: "subtle",
-					size: "xs",
+					size: "sm",
 					"data-testid": "runner-log-jump",
 					title: "scroll back to the newest lines and keep following",
 					onClick: () => {
 						setPinned(true);
 						bottom.current?.scrollIntoView({ block: "end" });
 					},
-					className: "absolute bottom-3 right-3 px-2 ",
-					children: "jump to latest"
+					className: "absolute bottom-3 right-3",
+					children: "Jump to latest"
 				}) : null]
 			}),
 			/* @__PURE__ */ jsxs("div", {
@@ -955,21 +966,8 @@ async function sendRunnerInput(sessionId, runId, text) {
 }
 //#endregion
 //#region src/extensions/workspaces/sessions/(frontend)/_components/RunnerShellPanel.tsx
-const TAB_ID_PREFIX = "runner-shell-";
 /** Keystrokes are gathered for this long and sent as one request. */
 const FLUSH_MS = 30;
-/** The temporary tab holding one interactive runner's pane. */
-function runnerShellTab(run) {
-	const runId = run.id;
-	return {
-		id: `${TAB_ID_PREFIX}${runId}`,
-		label: `shell · ${run.name}`,
-		panel: (props) => /* @__PURE__ */ jsx(RunnerShellPanel, {
-			...props,
-			runId
-		})
-	};
-}
 /**
 * An interactive runner's pane, attached.
 *
@@ -981,9 +979,13 @@ function runnerShellTab(run) {
 *
 * xterm is loaded when the tab opens rather than with the plugin. Most sessions
 * never attach to anything, and an emulator is not a small thing to carry.
+*
+* Search reads the scrubbed log the sink writes beside the raw bytes, so it
+* hands over to the log view: `onSearch` when the panel is embedded, the
+* runner's log tab otherwise.
 */
-function RunnerShellPanel({ sessionId, runId }) {
-	const { runs } = useStore(runners.store, (state) => runners.select(state, sessionId));
+function RunnerShellPanel({ sessionId, runId, sendSessionFrame, openTransientTab, onSearch }) {
+	const { runs, stopRequested } = useStore(runners.store, (state) => runners.select(state, sessionId));
 	const run = runs.find((candidate) => candidate.id === runId);
 	const [ended, setEnded] = useState(false);
 	const [lost, setLost] = useState(false);
@@ -1021,12 +1023,13 @@ function RunnerShellPanel({ sessionId, runId }) {
 		}, FLUSH_MS);
 	};
 	const live = run?.state === "running" && !ended;
+	const stopping = stopRequested.includes(runId);
 	return /* @__PURE__ */ jsxs("div", {
 		"data-testid": "runner-shell-panel",
 		className: "flex min-h-0 flex-1 flex-col",
 		children: [
 			/* @__PURE__ */ jsxs("div", {
-				className: "flex min-h-11 shrink-0 items-center gap-2.5 border-b border-po-border-soft px-3 sm:h-11 sm:px-[26px]",
+				className: "flex min-h-11 shrink-0 flex-wrap items-center gap-2 border-b border-po-border-soft px-3 py-2 sm:flex-nowrap sm:gap-2.5 sm:px-[26px] sm:py-1.5",
 				children: [
 					/* @__PURE__ */ jsx("span", {
 						"data-testid": "runner-shell-name",
@@ -1035,23 +1038,45 @@ function RunnerShellPanel({ sessionId, runId }) {
 					}),
 					/* @__PURE__ */ jsx(StatusBadge, {
 						tone: live ? "running" : "neutral",
+						size: "md",
 						"data-testid": "runner-shell-state",
-						children: live ? "attached" : "detached"
+						children: live ? "Running" : "Ended"
 					}),
+					run ? /* @__PURE__ */ jsx("span", {
+						className: "min-w-0 truncate font-mono text-sm text-po-dim",
+						children: run.command
+					}) : null,
 					/* @__PURE__ */ jsx("span", { className: "min-w-0 flex-1" }),
 					lost ? /* @__PURE__ */ jsx("span", {
 						"data-testid": "runner-shell-lost",
-						className: "shrink-0 text-base text-po-red",
-						children: "the connection to this pane dropped"
+						className: "shrink-0 text-sm text-po-red",
+						children: "The connection to this terminal dropped. Reopen the runner to attach again."
+					}) : null,
+					run ? /* @__PURE__ */ jsxs(Button, {
+						variant: "outline",
+						size: "sm",
+						"data-testid": "runner-shell-search",
+						title: "search everything this runner has printed",
+						onClick: () => onSearch ? onSearch() : openTransientTab(runnerLogTab(run)),
+						className: "gap-1.5",
+						children: [/* @__PURE__ */ jsx(SearchIcon, { className: "h-3.5 w-3.5" }), "Search output"]
 					}) : null,
 					live ? /* @__PURE__ */ jsx(Button, {
 						variant: "outline",
-						size: "xs",
+						size: "sm",
 						"data-testid": "runner-shell-interrupt",
 						title: "send ctrl-c",
 						onClick: () => send(""),
-						className: "px-2 ",
-						children: "ctrl-c"
+						children: "Ctrl-C"
+					}) : null,
+					live && sessionId !== null ? /* @__PURE__ */ jsx(Button, {
+						variant: stopping ? "outline" : "danger-outline",
+						size: "sm",
+						"data-testid": "runner-shell-stop",
+						disabled: stopping,
+						title: stopping ? "stop requested; the runner reports its own exit" : "ask the runtime to stop this runner",
+						onClick: () => requestRunnerStop(sendSessionFrame, sessionId, runId),
+						children: stopping ? "Stopping…" : "Stop"
 					}) : null
 				]
 			}),
@@ -1072,13 +1097,153 @@ function RunnerShellPanel({ sessionId, runId }) {
 				className: "flex h-8 shrink-0 items-center border-t border-po-border-soft px-3 sm:px-[26px]",
 				children: /* @__PURE__ */ jsx("span", {
 					className: "min-w-0 flex-1 truncate text-sm text-po-dim",
-					children: live ? "typing goes straight to the runner" : "this runner is no longer accepting input"
+					children: live ? `Typing goes straight to ${run?.name ?? "the runner"}. Ctrl-C stops what is running.` : "This runner has ended. Its output stays searchable."
 				})
 			})
 		]
 	});
 }
 //#endregion
+//#region src/extensions/workspaces/sessions/(frontend)/_components/RunnersPanel.tsx
+const LAUNCH_TIMEOUT_MS = 3e4;
+const RUNNERS_TAB_ID = "runner-runs";
+/** The temporary tab the dock's runners group opens from its own name. */
+function runnersTab() {
+	return {
+		id: RUNNERS_TAB_ID,
+		label: "runners",
+		panel: RunnersPanel
+	};
+}
+/**
+* Everything this session has up, and the one place to start another.
+*
+* A runner is a shell: the bar takes a command and runs it on its own
+* terminal, or opens a plain shell when nothing was typed. The selected
+* runner is shown in place, as its terminal when it has one and as its log
+* when it does not (a command the agent backgrounded has no pane).
+*
+* Running runners only, the same rule the rail follows. A finished run leaves
+* the moment it exits; its log stays readable from the tool message that
+* started it, and `po-runner list` is where history lives.
+*/
+function RunnersPanel(props) {
+	const { sessionId, sendSessionFrame } = props;
+	const session = useStore(runners.store, (state) => runners.select(state, sessionId));
+	const running = session.runs.filter((run) => run.state === "running");
+	const [command, setCommand] = useState("");
+	const [cwd, setCwd] = useState("");
+	const [selectedId, setSelectedId] = useState(void 0);
+	/** The terminal runner whose log is being searched instead of shown live. */
+	const [searchingId, setSearchingId] = useState(void 0);
+	const launchBaseline = useRef(null);
+	/** What the pending launch ran, put back if the start fails. */
+	const launchedCommand = useRef("");
+	const launchTimeout = useRef(void 0);
+	const selected = running.find((run) => run.id === selectedId) ?? running[0];
+	const launch = () => {
+		if (sessionId === null) return;
+		launchBaseline.current = new Set(session.runs.map((run) => run.id));
+		clearTimeout(launchTimeout.current);
+		launchTimeout.current = setTimeout(() => {
+			launchBaseline.current = null;
+		}, LAUNCH_TIMEOUT_MS);
+		requestRunnerStart(sendSessionFrame, sessionId, runnerRunRequest(command, cwd));
+		launchedCommand.current = command;
+		setCommand("");
+	};
+	useEffect(() => {
+		const baseline = launchBaseline.current;
+		if (baseline === null) return;
+		const started = session.runs.find((run) => run.state === "running" && !baseline.has(run.id));
+		if (!started) return;
+		launchBaseline.current = null;
+		clearTimeout(launchTimeout.current);
+		setSelectedId(started.id);
+	}, [session.runs]);
+	const failureId = session.startFailure?.id;
+	useEffect(() => {
+		if (failureId === void 0 || launchBaseline.current === null) return;
+		launchBaseline.current = null;
+		clearTimeout(launchTimeout.current);
+		setCommand(launchedCommand.current);
+	}, [failureId]);
+	useEffect(() => () => clearTimeout(launchTimeout.current), []);
+	return /* @__PURE__ */ jsxs("div", {
+		"data-testid": "runners-panel",
+		className: "flex min-h-0 flex-1 flex-col",
+		children: [
+			/* @__PURE__ */ jsxs("div", {
+				className: "flex h-11 shrink-0 items-center gap-2.5 border-b border-po-border-soft px-3 sm:px-[26px]",
+				children: [/* @__PURE__ */ jsx("span", {
+					className: "text-lg font-semibold text-po-hi",
+					children: "Runners"
+				}), /* @__PURE__ */ jsx("span", {
+					"data-testid": "runners-panel-count",
+					className: "text-sm text-po-dim",
+					children: running.length === 0 ? "Nothing running" : `${String(running.length)} running`
+				})]
+			}),
+			sessionId === null ? null : /* @__PURE__ */ jsx(RunnerCommandBar, {
+				command,
+				onCommandChange: setCommand,
+				cwd,
+				onCwdChange: setCwd,
+				folders: running.map((run) => run.cwd),
+				...session.sessionDirectory === void 0 ? {} : { sessionDirectory: session.sessionDirectory },
+				...session.startFailure === void 0 ? {} : { problem: session.startFailure.message },
+				onLaunch: launch
+			}),
+			selected === void 0 ? /* @__PURE__ */ jsx(EmptyState, {
+				"data-testid": "runners-panel-empty",
+				className: "px-4 py-8",
+				title: "Nothing running yet",
+				description: sessionId === null ? "Open a session to start a runner." : "Type a command above, like pnpm dev, and it opens here as a live terminal."
+			}) : /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx("div", {
+				"data-testid": "runners-panel-picker",
+				className: "flex shrink-0 flex-wrap gap-1.5 px-3 pt-3 sm:px-[26px]",
+				children: running.map((run) => /* @__PURE__ */ jsxs(Button, {
+					variant: run === selected ? "subtle" : "ghost",
+					size: "sm",
+					"data-testid": `runners-panel-pick-${run.id}`,
+					"aria-pressed": run === selected,
+					title: run.command,
+					onClick: () => setSelectedId(run.id),
+					className: `gap-1.5 ${run === selected ? "text-po-hi" : ""}`,
+					children: [/* @__PURE__ */ jsx(Dot, {
+						tone: "yellow",
+						pulse: true
+					}), run.name]
+				}, run.id))
+			}), /* @__PURE__ */ jsx("div", {
+				className: "mt-3 flex min-h-0 flex-1 flex-col border-t border-po-border-soft",
+				children: selected.interactive && searchingId !== selected.id ? /* @__PURE__ */ jsx(RunnerShellPanel, {
+					...props,
+					runId: selected.id,
+					onSearch: () => setSearchingId(selected.id)
+				}, selected.id) : /* @__PURE__ */ jsx(RunnerLogPanel, {
+					...props,
+					runId: selected.id,
+					...selected.interactive ? { onTerminal: () => setSearchingId(void 0) } : {}
+				}, selected.id)
+			})] })
+		]
+	});
+}
+//#endregion
+//#region src/extensions/workspaces/sessions/(frontend)/activity-group/runners.web.ts
+var runners_web_default = defineActivityGroup({
+	keys: "r l",
+	icon: PlayCircleIcon,
+	statusKey: "po-runner-runners",
+	activeSource: runnerActivitySource,
+	transientTab: runnersTab,
+	order: 20
+});
+//#endregion
+//#region src/extensions/workspaces/sessions/(frontend)/channel/runner-runs.web.ts
+var runner_runs_web_default = defineChannelFile(runnerRunsChannel);
+//#endregion
 //#region src/extensions/workspaces/sessions/(frontend)/_components/runnerTail.ts
 /**
 * The newest line a running runner has written, for a row that has one line to
@@ -1154,229 +1319,6 @@ function useRunnerTail(sessionId, runId, running) {
 	return running && tail?.runId === runId ? tail.text : void 0;
 }
 //#endregion
-//#region src/extensions/workspaces/sessions/(frontend)/_components/RunnersPanel.tsx
-const TICK_MS$1 = 1e4;
-const SHELL_LAUNCH_TIMEOUT_MS = 3e4;
-const RUNNERS_TAB_ID = "runner-runs";
-/** The temporary tab the dock's runners group opens from its own name. */
-function runnersTab() {
-	return {
-		id: RUNNERS_TAB_ID,
-		label: "runners",
-		panel: RunnersPanel
-	};
-}
-/**
-* Everything this session has up, one card each.
-*
-* The dock's rail gives a runner one line, which is enough to notice it and
-* not enough to work with it. This is the same set with room: the command in
-* full, where it runs, and the last thing it said.
-*
-* Running runners only, the same rule the rail follows. A finished run leaves
-* the moment it exits, because this answers "what is happening"; its log stays
-* readable from its own tab, and `po-runner list` is where history lives.
-*/
-function RunnersPanel({ sessionId, sendSessionFrame, openTransientTab }) {
-	const session = useStore(runners.store, (state) => runners.select(state, sessionId));
-	const running = session.runs.filter((run) => run.state === "running");
-	const [now, setNow] = useState(() => Date.now());
-	const [launching, setLaunching] = useState(false);
-	const shellBaseline = useRef(null);
-	const shellLaunchTimeout = useRef(void 0);
-	const defaultCwd = running[0]?.cwd;
-	const startShell = () => {
-		if (sessionId === null) return;
-		shellBaseline.current = new Set(session.runs.map((run) => run.id));
-		clearTimeout(shellLaunchTimeout.current);
-		shellLaunchTimeout.current = setTimeout(() => {
-			shellBaseline.current = null;
-		}, SHELL_LAUNCH_TIMEOUT_MS);
-		requestRunnerStart(sendSessionFrame, sessionId, RUNNER_SHELL_REQUEST);
-	};
-	useEffect(() => {
-		const timer = setInterval(() => setNow(Date.now()), TICK_MS$1);
-		return () => clearInterval(timer);
-	}, []);
-	useEffect(() => {
-		const baseline = shellBaseline.current;
-		if (baseline === null) return;
-		const shell = session.runs.find((run) => run.state === "running" && run.interactive && !baseline.has(run.id));
-		if (!shell) return;
-		shellBaseline.current = null;
-		clearTimeout(shellLaunchTimeout.current);
-		openTransientTab(runnerShellTab(shell));
-	}, [openTransientTab, session.runs]);
-	useEffect(() => () => clearTimeout(shellLaunchTimeout.current), []);
-	return /* @__PURE__ */ jsxs("div", {
-		"data-testid": "runners-panel",
-		className: "flex min-h-0 flex-1 flex-col overflow-auto",
-		children: [
-			/* @__PURE__ */ jsxs("div", {
-				className: "flex min-h-11 shrink-0 items-center gap-2.5 border-b border-po-border-soft px-3 sm:h-11 sm:px-[26px]",
-				children: [
-					/* @__PURE__ */ jsx("span", {
-						className: "text-lg font-semibold text-po-hi",
-						children: "runners"
-					}),
-					/* @__PURE__ */ jsx("span", {
-						"data-testid": "runners-panel-count",
-						className: "text-sm text-po-dim",
-						children: running.length === 0 ? "nothing running" : `${String(running.length)} running`
-					}),
-					/* @__PURE__ */ jsx("span", { className: "min-w-0 flex-1" }),
-					sessionId === null ? null : /* @__PURE__ */ jsxs(DropdownMenu, { children: [/* @__PURE__ */ jsx(DropdownMenuTrigger, {
-						asChild: true,
-						children: /* @__PURE__ */ jsx(Button, {
-							variant: "ghost",
-							size: "icon",
-							"data-testid": "runners-panel-launch",
-							title: "launch a runner",
-							"aria-label": "launch a runner",
-							className: "text-po-faint hover:text-po-hi",
-							children: /* @__PURE__ */ jsx(PlusIcon, { className: "h-3 w-3" })
-						})
-					}), /* @__PURE__ */ jsxs(DropdownMenuContent, {
-						align: "end",
-						"data-testid": "runners-panel-launch-menu",
-						children: [/* @__PURE__ */ jsx(DropdownMenuItem, {
-							"data-testid": "runners-panel-start-shell",
-							onSelect: startShell,
-							children: "start shell"
-						}), /* @__PURE__ */ jsx(DropdownMenuItem, {
-							"data-testid": "runners-panel-run-command",
-							onSelect: () => setLaunching(true),
-							children: "run command"
-						})]
-					})] })
-				]
-			}),
-			running.length === 0 ? /* @__PURE__ */ jsx(EmptyState, {
-				"data-testid": "runners-panel-empty",
-				className: "px-4 py-8",
-				title: "nothing running",
-				description: "a command that outlives its turn moves to a runner and appears here while it works.",
-				children: sessionId === null ? null : /* @__PURE__ */ jsx(Button, {
-					variant: "outline",
-					size: "xs",
-					"data-testid": "runners-panel-launch-empty",
-					onClick: () => setLaunching(true),
-					className: "px-2 ",
-					children: "launch a runner"
-				})
-			}) : /* @__PURE__ */ jsx("div", {
-				"data-testid": "runners-panel-grid",
-				className: "grid grid-cols-1 gap-2.5 px-3 py-3 sm:grid-cols-2 sm:px-[26px] xl:grid-cols-3",
-				children: running.map((run) => /* @__PURE__ */ jsx(RunnerCard, {
-					run,
-					now,
-					stopRequested: session.stopRequested.includes(run.id),
-					sessionId,
-					sendSessionFrame,
-					openTransientTab
-				}, run.id))
-			}),
-			launching && sessionId !== null ? /* @__PURE__ */ jsx(LaunchRunnerDialog, {
-				sessionId,
-				sendSessionFrame,
-				...defaultCwd === void 0 ? {} : { defaultCwd },
-				onClose: () => setLaunching(false)
-			}) : null
-		]
-	});
-}
-/**
-* One running runner. Its own component because the tail line is a
-* subscription per card, and a card that leaves the grid closes it.
-*/
-function RunnerCard({ run, now, stopRequested, sessionId, sendSessionFrame, openTransientTab }) {
-	const tail = useRunnerTail(sessionId, run.id, run.state === "running");
-	return /* @__PURE__ */ jsxs("div", {
-		"data-testid": `runners-card-${run.id}`,
-		className: "flex min-w-0 flex-col gap-1.5 rounded-md border border-po-border-soft bg-po-panel p-2.5",
-		children: [
-			/* @__PURE__ */ jsxs("div", {
-				className: "flex min-w-0 items-center gap-1.5",
-				children: [
-					/* @__PURE__ */ jsx(Dot, {
-						tone: "yellow",
-						pulse: true
-					}),
-					/* @__PURE__ */ jsx("span", {
-						className: "min-w-0 flex-1 truncate text-base font-semibold text-po-hi",
-						children: run.name
-					}),
-					/* @__PURE__ */ jsxs("span", {
-						className: "shrink-0 text-sm text-po-dim",
-						children: [formatRunnerUptime(run.startedAt, now), run.interactive ? " · tty" : ""]
-					})
-				]
-			}),
-			/* @__PURE__ */ jsx("span", {
-				className: "min-w-0 break-all font-mono text-sm leading-normal text-po-dim",
-				children: run.command
-			}),
-			/* @__PURE__ */ jsx("span", {
-				className: "min-w-0 truncate font-mono text-sm text-po-dim",
-				children: run.cwd
-			}),
-			/* @__PURE__ */ jsx("span", {
-				"data-testid": `runners-card-detail-${run.id}`,
-				"data-detail": tail === void 0 ? "command" : "tail",
-				className: "min-w-0 truncate text-sm text-po-dim",
-				children: tail ?? "…"
-			}),
-			/* @__PURE__ */ jsxs("div", {
-				className: "flex items-center gap-1.5 pt-0.5",
-				children: [
-					/* @__PURE__ */ jsx(Button, {
-						variant: "outline",
-						size: "xs",
-						"data-testid": `runners-card-log-${run.id}`,
-						title: "open this runner's log",
-						onClick: () => openTransientTab(runnerLogTab(run)),
-						className: "px-2 ",
-						children: "log"
-					}),
-					run.interactive && sessionId !== null ? /* @__PURE__ */ jsx(Button, {
-						variant: "outline",
-						size: "xs",
-						"data-testid": `runners-card-shell-${run.id}`,
-						title: "attach to this runner's terminal",
-						onClick: () => openTransientTab(runnerShellTab(run)),
-						className: "px-2 ",
-						children: "shell"
-					}) : null,
-					/* @__PURE__ */ jsx("span", { className: "min-w-0 flex-1" }),
-					sessionId !== null ? /* @__PURE__ */ jsx(Button, {
-						variant: stopRequested ? "outline" : "danger-outline",
-						size: "xs",
-						"data-testid": `runners-card-stop-${run.id}`,
-						disabled: stopRequested,
-						title: stopRequested ? "stop requested; the runner reports its own exit" : "ask the runtime to stop this runner",
-						onClick: () => requestRunnerStop(sendSessionFrame, sessionId, run.id),
-						className: "px-2 ",
-						children: stopRequested ? "stopping…" : "stop"
-					}) : null
-				]
-			})
-		]
-	});
-}
-//#endregion
-//#region src/extensions/workspaces/sessions/(frontend)/activity-group/runners.web.ts
-var runners_web_default = defineActivityGroup({
-	keys: "r l",
-	icon: PlayCircleIcon,
-	statusKey: "po-runner-runners",
-	activeSource: runnerActivitySource,
-	transientTab: runnersTab,
-	order: 20
-});
-//#endregion
-//#region src/extensions/workspaces/sessions/(frontend)/channel/runner-runs.web.ts
-var runner_runs_web_default = defineChannelFile(runnerRunsChannel);
-//#endregion
 //#region src/extensions/workspaces/sessions/(frontend)/fill/_components/RunnersActivitySection.tsx
 const TICK_MS = 1e4;
 /**