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

package/dist/extensions/web.mjs

@@ -179,7 +179,7 @@ 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-doom-text",
+		className: "text-base font-medium text-po-text",
 		children
 	});
 }
@@ -264,28 +264,28 @@ function LaunchRunnerDialog({ sessionId, sendSessionFrame, defaultCwd, onClose }
 						onCheckedChange: (checked) => setInteractive(checked === true)
 					}), /* @__PURE__ */ jsx("label", {
 						htmlFor: INTERACTIVE_FIELD_ID,
-						className: "text-base text-doom-dim",
+						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-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": "runner-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 ? /* @__PURE__ */ jsx("p", {
 					"data-testid": "runner-launch-problem",
-					className: "text-base text-doom-red",
+					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-doom-dim sm:w-auto",
+							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" }),
@@ -557,10 +557,10 @@ 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-doom-dim",
+			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-doom-dim",
+			className: "min-w-0 flex-1 break-all font-mono text-sm text-po-dim",
 			children: value
 		})]
 	});
@@ -580,17 +580,17 @@ function LogRow({ number, line, 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-doom-faint",
+				className: "w-12 shrink-0 select-none text-right text-xs 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-doom-yellow" : "text-doom-faint"}`,
+				className: `w-4 shrink-0 select-none text-xs 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-doom-text" : "text-doom-dim"}`
+				className: `min-w-0 flex-1 whitespace-pre-wrap break-words font-mono text-xs leading-relaxed ${matched ? "text-po-text" : "text-po-dim"}`
 			})
 		]
 	});
