@agimon-ai/po-workflow 0.0.0-alpha.2 → 0.0.0-alpha.21

package/dist/extensions/web.mjs

@@ -129,7 +129,7 @@ function formatRunDuration(elapsedMs) {
 //#region src/extensions/workspaces/sessions/(frontend)/_lib/workflowActivity.ts
 const PAUSED_STATES = /* @__PURE__ */ new Set(["paused", "pause_requested"]);
 function workflowRunIdentity(run) {
-	return `${run.workspace}/${run.runKey}`;
+	return `${run.workspace}/${run.routeKey ?? run.runKey}`;
 }
 /** Whether the session runs this workflow itself; a record from an older hub names no owner and means the viewer. */
 function ownsRun(run, sessionId) {
@@ -276,16 +276,16 @@ const TONE_DOT = {
 	skipped: "muted"
 };
 const TONE_DETAIL = {
-	running: "text-doom-dim",
-	paused: "text-doom-yellow",
-	failed: "text-doom-red",
-	done: "text-doom-dim",
-	skipped: "text-doom-dim"
+	running: "text-po-dim",
+	paused: "text-po-yellow",
+	failed: "text-po-red",
+	done: "text-po-dim",
+	skipped: "text-po-dim"
 };
 const GROUP_LABEL = {
-	running: "text-doom-yellow",
-	failed: "text-doom-red",
-	successful: "text-doom-green"
+	running: "text-po-yellow",
+	failed: "text-po-red",
+	successful: "text-po-green"
 };
 /**
 * The workflows group's body in the activity dock: every run this session
@@ -308,13 +308,13 @@ function WorkflowsActivitySection({ sessionId, openSession }) {
 		className: "flex flex-wrap items-center gap-x-4 gap-y-1",
 		children: [/* @__PURE__ */ jsx("p", {
 			"data-testid": "activity-summary-workflows",
-			className: "text-sm text-doom-dim",
+			className: "text-sm text-po-dim",
 			children: "Idle"
 		}), /* @__PURE__ */ jsxs(Button, {
 			variant: "link",
 			size: "sm",
 			"data-testid": "activity-workflow-launch",
-			className: "h-auto gap-1 px-0 text-doom-green",
+			className: "h-auto gap-1 px-0 text-po-green",
 			onClick: () => {
 				if (sessionId === null) return;
 				openCatalog(sessionId);
@@ -341,7 +341,7 @@ function WorkflowsActivitySection({ sessionId, openSession }) {
 				}
 				if (sessionId !== null) focusRun(sessionId, row.identity);
 			},
-			className: "min-w-0 gap-0.5 rounded-md px-1 py-1 hover:bg-doom-panel",
+			className: "min-w-0 gap-0.5 rounded-md px-1 py-1 hover:bg-po-panel",
 			children: [/* @__PURE__ */ jsxs("span", {
 				className: "flex min-w-0 items-center gap-1.5",
 				children: [
@@ -350,11 +350,11 @@ function WorkflowsActivitySection({ sessionId, openSession }) {
 						pulse: row.tone === "running"
 					}),
 					/* @__PURE__ */ jsx("span", {
-						className: `min-w-0 flex-1 truncate text-base font-semibold ${row.tone === "running" || row.tone === "paused" ? "text-doom-hi" : "text-doom-dim"}`,
+						className: `min-w-0 flex-1 truncate text-base font-semibold ${row.tone === "running" || row.tone === "paused" ? "text-po-hi" : "text-po-dim"}`,
 						children: row.name
 					}),
 					/* @__PURE__ */ jsx("span", {
-						className: "shrink-0 text-sm text-doom-dim",
+						className: "shrink-0 text-sm text-po-dim",
 						children: row.elapsed
 					})
 				]
@@ -381,15 +381,15 @@ function WorkflowsActivitySection({ sessionId, openSession }) {
 						...current,
 						[group.name]: !open
 					})),
-					className: "justify-start gap-1.5 rounded-md px-1 py-0.5 hover:bg-doom-panel",
+					className: "justify-start gap-1.5 rounded-md px-1 py-0.5 hover:bg-po-panel",
 					children: [
-						open ? /* @__PURE__ */ jsx(ChevronDownIcon, { className: "h-2.5 w-2.5 text-doom-faint" }) : /* @__PURE__ */ jsx(ChevronRightIcon, { className: "h-2.5 w-2.5 text-doom-faint" }),
+						open ? /* @__PURE__ */ jsx(ChevronDownIcon, { className: "h-2.5 w-2.5 text-po-faint" }) : /* @__PURE__ */ jsx(ChevronRightIcon, { className: "h-2.5 w-2.5 text-po-faint" }),
 						/* @__PURE__ */ jsx("span", {
 							className: `inline-block text-sm font-semibold first-letter:uppercase ${GROUP_LABEL[group.name]}`,
 							children: group.name
 						}),
 						/* @__PURE__ */ jsx("span", {
-							className: "text-2xs text-doom-faint",
+							className: "text-2xs text-po-faint",
 							children: group.rows.length
 						})
 					]
@@ -397,7 +397,7 @@ function WorkflowsActivitySection({ sessionId, openSession }) {
 					className: "flex flex-col gap-0.5 pl-2",
 					children: group.rows.map((row) => /* @__PURE__ */ jsx(RunRow, { row }, row.identity))
 				}) : /* @__PURE__ */ jsxs("span", {
-					className: "truncate pl-5 text-sm text-doom-dim",
+					className: "truncate pl-5 text-sm text-po-dim",
 					children: [group.rows.slice(0, 2).map((row) => row.name).join(", "), group.rows.length > 2 ? `, and ${group.rows.length - 2} more` : ""]
 				})]
 			}, group.name);
