@agimon-ai/po-template-advanced 0.0.0-alpha.3 → 0.0.0-alpha.4

package/dist/extensions/web.mjs

@@ -31,7 +31,7 @@ function AdvancedFolderBrowser({ start, listDirectory, onSelect }) {
 	}, [target, listDirectory]);
 	return /* @__PURE__ */ jsxs("div", {
 		"data-testid": "folder-browser",
-		className: "flex flex-col gap-1 rounded border border-doom-border bg-doom-deep p-1",
+		className: "flex flex-col gap-1 rounded border border-po-border bg-po-deep p-1",
 		children: [
 			/* @__PURE__ */ jsxs("div", {
 				className: "flex items-center gap-1 px-1",
@@ -47,7 +47,7 @@ function AdvancedFolderBrowser({ start, listDirectory, onSelect }) {
 						children: /* @__PURE__ */ jsx(ChevronUpIcon, { className: "h-3 w-3" })
 					}),
 					/* @__PURE__ */ jsx("span", {
-						className: "min-w-0 flex-1 truncate text-sm text-doom-dim",
+						className: "min-w-0 flex-1 truncate text-sm text-po-dim",
 						title: listing?.path,
 						children: listing?.path ?? "loading…"
 					}),
@@ -62,7 +62,7 @@ function AdvancedFolderBrowser({ start, listDirectory, onSelect }) {
 				]
 			}),
 			error ? /* @__PURE__ */ jsx("p", {
-				className: "px-2 py-1 text-sm text-doom-red",
+				className: "px-2 py-1 text-sm text-po-red",
 				children: error
 			}) : null,
 			/* @__PURE__ */ jsxs("div", {
@@ -70,7 +70,7 @@ function AdvancedFolderBrowser({ start, listDirectory, onSelect }) {
 				"aria-label": "folders",
 				className: "max-h-40 overflow-y-auto",
 				children: [listing !== null && listing.directories.length === 0 ? /* @__PURE__ */ jsx("p", {
-					className: "px-2 py-1 text-sm text-doom-dim",
+					className: "px-2 py-1 text-sm text-po-dim",
 					children: "no folders here"
 				}) : null, listing?.directories.map((directory) => /* @__PURE__ */ jsx(OptionRow, {
 					density: "compact",
@@ -149,7 +149,7 @@ function AdvancedAddWorkspaceDialog({ suggestedPaths, actions }) {
 					htmlFor: "add-workspace-name",
 					className: "flex flex-col gap-1",
 					children: [/* @__PURE__ */ jsx("span", {
-						className: "text-base font-medium text-doom-dim",
+						className: "text-base font-medium text-po-dim",
 						children: "name"
 					}), /* @__PURE__ */ jsx(Input, {
 						id: "add-workspace-name",
@@ -170,9 +170,9 @@ function AdvancedAddWorkspaceDialog({ suggestedPaths, actions }) {
 					htmlFor: "add-workspace-root",
 					className: "flex flex-col gap-1",
 					children: [/* @__PURE__ */ jsxs("span", {
-						className: "text-base font-medium text-doom-dim",
+						className: "text-base font-medium text-po-dim",
 						children: ["folder ", /* @__PURE__ */ jsx("span", {
-							className: "text-doom-dim",
+							className: "text-po-dim",
 							children: "(optional; type a path or browse)"
 						})]
 					}), /* @__PURE__ */ jsxs("span", {
@@ -219,7 +219,7 @@ function AdvancedAddWorkspaceDialog({ suggestedPaths, actions }) {
 					role: "listbox",
 					"aria-label": "matching directories",
 					"data-testid": "add-workspace-suggestions",
-					className: "max-h-40 overflow-y-auto rounded border border-doom-border bg-doom-deep p-1",
+					className: "max-h-40 overflow-y-auto rounded border border-po-border bg-po-deep p-1",
 					children: suggestions.map((directory, index) => /* @__PURE__ */ jsx(OptionRow, {
 						density: "compact",
 						active: index === highlight,
@@ -242,11 +242,11 @@ function AdvancedAddWorkspaceDialog({ suggestedPaths, actions }) {
 				}) : null,
 				trimmedPath === "" && shownName.trim() !== "" ? /* @__PURE__ */ jsxs("p", {
 					"data-testid": "add-workspace-default-hint",
-					className: "text-sm text-doom-dim",
+					className: "text-sm text-po-dim",
 					children: ["creates ~/.po/workspace/", shownName.trim()]
 				}) : null,
 				error ? /* @__PURE__ */ jsx("pre", {
-					className: "max-h-28 overflow-y-auto rounded border border-doom-edge-red bg-doom-tint-red/40 px-2.5 py-2 text-sm whitespace-pre-wrap text-doom-red",
+					className: "max-h-28 overflow-y-auto rounded border border-po-edge-red bg-po-tint-red/40 px-2.5 py-2 text-sm whitespace-pre-wrap text-po-red",
 					children: error
 				}) : null,
 				/* @__PURE__ */ jsxs(DialogFooter, { children: [/* @__PURE__ */ jsx(Button, {
@@ -286,12 +286,12 @@ function AdvancedPendingSetup({ sessionId, setup, actions }) {
 	};
 	return /* @__PURE__ */ jsxs("div", {
 		"data-testid": `pending-session-${setup.id}`,
-		className: "ml-4 rounded-md border border-doom-border-soft bg-doom-panel p-3",
+		className: "ml-4 rounded-md border border-po-border-soft bg-po-panel p-3",
 		children: [
 			/* @__PURE__ */ jsxs("div", {
 				className: "flex items-center justify-between 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: setup.name
 				}), /* @__PURE__ */ jsxs(DropdownMenu, { children: [/* @__PURE__ */ jsx(DropdownMenuTrigger, {
 					asChild: true,
@@ -310,17 +310,17 @@ function AdvancedPendingSetup({ sessionId, setup, actions }) {
 				}) })] })]
 			}),
 			/* @__PURE__ */ jsx("p", {
-				className: setup.failed ? "text-sm text-doom-red" : "text-sm text-doom-dim",
+				className: setup.failed ? "text-sm text-po-red" : "text-sm text-po-dim",
 				children: setup.status
 			}),
 			setup.recovery ? /* @__PURE__ */ jsx("p", {
 				role: setup.failed ? "alert" : void 0,
-				className: "text-sm text-doom-dim",
+				className: "text-sm text-po-dim",
 				children: setup.recovery
 			}) : null,
 			error ? /* @__PURE__ */ jsx("p", {
 				role: "alert",
-				className: "text-sm text-doom-red",
+				className: "text-sm text-po-red",
 				children: error
 			}) : null
 		]
@@ -343,7 +343,7 @@ function AdvancedSessionGroupChips({ groups, indent }) {
 	return /* @__PURE__ */ jsxs("span", {
 		"data-testid": "session-groups",
 		"aria-label": "groups",
-		className: `flex min-w-0 items-start gap-1.5 text-sm text-doom-dim ${indent ? "pl-10.5" : ""}`,
+		className: `flex min-w-0 items-start gap-1.5 text-sm text-po-dim ${indent ? "pl-10.5" : ""}`,
 		children: [/* @__PURE__ */ jsx(UsersIcon, {
 			"aria-hidden": true,
 			className: "mt-0.5 size-3.5 shrink-0"
@@ -383,9 +383,9 @@ function AdvancedSessionGroupsView({ options, value, query, active, renaming, de
 		children: [
 			/* @__PURE__ */ jsx(DialogDescription, { children: "sessions that share a group can message each other." }),
 			/* @__PURE__ */ jsxs("div", {
-				className: "flex flex-col overflow-hidden rounded-md border border-doom-border focus-within:border-doom-edge-green",
+				className: "flex flex-col overflow-hidden rounded-md border border-po-border focus-within:border-po-edge-green",
 				children: [/* @__PURE__ */ jsxs("div", {
-					className: "flex flex-wrap items-center gap-1 bg-doom-deep px-2 py-1.5",
+					className: "flex flex-wrap items-center gap-1 bg-po-deep px-2 py-1.5",
 					children: [value.map((name) => /* @__PURE__ */ jsxs(Badge, {
 						tone: "magenta",
 						size: "xs",
@@ -393,7 +393,7 @@ function AdvancedSessionGroupsView({ options, value, query, active, renaming, de
 						children: [name, /* @__PURE__ */ jsx("button", {
 							type: "button",
 							"aria-label": `remove ${name}`,
-							className: "text-doom-magenta",
+							className: "text-po-magenta",
 							onClick: () => onToggle(name),
 							children: /* @__PURE__ */ jsx(CloseIcon, {
 								"aria-hidden": true,
@@ -421,7 +421,7 @@ function AdvancedSessionGroupsView({ options, value, query, active, renaming, de
 						className: "h-6 min-w-24 flex-1"
 					})]
 				}), /* @__PURE__ */ jsxs("div", {
-					className: "flex flex-col border-t border-doom-border-soft p-1",
+					className: "flex flex-col border-t border-po-border-soft p-1",
 					onMouseLeave: () => onActive(void 0),
 					children: [shown.map((group, index) => {
 						const on = value.includes(group.name);
@@ -429,7 +429,7 @@ function AdvancedSessionGroupsView({ options, value, query, active, renaming, de
 						const total = group.members.length + (on ? 1 : 0);
 						const sessions = total === 1 ? "its one session" : `all ${String(total)} sessions`;
 						if (renaming?.group === group.name) return /* @__PURE__ */ jsxs("div", {
-							className: "flex flex-col gap-1 rounded-sm bg-doom-deep px-2 py-1.5",
+							className: "flex flex-col gap-1 rounded-sm bg-po-deep px-2 py-1.5",
 							children: [/* @__PURE__ */ jsxs("span", {
 								className: "flex items-center gap-2",
 								children: [
@@ -462,7 +462,7 @@ function AdvancedSessionGroupsView({ options, value, query, active, renaming, de
 									})
 								]
 							}), /* @__PURE__ */ jsxs("span", {
-								className: "text-sm text-doom-dim",
+								className: "text-sm text-po-dim",
 								children: [
 									"renames it on ",
 									sessions,
@@ -471,14 +471,14 @@ function AdvancedSessionGroupsView({ options, value, query, active, renaming, de
 							})]
 						}, group.name);
 						if (deleting === group.name) return /* @__PURE__ */ jsxs("div", {
-							className: "flex items-center gap-2 rounded-sm border border-doom-red/40 px-2 py-1.5",
+							className: "flex items-center gap-2 rounded-sm border border-po-red/40 px-2 py-1.5",
 							children: [
 								/* @__PURE__ */ jsxs("span", {
-									className: "flex-1 text-sm text-doom-text",
+									className: "flex-1 text-sm text-po-text",
 									children: [
 										"remove ",
 										/* @__PURE__ */ jsx("span", {
-											className: "font-semibold text-doom-hi",
+											className: "font-semibold text-po-hi",
 											children: group.name
 										}),
 										" from ",
@@ -506,7 +506,7 @@ function AdvancedSessionGroupsView({ options, value, query, active, renaming, de
 						return /* @__PURE__ */ jsxs("div", {
 							"data-testid": `session-group-${group.name}`,
 							onMouseEnter: () => onActive(group.name),
-							className: `group flex items-start gap-2.5 rounded-sm px-2 py-1.5 ${on ? "bg-doom-tint-green" : active === group.name ? "bg-doom-deep" : ""}`,
+							className: `group flex items-start gap-2.5 rounded-sm px-2 py-1.5 ${on ? "bg-po-tint-green" : active === group.name ? "bg-po-deep" : ""}`,
 							children: [/* @__PURE__ */ jsxs("label", {
 								htmlFor: checkboxId,
 								className: "flex min-w-0 flex-1 cursor-pointer items-start gap-2.5",
@@ -518,10 +518,10 @@ function AdvancedSessionGroupsView({ options, value, query, active, renaming, de
 								}), /* @__PURE__ */ jsxs("span", {
 									className: "flex min-w-0 flex-1 flex-col",
 									children: [/* @__PURE__ */ jsx("span", {
-										className: `text-base ${on ? "font-semibold text-doom-hi" : "text-doom-text"}`,
+										className: `text-base ${on ? "font-semibold text-po-hi" : "text-po-text"}`,
 										children: group.name
 									}), /* @__PURE__ */ jsx("span", {
-										className: "truncate text-sm text-doom-dim",
+										className: "truncate text-sm text-po-dim",
 										title: group.members.join(", "),
 										children: group.members.length === 0 ? "no other sessions yet" : group.members.join(", ")
 									})]
@@ -556,9 +556,9 @@ function AdvancedSessionGroupsView({ options, value, query, active, renaming, de
 						"data-testid": "session-groups-create",
 						disabled: problem !== void 0,
 						onClick: onCreate,
-						className: `flex flex-col gap-0.5 rounded-sm px-2 py-1.5 text-left ${problem === void 0 ? "bg-doom-deep" : ""}`,
+						className: `flex flex-col gap-0.5 rounded-sm px-2 py-1.5 text-left ${problem === void 0 ? "bg-po-deep" : ""}`,
 						children: [/* @__PURE__ */ jsxs("span", {
-							className: `flex items-center gap-2.5 text-base ${problem === void 0 ? "text-doom-magenta" : "text-doom-faint"}`,
+							className: `flex items-center gap-2.5 text-base ${problem === void 0 ? "text-po-magenta" : "text-po-faint"}`,
 							children: [/* @__PURE__ */ jsx(PlusIcon, {
 								"aria-hidden": true,
 								className: "size-3.5"
@@ -571,14 +571,14 @@ function AdvancedSessionGroupsView({ options, value, query, active, renaming, de
 								]
 							})]
 						}), problem === void 0 ? null : /* @__PURE__ */ jsx("span", {
-							className: "pl-6 text-sm text-doom-red",
+							className: "pl-6 text-sm text-po-red",
 							children: problem
 						})]
 					}) : null]
 				})]
 			}),
 			/* @__PURE__ */ jsxs("span", {
-				className: "text-sm text-doom-dim",
+				className: "text-sm text-po-dim",
 				children: [
 					value.length,
 					" of ",
@@ -588,7 +588,7 @@ function AdvancedSessionGroupsView({ options, value, query, active, renaming, de
 			}),
 			error === void 0 ? null : /* @__PURE__ */ jsx("span", {
 				"data-testid": "session-groups-error",
-				className: "text-sm text-doom-red",
+				className: "text-sm text-po-red",
 				children: error
 			}),
 			/* @__PURE__ */ jsxs(DialogFooter, { children: [/* @__PURE__ */ jsx(Button, {
@@ -714,7 +714,7 @@ function AdvancedSessionCard({ session, sessions, actions }) {
 	};
 	const { active } = session;
 	const error = removeError || session.error;
-	const cardClass = active ? "rounded-lg border border-doom-edge-green bg-doom-tint-green px-3 py-3 hover:bg-doom-tint-green" : "rounded-lg border border-transparent px-3 py-3 hover:bg-doom-panel";
+	const cardClass = active ? "rounded-lg border border-po-edge-green bg-po-tint-green px-3 py-3 hover:bg-po-tint-green" : "rounded-lg border border-transparent px-3 py-3 hover:bg-po-panel";
 	const commitRename = () => {
 		actions.renameSession(session.id, draft);
 		enterMode("view");
@@ -731,11 +731,11 @@ function AdvancedSessionCard({ session, sessions, actions }) {
 	const failed = session.status.startsWith("failed") || session.status.includes(" failed");
 	const running = session.status.startsWith("running");
 	const status = /* @__PURE__ */ jsxs("span", {
-		className: `flex min-w-0 items-start gap-1.5 text-sm leading-snug ${failed ? "text-doom-red" : running ? "text-doom-yellow" : active ? "text-doom-text" : "text-doom-dim"}`,
+		className: `flex min-w-0 items-start gap-1.5 text-sm leading-snug ${failed ? "text-po-red" : running ? "text-po-yellow" : active ? "text-po-text" : "text-po-dim"}`,
 		children: [session.awaitingInput ? /* @__PURE__ */ jsx(AlertIcon, {
 			"data-testid": "session-awaiting-input",
 			"aria-label": "Waiting for your input",
-			className: "mt-0.5 size-3 shrink-0 text-doom-magenta"
+			className: "mt-0.5 size-3 shrink-0 text-po-magenta"
 		}) : running ? /* @__PURE__ */ jsx(LoaderIcon, {
 			"aria-hidden": true,
 			className: "mt-0.5 size-3 shrink-0 animate-spin"
@@ -753,18 +753,18 @@ function AdvancedSessionCard({ session, sessions, actions }) {
 		children: [
 			session.nested && session.provenance === "workflow-session" ? /* @__PURE__ */ jsx(ActivityIcon, {
 				"aria-label": "workflow session",
-				className: `mt-1 size-3 shrink-0 ${active ? "text-doom-green" : "text-doom-faint"}`
+				className: `mt-1 size-3 shrink-0 ${active ? "text-po-green" : "text-po-faint"}`
 			}) : session.nested && session.provenance ? /* @__PURE__ */ jsx(ForkIcon, {
 				"aria-label": session.provenance === "worktree" ? "automatic per-conversation worktree" : session.provenance,
-				className: `mt-1 size-3 shrink-0 ${active ? "text-doom-green" : "text-doom-faint"}`
+				className: `mt-1 size-3 shrink-0 ${active ? "text-po-green" : "text-po-faint"}`
 			}) : null,
 			/* @__PURE__ */ jsx("span", {
-				className: "min-w-0 flex-1 text-base font-semibold break-words text-doom-hi",
+				className: "min-w-0 flex-1 text-base font-semibold break-words text-po-hi",
 				children: session.name || "Untitled"
 			}),
 			session.ordinal <= 9 ? /* @__PURE__ */ jsx("span", {
 				title: `press ${String(session.ordinal)} to focus`,
-				className: "grid size-5 shrink-0 place-items-center rounded-full bg-doom-panel text-2xs text-doom-dim transition-opacity group-focus-within:opacity-0 group-hover:opacity-0",
+				className: "grid size-5 shrink-0 place-items-center rounded-full bg-po-panel text-2xs text-po-dim transition-opacity group-focus-within:opacity-0 group-hover:opacity-0",
 				children: session.ordinal
 			}) : null
 		]
@@ -781,7 +781,7 @@ function AdvancedSessionCard({ session, sessions, actions }) {
 					src: session.profile.avatarUrl,
 					alt: ""
 				}) : null, /* @__PURE__ */ jsx(AvatarFallback, {
-					className: "bg-doom-tint-green text-xs font-semibold text-doom-green",
+					className: "bg-po-tint-green text-xs font-semibold text-po-green",
 					children: session.profile.initials
 				})]
 			}) : null, /* @__PURE__ */ jsxs("span", {
@@ -791,15 +791,15 @@ function AdvancedSessionCard({ session, sessions, actions }) {
 		}),
 		session.git ? /* @__PURE__ */ jsxs("span", {
 			"data-testid": "session-branch",
-			className: `flex min-w-0 items-center gap-1.5 text-sm text-doom-dim ${session.profile ? "pl-10.5" : ""}`,
+			className: `flex min-w-0 items-center gap-1.5 text-sm text-po-dim ${session.profile ? "pl-10.5" : ""}`,
 			children: [
-				/* @__PURE__ */ jsx(BranchIcon, { className: `size-3.5 shrink-0 ${active ? "text-doom-green" : ""}` }),
+				/* @__PURE__ */ jsx(BranchIcon, { className: `size-3.5 shrink-0 ${active ? "text-po-green" : ""}` }),
 				/* @__PURE__ */ jsx("span", {
 					className: "truncate font-mono",
 					children: session.git.branch
 				}),
 				session.git.dirty ? /* @__PURE__ */ jsx("span", {
-					className: "shrink-0 text-doom-yellow",
+					className: "shrink-0 text-po-yellow",
 					children: "modified"
 				}) : null
 			]
@@ -810,7 +810,7 @@ function AdvancedSessionCard({ session, sessions, actions }) {
 		}) : null,
 		error ? /* @__PURE__ */ jsx("span", {
 			"data-testid": "session-error",
-			className: "line-clamp-3 text-sm break-words text-doom-red",
+			className: "line-clamp-3 text-sm break-words text-po-red",
 			children: error
 		}) : null
 	] });
@@ -844,7 +844,7 @@ function AdvancedSessionCard({ session, sessions, actions }) {
 							size: "icon",
 							"data-testid": `session-menu-${session.id}`,
 							title: "session actions",
-							className: active ? "text-doom-dim hover:bg-doom-tint-green hover:text-doom-hi data-[state=open]:bg-doom-tint-green data-[state=open]:text-doom-hi" : "text-doom-faint hover:bg-doom-deep hover:text-doom-hi data-[state=open]:bg-doom-deep data-[state=open]:text-doom-hi",
+							className: active ? "text-po-dim hover:bg-po-tint-green hover:text-po-hi data-[state=open]:bg-po-tint-green data-[state=open]:text-po-hi" : "text-po-faint hover:bg-po-deep hover:text-po-hi data-[state=open]:bg-po-deep data-[state=open]:text-po-hi",
 							children: /* @__PURE__ */ jsx(KebabIcon, { className: "h-3 w-3" })
 						})
 					}), /* @__PURE__ */ jsxs(DropdownMenuContent, {
@@ -941,7 +941,7 @@ function AdvancedSessionCard({ session, sessions, actions }) {
 					children: [/* @__PURE__ */ jsx(DialogHeader, { children: /* @__PURE__ */ jsx(DialogTitle, { children: "remove session" }) }), /* @__PURE__ */ jsxs(DialogBody, { children: [/* @__PURE__ */ jsxs(DialogDescription, { children: [
 						"this stops ",
 						/* @__PURE__ */ jsx("span", {
-							className: "font-semibold text-doom-hi",
+							className: "font-semibold text-po-hi",
 							children: session.name || "untitled"
 						}),
 						" and removes it from the rail. anything it is running ends now, but its saved history remains available to resume."
@@ -992,19 +992,19 @@ function AdvancedWorkspaceGroup({ workspace, sessions, actions }) {
 		className: "flex flex-col gap-1.5",
 		children: [
 			/* @__PURE__ */ jsxs("div", {
-				className: "flex min-w-0 items-start gap-2.5 rounded-md px-2 py-1 transition-colors hover:bg-doom-panel/60",
+				className: "flex min-w-0 items-start gap-2.5 rounded-md px-2 py-1 transition-colors hover:bg-po-panel/60",
 				children: [
 					/* @__PURE__ */ jsx(FolderIcon, {
 						"aria-hidden": true,
-						className: "mt-0.5 size-4 shrink-0 text-doom-dim"
+						className: "mt-0.5 size-4 shrink-0 text-po-dim"
 					}),
 					/* @__PURE__ */ jsxs("div", {
 						className: "flex min-w-0 flex-1 flex-col",
 						children: [/* @__PURE__ */ jsx("p", {
-							className: "truncate text-base font-semibold text-doom-hi",
+							className: "truncate text-base font-semibold text-po-hi",
 							children: name
 						}), /* @__PURE__ */ jsx("p", {
-							className: "truncate font-mono text-sm text-doom-dim",
+							className: "truncate font-mono text-sm text-po-dim",
 							title: root,
 							children: root
 						})]
@@ -1017,7 +1017,7 @@ function AdvancedWorkspaceGroup({ workspace, sessions, actions }) {
 						"aria-label": `New session in ${name}`,
 						disabled: !available,
 						onClick: () => actions.createSession(id),
-						className: "text-doom-faint hover:text-doom-hi",
+						className: "text-po-faint hover:text-po-hi",
 						children: /* @__PURE__ */ jsx(PlusIcon, { className: "size-3.5" })
 					}), /* @__PURE__ */ jsxs(DropdownMenu, { children: [/* @__PURE__ */ jsx(DropdownMenuTrigger, {
 						asChild: true,
@@ -1027,7 +1027,7 @@ function AdvancedWorkspaceGroup({ workspace, sessions, actions }) {
 							"data-testid": `workspace-menu-${id}`,
 							title: "Workspace actions",
 							"aria-label": `${name} actions`,
-							className: "text-doom-faint hover:text-doom-hi",
+							className: "text-po-faint hover:text-po-hi",
 							children: /* @__PURE__ */ jsx(KebabIcon, { className: "size-3.5" })
 						})
 					}), /* @__PURE__ */ jsxs(DropdownMenuContent, { children: [
@@ -1054,7 +1054,7 @@ function AdvancedWorkspaceGroup({ workspace, sessions, actions }) {
 				]
 			}),
 			!available ? /* @__PURE__ */ jsx("p", {
-				className: "px-9 text-sm text-doom-red",
+				className: "px-9 text-sm text-po-red",
 				children: "Workspace unavailable"
 			}) : null,
 			workspace.sessions.length > 0 ? /* @__PURE__ */ jsx("div", {
@@ -1065,7 +1065,7 @@ function AdvancedWorkspaceGroup({ workspace, sessions, actions }) {
 					actions
 				}, session.id))
 			}) : available ? /* @__PURE__ */ jsx("p", {
-				className: "px-9 pb-1 text-sm text-doom-dim",
+				className: "px-9 pb-1 text-sm text-po-dim",
 				children: "No sessions yet. Start or resume one."
 			}) : null,
 			/* @__PURE__ */ jsx(Dialog, {
@@ -1079,7 +1079,7 @@ function AdvancedWorkspaceGroup({ workspace, sessions, actions }) {
 						/* @__PURE__ */ jsxs(DialogDescription, { children: [
 							"this unregisters ",
 							/* @__PURE__ */ jsx("span", {
-								className: "font-semibold text-doom-hi",
+								className: "font-semibold text-po-hi",
 								children: name
 							}),
 							" from Po only. files at",
@@ -1089,7 +1089,7 @@ function AdvancedWorkspaceGroup({ workspace, sessions, actions }) {
 						] }),
 						removeError ? /* @__PURE__ */ jsx("p", {
 							"data-testid": `workspace-delete-error-${id}`,
-							className: "text-sm text-doom-red",
+							className: "text-sm text-po-red",
 							children: removeError
 						}) : null,
 						/* @__PURE__ */ jsxs(DialogFooter, { children: [/* @__PURE__ */ jsx(Button, {
@@ -1138,7 +1138,7 @@ function AdvancedRail({ rail, onClose }) {
 						className: "size-9 rounded-lg"
 					}), /* @__PURE__ */ jsx("span", {
 						"aria-hidden": "true",
-						className: "text-2xl font-semibold text-doom-hi",
+						className: "text-2xl font-semibold text-po-hi",
 						children: "Po"
 					})]
 				}), /* @__PURE__ */ jsxs("span", {
@@ -1150,7 +1150,7 @@ function AdvancedRail({ rail, onClose }) {
 						title: remoteDetail ?? "Remote access",
 						"aria-label": remoteDetail ?? `Remote access is ${remote.status}`,
 						onClick: actions.openRemoteAccess,
-						className: `gap-1.5 rounded-md ${remote.status === "failed" ? "" : "bg-doom-panel"}`,
+						className: `gap-1.5 rounded-md ${remote.status === "failed" ? "" : "bg-po-panel"}`,
 						children: [live ? /* @__PURE__ */ jsx(Dot, {
 							tone: "yellow",
 							pulse: true,
@@ -1163,7 +1163,7 @@ function AdvancedRail({ rail, onClose }) {
 						title: "Hide sessions",
 						"aria-label": "Hide sessions",
 						onClick: onClose,
-						className: "text-doom-dim md:hidden",
+						className: "text-po-dim md:hidden",
 						children: /* @__PURE__ */ jsx(CloseIcon, { className: "size-3.5" })
 					})]
 				})]
@@ -1171,7 +1171,7 @@ function AdvancedRail({ rail, onClose }) {
 			/* @__PURE__ */ jsxs("div", {
 				className: "flex items-center justify-between px-5 pt-4 pb-2",
 				children: [/* @__PURE__ */ jsx("h2", {
-					className: "text-lg font-semibold text-doom-hi",
+					className: "text-lg font-semibold text-po-hi",
 					children: "Workspaces"
 				}), /* @__PURE__ */ jsx(Button, {
 					variant: "ghost",
@@ -1180,7 +1180,7 @@ function AdvancedRail({ rail, onClose }) {
 					title: "Add workspace",
 					"aria-label": "Add workspace",
 					onClick: actions.openAddWorkspace,
-					className: "text-doom-faint hover:text-doom-hi",
+					className: "text-po-faint hover:text-po-hi",
 					children: /* @__PURE__ */ jsx(PlusIcon, { className: "size-3.5" })
 				})]
 			}),
@@ -1191,16 +1191,16 @@ function AdvancedRail({ rail, onClose }) {
 					sessions,
 					actions
 				}, workspace.id)), rail.workspaces.length === 0 ? /* @__PURE__ */ jsxs("div", {
-					className: "flex flex-col gap-3 rounded-lg border border-dashed border-doom-border px-4 py-5",
+					className: "flex flex-col gap-3 rounded-lg border border-dashed border-po-border px-4 py-5",
 					children: [/* @__PURE__ */ jsx("p", {
-						className: "text-sm text-doom-dim",
+						className: "text-sm text-po-dim",
 						children: "Add a folder to start working with Po."
 					}), /* @__PURE__ */ jsxs(Button, {
 						variant: "outline",
 						size: "md",
 						"data-testid": "add-workspace-empty",
 						onClick: actions.openAddWorkspace,
-						className: "justify-start gap-2 bg-doom-panel",
+						className: "justify-start gap-2 bg-po-panel",
 						children: [/* @__PURE__ */ jsx(PlusIcon, { className: "size-3.5" }), "Add workspace"]
 					})]
 				}) : null]
@@ -1208,10 +1208,10 @@ function AdvancedRail({ rail, onClose }) {
 			rail.pluginContent,
 			/* @__PURE__ */ jsx("div", { className: "flex-1" }),
 			/* @__PURE__ */ jsxs("div", {
-				className: "sticky bottom-0 mt-auto shrink-0 bg-doom-rail",
+				className: "sticky bottom-0 mt-auto shrink-0 bg-po-rail",
 				children: [remote.status === "off" ? null : /* @__PURE__ */ jsxs("div", {
 					"data-testid": "remote-banner",
-					className: `flex flex-col gap-1.5 border-t border-doom-border-soft px-4 py-2 text-sm ${remote.status === "failed" ? "bg-doom-tint-red text-doom-red" : "bg-doom-tint-yellow text-doom-yellow"}`,
+					className: `flex flex-col gap-1.5 border-t border-po-border-soft px-4 py-2 text-sm ${remote.status === "failed" ? "bg-po-tint-red text-po-red" : "bg-po-tint-yellow text-po-yellow"}`,
 					children: [/* @__PURE__ */ jsxs("output", {
 						className: "flex min-w-0 items-center gap-2",
 						children: [/* @__PURE__ */ jsx(Dot, { tone: remote.status === "failed" ? "red" : "yellow" }), /* @__PURE__ */ jsx("span", {
@@ -1235,24 +1235,24 @@ function AdvancedRail({ rail, onClose }) {
 						})]
 					})]
 				}), /* @__PURE__ */ jsxs("div", {
-					className: "flex flex-col gap-1 border-t border-doom-border-soft px-3 py-3",
+					className: "flex flex-col gap-1 border-t border-po-border-soft px-3 py-3",
 					children: [/* @__PURE__ */ jsxs(Button, {
 						variant: "ghost",
 						size: "lg",
 						"data-testid": "settings-open",
 						onClick: actions.openSettings,
-						className: "justify-start gap-2.5 px-2 text-doom-text",
-						children: [/* @__PURE__ */ jsx(GearIcon, { className: "size-5 text-doom-dim" }), "Settings"]
+						className: "justify-start gap-2.5 px-2 text-po-text",
+						children: [/* @__PURE__ */ jsx(GearIcon, { className: "size-5 text-po-dim" }), "Settings"]
 					}), /* @__PURE__ */ jsxs("span", {
-						className: "px-2 text-sm text-doom-dim max-sm:hidden",
+						className: "px-2 text-sm text-po-dim max-sm:hidden",
 						children: [
 							/* @__PURE__ */ jsx(Kbd, {
-								className: "bg-doom-panel",
+								className: "bg-po-panel",
 								children: "ctrl+k"
 							}),
 							" commands · ",
 							/* @__PURE__ */ jsx(Kbd, {
-								className: "bg-doom-panel",
+								className: "bg-po-panel",
 								children: "ctrl+t"
 							}),
 							" new session"
@@ -1276,7 +1276,7 @@ function AdvancedLayout({ view, slots, rail, navigationOpen, desktopActivityOpen
 			/* @__PURE__ */ jsx("aside", {
 				ref: scrollRef,
 				"data-testid": "session-rail-panel",
-				className: `fixed inset-y-0 left-0 z-40 flex w-[min(320px,calc(100vw-48px))] shrink-0 flex-col overflow-y-auto border-r border-doom-border-soft bg-doom-rail transition-transform md:visible md:static md:z-auto md:w-[320px] md:translate-x-0 ${navigationOpen ? "visible translate-x-0" : "invisible -translate-x-full"}`,
+				className: `fixed inset-y-0 left-0 z-40 flex w-[min(320px,calc(100vw-48px))] shrink-0 flex-col overflow-y-auto border-r border-po-border-soft bg-po-rail transition-transform md:visible md:static md:z-auto md:w-[320px] md:translate-x-0 ${navigationOpen ? "visible translate-x-0" : "invisible -translate-x-full"}`,
 				children: /* @__PURE__ */ jsx(AdvancedRail, {
 					rail,
 					onClose: () => onNavigationOpenChange(false)
@@ -1316,7 +1316,7 @@ function AdvancedLayout({ view, slots, rail, navigationOpen, desktopActivityOpen
 				"data-testid": "activity-show",
 				title: "Show activity",
 				onClick: () => onDesktopActivityOpenChange(true),
-				className: "hidden h-auto shrink-0 rounded-none border-l border-doom-border-soft bg-doom-rail px-2 py-3 font-semibold text-doom-dim hover:bg-doom-panel hover:text-doom-hi lg:flex",
+				className: "hidden h-auto shrink-0 rounded-none border-l border-po-border-soft bg-po-rail px-2 py-3 font-semibold text-po-dim hover:bg-po-panel hover:text-po-hi lg:flex",
 				style: { writingMode: "vertical-rl" },
 				children: "Activity"
 			}),
@@ -1408,7 +1408,7 @@ function AdvancedConversation() {
 				}),
 				notices: transferLabel === null ? null : /* @__PURE__ */ jsxs("output", {
 					"data-testid": "voice-transfer-transition",
-					className: "border-b border-doom-cyan/30 bg-doom-cyan/10 px-4 py-2 text-center text-base font-medium text-doom-cyan",
+					className: "border-b border-po-cyan/30 bg-po-cyan/10 px-4 py-2 text-center text-base font-medium text-po-cyan",
 					children: [
 						"Transferring voice to ",
 						transferLabel,
@@ -1468,21 +1468,21 @@ function AdvancedSettings() {
 	]);
 	return /* @__PURE__ */ jsxs("div", {
 		"data-testid": "settings",
-		className: "flex h-full min-h-0 min-w-0 flex-col overflow-hidden bg-doom-bg",
+		className: "flex h-full min-h-0 min-w-0 flex-col overflow-hidden bg-po-bg",
 		children: [/* @__PURE__ */ jsxs("header", {
-			className: "grid shrink-0 grid-cols-[minmax(0,1fr)_auto] items-center gap-x-2 gap-y-2 border-b border-doom-border px-3 py-2 sm:h-14 sm:grid-cols-[minmax(0,1fr)_auto_minmax(0,1fr)] sm:px-6 sm:py-0",
+			className: "grid shrink-0 grid-cols-[minmax(0,1fr)_auto] items-center gap-x-2 gap-y-2 border-b border-po-border px-3 py-2 sm:h-14 sm:grid-cols-[minmax(0,1fr)_auto_minmax(0,1fr)] sm:px-6 sm:py-0",
 			children: [
 				/* @__PURE__ */ jsx("h1", {
-					className: "order-1 min-w-0 truncate text-xl font-semibold text-doom-hi sm:order-none",
+					className: "order-1 min-w-0 truncate text-xl font-semibold text-po-hi sm:order-none",
 					children: "Settings"
 				}),
 				/* @__PURE__ */ jsxs("nav", {
-					className: "order-3 col-span-2 flex w-full items-center gap-1 rounded-lg bg-doom-panel p-1 sm:order-none sm:col-span-1 sm:w-auto",
+					className: "order-3 col-span-2 flex w-full items-center gap-1 rounded-lg bg-po-panel p-1 sm:order-none sm:col-span-1 sm:w-auto",
 					"aria-label": "settings workspace",
 					children: [/* @__PURE__ */ jsx(NavTab, {
 						asChild: true,
 						active: workspace === "general",
-						className: "min-h-8 flex-1 justify-center rounded-md px-4 focus-visible:ring-2 focus-visible:ring-doom-green sm:flex-none",
+						className: "min-h-8 flex-1 justify-center rounded-md px-4 focus-visible:ring-2 focus-visible:ring-po-green sm:flex-none",
 						"aria-current": workspace === "general" ? "true" : void 0,
 						children: /* @__PURE__ */ jsx(Link, {
 							to: "/settings/$section",
@@ -1494,7 +1494,7 @@ function AdvancedSettings() {
 					}), /* @__PURE__ */ jsx(NavTab, {
 						asChild: true,
 						active: workspace === "repository",
-						className: "min-h-8 flex-1 justify-center rounded-md px-4 focus-visible:ring-2 focus-visible:ring-doom-green sm:flex-none",
+						className: "min-h-8 flex-1 justify-center rounded-md px-4 focus-visible:ring-2 focus-visible:ring-po-green sm:flex-none",
 						"aria-current": workspace === "repository" ? "true" : void 0,
 						children: /* @__PURE__ */ jsx(Link, {
 							to: "/settings/$section",