@@ -711,11 +711,11 @@ function RunnerLogPanel({ sessionId, runId, sendSessionFrame }) {
 		className: "flex min-h-0 flex-1 flex-col",
 		children: [
 			/* @__PURE__ */ jsxs("div", {
-				className: "flex min-h-11 shrink-0 flex-wrap items-center gap-2 border-b border-doom-border-soft px-3 py-2 sm:h-11 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:h-11 sm:flex-nowrap sm:gap-2.5 sm:px-[26px] sm:py-0",
 				children: [
 					/* @__PURE__ */ jsx("span", {
 						"data-testid": "runner-log-name",
-						className: "shrink-0 truncate text-base font-semibold text-doom-hi",
+						className: "shrink-0 truncate text-base font-semibold text-po-hi",
 						children: run?.name ?? runId
 					}),
 					/* @__PURE__ */ jsx(StatusBadge, {
@@ -724,14 +724,14 @@ function RunnerLogPanel({ sessionId, runId, sendSessionFrame }) {
 						children: badge.label
 					}),
 					run ? /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx("span", {
-						className: "shrink-0 text-sm text-doom-dim",
+						className: "shrink-0 text-sm text-po-dim",
 						children: elapsed
 					}), /* @__PURE__ */ jsx("span", {
-						className: "shrink-0 text-sm text-doom-dim",
+						className: "shrink-0 text-sm text-po-dim",
 						children: `pid ${String(run.pid)} · ${run.backend}${run.interactive ? " · tty" : ""}`
 					})] }) : /* @__PURE__ */ jsx("span", {
 						"data-testid": "runner-log-gone",
-						className: "text-sm text-doom-dim",
+						className: "text-sm text-po-dim",
 						children: "no longer listed; its log stays readable"
 					}),
 					/* @__PURE__ */ jsx("span", { className: "min-w-0 flex-1" }),
@@ -748,7 +748,7 @@ function RunnerLogPanel({ sessionId, runId, sendSessionFrame }) {
 				]
 			}),
 			run ? /* @__PURE__ */ jsxs("div", {
-				className: "flex shrink-0 flex-col gap-1.5 border-b border-doom-border-soft px-3 py-2.5 sm:px-[26px]",
+				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
@@ -758,11 +758,11 @@ function RunnerLogPanel({ sessionId, runId, sendSessionFrame }) {
 				})]
 			}) : null,
 			/* @__PURE__ */ jsxs("div", {
-				className: "flex min-h-10 shrink-0 flex-wrap items-center gap-2 border-b border-doom-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-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",
 				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-doom-faint" }), /* @__PURE__ */ jsx(Input, {
+						children: [/* @__PURE__ */ jsx(SearchIcon, { className: "pointer-events-none absolute left-2.5 h-3 w-3 text-po-faint" }), /* @__PURE__ */ jsx(Input, {
 							size: "sm",
 							"data-testid": "runner-log-search",
 							value: typed,
@@ -794,7 +794,7 @@ function RunnerLogPanel({ sessionId, runId, sendSessionFrame }) {
 					/* @__PURE__ */ jsx("span", { className: "min-w-0 flex-1" }),
 					/* @__PURE__ */ jsxs("span", {
 						"data-testid": "runner-log-stats",
-						className: "min-w-0 basis-full truncate text-sm text-doom-dim sm:basis-auto",
+						className: "min-w-0 basis-full truncate text-sm text-po-dim sm:basis-auto",
 						children: [slice === void 0 ? "reading…" : filtering ? `${String(slice.lineCount)} matching of ${slice.totalLines.toLocaleString("en-US")} lines` : `${live ? "tailing" : "showing"} last ${String(view.lines.length)} of ${slice.totalLines.toLocaleString("en-US")} lines`, view.hidden > 0 ? ` · ${view.hidden.toLocaleString("en-US")} older hidden` : ""]
 					}),
 					/* @__PURE__ */ jsx(Button, {
@@ -816,20 +816,20 @@ function RunnerLogPanel({ sessionId, runId, sendSessionFrame }) {
 					ref: body,
 					onScroll,
 					"data-testid": "runner-log-body",
-					className: "h-full overflow-auto bg-doom-deep px-3 py-3 sm:px-[26px]",
+					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-doom-red",
+						className: "text-base text-po-red",
 						children: error
 					}) : slice === void 0 ? /* @__PURE__ */ jsx("p", {
 						"data-testid": "runner-log-reading",
-						className: "text-sm text-doom-dim",
+						className: "text-sm text-po-dim",
 						children: "reading…"
 					}) : slice.exists === false ? /* @__PURE__ */ jsx("p", {
-						className: "text-sm text-doom-dim",
+						className: "text-sm text-po-dim",
 						children: "this runner has not written a log yet"
 					}) : view.lines.length === 0 ? /* @__PURE__ */ jsx("p", {
-						className: "text-sm text-doom-dim",
+						className: "text-sm text-po-dim",
 						children: filtering ? "nothing matched" : "the log is empty"
 					}) : view.lines.map((line, index) => {
 						const number = numbers[index];
@@ -838,7 +838,7 @@ 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-doom-faint",
+							className: "select-none py-0.5 pl-12 text-xs leading-relaxed text-po-faint",
 							children: "⋯"
 						}) : null, /* @__PURE__ */ jsx(LogRow, {
 							number,
@@ -860,13 +860,13 @@ function RunnerLogPanel({ sessionId, runId, sendSessionFrame }) {
 				}) : null]
 			}),
 			/* @__PURE__ */ jsxs("div", {
-				className: "flex h-8 shrink-0 items-center gap-2.5 border-t border-doom-border-soft px-3 sm:px-[26px]",
+				className: "flex h-8 shrink-0 items-center gap-2.5 border-t border-po-border-soft px-3 sm:px-[26px]",
 				children: [/* @__PURE__ */ jsx("span", {
 					"data-testid": "runner-log-path",
-					className: "min-w-0 flex-1 truncate font-mono text-sm text-doom-dim",
+					className: "min-w-0 flex-1 truncate font-mono text-sm text-po-dim",
 					children: run?.logPath ?? slice?.path ?? ""
 				}), slice !== void 0 ? /* @__PURE__ */ jsx("span", {
-					className: "shrink-0 text-sm text-doom-dim",
+					className: "shrink-0 text-sm text-po-dim",
 					children: formatSize$1(slice.fileSize)
 				}) : null]
 			})
@@ -1026,11 +1026,11 @@ function RunnerShellPanel({ sessionId, runId }) {
 		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-doom-border-soft px-3 sm:h-11 sm:px-[26px]",
+				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", {
 						"data-testid": "runner-shell-name",
-						className: "shrink-0 truncate text-base font-semibold text-doom-hi",
+						className: "shrink-0 truncate text-base font-semibold text-po-hi",
 						children: run?.name ?? runId
 					}),
 					/* @__PURE__ */ jsx(StatusBadge, {
@@ -1041,7 +1041,7 @@ function RunnerShellPanel({ sessionId, runId }) {
 					/* @__PURE__ */ jsx("span", { className: "min-w-0 flex-1" }),
 					lost ? /* @__PURE__ */ jsx("span", {
 						"data-testid": "runner-shell-lost",
-						className: "shrink-0 text-base text-doom-red",
+						className: "shrink-0 text-base text-po-red",
 						children: "the connection to this pane dropped"
 					}) : null,
 					live ? /* @__PURE__ */ jsx(Button, {
@@ -1056,7 +1056,7 @@ function RunnerShellPanel({ sessionId, runId }) {
 				]
 			}),
 			/* @__PURE__ */ jsxs("div", {
-				className: "relative min-h-0 flex-1 overflow-hidden bg-doom-deep px-3 py-2 sm:px-[26px]",
+				className: "relative min-h-0 flex-1 overflow-hidden bg-po-deep px-3 py-2 sm:px-[26px]",
 				children: [/* @__PURE__ */ jsx(TerminalView, {
 					ref: terminal,
 					"data-testid": "runner-shell-terminal",
@@ -1064,14 +1064,14 @@ function RunnerShellPanel({ sessionId, runId }) {
 					onReady: () => setReady(true)
 				}), ready ? null : /* @__PURE__ */ jsx("p", {
 					"data-testid": "runner-shell-reading",
-					className: "text-sm text-doom-dim",
+					className: "text-sm text-po-dim",
 					children: "attaching…"
 				})]
 			}),
 			/* @__PURE__ */ jsx("div", {
-				className: "flex h-8 shrink-0 items-center border-t border-doom-border-soft px-3 sm:px-[26px]",
+				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-doom-dim",
+					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"
 				})
 			})
@@ -1175,7 +1175,7 @@ function runnersTab() {
 *
 * 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 `doom-runner list` is where history lives.
+* 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));
@@ -1213,15 +1213,15 @@ function RunnersPanel({ sessionId, sendSessionFrame, openTransientTab }) {
 		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-doom-border-soft px-3 sm:h-11 sm:px-[26px]",
+				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-doom-hi",
+						className: "text-lg font-semibold text-po-hi",
 						children: "runners"
 					}),
 					/* @__PURE__ */ jsx("span", {
 						"data-testid": "runners-panel-count",
-						className: "text-sm text-doom-dim",
+						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" }),
@@ -1233,7 +1233,7 @@ function RunnersPanel({ sessionId, sendSessionFrame, openTransientTab }) {
 							"data-testid": "runners-panel-launch",
 							title: "launch a runner",
 							"aria-label": "launch a runner",
-							className: "text-doom-faint hover:text-doom-hi",
+							className: "text-po-faint hover:text-po-hi",
 							children: /* @__PURE__ */ jsx(PlusIcon, { className: "h-3 w-3" })
 						})
 					}), /* @__PURE__ */ jsxs(DropdownMenuContent, {
@@ -1293,7 +1293,7 @@ function RunnerCard({ run, now, stopRequested, sessionId, sendSessionFrame, open
 	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-doom-border-soft bg-doom-panel p-2.5",
+		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",
@@ -1303,27 +1303,27 @@ function RunnerCard({ run, now, stopRequested, sessionId, sendSessionFrame, open
 						pulse: true
 					}),
 					/* @__PURE__ */ jsx("span", {
-						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.name
 					}),
 					/* @__PURE__ */ jsxs("span", {
-						className: "shrink-0 text-sm text-doom-dim",
+						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-doom-dim",
+				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-doom-dim",
+				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-doom-dim",
+				className: "min-w-0 truncate text-sm text-po-dim",
 				children: tail ?? "…"
 			}),
 			/* @__PURE__ */ jsxs("div", {
@@ -1368,7 +1368,7 @@ function RunnerCard({ run, now, stopRequested, sessionId, sendSessionFrame, open
 var runners_web_default = defineActivityGroup({
 	keys: "r l",
 	icon: PlayCircleIcon,
-	statusKey: "doom-runner-runners",
+	statusKey: "po-runner-runners",
 	activeSource: runnerActivitySource,
 	transientTab: runnersTab,
 	order: 20
@@ -1386,7 +1386,7 @@ const TICK_MS = 1e4;
 * Only running runners are listed. A finished one leaves the moment it exits,
 * because the dock answers "what is happening", and a rail that keeps ten
 * completed playwright calls around buries the one command still working. The
-* runtime keeps every record; `doom-runner list` and the run's own log tab are
+* runtime keeps every record; `po-runner list` and the run's own log tab are
 * where a finished run is read.
 */
 function RunnersActivitySection({ sessionId, sendSessionFrame, openTransientTab }) {
@@ -1401,13 +1401,13 @@ function RunnersActivitySection({ sessionId, sendSessionFrame, openTransientTab
 		className: "flex flex-wrap items-center gap-x-4 gap-y-1",
 		children: [/* @__PURE__ */ jsx("p", {
 			"data-testid": "activity-summary-runners",
-			className: "text-sm text-doom-dim",
+			className: "text-sm text-po-dim",
 			children: "Idle"
 		}), sessionId === null ? null : /* @__PURE__ */ jsxs(Button, {
 			variant: "link",
 			size: "sm",
 			"data-testid": "activity-runner-launch",
-			className: "h-auto gap-1 px-0 text-doom-green",
+			className: "h-auto gap-1 px-0 text-po-green",
 			onClick: () => openTransientTab(runnersTab()),
 			children: ["Launch a runner", /* @__PURE__ */ jsx(ArrowRightIcon, {
 				"aria-hidden": true,
@@ -1445,7 +1445,7 @@ function RunnerRow({ run, now, stopRequested, sessionId, sendSessionFrame, openT
 			if (sessionId === null) return;
 			openTransientTab(runnerLogTab(run));
 		},
-		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: [
@@ -1454,11 +1454,11 @@ function RunnerRow({ run, now, stopRequested, sessionId, sendSessionFrame, openT
 					pulse: true
 				}),
 				/* @__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: run.name
 				}),
 				/* @__PURE__ */ jsxs("span", {
-					className: "shrink-0 text-sm text-doom-dim",
+					className: "shrink-0 text-sm text-po-dim",
 					children: [formatRunnerUptime(run.startedAt, now), run.interactive ? " · tty" : ""]
 				}),
 				sessionId !== null ? /* @__PURE__ */ jsx(Button, {
@@ -1490,7 +1490,7 @@ function RunnerRow({ run, now, stopRequested, sessionId, sendSessionFrame, openT
 		}), /* @__PURE__ */ jsx("span", {
 			"data-testid": `activity-runner-detail-${run.id}`,
 			"data-detail": tail === void 0 ? "command" : "tail",
-			className: "truncate pl-3 text-left text-sm text-doom-dim",
+			className: "truncate pl-3 text-left text-sm text-po-dim",
 			children: tail ?? run.command
 		})]
 	});
@@ -1671,8 +1671,9 @@ function BashToolMessage({ sessionId, args, result, output, running, isError, se
 	const command = formatBashCommand(rawCommand);
 	const flags = formatBashFlags(args);
 	const stoppable = sessionId !== null && runnerId !== void 0 && run !== void 0 && run.exit === void 0;
+	const background = runnerId === void 0 ? void 0 : backgroundOutcome(run);
 	return /* @__PURE__ */ jsx(MessageItem, {
-		tone: toolTone({
+		tone: background?.tone ?? toolTone({
 			running,
 			isError
 		}),
@@ -1687,15 +1688,16 @@ function BashToolMessage({ sessionId, args, result, output, running, isError, se
 			});
 			return /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsxs(MessageItemHeader, {
 				title: "bash",
+				...background ? { badge: background.badge } : {},
 				children: [
 					/* @__PURE__ */ jsxs("span", {
 						"data-testid": "tool-call-bash",
 						className: "flex min-w-0 flex-1 items-center gap-2",
 						children: [/* @__PURE__ */ jsx("span", {
-							className: "min-w-0 flex-1 truncate font-mono text-doom-text",
+							className: "min-w-0 flex-1 truncate font-mono text-po-text",
 							children: command
 						}), flags.length > 0 ? /* @__PURE__ */ jsxs("span", {
-							className: "hidden shrink-0 text-doom-dim sm:inline",
+							className: "hidden shrink-0 text-po-dim sm:inline",
 							children: ["· ", flags.join(" · ")]
 						}) : null]
 					}),
@@ -1734,12 +1736,12 @@ function BashToolMessage({ sessionId, args, result, output, running, isError, se
 						"data-testid": "tool-result-bash-command",
 						grammar: "shell",
 						text: rawCommand,
-						className: "max-h-40 overflow-auto text-doom-text"
+						className: "max-h-40 overflow-auto text-po-text"
 					}) : null,
 					view.lines.length > 0 ? /* @__PURE__ */ jsx(AnsiText, {
 						"data-testid": "tool-result-bash-output",
 						text: view.lines.join("\n"),
-						className: "max-h-96 overflow-auto whitespace-pre-wrap break-words [overflow-wrap:anywhere] border-doom-border-soft border-t pt-2 font-mono text-doom-dim"
+						className: "max-h-96 overflow-auto whitespace-pre-wrap break-words [overflow-wrap:anywhere] border-po-border-soft border-t pt-2 font-mono text-po-dim"
 					}) : null,
 					view.status ? /* @__PURE__ */ jsx(MessageItemStatus, {
 						"data-testid": "tool-result-bash-status",
@@ -1753,9 +1755,9 @@ function BashToolMessage({ sessionId, args, result, output, running, isError, se
 					}) : null,
 					details.logPath !== void 0 ? /* @__PURE__ */ jsxs("span", {
 						"data-testid": "tool-result-bash-log",
-						className: "min-w-0 break-all text-doom-dim",
+						className: "min-w-0 break-all text-po-dim",
 						children: ["full log · ", /* @__PURE__ */ jsx("span", {
-							className: "text-doom-dim",
+							className: "text-po-dim",
 							children: details.logPath
 						})]
 					}) : null
@@ -1764,6 +1766,30 @@ function BashToolMessage({ sessionId, args, result, output, running, isError, se
 		}
 	});
 }
+function backgroundOutcome(run) {
+	if (run === void 0) return {
+		tone: "info",
+		badge: "In background"
+	};
+	if (run.exit === void 0) return {
+		tone: "running",
+		badge: "In background"
+	};
+	const { reason, code } = run.exit;
+	const exit = code === null ? "" : ` · exit ${code}`;
+	if (reason === "completed") return {
+		tone: "ok",
+		badge: `Completed${exit}`
+	};
+	if (reason === "stopped") return {
+		tone: "neutral",
+		badge: "Stopped"
+	};
+	return {
+		tone: "error",
+		badge: `Failed${exit}`
+	};
+}
 //#endregion
 //#region src/extensions/workspaces/sessions/(frontend)/tool/bash.web.tsx
 var bash_web_default = defineToolRenderer({ message: BashToolMessage });