@@ -948,15 +948,15 @@ function WorkflowToolMessage({ toolName, args, result, running, isError }) {
 				className: "flex min-w-0 flex-1 items-center gap-2",
 				children: [
 					/* @__PURE__ */ jsx("span", {
-						className: "font-semibold text-doom-hi",
+						className: "font-semibold text-po-hi",
 						children: summary.action
 					}),
 					summary.target ? /* @__PURE__ */ jsx("span", {
-						className: "min-w-0 truncate text-doom-dim",
+						className: "min-w-0 truncate text-po-dim",
 						children: summary.target
 					}) : null,
 					summary.metadata.map((value) => /* @__PURE__ */ jsxs("span", {
-						className: "shrink-0 text-doom-dim",
+						className: "shrink-0 text-po-dim",
 						children: ["· ", value]
 					}, value))
 				]
@@ -1020,7 +1020,7 @@ var _lib_default = {
 		message: WorkflowToolMessage
 	}],
 	leaderBindings: [{
-		id: "doom-workflow.catalog",
+		id: "po-workflow.catalog",
 		path: [WORKFLOWS_GROUP, {
 			key: "l",
 			label: "launch",
@@ -1030,7 +1030,7 @@ var _lib_default = {
 			if (context.sessionId !== null) openCatalog(context.sessionId);
 		}
 	}, {
-		id: "doom-workflow.toggle",
+		id: "po-workflow.toggle",
 		path: [WORKFLOWS_GROUP, {
 			key: "e",
 			label: "toggle",
@@ -1418,19 +1418,19 @@ function formatWhen(iso) {
 const STATE_GLYPH = {
 	written: {
 		glyph: "✓",
-		className: "text-doom-green"
+		className: "text-po-green"
 	},
 	empty: {
 		glyph: "○",
-		className: "text-doom-yellow"
+		className: "text-po-yellow"
 	},
 	pending: {
 		glyph: "○",
-		className: "text-doom-faint"
+		className: "text-po-faint"
 	},
 	unreadable: {
 		glyph: "!",
-		className: "text-doom-red"
+		className: "text-po-red"
 	}
 };
 function parseDelimited(text, delimiter) {
@@ -1467,13 +1467,13 @@ function DelimitedPreview({ text, delimiter }) {
 			"data-testid": "artifact-table",
 			className: "min-w-full border-collapse font-mono text-sm",
 			children: [/* @__PURE__ */ jsx("thead", {
-				className: "sticky top-0 bg-doom-panel text-doom-hi",
+				className: "sticky top-0 bg-po-panel text-po-hi",
 				children: /* @__PURE__ */ jsx("tr", { children: head.map((cell, index) => /* @__PURE__ */ jsx("th", {
-					className: "border border-doom-border px-2 py-1.5 text-left font-semibold",
+					className: "border border-po-border px-2 py-1.5 text-left font-semibold",
 					children: cell
 				}, index)) })
 			}), /* @__PURE__ */ jsx("tbody", { children: body.map((cells, rowIndex) => /* @__PURE__ */ jsx("tr", { children: cells.map((cell, cellIndex) => /* @__PURE__ */ jsx("td", {
-				className: "border border-doom-border px-2 py-1 align-top text-doom-text",
+				className: "border border-po-border px-2 py-1 align-top text-po-text",
 				children: cell
 			}, cellIndex)) }, rowIndex)) })]
 		})
@@ -1525,11 +1525,11 @@ function ArtifactPreview({ content, rawUrl, raw }) {
 	});
 	if (mimeType === "text/markdown") return raw ? /* @__PURE__ */ jsx("pre", {
 		"data-testid": "artifact-raw",
-		className: "whitespace-pre-wrap break-words font-mono text-sm leading-snug text-doom-text",
+		className: "whitespace-pre-wrap break-words font-mono text-sm leading-snug text-po-text",
 		children: text
 	}) : /* @__PURE__ */ jsx("div", {
 		"data-testid": "artifact-markdown",
-		className: "max-w-5xl text-base text-doom-text",
+		className: "max-w-5xl text-base text-po-text",
 		children: /* @__PURE__ */ jsx(Markdown, { text })
 	});
 	if (mimeType === "application/json") {
@@ -1538,7 +1538,7 @@ function ArtifactPreview({ content, rawUrl, raw }) {
 			formatted = JSON.stringify(JSON.parse(text), null, 2);
 		} catch {}
 		return /* @__PURE__ */ jsx("pre", {
-			className: "whitespace-pre-wrap break-words font-mono text-sm leading-snug text-doom-text",
+			className: "whitespace-pre-wrap break-words font-mono text-sm leading-snug text-po-text",
 			children: formatted
 		});
 	}
@@ -1584,7 +1584,7 @@ function ArtifactPreview({ content, rawUrl, raw }) {
 		children: /* @__PURE__ */ jsx("track", { kind: "captions" })
 	});
 	if (content.text !== void 0) return /* @__PURE__ */ jsx("pre", {
-		className: "whitespace-pre-wrap break-words font-mono text-sm leading-snug text-doom-text",
+		className: "whitespace-pre-wrap break-words font-mono text-sm leading-snug text-po-text",
 		children: text
 	});
 	return /* @__PURE__ */ jsx(EmptyState, {
@@ -1595,12 +1595,12 @@ function ArtifactPreview({ content, rawUrl, raw }) {
 /** One artifact, read-only, in its own tab. */
 function artifactTab(run, path) {
 	return {
-		id: `${TAB_ID_PREFIX$1}${run.workspace}-${run.runKey}-${path}`.replace(/[^\w-]+/g, "-"),
+		id: `${TAB_ID_PREFIX$1}${run.workspace}-${run.routeKey ?? run.runKey}-${path}`.replace(/[^\w-]+/g, "-"),
 		label: path.split("/").pop() ?? path,
 		panel: (props) => /* @__PURE__ */ jsx(ArtifactViewerPanel, {
 			...props,
 			workspace: run.workspace,
-			runKey: run.runKey,
+			runKey: run.routeKey ?? run.runKey,
 			path
 		})
 	};
@@ -1650,7 +1650,7 @@ function ArtifactViewerPanel({ workspace, runKey, path, sessionId }) {
 				className: "flex items-center gap-2.5 pb-3",
 				children: [
 					/* @__PURE__ */ jsx("span", {
-						className: "truncate text-base font-semibold text-doom-hi",
+						className: "truncate text-base font-semibold text-po-hi",
 						children: path
 					}),
 					/* @__PURE__ */ jsx(Badge, {
@@ -1658,7 +1658,7 @@ function ArtifactViewerPanel({ workspace, runKey, path, sessionId }) {
 						children: mimeType ?? "artifact"
 					}),
 					/* @__PURE__ */ jsx("span", {
-						className: "text-sm text-doom-dim",
+						className: "text-sm text-po-dim",
 						children: content === void 0 ? "" : `${formatSize(content.size)} · written ${formatWhen(content.modifiedAt)}`
 					}),
 					/* @__PURE__ */ jsx("span", { className: "min-w-0 flex-1" }),
@@ -1699,13 +1699,13 @@ function ArtifactViewerPanel({ workspace, runKey, path, sessionId }) {
 				]
 			}),
 			/* @__PURE__ */ jsx("div", {
-				className: "min-h-0 flex-1 overflow-auto rounded-md border border-doom-border bg-doom-deep p-4",
+				className: "min-h-0 flex-1 overflow-auto rounded-md border border-po-border bg-po-deep p-4",
 				children: error !== void 0 ? /* @__PURE__ */ jsx("span", {
 					"data-testid": "artifact-error",
-					className: "text-base text-doom-yellow",
+					className: "text-base text-po-yellow",
 					children: error
 				}) : content === void 0 ? /* @__PURE__ */ jsx("span", {
-					className: "text-sm text-doom-dim",
+					className: "text-sm text-po-dim",
 					children: "loading preview"
 				}) : /* @__PURE__ */ jsx(ArtifactPreview, {
 					content,
@@ -1714,7 +1714,7 @@ function ArtifactViewerPanel({ workspace, runKey, path, sessionId }) {
 				})
 			}),
 			content?.truncated === true ? /* @__PURE__ */ jsxs("span", {
-				className: "pt-2 text-sm text-doom-dim",
+				className: "pt-2 text-sm text-po-dim",
 				children: [
 					"this preview shows the first ",
 					formatSize(content.text?.length),
@@ -1734,7 +1734,7 @@ function ArtifactsPane({ run, sessionId, onOpen }) {
 		const read = () => {
 			if (reading) return;
 			reading = true;
-			fetchArtifacts(run.workspace, run.runKey, sessionId).then((result) => {
+			fetchArtifacts(run.workspace, run.routeKey ?? run.runKey, sessionId).then((result) => {
 				if (!live) return;
 				if ("error" in result) {
 					setError(result.error);
@@ -1755,15 +1755,16 @@ function ArtifactsPane({ run, sessionId, onOpen }) {
 	}, [
 		run.workspace,
 		run.runKey,
+		run.routeKey,
 		run.stage,
 		sessionId
 	]);
 	return /* @__PURE__ */ jsx(ArtifactList, {
 		listing,
 		error,
-		onLoadDirectory: (directory) => fetchArtifacts(run.workspace, run.runKey, sessionId, directory),
+		onLoadDirectory: (directory) => fetchArtifacts(run.workspace, run.routeKey ?? run.runKey, sessionId, directory),
 		onOpen,
-		onOpenDirectory: () => openRunDirectory(run.workspace, run.runKey, sessionId)
+		onOpenDirectory: () => openRunDirectory(run.workspace, run.routeKey ?? run.runKey, sessionId)
 	});
 }
 /** Directory-first file tree with declared output metadata and lazy folder reads. */
@@ -1854,7 +1855,7 @@ function ArtifactList({ listing, error, onOpen, onOpenDirectory, onLoadDirectory
 			disabled: !openable,
 			"aria-expanded": entry.kind === "directory" ? expanded.has(entry.path) : void 0,
 			onClick: () => entry.kind === "directory" ? void toggle(entry) : onOpen(entry.path),
-			className: `flex flex-col gap-0.5 px-3 py-1.5 text-left ${openable ? "cursor-pointer hover:bg-doom-panel" : "cursor-default"}`,
+			className: `flex flex-col gap-0.5 px-3 py-1.5 text-left ${openable ? "cursor-pointer hover:bg-po-panel" : "cursor-default"}`,
 			children: [/* @__PURE__ */ jsxs("span", {
 				className: "flex min-w-0 items-center gap-2",
 				children: [
@@ -1864,16 +1865,16 @@ function ArtifactList({ listing, error, onOpen, onOpenDirectory, onLoadDirectory
 					}),
 					/* @__PURE__ */ jsxs("span", {
 						title: entry.path,
-						className: `min-w-0 flex-1 truncate text-base font-semibold ${entry.state === "pending" ? "text-doom-dim" : "text-doom-hi"}`,
+						className: `min-w-0 flex-1 truncate text-base font-semibold ${entry.state === "pending" ? "text-po-dim" : "text-po-hi"}`,
 						children: [entry.path.split("/").pop(), entry.kind === "directory" ? "/" : ""]
 					}),
 					/* @__PURE__ */ jsx("span", {
-						className: "shrink-0 text-sm text-doom-dim",
+						className: "shrink-0 text-sm text-po-dim",
 						children: entry.state === "pending" ? "pending" : entry.kind === "directory" ? "" : [formatSize(entry.size), formatWhen(entry.modifiedAt)].filter(Boolean).join(" · ")
 					})
 				]
 			}), entry.declared || entry.producedBy.length > 0 || entry.description !== "" ? /* @__PURE__ */ jsxs("span", {
-				className: "flex min-w-0 items-center gap-1 pl-5 text-sm text-doom-dim",
+				className: "flex min-w-0 items-center gap-1 pl-5 text-sm text-po-dim",
 				children: [
 					entry.declared ? /* @__PURE__ */ jsx(Badge, {
 						size: "xs",
@@ -1902,15 +1903,15 @@ function ArtifactList({ listing, error, onOpen, onOpenDirectory, onLoadDirectory
 		}).sort((left, right) => Number(right.kind === "directory") - Number(left.kind === "directory") || left.path.localeCompare(right.path)).map((entry) => /* @__PURE__ */ jsxs("div", {
 			className: "flex flex-col",
 			children: [renderRow(entry), entry.kind === "directory" && expanded.has(entry.path) ? /* @__PURE__ */ jsxs("div", {
-				className: "ml-3 border-l border-doom-border pl-1",
+				className: "ml-3 border-l border-po-border pl-1",
 				children: [
 					loading.has(entry.path) ? /* @__PURE__ */ jsx("span", {
-						className: "px-3 text-sm text-doom-dim",
+						className: "px-3 text-sm text-po-dim",
 						children: "loading…"
 					}) : null,
 					folderErrors[entry.path] ? /* @__PURE__ */ jsx("span", {
 						role: "alert",
-						className: "px-3 text-base text-doom-yellow",
+						className: "px-3 text-base text-po-yellow",
 						children: folderErrors[entry.path]
 					}) : null,
 					renderChildren(entry.path)
@@ -1932,13 +1933,13 @@ function ArtifactList({ listing, error, onOpen, onOpenDirectory, onLoadDirectory
 				title: "nothing in the run directory yet"
 			}) : null,
 			listing?.description ? /* @__PURE__ */ jsx("span", {
-				className: "px-3 py-2 text-sm text-doom-dim",
+				className: "px-3 py-2 text-sm text-po-dim",
 				children: listing.description
 			}) : null,
 			renderChildren(""),
 			openError === void 0 ? null : /* @__PURE__ */ jsx("span", {
 				role: "alert",
-				className: "px-3 text-base text-doom-yellow",
+				className: "px-3 text-base text-po-yellow",
 				children: openError
 			}),
 			listing === void 0 ? null : /* @__PURE__ */ jsx("button", {
@@ -1948,7 +1949,7 @@ function ArtifactList({ listing, error, onOpen, onOpenDirectory, onLoadDirectory
 				title: `${listing.runDir} (open in Finder)`,
 				disabled: opening || onOpenDirectory === void 0,
 				onClick: () => void openDirectory(),
-				className: "truncate px-3 py-2 text-left text-base text-doom-dim hover:text-doom-hi disabled:cursor-default",
+				className: "truncate px-3 py-2 text-left text-base text-po-dim hover:text-po-hi disabled:cursor-default",
 				children: listing.runDir
 			})
 		]
@@ -2001,7 +2002,7 @@ function StepSteerComposer({ run, sessionId, step }) {
 		setSending(true);
 		setError(void 0);
 		try {
-			const result = await steerStep(run.workspace, run.runKey, message, sessionId, step);
+			const result = await steerStep(run.workspace, run.routeKey ?? run.runKey, message, sessionId, step);
 			if ("error" in result) {
 				setError(result.error);
 				return;
@@ -2015,15 +2016,15 @@ function StepSteerComposer({ run, sessionId, step }) {
 	};
 	return /* @__PURE__ */ jsx("form", {
 		"data-testid": "step-steer-composer",
-		className: "shrink-0 border-t border-doom-border-soft bg-doom-rail px-3 pt-3 pb-2.5",
+		className: "shrink-0 border-t border-po-border-soft bg-po-rail px-3 pt-3 pb-2.5",
 		onSubmit: (event) => void submit(event),
 		children: /* @__PURE__ */ jsxs("div", {
-			className: "rounded-lg border border-doom-border bg-doom-deep transition-colors focus-within:border-doom-blue/60",
+			className: "rounded-lg border border-po-border bg-po-deep transition-colors focus-within:border-po-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",
+						className: "mt-[3px] shrink-0 select-none text-base leading-none text-po-green",
 						children: ">"
 					}), /* @__PURE__ */ jsx(Textarea, {
 						variant: "bare",
@@ -2040,7 +2041,7 @@ function StepSteerComposer({ run, sessionId, step }) {
 				error === void 0 ? null : /* @__PURE__ */ jsx("p", {
 					role: "alert",
 					"data-testid": "step-steer-error",
-					className: "px-3.5 pt-2 text-base text-doom-red",
+					className: "px-3.5 pt-2 text-base text-po-red",
 					children: error
 				}),
 				/* @__PURE__ */ jsxs("div", {
@@ -2049,7 +2050,7 @@ function StepSteerComposer({ run, sessionId, step }) {
 						/* @__PURE__ */ jsx("span", {
 							role: "status",
 							"data-testid": "step-steer-hint",
-							className: "min-w-0 truncate text-sm text-doom-dim",
+							className: "min-w-0 truncate text-sm text-po-dim",
 							children: "guidance reaches this step while it is still working"
 						}),
 						/* @__PURE__ */ jsx("span", { className: "min-w-0 flex-1" }),
@@ -2090,13 +2091,13 @@ const CTRL_A_CODE = 64;
 function stepTerminalTab(run, job, step) {
 	const target = {
 		workspace: run.workspace,
-		runKey: run.runKey,
+		runKey: run.routeKey ?? run.runKey,
 		job,
 		...step === void 0 ? {} : { step }
 	};
 	const label = step ?? job;
 	return {
-		id: `${TAB_ID_PREFIX}${run.workspace}-${run.runKey}-${job}${step === void 0 ? "" : `-${step}`}`.replace(/[^\w-]+/g, "-"),
+		id: `${TAB_ID_PREFIX}${run.workspace}-${run.routeKey ?? run.runKey}-${job}${step === void 0 ? "" : `-${step}`}`.replace(/[^\w-]+/g, "-"),
 		label: `${run.displayName} › ${label}`,
 		panel: (props) => /* @__PURE__ */ jsx(StepTerminalPanel, {
 			...props,
@@ -2138,22 +2139,22 @@ function StepHeader({ run, target, children }) {
 		className: "flex items-center gap-2.5 pb-3",
 		children: [
 			/* @__PURE__ */ jsx("span", {
-				className: "shrink-0 truncate text-base font-semibold text-doom-hi",
+				className: "shrink-0 truncate text-base font-semibold text-po-hi",
 				children: run?.displayName ?? target.runKey
 			}),
 			/* @__PURE__ */ jsx("span", {
-				className: "text-xs text-doom-faint",
+				className: "text-xs text-po-faint",
 				children: "›"
 			}),
 			/* @__PURE__ */ jsx("span", {
-				className: "shrink-0 truncate text-base font-semibold text-doom-hi",
+				className: "shrink-0 truncate text-base font-semibold text-po-hi",
 				children: target.job
 			}),
 			target.step === void 0 ? null : /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx("span", {
-				className: "text-xs text-doom-faint",
+				className: "text-xs text-po-faint",
 				children: "›"
 			}), /* @__PURE__ */ jsx("span", {
-				className: "min-w-0 truncate text-base text-doom-text",
+				className: "min-w-0 truncate text-base text-po-text",
 				children: target.step
 			})] }),
 			run === void 0 ? null : /* @__PURE__ */ jsx(StatusBadge, {
@@ -2175,7 +2176,7 @@ function StepHeader({ run, target, children }) {
 */
 function StepTerminalPanel(props) {
 	const { sessionId, target, renderSessionTranscript } = props;
-	const run = useStore(workflows.store, (state) => workflows.select(state, sessionId).runs).find((candidate) => candidate.workspace === target.workspace && candidate.runKey === target.runKey);
+	const run = useStore(workflows.store, (state) => workflows.select(state, sessionId).runs).find((candidate) => candidate.workspace === target.workspace && (candidate.routeKey ?? candidate.runKey) === target.runKey);
 	const sessionRef = stepSessionRef(run, target);
 	if (sessionRef !== void 0 && renderSessionTranscript !== void 0) return /* @__PURE__ */ jsxs("div", {
 		"data-testid": "step-conversation-panel",
@@ -2335,7 +2336,7 @@ function StepTerminal({ sessionId, target, run }) {
 					size: "xs",
 					tone: held ? "blue" : "neutral",
 					"data-testid": "step-terminal-control",
-					className: held ? "border-doom-blue/60 bg-doom-tint-blue text-doom-hi" : "",
+					className: held ? "border-po-blue/60 bg-po-tint-blue text-po-hi" : "",
 					children: held ? "keyboard yours" : "watching"
 				}), writable ? /* @__PURE__ */ jsx(Button, {
 					variant: held ? "outline" : "primary",
@@ -2348,11 +2349,15 @@ function StepTerminal({ sessionId, target, run }) {
 			/* @__PURE__ */ jsxs("div", {
 				ref: screenRef,
 				"data-testid": "step-terminal-screen",
+				role: "textbox",
+				"aria-label": "Workflow terminal",
+				"aria-multiline": "true",
+				"aria-readonly": token === void 0,
 				tabIndex: 0,
 				onKeyDown,
-				className: `min-h-0 flex-1 overflow-y-auto rounded-md border bg-doom-deep px-4 py-3 font-mono text-sm leading-tight text-doom-text outline-none ${held ? "border-doom-blue/60" : "border-doom-border"}`,
+				className: `min-h-0 flex-1 overflow-y-auto rounded-md border bg-po-deep px-4 py-3 font-mono text-sm leading-tight text-po-text outline-none ${held ? "border-po-blue/60" : "border-po-border"}`,
 				children: [lines.length === 0 ? /* @__PURE__ */ jsx("span", {
-					className: "text-sm text-doom-dim",
+					className: "text-sm text-po-dim",
 					children: capabilities?.readable === false ? capabilities.reason ?? "This run has no terminal to read." : "waiting for the run to paint…"
 				}) : lines.map((line, index) => /* @__PURE__ */ jsx(ScreenLine, { line }, index)), held && !ended ? /* @__PURE__ */ jsx(StreamCursor, { className: "mt-0.5 h-[12px] w-1.5" }) : null]
 			}),
@@ -2361,18 +2366,18 @@ function StepTerminal({ sessionId, target, run }) {
 				children: [
 					/* @__PURE__ */ jsx("span", {
 						"data-testid": "step-terminal-hint",
-						className: "text-sm text-doom-dim",
+						className: "text-sm text-po-dim",
 						children: held ? "keys go to the run · ctrl-c and ctrl-d pass through · esc releases the keyboard" : capabilities?.writable === false ? capabilities.reason ?? "this run cannot be typed into" : "read-only until you take control · the run keeps going either way"
 					}),
 					/* @__PURE__ */ jsx("span", { className: "min-w-0 flex-1" }),
 					ended ? /* @__PURE__ */ jsx("span", {
 						"data-testid": "step-terminal-ended",
-						className: "text-sm text-doom-dim",
+						className: "text-sm text-po-dim",
 						children: "the run has settled; this is its last screen"
 					}) : null,
 					notice === void 0 ? null : /* @__PURE__ */ jsx("span", {
 						"data-testid": "step-terminal-notice",
-						className: "text-sm text-doom-yellow",
+						className: "text-sm text-po-yellow",
 						children: notice
 					})
 				]
@@ -2385,35 +2390,35 @@ function StepTerminal({ sessionId, target, run }) {
 const STATE_ICON = {
 	pending: {
 		glyph: "○",
-		className: "text-doom-faint"
+		className: "text-po-faint"
 	},
 	running: {
 		glyph: "●",
-		className: "text-doom-blue"
+		className: "text-po-blue"
 	},
 	resumed: {
 		glyph: "●",
-		className: "text-doom-blue"
+		className: "text-po-blue"
 	},
 	completed: {
 		glyph: "✓",
-		className: "text-doom-green"
+		className: "text-po-green"
 	},
 	failed: {
 		glyph: "✕",
-		className: "text-doom-red"
+		className: "text-po-red"
 	},
 	skipped: {
 		glyph: "↷",
-		className: "text-doom-faint"
+		className: "text-po-faint"
 	},
 	pause_requested: {
 		glyph: "!",
-		className: "text-doom-yellow"
+		className: "text-po-yellow"
 	},
 	paused: {
 		glyph: "!",
-		className: "text-doom-yellow"
+		className: "text-po-yellow"
 	}
 };
 const ACTIVE_STATES = /* @__PURE__ */ new Set([
@@ -2509,35 +2514,35 @@ function WorkflowPicker({ runs, selected, onSelect, className }) {
 				variant: "outline",
 				size: "sm",
 				"data-testid": "workflow-picker",
-				className: cn("h-8 w-full max-w-[360px] justify-start border-doom-border bg-doom-deep px-2.5", className),
+				className: cn("h-8 w-full max-w-[360px] justify-start border-po-border bg-po-deep px-2.5", className),
 				children: [
-					/* @__PURE__ */ jsx(SearchIcon, { className: "h-3 w-3 shrink-0 text-doom-faint" }),
+					/* @__PURE__ */ jsx(SearchIcon, { className: "h-3 w-3 shrink-0 text-po-faint" }),
 					/* @__PURE__ */ jsx("span", {
-						className: "min-w-0 flex-1 truncate text-left text-base font-semibold text-doom-hi",
+						className: "min-w-0 flex-1 truncate text-left text-base font-semibold text-po-hi",
 						children: selected.displayName
 					}),
 					/* @__PURE__ */ jsxs("span", {
-						className: "shrink-0 text-sm font-normal text-doom-dim",
+						className: "shrink-0 text-sm font-normal text-po-dim",
 						children: [runs.length, " workflows"]
 					}),
-					/* @__PURE__ */ jsx(ChevronDownIcon, { className: "h-3 w-3 shrink-0 text-doom-dim" })
+					/* @__PURE__ */ jsx(ChevronDownIcon, { className: "h-3 w-3 shrink-0 text-po-dim" })
 				]
 			})
 		}), /* @__PURE__ */ jsxs(PopoverContent, {
 			side: "bottom",
 			align: "start",
 			"data-testid": "workflow-picker-popover",
-			className: "w-[440px] border-doom-edge-blue",
+			className: "w-[440px] border-po-edge-blue",
 			children: [
 				/* @__PURE__ */ jsxs(PopoverHeader, { children: [/* @__PURE__ */ jsx(SectionLabel, {
-					className: "text-doom-blue",
+					className: "text-po-blue",
 					children: "workflow"
 				}), /* @__PURE__ */ jsx("span", {
-					className: "truncate text-sm text-doom-dim",
+					className: "truncate text-sm text-po-dim",
 					children: selected.displayName
 				})] }),
 				/* @__PURE__ */ jsx("div", {
-					className: "border-b border-doom-border-soft p-1.5",
+					className: "border-b border-po-border-soft p-1.5",
 					children: /* @__PURE__ */ jsx(Input, {
 						autoFocus: true,
 						"data-testid": "workflow-picker-search",
@@ -2566,19 +2571,19 @@ function WorkflowPicker({ runs, selected, onSelect, className }) {
 								onSelect(run);
 								setOpen(false);
 							},
-							className: cn("w-full gap-2.5 py-1.5 transition-colors hover:bg-doom-deep focus-visible:bg-doom-deep", active && "bg-doom-tint-blue hover:brightness-125"),
+							className: cn("w-full gap-2.5 py-1.5 transition-colors hover:bg-po-deep focus-visible:bg-po-deep", active && "bg-po-tint-blue hover:brightness-125"),
 							children: [
 								/* @__PURE__ */ jsx("span", {
-									className: "w-14 shrink-0 truncate text-sm text-doom-dim",
+									className: "w-14 shrink-0 truncate text-sm text-po-dim",
 									children: runState(run)
 								}),
 								/* @__PURE__ */ jsx(OptionLabel, {
 									density: "compact",
-									className: active ? "text-doom-blue" : "text-doom-hi",
+									className: active ? "text-po-blue" : "text-po-hi",
 									children: run.displayName
 								}),
 								/* @__PURE__ */ jsx("span", {
-									className: "max-w-[40%] truncate text-sm text-doom-dim",
+									className: "max-w-[40%] truncate text-sm text-po-dim",
 									children: [run.position?.job, run.position?.step].filter(Boolean).join(" · ")
 								}),
 								/* @__PURE__ */ jsx(Dot, {
@@ -2602,7 +2607,7 @@ function WorkflowPicker({ runs, selected, onSelect, className }) {
 							"data-testid": `workflow-filter-${candidate}`,
 							"data-current": current,
 							onClick: () => setFilter(candidate),
-							className: cn(current && "bg-doom-blue/25 font-semibold text-doom-blue hover:bg-doom-blue/25"),
+							className: cn(current && "bg-po-blue/25 font-semibold text-po-blue hover:bg-po-blue/25"),
 							children: candidate
 						}, candidate);
 					})]
@@ -2621,7 +2626,7 @@ function StepRow({ step, now, selected, onSelect }) {
 		"data-step-status": step.status,
 		"data-active": selected,
 		onClick: onSelect,
-		className: cn("flex w-full cursor-pointer flex-col gap-0.5 rounded px-2 py-1.5 text-left enabled:hover:bg-doom-deep disabled:cursor-default", selected && "bg-doom-tint-blue ring-1 ring-inset ring-doom-blue/40"),
+		className: cn("flex w-full cursor-pointer flex-col gap-0.5 rounded px-2 py-1.5 text-left enabled:hover:bg-po-deep disabled:cursor-default", selected && "bg-po-tint-blue ring-1 ring-inset ring-po-blue/40"),
 		children: [/* @__PURE__ */ jsxs("span", {
 			className: "flex items-center gap-2",
 			children: [
@@ -2630,23 +2635,23 @@ function StepRow({ step, now, selected, onSelect }) {
 					children: icon.glyph
 				}),
 				/* @__PURE__ */ jsx("span", {
-					className: cn("min-w-0 flex-1 truncate text-base font-medium", step.status === "failed" ? "text-doom-red" : "text-doom-text"),
+					className: cn("min-w-0 flex-1 truncate text-base font-medium", step.status === "failed" ? "text-po-red" : "text-po-text"),
 					children: step.name
 				}),
 				step.group === void 0 ? null : /* @__PURE__ */ jsxs("span", {
 					"data-testid": `step-group-${step.name}`,
-					className: "max-w-24 shrink-0 truncate text-sm text-doom-dim",
+					className: "max-w-24 shrink-0 truncate text-sm text-po-dim",
 					children: ["∥ ", step.group]
 				}),
 				/* @__PURE__ */ jsx("span", {
-					className: "shrink-0 text-sm text-doom-dim",
+					className: "shrink-0 text-sm text-po-dim",
 					children: step.status === "pending" ? "pending" : spanDuration(step.startedAt, step.endedAt, now) ?? ""
 				})
 			]
 		}), step.reason === void 0 ? null : /* @__PURE__ */ jsx("span", {
 			"data-testid": `step-reason-${step.name}`,
 			title: step.reason,
-			className: cn("truncate pl-5 text-sm", step.status === "failed" ? "text-doom-red" : "text-doom-dim"),
+			className: cn("truncate pl-5 text-sm", step.status === "failed" ? "text-po-red" : "text-po-dim"),
 			children: step.reason
 		})]
 	});
@@ -2657,7 +2662,7 @@ function DeleteWorkflowDialog({ run, sessionId, onClose, onDeleted }) {
 	const confirm = () => {
 		setDeleting(true);
 		setError(void 0);
-		deleteWorkflowRun(run.workspace, run.runKey, sessionId).then((result) => {
+		deleteWorkflowRun(run.workspace, run.routeKey ?? run.runKey, sessionId).then((result) => {
 			if ("error" in result) {
 				setDeleting(false);
 				setError(result.error);
@@ -2681,12 +2686,12 @@ function DeleteWorkflowDialog({ run, sessionId, onClose, onDeleted }) {
 				"?"
 			] }) }), /* @__PURE__ */ jsxs(DialogBody, { children: [
 				/* @__PURE__ */ jsx("p", {
-					className: "text-sm leading-relaxed text-doom-dim",
+					className: "text-sm leading-relaxed text-po-dim",
 					children: "This permanently removes the workflow run, including its logs and artifacts. This action cannot be undone."
 				}),
 				error === void 0 ? null : /* @__PURE__ */ jsx("p", {
 					"data-testid": "delete-workflow-error",
-					className: "text-base text-doom-red",
+					className: "text-base text-po-red",
 					children: error
 				}),
 				/* @__PURE__ */ jsxs(DialogFooter, { children: [
@@ -2720,17 +2725,17 @@ function StopWorkflowButton({ run, sessionId }) {
 	const stop = () => {
 		setStopping(true);
 		setError(void 0);
-		stopWorkflowRun(run.workspace, run.runKey, sessionId).then((result) => {
+		stopWorkflowRun(run.workspace, run.routeKey ?? run.runKey, sessionId).then((result) => {
 			if (!("error" in result)) return;
 			setStopping(false);
 			setError(result.error);
 		});
 	};
 	return /* @__PURE__ */ jsxs("div", {
-		className: "flex shrink-0 flex-col gap-1 border-t border-doom-border-soft p-1.5",
+		className: "flex shrink-0 flex-col gap-1 border-t border-po-border-soft p-1.5",
 		children: [error === void 0 ? null : /* @__PURE__ */ jsx("span", {
 			"data-testid": "stop-workflow-error",
-			className: "px-1 text-base text-doom-red",
+			className: "px-1 text-base text-po-red",
 			children: error
 		}), /* @__PURE__ */ jsx(Button, {
 			variant: "danger-outline",
@@ -2768,12 +2773,12 @@ function SectionHeading({ label, meta }) {
 		className: "flex items-center px-4 pb-1 pt-3",
 		children: [
 			/* @__PURE__ */ jsx("span", {
-				className: "text-lg font-semibold text-doom-hi",
+				className: "text-lg font-semibold text-po-hi",
 				children: label
 			}),
 			/* @__PURE__ */ jsx("span", { className: "min-w-0 flex-1" }),
 			meta === void 0 ? null : /* @__PURE__ */ jsx("span", {
-				className: "text-sm text-doom-dim",
+				className: "text-sm text-po-dim",
 				children: meta
 			})
 		]
@@ -2785,7 +2790,7 @@ function RunHeader({ run, runs, now, onSelectRun }) {
 	const elapsed = spanDuration(run.startedAt, run.finishedAt, now);
 	return /* @__PURE__ */ jsxs("div", {
 		"data-testid": "workflow-dock-run",
-		className: "flex shrink-0 flex-col gap-1.5 border-b border-doom-border px-4 py-3",
+		className: "flex shrink-0 flex-col gap-1.5 border-b border-po-border px-4 py-3",
 		children: [
 			/* @__PURE__ */ jsxs("div", {
 				className: "flex min-w-0 items-center gap-2",
@@ -2796,7 +2801,7 @@ function RunHeader({ run, runs, now, onSelectRun }) {
 					}),
 					/* @__PURE__ */ jsx("span", {
 						title: run.displayName,
-						className: "min-w-0 flex-1 truncate text-base font-semibold text-doom-hi",
+						className: "min-w-0 flex-1 truncate text-base font-semibold text-po-hi",
 						children: run.displayName
 					}),
 					/* @__PURE__ */ jsx(StatusBadge, {
@@ -2809,7 +2814,7 @@ function RunHeader({ run, runs, now, onSelectRun }) {
 				]
 			}),
 			/* @__PURE__ */ jsxs("div", {
-				className: "flex min-w-0 items-center gap-1.5 text-sm text-doom-dim",
+				className: "flex min-w-0 items-center gap-1.5 text-sm text-po-dim",
 				children: [/* @__PURE__ */ jsx("span", {
 					title: where,
 					className: "min-w-0 flex-1 truncate",
@@ -2835,7 +2840,7 @@ function AttentionBanner({ run }) {
 	return /* @__PURE__ */ jsxs("div", {
 		"data-testid": "workflow-dock-attention",
 		"data-attention": attention.kind,
-		className: cn("mx-3 mt-3 flex flex-col gap-1 rounded-md border px-3 py-2", paused ? "border-doom-edge-yellow bg-doom-tint-yellow/40" : "border-doom-edge-red bg-doom-tint-red/40"),
+		className: cn("mx-3 mt-3 flex flex-col gap-1 rounded-md border px-3 py-2", paused ? "border-po-edge-yellow bg-po-tint-yellow/40" : "border-po-edge-red bg-po-tint-red/40"),
 		children: [
 			/* @__PURE__ */ jsxs("div", {
 				className: "flex items-center gap-2",
@@ -2844,16 +2849,16 @@ function AttentionBanner({ run }) {
 					tone: paused ? "running" : "error",
 					children: attention.kind
 				}), /* @__PURE__ */ jsx("span", {
-					className: "min-w-0 flex-1 text-sm text-doom-dim",
+					className: "min-w-0 flex-1 text-sm text-po-dim",
 					children: paused ? "waiting to be resumed" : "needs a look"
 				})]
 			}),
 			/* @__PURE__ */ jsx("span", {
-				className: "break-words text-base text-doom-text",
+				className: "break-words text-base text-po-text",
 				children: attention.text
 			}),
 			/* @__PURE__ */ jsx("span", {
-				className: "text-sm text-doom-dim",
+				className: "text-sm text-po-dim",
 				children: paused ? "ask the agent in this conversation to resume it" : "ask the agent in this conversation to diagnose or recover it"
 			})
 		]
@@ -2877,7 +2882,7 @@ function ActiveNow({ run, now, onOpenStep }) {
 					"data-testid": `workflow-dock-active-${step.name}`,
 					title: `open ${step.name}`,
 					onClick: () => onOpenStep(job, step.name),
-					className: "flex w-full cursor-pointer items-center gap-2 rounded px-2 py-1.5 text-left hover:bg-doom-panel",
+					className: "flex w-full cursor-pointer items-center gap-2 rounded px-2 py-1.5 text-left hover:bg-po-panel",
 					children: [
 						/* @__PURE__ */ jsx(Dot, {
 							tone: paused ? "yellow" : "blue",
@@ -2886,15 +2891,15 @@ function ActiveNow({ run, now, onOpenStep }) {
 						/* @__PURE__ */ jsxs("span", {
 							className: "flex min-w-0 flex-1 flex-col",
 							children: [/* @__PURE__ */ jsx("span", {
-								className: "truncate text-base font-semibold text-doom-hi",
+								className: "truncate text-base font-semibold text-po-hi",
 								children: step.name
 							}), /* @__PURE__ */ jsxs("span", {
-								className: "truncate text-sm text-doom-dim",
+								className: "truncate text-sm text-po-dim",
 								children: [job, step.group === void 0 ? "" : ` · ∥ ${step.group}`]
 							})]
 						}),
 						/* @__PURE__ */ jsx("span", {
-							className: "shrink-0 text-sm text-doom-dim",
+							className: "shrink-0 text-sm text-po-dim",
 							children: spanDuration(step.startedAt, step.endedAt, now) ?? ""
 						})
 					]
@@ -2933,24 +2938,24 @@ function JobTree({ run, now, onOpenStep }) {
 							...current,
 							[job.name]: !open
 						})),
-						className: "flex w-full cursor-pointer items-center gap-2 rounded px-2 py-1.5 text-left hover:bg-doom-panel",
+						className: "flex w-full cursor-pointer items-center gap-2 rounded px-2 py-1.5 text-left hover:bg-po-panel",
 						children: [
-							open ? /* @__PURE__ */ jsx(ChevronDownIcon, { className: "h-2.5 w-2.5 shrink-0 text-doom-faint" }) : /* @__PURE__ */ jsx(ChevronRightIcon, { className: "h-2.5 w-2.5 shrink-0 text-doom-faint" }),
+							open ? /* @__PURE__ */ jsx(ChevronDownIcon, { className: "h-2.5 w-2.5 shrink-0 text-po-faint" }) : /* @__PURE__ */ jsx(ChevronRightIcon, { className: "h-2.5 w-2.5 shrink-0 text-po-faint" }),
 							/* @__PURE__ */ jsx("span", {
 								className: `w-3 shrink-0 text-xs ${icon.className}`,
 								children: icon.glyph
 							}),
 							/* @__PURE__ */ jsx("span", {
-								className: cn("min-w-0 flex-1 truncate text-base font-semibold", job.status === "failed" ? "text-doom-red" : "text-doom-hi"),
+								className: cn("min-w-0 flex-1 truncate text-base font-semibold", job.status === "failed" ? "text-po-red" : "text-po-hi"),
 								children: job.name
 							}),
 							/* @__PURE__ */ jsx("span", {
-								className: "shrink-0 text-sm text-doom-dim",
+								className: "shrink-0 text-sm text-po-dim",
 								children: job.status === "pending" ? "pending" : open || job.steps.length === 0 ? spanDuration(job.startedAt, job.endedAt, now) ?? "" : `${finished}/${job.steps.length} steps`
 							})
 						]
 					}), open && job.steps.length > 0 ? /* @__PURE__ */ jsx("div", {
-						className: "ml-4 flex flex-col gap-0.5 border-l border-doom-border-soft pl-1",
+						className: "ml-4 flex flex-col gap-0.5 border-l border-po-border-soft pl-1",
 						children: job.steps.map((step) => /* @__PURE__ */ jsx(StepRow, {
 							step,
 							now,
@@ -3007,11 +3012,11 @@ function WorkflowDockView({ runs, run, now, sessionId, onSelectRun, onOpenStep,
 					run,
 					sessionId
 				}, workflowRunIdentity(run)), /* @__PURE__ */ jsx("p", {
-					className: "px-3 pb-2 text-sm text-doom-dim",
+					className: "px-3 pb-2 text-sm text-po-dim",
 					children: "this session runs the workflow; removing or restarting it stops the run"
 				})]
 			}) : /* @__PURE__ */ jsx("div", {
-				className: "flex shrink-0 border-t border-doom-border-soft p-1.5",
+				className: "flex shrink-0 border-t border-po-border-soft p-1.5",
 				children: /* @__PURE__ */ jsx(Button, {
 					variant: "danger-outline",
 					size: "xs",
@@ -3169,7 +3174,7 @@ const BOOLEAN_TYPE = "boolean";
 const BOOLEAN_VALUES = ["true", "false"];
 function FieldLabel({ children }) {
 	return /* @__PURE__ */ jsx("span", {
-		className: "text-base font-medium text-doom-text",
+		className: "text-base font-medium text-po-text",
 		children
 	});
 }
@@ -3186,9 +3191,9 @@ function InputField({ input, value, onChange }) {
 		"data-testid": `launch-input-${input.name}`,
 		children: [
 			/* @__PURE__ */ jsxs("span", {
-				className: "min-w-0 truncate text-base font-medium text-doom-text sm:w-28 sm:shrink-0",
+				className: "min-w-0 truncate text-base font-medium text-po-text sm:w-28 sm:shrink-0",
 				children: [input.name, input.required === true ? /* @__PURE__ */ jsx("span", {
-					className: "text-doom-yellow",
+					className: "text-po-yellow",
 					children: " *"
 				}) : null]
 			}),
@@ -3209,7 +3214,7 @@ function InputField({ input, value, onChange }) {
 				}, option)) })]
 			}),
 			/* @__PURE__ */ jsx("span", {
-				className: "min-w-0 truncate text-sm text-doom-dim sm:w-40 sm:shrink-0",
+				className: "min-w-0 truncate text-sm text-po-dim sm:w-40 sm:shrink-0",
 				children: hint
 			})
 		]
@@ -3234,7 +3239,7 @@ function PickField({ label, testId, options, value, hint, onChange }) {
 				}, option)) })]
 			}),
 			/* @__PURE__ */ jsx("span", {
-				className: "text-sm text-doom-dim",
+				className: "text-sm text-po-dim",
 				children: hint
 			})
 		]
@@ -3285,7 +3290,7 @@ function LaunchWorkflowDialog({ sessionId, workflow, cwd, initialPrompt, send, o
 				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",
+						className: "text-sm text-po-dim",
 						children: "launch workflow"
 					}),
 					/* @__PURE__ */ jsx(DialogTitle, {
@@ -3301,7 +3306,7 @@ function LaunchWorkflowDialog({ sessionId, workflow, cwd, initialPrompt, send, o
 				]
 			}) }), /* @__PURE__ */ jsxs(DialogBody, { children: [
 				/* @__PURE__ */ jsx("p", {
-					className: "text-sm leading-relaxed text-doom-dim",
+					className: "text-sm leading-relaxed text-po-dim",
 					children: workflow.description || "This workflow declares no description."
 				}),
 				/* @__PURE__ */ jsxs("div", {
@@ -3318,7 +3323,7 @@ function LaunchWorkflowDialog({ sessionId, workflow, cwd, initialPrompt, send, o
 							onKeyDown: onPromptKeyDown
 						}),
 						/* @__PURE__ */ jsx("span", {
-							className: "text-sm text-doom-dim",
+							className: "text-sm text-po-dim",
 							children: "enter launches · shift+enter for a new line"
 						})
 					]
@@ -3328,7 +3333,7 @@ function LaunchWorkflowDialog({ sessionId, workflow, cwd, initialPrompt, send, o
 					children: [/* @__PURE__ */ jsxs("div", {
 						className: "flex items-center gap-2",
 						children: [/* @__PURE__ */ jsx(FieldLabel, { children: "Inputs" }), /* @__PURE__ */ jsxs("span", {
-							className: "text-sm text-doom-dim",
+							className: "text-sm text-po-dim",
 							children: [
 								"workflow_dispatch · ",
 								workflow.inputs.length,
@@ -3352,7 +3357,7 @@ function LaunchWorkflowDialog({ sessionId, workflow, cwd, initialPrompt, send, o
 							children: [
 								/* @__PURE__ */ jsx(FieldLabel, { children: "Runner" }),
 								workflow.runners === void 0 || workflow.runners.length === 0 ? /* @__PURE__ */ jsx("span", {
-									className: "flex h-7 items-center text-base text-doom-dim",
+									className: "flex h-7 items-center text-base text-po-dim",
 									children: "whatever the workflow resolves"
 								}) : /* @__PURE__ */ jsxs(Select, {
 									value: runner,
@@ -3367,7 +3372,7 @@ function LaunchWorkflowDialog({ sessionId, workflow, cwd, initialPrompt, send, o
 									}, choice)) })]
 								}),
 								/* @__PURE__ */ jsx("span", {
-									className: "text-sm text-doom-dim",
+									className: "text-sm text-po-dim",
 									children: workflow.runners === void 0 ? "no runner map declared" : "the runners every step agrees on"
 								})
 							]
@@ -3393,11 +3398,11 @@ function LaunchWorkflowDialog({ sessionId, workflow, cwd, initialPrompt, send, o
 							children: [
 								/* @__PURE__ */ jsx(FieldLabel, { children: "Jobs" }),
 								/* @__PURE__ */ jsx("span", {
-									className: "flex h-7 items-center text-base text-doom-dim",
+									className: "flex h-7 items-center text-base text-po-dim",
 									children: workflow.jobs.map((job) => job.name).join(" → ") || "none declared"
 								}),
 								/* @__PURE__ */ jsx("span", {
-									className: "text-sm text-doom-dim",
+									className: "text-sm text-po-dim",
 									children: "in the order the file declares them"
 								})
 							]
@@ -3407,11 +3412,11 @@ function LaunchWorkflowDialog({ sessionId, workflow, cwd, initialPrompt, send, o
 							children: [
 								/* @__PURE__ */ jsx(FieldLabel, { children: "Cwd" }),
 								/* @__PURE__ */ jsx("span", {
-									className: "flex h-7 items-center font-mono text-sm text-doom-dim",
+									className: "flex h-7 items-center font-mono text-sm text-po-dim",
 									children: cwd
 								}),
 								/* @__PURE__ */ jsx("span", {
-									className: "text-sm text-doom-dim",
+									className: "text-sm text-po-dim",
 									children: "the session's directory"
 								})
 							]
@@ -3419,23 +3424,23 @@ function LaunchWorkflowDialog({ sessionId, workflow, cwd, initialPrompt, send, o
 					]
 				}),
 				/* @__PURE__ */ jsxs("div", {
-					className: "flex flex-col gap-1 rounded-md border border-doom-border bg-doom-deep px-3 py-2",
+					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": "launch-line",
-						className: "whitespace-pre-wrap break-words font-mono text-sm text-doom-green",
+						className: "whitespace-pre-wrap break-words font-mono text-sm text-po-green",
 						children: line
 					})]
 				}),
 				problems.length === 0 ? null : /* @__PURE__ */ jsx("p", {
 					"data-testid": "launch-problems",
-					className: "text-base text-doom-yellow",
+					className: "text-base text-po-yellow",
 					children: problems.join(" ")
 				}),
 				/* @__PURE__ */ jsxs(DialogFooter, {
 					className: "flex-wrap sm:flex-nowrap",
 					children: [
 						/* @__PURE__ */ jsx("span", {
-							className: "w-full text-sm text-doom-dim sm:w-auto",
+							className: "w-full text-sm text-po-dim sm:w-auto",
 							children: "the run appears on the board as soon as it starts"
 						}),
 						/* @__PURE__ */ jsx("span", { className: "min-w-0 flex-1" }),
@@ -3479,10 +3484,10 @@ function Detail({ workflow }) {
 		children: rows.map(([label, value]) => /* @__PURE__ */ jsxs("div", {
 			className: "flex gap-2",
 			children: [/* @__PURE__ */ jsx("dt", {
-				className: "w-16 shrink-0 text-doom-dim",
+				className: "w-16 shrink-0 text-po-dim",
 				children: label
 			}), /* @__PURE__ */ jsx("dd", {
-				className: "min-w-0 break-words text-doom-dim",
+				className: "min-w-0 break-words text-po-dim",
 				children: value
 			})]
 		}, label))
@@ -3498,13 +3503,13 @@ function WorkflowRow({ workflow, selected, inspected, onSelect, onLaunch, onInsp
 		"data-selected": selected,
 		onClick: onSelect,
 		onDoubleClick: onLaunch,
-		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"}`,
+		className: `flex cursor-pointer flex-col gap-1 border-l-2 px-4 py-2 ${selected ? "border-po-blue bg-po-panel" : "border-transparent hover:bg-po-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",
+						className: "truncate text-base font-semibold text-po-hi",
 						children: workflow.name
 					}),
 					workflow.tags.map((tag) => /* @__PURE__ */ jsx(Badge, {
@@ -3514,17 +3519,17 @@ function WorkflowRow({ workflow, selected, inspected, onSelect, onLaunch, onInsp
 					}, tag)),
 					/* @__PURE__ */ jsx("span", { className: "min-w-0 flex-1" }),
 					/* @__PURE__ */ jsx("span", {
-						className: `shrink-0 text-sm ${workflow.error === void 0 ? "text-doom-cyan" : "text-doom-red"}`,
+						className: `shrink-0 text-sm ${workflow.error === void 0 ? "text-po-cyan" : "text-po-red"}`,
 						children: workflow.error === void 0 ? `${jobs} job${jobs === 1 ? "" : "s"}` : "needs fixing"
 					})
 				]
 			}),
 			/* @__PURE__ */ jsx("span", {
-				className: "truncate text-sm text-doom-dim",
+				className: "truncate text-sm text-po-dim",
 				children: workflow.description || workflow.relativePath
 			}),
 			workflow.error === void 0 ? /* @__PURE__ */ jsxs("span", {
-				className: "truncate text-sm text-doom-dim",
+				className: "truncate text-sm text-po-dim",
 				children: [
 					workflow.inputs.length,
 					" input",
@@ -3535,7 +3540,7 @@ function WorkflowRow({ workflow, selected, inspected, onSelect, onLaunch, onInsp
 					workflow.artifacts.length > 0 ? ` · ${workflow.artifacts.length} artifacts` : ""
 				]
 			}) : /* @__PURE__ */ jsx("span", {
-				className: "truncate text-base text-doom-red",
+				className: "truncate text-base text-po-red",
 				children: workflow.error
 			}),
 			selected ? /* @__PURE__ */ jsxs("div", {
@@ -3555,7 +3560,7 @@ function WorkflowRow({ workflow, selected, inspected, onSelect, onLaunch, onInsp
 					variant: "link",
 					size: "xs",
 					"data-testid": `catalog-inspect-${workflow.name}`,
-					className: "px-0 text-doom-dim",
+					className: "px-0 text-po-dim",
 					onClick: (event) => {
 						event.stopPropagation();
 						onInspect();
@@ -3607,13 +3612,13 @@ function WorkflowCatalogDrawer({ sessionId, onClose, onLaunch }) {
 		"data-testid": "workflow-catalog-drawer",
 		tabIndex: 0,
 		onKeyDown,
-		className: "flex w-[min(440px,calc(100vw-24px))] max-w-full shrink-0 flex-col overflow-hidden border-l border-doom-border bg-doom-rail outline-none",
+		className: "flex w-[min(440px,calc(100vw-24px))] max-w-full shrink-0 flex-col overflow-hidden border-l border-po-border bg-po-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",
+				className: "flex h-11 shrink-0 items-center gap-2.5 border-b border-po-border px-4",
 				children: [
 					/* @__PURE__ */ jsx("span", {
-						className: "text-lg font-semibold text-doom-hi",
+						className: "text-lg font-semibold text-po-hi",
 						children: "workflow catalog"
 					}),
 					/* @__PURE__ */ jsxs(Badge, {
@@ -3652,7 +3657,7 @@ function WorkflowCatalogDrawer({ sessionId, onClose, onLaunch }) {
 				className: "flex min-h-0 flex-1 flex-col overflow-y-auto pb-2",
 				children: [shown.length === 0 ? /* @__PURE__ */ jsx("p", {
 					"data-testid": "catalog-empty",
-					className: "px-4 py-3 text-sm text-doom-dim",
+					className: "px-4 py-3 text-sm text-po-dim",
 					children: state.warning ?? (state.workflows.length === 0 ? "no workflows found for this session; add one under automations/workflows" : "nothing matches the filter")
 				}) : null, shown.map((workflow) => /* @__PURE__ */ jsx(WorkflowRow, {
 					workflow,
@@ -3664,12 +3669,12 @@ function WorkflowCatalogDrawer({ sessionId, onClose, onLaunch }) {
 				}, workflow.path))]
 			}),
 			/* @__PURE__ */ jsxs("div", {
-				className: "flex h-8 shrink-0 items-center justify-between border-t border-doom-border-soft bg-doom-deep px-4",
+				className: "flex h-8 shrink-0 items-center justify-between border-t border-po-border-soft bg-po-deep px-4",
 				children: [/* @__PURE__ */ jsx("span", {
-					className: "shrink-0 text-sm text-doom-dim",
+					className: "shrink-0 text-sm text-po-dim",
 					children: "↑↓ choose · enter launch · i inspect · esc close"
 				}), /* @__PURE__ */ jsx("span", {
-					className: "min-w-0 truncate font-mono text-sm text-doom-dim",
+					className: "min-w-0 truncate font-mono text-sm text-po-dim",
 					children: state.cwd
 				})]
 			})