@dylanpiercey/work 0.0.86 → 0.0.88

package/dist/index.mjs

@@ -1,6 +1,6 @@
 import { a as __toCommonJS, i as __require, n as __esmMin, o as __toESM, r as __exportAll, t as __commonJSMin } from "./_BMI-E3GI.js";
-import { $ as setSetting, A as setScrapedPhase, B as saveSubscription, C as agentBadge, D as agentMeta, E as agentLabel, F as manifest, G as agentChoices, H as subscribe, I as normalizeAccent, J as enabledAgents, K as allPrefs, L as setInstance, M as ACCENT_RE, N as getInstance, O as clearAgentPhase, P as iconSvg, Q as setPref, R as deleteSubscription, S as blankRow, T as agentFromCommand, U as subscriberCount, V as publish, W as subscriberJoins, X as preferredAgent, Y as getSetting, Z as setDisabledAgents, _ as tmuxName, _t as tmux, a as ensureTmuxServer, at as DEFAULT_GITHUB_HOST, b as readHookPayload, c as killWorkspaceSessions, ct as toolById, d as newSessionArgs, dt as get, et as doctor, ft as workspacePath, g as sessionStates, gt as run, h as sendToSession, ht as git, i as disposeSessions, it as which, j as setSessionViewers, k as setAgentPhase, l as listSessions, lt as all, m as renameSession, mt as gh, n as clearTmuxStarted, nt as miseVersions, o as getSession, ot as TOOLS, p as panePids, pt as TMUX_SOCKET, q as disabledAgents, r as createSession, rt as setupPath, s as killSession, st as agentById, t as cleanEnv, tt as ghKnownHosts, u as markTmuxStarted, ut as db, v as tmuxWasStarted, vt as config, w as agentFamily, x as reportsWorking, y as AGENTS, z as pushPublicKey } from "./_CExzMbX7.js";
-import { $ as _el_read_error, C as icon_base_default, Ct as _to_text, D as setPrimaryHost, Dt as attrTag, E as repoWebUrl$1, Et as _var, F as phase, G as _attr_style, H as _attr_option_value, I as tone, J as _await, K as _attrs, L as $global, M as iconBtnXs, N as inputLg, O as btnLg, Ot as withPageAssets, P as metaTrunc, R as _attr, S as icon_xmark_default, St as _template, T as repoLabel, Tt as _try, U as _attr_or, V as _attr_input_value, W as _attr_select_value, X as _content_resume, Y as _content, Z as _dynamic_tag, _ as icon_refresh_default, _t as _sep, at as _hoist, b as sectionCount$1, bt as _set_serialize_reason, ct as _id, d as sideNavOpen, dt as _resume, et as _el_resume, f as workspaceTab, ft as _resume_branch, g as icon_back_default, gt as _script, h as icon_search_default, ht as _scope_with_id, it as _for_of, j as iconBtnRow, k as btnSm, kt as writeScope, lt as _if, m as rankRepos, mt as _scope_reason, n as findInput, nt as _existing_scope, ot as _hoist_read_error, pt as _scope_id, q as _attrs_partial, r as icon_sidebar_default, rt as _flush_head, st as _html, t as findIconBtn, tt as _escape, u as setWorkspaceTab, ut as _peek_scope_id, v as iconBtn$2, vt as _serialize_guard, w as parseRepoUrl, wt as _trailers, x as toast_default, xt as _subscribe, y as row, yt as _serialize_if, z as _attr_class } from "./_D5j6bTJl.js";
+import { $ as setSetting, A as setScrapedPhase, B as saveSubscription, C as agentBadge, D as agentMeta, E as agentLabel, F as manifest, G as agentChoices, H as subscribe, I as normalizeAccent, J as enabledAgents, K as allPrefs, L as setInstance, M as ACCENT_RE, N as getInstance, O as clearAgentPhase, P as iconSvg, Q as setPref, R as deleteSubscription, S as blankRow, T as agentFromCommand, U as subscriberCount, V as publish, W as subscriberJoins, X as preferredAgent, Y as getSetting, Z as setDisabledAgents, _ as tmuxName, _t as tmux, a as ensureTmuxServer, at as DEFAULT_GITHUB_HOST, b as readHookPayload, c as killWorkspaceSessions, ct as toolById, d as newSessionArgs, dt as get, et as doctor, ft as workspacePath, g as sessionStates, gt as run, h as sendToSession, ht as git, i as disposeSessions, it as which, j as setSessionViewers, k as setAgentPhase, l as listSessions, lt as all, m as renameSession, mt as gh, n as clearTmuxStarted, nt as miseVersions, o as getSession, ot as TOOLS, p as panePids, pt as TMUX_SOCKET, q as disabledAgents, r as createSession, rt as setupPath, s as killSession, st as agentById, t as cleanEnv, tt as ghKnownHosts, u as markTmuxStarted, ut as db, v as tmuxWasStarted, vt as config, w as agentFamily, x as reportsWorking, y as AGENTS, z as pushPublicKey } from "./_BdPU13C_.js";
+import { $ as _dynamic_tag, A as btnLg, At as withPageAssets, B as _attr, C as toast_default, Ct as _subscribe, D as repoLabel, Dt as _try, E as parseRepoUrl, Et as _trailers, F as inputLg, G as _attr_or, I as metaTrunc, J as _attrs, K as _attr_select_value, L as phase, N as iconBtnRow, O as repoWebUrl$1, Ot as _var, P as iconBtnXs, Q as _content_resume, R as tone, S as workspaceTab, St as _set_serialize_reason, T as icon_base_default, Tt as _to_text, U as _attr_input_value, V as _attr_class, W as _attr_option_value, X as _await, Y as _attrs_partial, Z as _content, _t as _scope_with_id, a as rankRepos, at as _flush_head, b as sideNavOpen, bt as _serialize_guard, c as icon_refresh_default, ct as _hoist_read_error, d as sectionCount$1, dt as _if, ft as _peek_scope_id, gt as _scope_reason, ht as _scope_id, it as _existing_scope, j as btnSm, jt as writeScope, k as setPrimaryHost, kt as attrTag, l as iconBtn$2, lt as _html, mt as _resume_branch, n as findInput, nt as _el_resume, o as icon_search_default, ot as _for_of, pt as _resume, q as _attr_style, r as icon_sidebar_default, rt as _escape, s as icon_back_default, st as _hoist, t as findIconBtn, tt as _el_read_error, u as row, ut as _id, v as setTheme, vt as _script, w as icon_xmark_default, wt as _template, x as theme, xt as _serialize_if, y as setWorkspaceTab, yt as _sep, z as $global } from "./_CoU5siEE.js";
 import fs from "node:fs";
 import { createServer } from "node:http";
 import path from "node:path";
@@ -3357,12 +3357,26 @@ function renderParts(g, parts) {
 var _layout_default = _template("a", (input) => {
 	const $scope0_reason = _scope_reason();
 	const $scope0_id = _scope_id();
-	const inst = $global().data?.instance;
+	const data = $global().data;
+	const inst = data?.instance;
 	const name = inst?.name || "work";
 	const accent = inst?.accent || "";
+	const themePref = data?.prefs?.theme;
+	const theme = themePref === "light" || themePref === "dark" ? themePref : "system";
 	const iconHref = `/api/instance/icon${accent ? `?v=${accent.slice(1)}` : ""}`;
-	_html(`<!doctype html><html lang=en${accent ? _attr_style(`--accent:${accent}`) : ""}><head><meta charset=utf-8><meta name=viewport content="width=device-width, initial-scale=1, viewport-fit=cover, interactive-widget=resizes-content"><meta name=theme-color media="(prefers-color-scheme: light)"${_attr_or("content", accent, " content=#fafafa")}><meta name=theme-color media="(prefers-color-scheme: dark)"${_attr_or("content", accent, " content=#131316")}><link rel=manifest href=/api/instance/manifest crossorigin=use-credentials><link rel=icon${_attr("href", iconHref)} type=image/svg+xml><link rel=apple-touch-icon href=/apple-touch-icon.png><meta name=apple-mobile-web-app-title${_attr("content", name)}><title>${_escape(name)}</title>${_flush_head()}</head><body>`);
-	_dynamic_tag($scope0_id, "g", input.content, {}, 0, 0, _serialize_guard($scope0_reason, 0));
+	_html(`<!doctype html><html lang=en${theme === "system" ? "" : _attr("data-theme", theme)}${accent ? _attr_style(`--accent:${accent}`) : ""}><head><meta charset=utf-8><meta name=viewport content="width=device-width, initial-scale=1, viewport-fit=cover, interactive-widget=resizes-content">`);
+	if (theme === "light") {
+		_scope_id();
+		_html(`<meta name=theme-color${_attr_or("content", accent, " content=#fafafa")}>`);
+	} else if (theme === "dark") {
+		_scope_id();
+		_html(`<meta name=theme-color${_attr_or("content", accent, " content=#131316")}>`);
+	} else {
+		_scope_id();
+		_html(`<meta name=theme-color media="(prefers-color-scheme: light)"${_attr_or("content", accent, " content=#fafafa")}><meta name=theme-color media="(prefers-color-scheme: dark)"${_attr_or("content", accent, " content=#131316")}>`);
+	}
+	_html(`<link rel=manifest href=/api/instance/manifest crossorigin=use-credentials><link rel=icon${_attr("href", iconHref)} type=image/svg+xml><link rel=apple-touch-icon href=/apple-touch-icon.png><meta name=apple-mobile-web-app-title${_attr("content", name)}><title>${_escape(name)}</title>${_flush_head()}</head><body>`);
+	_dynamic_tag($scope0_id, "f", input.content, {}, 0, 0, _serialize_guard($scope0_reason, 0));
 	_trailers("</body></html>");
 	_serialize_if($scope0_reason, 0) && writeScope($scope0_id, {});
 }, 1);
@@ -3394,6 +3408,40 @@ function coalesce(fn) {
 	};
 }
 //#endregion
+//#region src/client/theme.ts
+var LIGHT_CHROME = "#fafafa";
+var DARK_CHROME = "#131316";
+/** Force light/dark, or clear to follow the OS. The layout declares
+* `:root[data-theme=…] { color-scheme: … }`; native `light-dark()` and the
+* bundler's polyfill both key off that. */
+function applyTheme(mode) {
+	if (typeof document === "undefined") return;
+	const root = document.documentElement;
+	if (mode === "system") root.removeAttribute("data-theme");
+	else root.setAttribute("data-theme", mode);
+	syncThemeColorMetas(mode, root.style.getPropertyValue("--accent").trim() || "");
+}
+/** Rebuild theme-color metas for the current force (or both media queries
+* when following the system). Accent, when set, still paints the chrome. */
+function syncThemeColorMetas(mode, accent) {
+	if (typeof document === "undefined") return;
+	const head = document.head;
+	for (const meta of head.querySelectorAll("meta[name=\"theme-color\"]")) meta.remove();
+	const add = (content, media) => {
+		const meta = document.createElement("meta");
+		meta.name = "theme-color";
+		meta.content = content;
+		if (media) meta.media = media;
+		head.append(meta);
+	};
+	if (mode === "light") add(accent || LIGHT_CHROME);
+	else if (mode === "dark") add(accent || DARK_CHROME);
+	else {
+		add(accent || LIGHT_CHROME, "(prefers-color-scheme: light)");
+		add(accent || DARK_CHROME, "(prefers-color-scheme: dark)");
+	}
+}
+//#endregion
 //#region src/client/instance.ts
 /** Curated hues (mirrors server/instance.ts ACCENT_PRESETS; the browser
 * bundle must not import server code). Any `#rrggbb` is still accepted. */
@@ -3442,30 +3490,30 @@ function applyInstance(inst) {
 	document.title = inst.name || "work";
 	const icon = document.querySelector("link[rel=\"icon\"]");
 	if (icon) icon.href = `/api/instance/icon${inst.accent ? `?v=${inst.accent.slice(1)}` : ""}`;
-	for (const meta of document.querySelectorAll("meta[name=\"theme-color\"]")) meta.content = inst.accent || (meta.media.includes("dark") ? "#131316" : "#fafafa");
+	syncThemeColorMetas(theme(), inst.accent || "");
 }
 //#endregion
 //#region src/tags/settings-page.css.ts
-var content$2 = "_ca _bk _bl";
-var agentGrid = "_ce _bv";
-var toolGrid = "_co _bv";
+var content$2 = "_ca _bB _bC";
+var agentGrid = "_ce _bm";
+var toolGrid = "_co _bm";
 //#endregion
 //#region src/tags/page-head.marko
 var page_head_default = _template("q", (input) => {
 	const $scope0_reason = _scope_reason(), $sg__input_backHref__OR__input_onBack__OR__input_meta__OR__input_actions = _serialize_guard($scope0_reason, 3), $sg__input_meta = _serialize_guard($scope0_reason, 6), $sg__input_actions = _serialize_guard($scope0_reason, 7), $si__input_backHref__OR__input_onBack = _serialize_if($scope0_reason, 1), $si__input_meta = _serialize_if($scope0_reason, 6), $si__input_actions = _serialize_if($scope0_reason, 7);
 	const $scope0_id = _scope_id();
-	_html(`<header${_attr_class("_bm")}>`);
+	_html(`<header${_attr_class("_bD")}>`);
 	_if(() => {
 		if (input.backHref) {
 			const $scope1_id = _scope_id();
-			_html(`<a${_attr("href", input.backHref)}${_attr_class([iconBtnRow, "_cX"])}${_attr_or("title", input.backTitle, " title=\"Back (Esc)\"")}${_attr_or("aria-label", input.backTitle, " aria-label=Back")}>`);
+			_html(`<a${_attr("href", input.backHref)}${_attr_class([iconBtnRow, "_cP"])}${_attr_or("title", input.backTitle, " title=\"Back (Esc)\"")}${_attr_or("aria-label", input.backTitle, " aria-label=Back")}>`);
 			icon_back_default({ size: 16 });
 			_html(`</a>${_el_resume($scope1_id, "a", _serialize_guard($scope0_reason, 0))}`);
 			_serialize_if($scope0_reason, 2) && writeScope($scope1_id, { _: _serialize_if($scope0_reason, 0) && _scope_with_id($scope0_id) });
 			return 0;
 		} else if (input.onBack) {
 			const $scope2_id = _scope_id();
-			_html(`<button${_attr_class([iconBtnRow, "_cX"])}${_attr_or("title", input.backTitle, " title=\"Back (Esc)\"")}${_attr_or("aria-label", input.backTitle, " aria-label=Back")}>`);
+			_html(`<button${_attr_class([iconBtnRow, "_cP"])}${_attr_or("title", input.backTitle, " title=\"Back (Esc)\"")}${_attr_or("aria-label", input.backTitle, " aria-label=Back")}>`);
 			icon_back_default({ size: 16 });
 			_html(`</button>${_el_resume($scope2_id, "a")}`);
 			_script($scope2_id, "q0");
@@ -3473,11 +3521,11 @@ var page_head_default = _template("q", (input) => {
 			return 1;
 		}
 	}, $scope0_id, "b", _serialize_guard($scope0_reason, 2), _serialize_guard($scope0_reason, 1), $sg__input_backHref__OR__input_onBack__OR__input_meta__OR__input_actions, 0, 1);
-	_html(`<div${_attr_class("_bo")}><h1${_attr("id", input.titleId)}${_attr_class("_bn")}>${_escape(input.title)}${_el_resume($scope0_id, "e", _serialize_guard($scope0_reason, 5))}</h1>${_el_resume($scope0_id, "d", _serialize_guard($scope0_reason, 4))}`);
+	_html(`<div${_attr_class("_bF")}><h1${_attr("id", input.titleId)}${_attr_class("_bE")}>${_escape(input.title)}${_el_resume($scope0_id, "e", _serialize_guard($scope0_reason, 5))}</h1>${_el_resume($scope0_id, "d", _serialize_guard($scope0_reason, 4))}`);
 	_if(() => {
 		if (input.meta) {
 			const $scope3_id = _scope_id();
-			_html(`<p${_attr_class("_bp")}>`);
+			_html(`<p${_attr_class("_bG")}>`);
 			_dynamic_tag($scope3_id, "b", input.meta, {}, 0, 0, $sg__input_meta);
 			_html("</p>");
 			$si__input_meta && writeScope($scope3_id, { _: _scope_with_id($scope0_id) });
@@ -3488,7 +3536,7 @@ var page_head_default = _template("q", (input) => {
 	_if(() => {
 		if (input.actions) {
 			const $scope4_id = _scope_id();
-			_html(`<div${_attr_class("_bq")}>`);
+			_html(`<div${_attr_class("_bH")}>`);
 			_dynamic_tag($scope4_id, "b", input.actions, {}, 0, 0, $sg__input_actions);
 			_html("</div>");
 			$si__input_actions && writeScope($scope4_id, { _: _scope_with_id($scope0_id) });
@@ -3556,7 +3604,7 @@ var icon_agent_default = _template("E", (input) => {
 		n: $badge__closures
 	});
 });
-var usageNote = "_eK _S";
+var usageNote = "_eR _S";
 //#endregion
 //#region src/tags/usage-meters.marko
 function duration(ms) {
@@ -3580,11 +3628,11 @@ var usage_meters_default = _template("B", (input) => {
 	const $scope0_reason = _scope_reason(), $sg__input_agent__OR__input_hideName = _serialize_guard($scope0_reason, 0), $sg__input_agent = _serialize_guard($scope0_reason, 1), $si__input_agent = _serialize_if($scope0_reason, 1), $sg__input_hideName = _serialize_guard($scope0_reason, 2), $si__input_agent__OR__input_hideName = _serialize_if($scope0_reason, 0);
 	const $scope0_id = _scope_id();
 	const agent = input.agent;
-	_html(`<div${_attr_class(["_eE", { ["_eF"]: input.hideName }])}><div${_attr_class("_eG")}>`);
+	_html(`<div${_attr_class(["_eL", { ["_eM"]: input.hideName }])}><div${_attr_class("_eN")}>`);
 	_if(() => {
 		if (!input.hideName) {
 			const $scope1_id = _scope_id();
-			_html(`<strong${_attr_class("_eZ")}>${_escape(agent.agent)}${_el_resume($scope1_id, "b", $sg__input_agent)}</strong>`);
+			_html(`<strong${_attr_class("_e6")}>${_escape(agent.agent)}${_el_resume($scope1_id, "b", $sg__input_agent)}</strong>`);
 			$si__input_agent__OR__input_hideName && writeScope($scope1_id, { _: $si__input_agent && _scope_with_id($scope0_id) });
 			return 0;
 		}
@@ -3592,7 +3640,7 @@ var usage_meters_default = _template("B", (input) => {
 	_if(() => {
 		if (agent.plan && agent.plan.toLowerCase() !== agent.agent.toLowerCase()) {
 			const $scope2_id = _scope_id();
-			_html(`<span${_attr_class("_eH")}>${_escape(agent.plan.replace(/^default_/, "").replaceAll("_", " "))}${_el_resume($scope2_id, "b", $sg__input_agent)}</span>`);
+			_html(`<span${_attr_class("_eO")}>${_escape(agent.plan.replace(/^default_/, "").replaceAll("_", " "))}${_el_resume($scope2_id, "b", $sg__input_agent)}</span>`);
 			$si__input_agent && writeScope($scope2_id, { _: _scope_with_id($scope0_id) });
 			return 0;
 		}
@@ -3600,19 +3648,19 @@ var usage_meters_default = _template("B", (input) => {
 	_if(() => {
 		if (agent.stale_seconds != null) {
 			const $scope3_id = _scope_id();
-			_html(`<span${_attr_class("_eI")}${_attr("title", `${agent.note || "provider unreachable"}. Last cached numbers, ${duration(agent.stale_seconds * 1e3)} old`)}>⚠ ${_sep($sg__input_agent)}${_escape(duration(agent.stale_seconds * 1e3))}${_el_resume($scope3_id, "b", $sg__input_agent)} old</span>${_el_resume($scope3_id, "a", $sg__input_agent)}`);
+			_html(`<span${_attr_class("_eP")}${_attr("title", `${agent.note || "provider unreachable"}. Last cached numbers, ${duration(agent.stale_seconds * 1e3)} old`)}>⚠ ${_sep($sg__input_agent)}${_escape(duration(agent.stale_seconds * 1e3))}${_el_resume($scope3_id, "b", $sg__input_agent)} old</span>${_el_resume($scope3_id, "a", $sg__input_agent)}`);
 			$si__input_agent && writeScope($scope3_id, { _: _scope_with_id($scope0_id) });
 			return 0;
 		}
 	}, $scope0_id, "e", $sg__input_agent, $sg__input_agent, $sg__input_agent__OR__input_hideName, 0, 1);
-	_html(`</div><div${_attr_class(["_eJ", { ["_e0"]: agent.stale_seconds != null }])}>`);
+	_html(`</div><div${_attr_class(["_eQ", { ["_e7"]: agent.stale_seconds != null }])}>`);
 	_for_of(agent.windows || [], (win) => {
 		const $scope4_id = _scope_id();
 		const pct = pctText$1(win.used_percent);
 		const label = resetLabel(win.resets_at, agent.stale_seconds != null);
-		const fillClass = win.used_percent >= 90 ? "_eS" : win.used_percent >= 70 ? "_eR" : win.used_percent >= 40 ? "_eQ" : "_eP";
-		const pctClass = win.used_percent >= 90 ? "_eX" : win.used_percent >= 70 ? "_eW" : win.used_percent >= 40 ? "_eV" : "_eU";
-		_html(`<div${_attr_class("_eL")}${_attr("title", `${win.window}: ${pct} used${win.resets_at ? `, resets ${new Date(win.resets_at).toLocaleString()}` : ""}`)}><span${_attr_class("_eM")}>${_escape(win.window)}${_el_resume($scope4_id, "c", $sg__input_agent)}</span><span${_attr_class("_eN")}><span${_attr_class(["_eO", fillClass])}${_attr_style(`width:${Math.min(100, Math.max(2, win.used_percent))}%`)}></span>${_el_resume($scope4_id, "e", $sg__input_agent)}</span><span${_attr_class(["_eT", pctClass])}>${_escape(pct)}${_el_resume($scope4_id, "g", $sg__input_agent)}</span>${_el_resume($scope4_id, "f", $sg__input_agent)}<span${_attr_class("_eY")}>${label ? `↻ ${_escape(`${_to_text(label)}`)}` : ""}${_el_resume($scope4_id, "i", $sg__input_agent)}</span></div>${_el_resume($scope4_id, "a", $sg__input_agent)}`);
+		const fillClass = win.used_percent >= 90 ? "_eZ" : win.used_percent >= 70 ? "_eY" : win.used_percent >= 40 ? "_eX" : "_eW";
+		const pctClass = win.used_percent >= 90 ? "_e4" : win.used_percent >= 70 ? "_e3" : win.used_percent >= 40 ? "_e2" : "_e1";
+		_html(`<div${_attr_class("_eS")}${_attr("title", `${win.window}: ${pct} used${win.resets_at ? `, resets ${new Date(win.resets_at).toLocaleString()}` : ""}`)}><span${_attr_class("_eT")}>${_escape(win.window)}${_el_resume($scope4_id, "c", $sg__input_agent)}</span><span${_attr_class("_eU")}><span${_attr_class(["_eV", fillClass])}${_attr_style(`width:${Math.min(100, Math.max(2, win.used_percent))}%`)}></span>${_el_resume($scope4_id, "e", $sg__input_agent)}</span><span${_attr_class(["_e0", pctClass])}>${_escape(pct)}${_el_resume($scope4_id, "g", $sg__input_agent)}</span>${_el_resume($scope4_id, "f", $sg__input_agent)}<span${_attr_class("_e5")}>${label ? `↻ ${_escape(`${_to_text(label)}`)}` : ""}${_el_resume($scope4_id, "i", $sg__input_agent)}</span></div>${_el_resume($scope4_id, "a", $sg__input_agent)}`);
 		$si__input_agent && writeScope($scope4_id, { _: _scope_with_id($scope0_id) });
 	}, "window", $scope0_id, "g", $sg__input_agent, $sg__input_agent, $sg__input_agent, 0, 1);
 	_if(() => {
@@ -3671,7 +3719,7 @@ var modal_view_default = _template("o", (input) => {
 	const { label, class: inputClass, open: _open, openChange: _openChange, dismissable: _dismissable, content, footer, closedby: _closedby, onCancel: _onCancel, onClose: _onClose, "aria-label": inputAriaLabel, "aria-labelledby": inputLabelledBy, ...htmlInput } = input;
 	const dismissable = input.dismissable !== false;
 	let open = input.open;
-	_html(`<dialog${_attr_class(["_gX", inputClass])}${_attr("aria-labelledby", inputLabelledBy)}${inputLabelledBy ? _attr("aria-label", inputAriaLabel) : _attr("aria-label", inputAriaLabel || label)} closedby=${dismissable ? "any" : "none"}${_attrs_partial({
+	_html(`<dialog${_attr_class(["_g2", inputClass])}${_attr("aria-labelledby", inputLabelledBy)}${inputLabelledBy ? _attr("aria-label", inputAriaLabel) : _attr("aria-label", inputAriaLabel || label)} closedby=${dismissable ? "any" : "none"}${_attrs_partial({
 		...htmlInput,
 		open: null
 	}, {
@@ -3681,20 +3729,20 @@ var modal_view_default = _template("o", (input) => {
 		closedby: 1,
 		"on-cancel": 1,
 		"on-close": 1
-	}, "a", $scope0_id, "dialog")}><div${_attr_class("_gY")}>`);
+	}, "a", $scope0_id, "dialog")}><div${_attr_class("_g3")}>`);
 	_dynamic_tag($scope0_id, "c", content, {}, 0, 0, _serialize_guard($scope0_reason, 6));
 	_html("</div>");
 	_if(() => {
 		if (footer) {
 			const $scope1_id = _scope_id();
-			_html(`<form method=dialog${_attr_class("_gZ")}>`);
+			_html(`<form method=dialog${_attr_class("_g4")}>`);
 			_dynamic_tag($scope1_id, "b", footer.content, {}, 0, 0, _serialize_guard($scope0_reason, 7));
 			_html("</form>");
 			$si__input_openChange__OR__input_footer && writeScope($scope1_id, { _: _serialize_if($scope0_reason, 7) && _scope_with_id($scope0_id) });
 			return 0;
 		} else if (input.openChange) {
 			const $scope2_id = _scope_id();
-			_html(`<form method=dialog${_attr_class("_gZ")}>`);
+			_html(`<form method=dialog${_attr_class("_g4")}>`);
 			dialog_close_default({
 				class: ["_o", "_p"],
 				content: _content("o0", () => {
@@ -3753,7 +3801,7 @@ var prompt_dialog_default = _template("r", (input) => {
 	const $childScope = _peek_scope_id();
 	modal_view_default({
 		label: input.label,
-		class: "_eC",
+		class: "_eJ",
 		open: input.open,
 		openChange: input.openChange,
 		"aria-labelledby": titleId,
@@ -3776,7 +3824,7 @@ var prompt_dialog_default = _template("r", (input) => {
 		content: _content("r6", () => {
 			_scope_reason();
 			const $scope2_id = _scope_id();
-			_html(`<h2${_attr_class("_eD")}${_attr("id", titleId)}>${_escape(input.label)}${_el_resume($scope2_id, "b", $sg__input_label)}</h2><input${_attr_input_value($scope2_id, "c", value, _resume((_new_value) => {
+			_html(`<h2${_attr_class("_eK")}${_attr("id", titleId)}>${_escape(input.label)}${_el_resume($scope2_id, "b", $sg__input_label)}</h2><input${_attr_input_value($scope2_id, "c", value, _resume((_new_value) => {
 				value = _new_value;
 			}, "r0", $scope2_id))}${_attr("placeholder", input.placeholder)}>${_el_resume($scope2_id, "c")}`);
 			_script($scope2_id, "r4");
@@ -3823,13 +3871,13 @@ var settings_page_default = _template("u", (input) => {
 	const $setup2__closures = /* @__PURE__ */ new Set();
 	const $refreshing__closures = /* @__PURE__ */ new Set();
 	const $error__closures = /* @__PURE__ */ new Set();
+	const $self_latest__closures = /* @__PURE__ */ new Set();
+	const $self_version__closures = /* @__PURE__ */ new Set();
 	const $active__closures = /* @__PURE__ */ new Set();
 	const $input_preferred__closures = /* @__PURE__ */ new Set();
 	const $accountsFor2__closures = /* @__PURE__ */ new Set();
 	const $authCodes__closures = /* @__PURE__ */ new Set();
 	const $confirmingRemove__closures = /* @__PURE__ */ new Set();
-	const $self_latest__closures = /* @__PURE__ */ new Set();
-	const $self_version__closures = /* @__PURE__ */ new Set();
 	const $self_install__closures = /* @__PURE__ */ new Set();
 	const $hits__closures = /* @__PURE__ */ new Set();
 	const $query__closures = /* @__PURE__ */ new Set();
@@ -3848,35 +3896,42 @@ var settings_page_default = _template("u", (input) => {
 	let hits = null;
 	let self = null;
 	let selfUpdating = false;
+	let themeMode = theme();
 	let searching = false;
 	const searchTimer = { id: 0 };
+	const setThemeMode = _resume((mode) => {
+		themeMode = mode;
+		setTheme(mode);
+		applyTheme(mode);
+	}, "u5", $scope0_id);
+	const selfUpdatePending = !!(self && !selfUpdating && self.install !== "source" && self.latest && self.latest !== self.version);
 	const applySetup = _resume((s) => {
 		setup = s;
 		lastSetup = s;
 		setPrimaryHost(s.github);
 		input.setupChange?.(s);
-	}, "u5", $scope0_id);
+	}, "u6", $scope0_id);
 	const syncAgents = _resume(async () => {
 		try {
 			const snap = await api$6("/api/settings");
 			input.agentsChange?.(snap.agents);
 			if (snap.preferredAgent !== input.preferred) input.preferredChange?.(snap.preferredAgent);
 		} catch {}
-	}, "u6", $scope0_id);
+	}, "u7", $scope0_id);
 	const loadSetup = _resume(async (refresh) => {
 		try {
 			applySetup(await api$6(`/api/setup${refresh ? "?refresh" : ""}`));
 		} catch (err) {
 			error = String(err.message || err);
 		}
-	}, "u7", $scope0_id);
+	}, "u8", $scope0_id);
 	const loadSelf = _resume(async (refresh) => {
 		try {
 			const info = await api$6(`/api/setup/self${refresh ? "?refresh" : ""}`);
 			self = info;
 			if (info.updating) selfUpdating = true;
 		} catch {}
-	}, "u8", $scope0_id);
+	}, "u9", $scope0_id);
 	const updateSelf = _resume(async () => {
 		if (!self || selfUpdating) return;
 		selfUpdating = true;
@@ -3900,7 +3955,7 @@ var settings_page_default = _template("u", (input) => {
 			else selfUpdating = false;
 		};
 		setTimeout(tick, 4e3);
-	}, "u9", $scope0_id);
+	}, "u10", $scope0_id);
 	const loadUsage = _resume(async (refresh) => {
 		try {
 			usage = await api$6(`/api/usage${refresh ? "?refresh" : ""}`);
@@ -3908,23 +3963,23 @@ var settings_page_default = _template("u", (input) => {
 			usage = { error: String(err.message || err) };
 		}
 		lastUsage = usage;
-	}, "u10", $scope0_id);
+	}, "u11", $scope0_id);
 	const refresh = _resume(async () => {
 		refreshing = true;
 		await Promise.all([loadSetup(true), loadSelf(true)]);
 		refreshing = false;
-	}, "u11", $scope0_id);
+	}, "u12", $scope0_id);
 	const refreshUsage = _resume(async () => {
 		usageRefreshing = true;
 		await loadUsage(true);
 		usageRefreshing = false;
-	}, "u12", $scope0_id);
+	}, "u13", $scope0_id);
 	const setActive = _resume((id, line) => {
 		const next = new Map(active);
 		if (line === null) next.delete(id);
 		else next.set(id, line);
 		active = next;
-	}, "u13", $scope0_id);
+	}, "u14", $scope0_id);
 	const run = _resume(async (id, action, version) => {
 		if (active.has(id)) return;
 		error = null;
@@ -3955,7 +4010,7 @@ var settings_page_default = _template("u", (input) => {
 			watcher.stop();
 			setActive(id, null);
 		}
-	}, "u14", $scope0_id);
+	}, "u15", $scope0_id);
 	const changeHost = _resume(async (host, remove) => {
 		hostBusy = true;
 		error = null;
@@ -3974,10 +4029,10 @@ var settings_page_default = _template("u", (input) => {
 		} finally {
 			hostBusy = false;
 		}
-	}, "u15", $scope0_id);
+	}, "u16", $scope0_id);
 	const runEach = _resume(async (ids, action) => {
 		for (const id of ids) await run(id, action);
-	}, "u16", $scope0_id);
+	}, "u17", $scope0_id);
 	const setPreferred = _resume(async (agent) => {
 		input.preferredChange?.(agent);
 		try {
@@ -3989,7 +4044,7 @@ var settings_page_default = _template("u", (input) => {
 		} catch (err) {
 			error = String(err.message || err);
 		}
-	}, "u17", $scope0_id);
+	}, "u18", $scope0_id);
 	const saveTimer = { id: 0 };
 	const setInstance = _resume((patch) => {
 		const next = {
@@ -4014,7 +4069,7 @@ var settings_page_default = _template("u", (input) => {
 				error = String(err.message || err);
 			}
 		}, 300);
-	}, "u18", $scope0_id);
+	}, "u19", $scope0_id);
 	const setEnabled = _resume(async (id, on) => {
 		if (!setup) return;
 		const off = new Set(setup.agents.flatMap((f) => f.instances.filter((i) => !i.enabled).map((i) => i.id)));
@@ -4041,7 +4096,7 @@ var settings_page_default = _template("u", (input) => {
 		} catch (err) {
 			error = String(err.message || err);
 		}
-	}, "u19", $scope0_id);
+	}, "u20", $scope0_id);
 	const search = _resume((q) => {
 		query = q;
 		clearTimeout(searchTimer.id);
@@ -4062,22 +4117,22 @@ var settings_page_default = _template("u", (input) => {
 			}
 		}, 250);
 	}, "u0", $scope0_id);
-	const outdated = _resume((t) => !!(t.installed && t.latest && t.latest !== t.version), "u20");
+	const outdated = _resume((t) => !!(t.installed && t.latest && t.latest !== t.version), "u21");
 	const tools = setup?.tools || [];
 	const missingInstallable = tools.filter((t) => t.recommended && !t.installed && t.installable);
 	const missingCount = tools.filter((t) => t.recommended && !t.installed).length;
 	const outdatedIds = tools.filter(outdated).map((t) => t.id);
 	const families = setup?.agents || [];
 	const instanceIds = new Set(families.flatMap((f) => f.instances.map((i) => i.id)));
-	const accountsFor = _resume((id) => (usage?.agents || []).filter((u) => u.agent === id), "u21", $scope0_id);
-	const strayAccountsFor = _resume((f) => (usage?.agents || []).filter((u) => !instanceIds.has(u.agent) && familyOf(u.agent, families) === f.id), "u22", $scope0_id);
+	const accountsFor = _resume((id) => (usage?.agents || []).filter((u) => u.agent === id), "u22", $scope0_id);
+	const strayAccountsFor = _resume((f) => (usage?.agents || []).filter((u) => !instanceIds.has(u.agent) && familyOf(u.agent, families) === f.id), "u23", $scope0_id);
 	const otherUsage = (usage?.agents || []).filter((u) => familyOf(u.agent, families) === null);
 	const titleId = _id();
 	const agentsId = _id();
 	const appearanceId = _id();
 	const githubId = _id();
 	const machineId = _id();
-	_html(`<div${_attr_class("_bi")} role=region${_attr("aria-labelledby", titleId)}><div${_attr_class("_bj")}><div${_attr_class(content$2)}>`);
+	_html(`<div${_attr_class("_bz")} role=region${_attr("aria-labelledby", titleId)}><div${_attr_class("_bA")}><div${_attr_class(content$2)}>`);
 	_set_serialize_reason({
 		0: _serialize_guard($scope0_reason, 3),
 		1: $sg__input_backHref__OR__input_onExit,
@@ -4089,20 +4144,20 @@ var settings_page_default = _template("u", (input) => {
 		title: "Settings",
 		titleId,
 		backHref: input.backHref,
-		onBack: input.onExit && _resume(() => input.onExit?.(), "u23", $scope0_id),
-		meta: attrTag({ content: _content_resume("u28", () => {
+		onBack: input.onExit && _resume(() => input.onExit?.(), "u24", $scope0_id),
+		meta: attrTag({ content: _content_resume("u29", () => {
 			_scope_reason();
 			const $scope5_id = _scope_id();
 			_if(() => {
 				if (!setup) {
-					const $scope46_id = _scope_id();
+					const $scope50_id = _scope_id();
 					_html("Checking this machine…");
-					writeScope($scope46_id, {});
+					writeScope($scope50_id, {});
 					return 0;
 				} else if (setup.ready) {
-					const $scope47_id = _scope_id();
+					const $scope51_id = _scope_id();
 					_html(`<span${_attr_class("_cc")}>Ready</span>. Tools, GitHub, and an agent are all in place.`);
-					writeScope($scope47_id, {});
+					writeScope($scope51_id, {});
 					return 1;
 				} else {
 					const $scope6_id = _scope_id();
@@ -4114,7 +4169,7 @@ var settings_page_default = _template("u", (input) => {
 			_subscribe($setup2__closures, writeScope($scope5_id, { _: _scope_with_id($scope0_id) }));
 			_resume_branch($scope5_id);
 		}, $scope0_id) }),
-		actions: attrTag({ content: _content_resume("u29", () => {
+		actions: attrTag({ content: _content_resume("u30", () => {
 			_scope_reason();
 			const $scope10_id = _scope_id();
 			_html(`<button${_attr_class(iconBtnRow)} title="Re-check this machine" aria-label="Re-check this machine"${_attr("disabled", refreshing)}>`);
@@ -4125,7 +4180,7 @@ var settings_page_default = _template("u", (input) => {
 				class: refreshing && "_E"
 			});
 			_html(`</button>${_el_resume($scope10_id, "a")}`);
-			_script($scope10_id, "u27");
+			_script($scope10_id, "u28");
 			_subscribe($refreshing__closures, writeScope($scope10_id, {
 				_: _scope_with_id($scope0_id),
 				b: _existing_scope($childScope)
@@ -4140,8 +4195,8 @@ var settings_page_default = _template("u", (input) => {
 				placement: "inline",
 				onDismiss: _resume(function() {
 					error = null;
-				}, "u24", $scope8_id),
-				content: _content_resume("u30", () => {
+				}, "u25", $scope8_id),
+				content: _content_resume("u31", () => {
 					_scope_reason();
 					const $scope9_id = _scope_id();
 					_html(`${_escape(error)}${_el_resume($scope9_id, "a")}`);
@@ -4153,16 +4208,47 @@ var settings_page_default = _template("u", (input) => {
 			return 0;
 		}
 	}, $scope0_id, "e", 1, 1, 1, 0, 1);
-	_html(`<section${_attr_class("_bs")}${_attr("aria-labelledby", agentsId)}><div${_attr_class("_bt")}><h2${_attr("id", agentsId)}${_attr_class("_bH")}>Agents</h2><div${_attr_class("_y")}></div><label${_attr_class("_cg")}><span${_attr_class("_S")}>Default</span><span${_attr_class("_m")}>`);
-	_attr_select_value($scope0_id, "m", input.preferred, _resume(function(v) {
+	_if(() => {
+		if (selfUpdatePending || selfUpdating) {
+			const $scope36_id = _scope_id();
+			_html(`<div${_attr_class("_cF")} role=status><div${_attr_class("_cG")}>`);
+			_if(() => {
+				if (selfUpdating) {
+					const $scope52_id = _scope_id();
+					_html(`<span${_attr_class("_cH")}><span${_attr_class("_F")}></span> Updating work…</span><span${_attr_class("_cI")}>The app restarts and reloads when it is done.</span>`);
+					writeScope($scope52_id, {});
+					return 0;
+				} else {
+					const $scope37_id = _scope_id();
+					_html(`<span${_attr_class("_cH")}>Update available</span><span${_attr_class("_cI")}>v<!>${_escape(self.version)}${_el_resume($scope37_id, "c")} → v<!>${_escape(self.latest)}${_el_resume($scope37_id, "d")}</span>`);
+					_subscribe($self_version__closures, _subscribe($self_latest__closures, writeScope($scope37_id, {})));
+					return 1;
+				}
+			}, $scope36_id, "b", 1, 1, 1, "</div>");
+			_if(() => {
+				if (!selfUpdating) {
+					const $scope38_id = _scope_id();
+					_html(`<button${_attr_class(["_o", "_p"])}${_attr("title", `Update work to v${self.latest} and restart`)}>Update and restart</button>${_el_resume($scope38_id, "a")}`);
+					_script($scope38_id, "u32");
+					_subscribe($self_latest__closures, writeScope($scope38_id, { Ce9: 1 }));
+					return 0;
+				}
+			}, $scope36_id, "c", 1, 1, 1, 0, 1);
+			_html("</div>");
+			writeScope($scope36_id, {});
+			return 0;
+		}
+	}, $scope0_id, "f", 1, 1, 1, 0, 1);
+	_html(`<section${_attr_class("_bj")}${_attr("aria-labelledby", agentsId)}><div${_attr_class("_bk")}><h2${_attr("id", agentsId)}${_attr_class("_by")}>Agents</h2><div${_attr_class("_y")}></div><label${_attr_class("_cg")}><span${_attr_class("_S")}>Default</span><span${_attr_class("_m")}>`);
+	_attr_select_value($scope0_id, "n", input.preferred, _resume(function(v) {
 		setPreferred(v);
 	}, "u1", $scope0_id), () => {
 		_html(`<select${_attr_class(["_n", "_ch"])} aria-label="Default agent (starts when a workspace has no session yet)" title="Starts when a workspace has no session yet">`);
 		_for_of(input.agents.filter((a) => a !== "shell"), (id) => {
-			const $scope48_id = _scope_id();
-			_html(`<option${_attr_option_value(id)}>${_escape(agentLabel(id))}${_el_resume($scope48_id, "b", $sg__input_agents)}</option>${_el_resume($scope48_id, "a", $sg__input_agents)}`);
-			_serialize_if($scope0_reason, 4) && writeScope($scope48_id, {});
-		}, (a) => a, $scope0_id, "m", $sg__input_agents, 1, 1, "</select>", 1);
+			const $scope53_id = _scope_id();
+			_html(`<option${_attr_option_value(id)}>${_escape(agentLabel(id))}${_el_resume($scope53_id, "b", $sg__input_agents)}</option>${_el_resume($scope53_id, "a", $sg__input_agents)}`);
+			_serialize_if($scope0_reason, 4) && writeScope($scope53_id, {});
+		}, (a) => a, $scope0_id, "n", $sg__input_agents, 1, 1, "</select>", 1);
 	});
 	_html(`</span></label><button${_attr_class(iconBtn$2)} title="Refresh usage" aria-label="Refresh usage"${_attr("disabled", usageRefreshing)}>`);
 	_set_serialize_reason(1);
@@ -4171,26 +4257,26 @@ var settings_page_default = _template("u", (input) => {
 		size: 14,
 		class: usageRefreshing && "_E"
 	});
-	_html(`</button>${_el_resume($scope0_id, "n")}</div><ul${_attr_class(agentGrid)}>`);
+	_html(`</button>${_el_resume($scope0_id, "o")}</div><ul${_attr_class(agentGrid)}>`);
 	_for_of(families, (a) => {
 		const $scope1_id = _scope_id();
 		const lone = a.instances.length === 1 && a.instances[0].id === a.id ? a.instances[0] : null;
 		const rows = lone ? [] : a.instances;
 		const loneAccounts = lone && lone.enabled ? accountsFor(lone.id) : [];
 		const extraAccounts = a.installed ? strayAccountsFor(a) : [];
-		_html(`<li${_attr_class(["_bx", "_cf"])}><div${_attr_class(["_ci", { ["_cl"]: lone && !lone.enabled }])}>`);
+		_html(`<li${_attr_class(["_bo", "_cf"])}><div${_attr_class(["_ci", { ["_cl"]: lone && !lone.enabled }])}>`);
 		_set_serialize_reason(12);
 		const $childScope4 = _peek_scope_id();
 		icon_agent_default({
 			agent: a.id,
 			size: 18
 		});
-		_html(`<div${_attr_class("_by")}><span${_attr_class("_bA")}><span${_attr_class("_bz")}>${_escape(a.label)}${_el_resume($scope1_id, "g")}</span>`);
+		_html(`<div${_attr_class("_bp")}><span${_attr_class("_br")}><span${_attr_class("_bq")}>${_escape(a.label)}${_el_resume($scope1_id, "g")}</span>`);
 		_if(() => {
 			if (lone && input.preferred === lone.id) {
-				const $scope49_id = _scope_id();
+				const $scope54_id = _scope_id();
 				_html(`<span${_attr_class(["_I", tone.accent])}>default</span>`);
-				writeScope($scope49_id, {});
+				writeScope($scope54_id, {});
 				return 0;
 			}
 		}, $scope1_id, "h", 1, 1, 1, 0, 1);
@@ -4202,32 +4288,32 @@ var settings_page_default = _template("u", (input) => {
 				_subscribe($active__closures, writeScope($scope11_id, {}));
 				return 0;
 			} else if (!a.installed) {
-				const $scope50_id = _scope_id();
-				_html(`<span${_attr_class("_bB")}>Not installed</span>`);
-				writeScope($scope50_id, {});
+				const $scope55_id = _scope_id();
+				_html(`<span${_attr_class("_bs")}>Not installed</span>`);
+				writeScope($scope55_id, {});
 				return 1;
 			}
 		}, $scope1_id, "i", 1, 1, 1, 0, 1);
 		_html("</div>");
 		_if(() => {
 			if (!a.installed && !active.has(a.id)) {
-				const $scope39_id = _scope_id();
-				_html(`<button${_attr_class(btnSm)}>Install</button>${_el_resume($scope39_id, "a")}`);
-				_script($scope39_id, "u31");
-				writeScope($scope39_id, {});
+				const $scope43_id = _scope_id();
+				_html(`<button${_attr_class(btnSm)}>Install</button>${_el_resume($scope43_id, "a")}`);
+				_script($scope43_id, "u33");
+				writeScope($scope43_id, {});
 				return 0;
 			}
 		}, $scope1_id, "j", 1, 1, 1, 0, 1);
 		_if(() => {
 			if (lone) {
-				const $scope43_id = _scope_id();
+				const $scope47_id = _scope_id();
 				_html(`<button${_attr_class([
 					"_I",
 					"_K",
 					{ [tone.ok]: lone.enabled }
-				])} role=switch aria-checked=${lone.enabled ? "true" : "false"} title=${lone.enabled ? "\"Shown in session pickers. Hide it\"" : "\"Hidden from session pickers. Show it\""}>${lone.enabled ? "on" : "off"}${_el_resume($scope43_id, "b")}</button>${_el_resume($scope43_id, "a")}`);
-				_script($scope43_id, "u32");
-				writeScope($scope43_id, {});
+				])} role=switch aria-checked=${lone.enabled ? "true" : "false"} title=${lone.enabled ? "\"Shown in session pickers. Hide it\"" : "\"Hidden from session pickers. Show it\""}>${lone.enabled ? "on" : "off"}${_el_resume($scope47_id, "b")}</button>${_el_resume($scope47_id, "a")}`);
+				_script($scope47_id, "u34");
+				writeScope($scope47_id, {});
 				return 0;
 			}
 		}, $scope1_id, "k", 1, 1, 1, 0, 1);
@@ -4249,9 +4335,9 @@ var settings_page_default = _template("u", (input) => {
 					_html(`<span${_attr_class(["_cm", "_x"])}>${_escape(inst.command)}${_el_resume($scope3_id, "e")}</span>`);
 					_if(() => {
 						if (input.preferred === inst.id) {
-							const $scope51_id = _scope_id();
+							const $scope56_id = _scope_id();
 							_html(`<span${_attr_class(["_I", tone.accent])}>default</span>`);
-							writeScope($scope51_id, {});
+							writeScope($scope56_id, {});
 							return 0;
 						}
 					}, $scope3_id, "f", 1, 1, 1, 0, 1);
@@ -4261,17 +4347,17 @@ var settings_page_default = _template("u", (input) => {
 						{ [tone.ok]: inst.enabled }
 					])} role=switch aria-checked=${inst.enabled ? "true" : "false"} title=${inst.enabled ? "\"Shown in session pickers. Hide it\"" : "\"Hidden from session pickers. Show it\""}>${inst.enabled ? "on" : "off"}${_el_resume($scope3_id, "i")}</button>${_el_resume($scope3_id, "h")}</div>${_el_resume($scope3_id, "b")}`);
 					_for_of(accounts, (u) => {
-						const $scope52_id = _scope_id();
+						const $scope57_id = _scope_id();
 						_set_serialize_reason(6);
 						const $childScope6 = _peek_scope_id();
 						usage_meters_default({
 							agent: u,
 							hideName: true
 						});
-						writeScope($scope52_id, { a: _existing_scope($childScope6) });
+						writeScope($scope57_id, { a: _existing_scope($childScope6) });
 					}, (u) => `${u.agent}-${u.account || ""}`, $scope3_id, "j", 1, 1, 1, 0, 1);
 					_html("</li>");
-					_script($scope3_id, "u33");
+					_script($scope3_id, "u35");
 					_subscribe($accountsFor2__closures, _subscribe($si__input_preferred && $input_preferred__closures, writeScope($scope3_id, {
 						m: inst?.enabled,
 						n: inst?.id,
@@ -4279,7 +4365,7 @@ var settings_page_default = _template("u", (input) => {
 					})));
 				}, "id", $scope2_id, "b", 1, 1, 1, 0, 1);
 				_for_of(loneAccounts, (u) => {
-					const $scope53_id = _scope_id();
+					const $scope58_id = _scope_id();
 					_html("<li>");
 					_set_serialize_reason(6);
 					const $childScope7 = _peek_scope_id();
@@ -4288,16 +4374,16 @@ var settings_page_default = _template("u", (input) => {
 						hideName: true
 					});
 					_html("</li>");
-					writeScope($scope53_id, { a: _existing_scope($childScope7) });
+					writeScope($scope58_id, { a: _existing_scope($childScope7) });
 				}, (u) => `${u.agent}-${u.account || ""}`, $scope2_id, "c", 1, 1, 1, 0, 1);
 				_for_of(extraAccounts, (u) => {
-					const $scope54_id = _scope_id();
+					const $scope59_id = _scope_id();
 					_html("<li>");
 					_set_serialize_reason(6);
 					const $childScope8 = _peek_scope_id();
 					usage_meters_default({ agent: u });
 					_html("</li>");
-					writeScope($scope54_id, { a: _existing_scope($childScope8) });
+					writeScope($scope59_id, { a: _existing_scope($childScope8) });
 				}, (u) => `${u.agent}-${u.account || ""}`, $scope2_id, "d", 1, 1, 1, 0, 1);
 				_html("</ul>");
 				writeScope($scope2_id, {});
@@ -4318,40 +4404,40 @@ var settings_page_default = _template("u", (input) => {
 			a7: extraAccounts,
 			c: _existing_scope($childScope4)
 		});
-	}, "id", $scope0_id, "q", 1, 1, 1, 0, 1);
+	}, "id", $scope0_id, "r", 1, 1, 1, 0, 1);
 	_for_of(otherUsage, (u) => {
-		const $scope55_id = _scope_id();
-		_html(`<li${_attr_class(["_bx", "_cf"])}>`);
+		const $scope60_id = _scope_id();
+		_html(`<li${_attr_class(["_bo", "_cf"])}>`);
 		_set_serialize_reason(6);
 		const $childScope9 = _peek_scope_id();
 		usage_meters_default({ agent: u });
 		_html("</li>");
-		writeScope($scope55_id, { b: _existing_scope($childScope9) });
-	}, (u) => `${u.agent}-${u.account || ""}`, $scope0_id, "r", 1, 1, 1, 0, 1);
+		writeScope($scope60_id, { b: _existing_scope($childScope9) });
+	}, (u) => `${u.agent}-${u.account || ""}`, $scope0_id, "s", 1, 1, 1, 0, 1);
 	_html("</ul>");
 	_if(() => {
 		if (!usage && families.length) {
-			const $scope56_id = _scope_id();
-			_html(`<p${_attr_class("_bD")}><span${_attr_class("_F")}></span> Loading usage…</p>`);
-			writeScope($scope56_id, {});
+			const $scope61_id = _scope_id();
+			_html(`<p${_attr_class("_bu")}><span${_attr_class("_F")}></span> Loading usage…</p>`);
+			writeScope($scope61_id, {});
 			return 0;
 		} else if (usage?.error) {
 			const $scope7_id = _scope_id();
-			_html(`<p${_attr_class("_bD")}>${_escape(usage.error)}${_el_resume($scope7_id, "b")}</p>`);
+			_html(`<p${_attr_class("_bu")}>${_escape(usage.error)}${_el_resume($scope7_id, "b")}</p>`);
 			writeScope($scope7_id, {});
 			return 1;
 		}
-	}, $scope0_id, "s", 1, 1, 1, 0, 1);
-	_html(`</section><section${_attr_class("_bs")}${_attr("aria-labelledby", githubId)}><div${_attr_class("_bt")}><h2${_attr("id", githubId)}${_attr_class("_bH")}>GitHub</h2></div><ul${_attr_class("_bv")}>`);
+	}, $scope0_id, "t", 1, 1, 1, 0, 1);
+	_html(`</section><section${_attr_class("_bj")}${_attr("aria-labelledby", githubId)}><div${_attr_class("_bk")}><h2${_attr("id", githubId)}${_attr_class("_by")}>GitHub</h2></div><ul${_attr_class("_bm")}>`);
 	_for_of(setup?.github || [], (h) => {
 		const $scope12_id = _scope_id();
 		const $for_content4__h_host__closures = /* @__PURE__ */ new Set();
-		_html(`<li${_attr_class("_bx")}><div${_attr_class("_by")}><span${_attr_class("_bA")}><span${_attr_class(["_bz", "_x"])}>${_escape(h.host)}${_el_resume($scope12_id, "e")}</span>`);
+		_html(`<li${_attr_class("_bo")}><div${_attr_class("_bp")}><span${_attr_class("_br")}><span${_attr_class(["_bq", "_x"])}>${_escape(h.host)}${_el_resume($scope12_id, "e")}</span>`);
 		_if(() => {
 			if (h.isEnterprise) {
-				const $scope59_id = _scope_id();
+				const $scope64_id = _scope_id();
 				_html(`<span${_attr_class("_I")}>Enterprise</span>`);
-				writeScope($scope59_id, {});
+				writeScope($scope64_id, {});
 				return 0;
 			}
 		}, $scope12_id, "f", 1, 1, 1, 0, 1);
@@ -4365,17 +4451,17 @@ var settings_page_default = _template("u", (input) => {
 			} else if (active.has(h.host)) {
 				const $scope13_id = _scope_id();
 				_html(`<span${_attr_class("_cb")}><span${_attr_class("_F")}></span><!>${_escape(active.get(h.host) || "Starting…")}${_el_resume($scope13_id, "c")}</span>`);
-				_subscribe($active__closures, writeScope($scope13_id, { Cdo: 1 }));
+				_subscribe($active__closures, writeScope($scope13_id, { Cdx: 1 }));
 				return 1;
 			} else if (h.authed) {
-				const $scope57_id = _scope_id();
-				_html(`<span${_attr_class("_bB")}>Signed in<!>${h.user ? ` as ${_escape(`${_to_text(h.user)}`)}` : ""}${_el_resume($scope57_id, "b")}</span>`);
-				writeScope($scope57_id, {});
+				const $scope62_id = _scope_id();
+				_html(`<span${_attr_class("_bs")}>Signed in<!>${h.user ? ` as ${_escape(`${_to_text(h.user)}`)}` : ""}${_el_resume($scope62_id, "b")}</span>`);
+				writeScope($scope62_id, {});
 				return 2;
 			} else {
-				const $scope58_id = _scope_id();
-				_html(`<span${_attr_class("_bB")}>${_escape(h.error || "Not signed in")}${_el_resume($scope58_id, "b")}</span>`);
-				writeScope($scope58_id, {});
+				const $scope63_id = _scope_id();
+				_html(`<span${_attr_class("_bs")}>${_escape(h.error || "Not signed in")}${_el_resume($scope63_id, "b")}</span>`);
+				writeScope($scope63_id, {});
 				return 3;
 			}
 		}, $scope12_id, "g", 1, 1, 1, 0, 1);
@@ -4385,10 +4471,10 @@ var settings_page_default = _template("u", (input) => {
 				const $scope24_id = _scope_id();
 				_if(() => {
 					if (!h.authed) {
-						const $scope40_id = _scope_id();
-						_html(`<button${_attr_class(btnSm)}>Sign in</button>${_el_resume($scope40_id, "a")}`);
-						_script($scope40_id, "u34");
-						writeScope($scope40_id, {});
+						const $scope44_id = _scope_id();
+						_html(`<button${_attr_class(btnSm)}>Sign in</button>${_el_resume($scope44_id, "a")}`);
+						_script($scope44_id, "u36");
+						writeScope($scope44_id, {});
 						return 0;
 					} else {
 						const $scope25_id = _scope_id();
@@ -4396,7 +4482,7 @@ var settings_page_default = _template("u", (input) => {
 							["_r"]: confirmingRemove === `out:${h.host}`,
 							["_q"]: confirmingRemove === `out:${h.host}`
 						}])}${confirmingRemove === `out:${h.host}` ? _attr("title", `Sign out of ${h.host}?`) : _attr("title", `Sign out of ${h.host}`)}>${confirmingRemove === `out:${h.host}` ? "Sign out?" : "Sign out"}${_el_resume($scope25_id, "b")}</button>${_el_resume($scope25_id, "a")}`);
-						_script($scope25_id, "u35");
+						_script($scope25_id, "u37");
 						_subscribe($for_content4__h_host__closures, _subscribe($confirmingRemove__closures, writeScope($scope25_id, {})));
 						return 1;
 					}
@@ -4405,27 +4491,27 @@ var settings_page_default = _template("u", (input) => {
 					if (h.isEnterprise) {
 						const $scope26_id = _scope_id();
 						_html(`<button${_attr_class([
-							"_bC",
+							"_bt",
 							"_2",
 							"_3",
 							{ ["_q"]: confirmingRemove === h.host }
 						])}${confirmingRemove === h.host ? _attr("title", `Forget ${h.host}? (gh stays signed in)`) : _attr("title", `Forget ${h.host}`)}>`);
 						_if(() => {
 							if (confirmingRemove === h.host) {
-								const $scope60_id = _scope_id();
+								const $scope65_id = _scope_id();
 								_html("Forget?");
-								writeScope($scope60_id, {});
+								writeScope($scope65_id, {});
 								return 0;
 							} else {
-								const $scope61_id = _scope_id();
+								const $scope66_id = _scope_id();
 								icon_xmark_default({ size: 13 });
-								writeScope($scope61_id, {});
+								writeScope($scope66_id, {});
 								return 1;
 							}
 						}, $scope26_id, "a", 1, 1, 1, "</button>");
-						_script($scope26_id, "u36");
+						_script($scope26_id, "u38");
 						_subscribe($for_content4__h_host__closures, _subscribe($confirmingRemove__closures, writeScope($scope26_id, {
-							Cdr: 1,
+							Ce0: 1,
 							Cr: 1
 						})));
 						return 0;
@@ -4444,15 +4530,15 @@ var settings_page_default = _template("u", (input) => {
 			q: h?.error,
 			r: $for_content4__h_host__closures
 		});
-	}, "host", $scope0_id, "w", 1, 1, 1, "</ul>", 1);
+	}, "host", $scope0_id, "x", 1, 1, 1, "</ul>", 1);
 	_if(() => {
 		if (setup && !setup.github.length) {
-			const $scope62_id = _scope_id();
-			_html(`<p${_attr_class("_bD")}>Install the GitHub CLI below to sign in.</p>`);
-			writeScope($scope62_id, {});
+			const $scope67_id = _scope_id();
+			_html(`<p${_attr_class("_bu")}>Install the GitHub CLI below to sign in.</p>`);
+			writeScope($scope67_id, {});
 			return 0;
 		}
-	}, $scope0_id, "x", 1, 1, 1, 0, 1);
+	}, $scope0_id, "y", 1, 1, 1, 0, 1);
 	_if(() => {
 		if (setup) {
 			const $scope34_id = _scope_id();
@@ -4464,108 +4550,111 @@ var settings_page_default = _template("u", (input) => {
 			_html(`<input${_attr_input_value($scope34_id, "d", hostInput, _resume((_new_hostInput) => {
 				hostInput = _new_hostInput;
 			}, "u2", $scope34_id))}${_attr_class([inputLg, "_Y"])} type=text placeholder="Add a GitHub Enterprise host, e.g. github.example.com" aria-label="GitHub Enterprise host" autocomplete=off spellcheck=false>${_el_resume($scope34_id, "d")}</label><button${_attr_class(btnSm)} type=submit${_attr("disabled", !hostInput.trim() || hostBusy)}>${hostBusy ? "Adding…" : "Add host"}${_el_resume($scope34_id, "f")}</button>${_el_resume($scope34_id, "e")}</form>${_el_resume($scope34_id, "a")}`);
-			_script($scope34_id, "u37");
+			_script($scope34_id, "u39");
 			writeScope($scope34_id, {});
 			return 0;
 		}
-	}, $scope0_id, "y", 1, 1, 1, 0, 1);
-	_html(`</section><section${_attr_class("_bs")}${_attr("aria-labelledby", machineId)}><div${_attr_class("_bt")}><h2${_attr("id", machineId)}${_attr_class("_bH")}>Machine</h2>`);
+	}, $scope0_id, "z", 1, 1, 1, 0, 1);
+	_html(`</section><section${_attr_class("_bj")}${_attr("aria-labelledby", machineId)}><div${_attr_class("_bk")}><h2${_attr("id", machineId)}${_attr_class("_by")}>Machine</h2>`);
 	_if(() => {
 		if (missingCount) {
-			const $scope44_id = _scope_id();
-			_html(`<span${_attr_class(sectionCount$1)}>${_escape(missingCount)}${_el_resume($scope44_id, "b")} missing</span>`);
-			writeScope($scope44_id, {});
+			const $scope48_id = _scope_id();
+			_html(`<span${_attr_class(sectionCount$1)}>${_escape(missingCount)}${_el_resume($scope48_id, "b")} missing</span>`);
+			writeScope($scope48_id, {});
 			return 0;
 		}
-	}, $scope0_id, "a2", 1, 1, 1, 0, 1);
+	}, $scope0_id, "a3", 1, 1, 1, 0, 1);
 	_if(() => {
 		if (outdatedIds.length) {
-			const $scope45_id = _scope_id();
-			_html(`<span${_attr_class(sectionCount$1)}>${_escape(outdatedIds.length)}${_el_resume($scope45_id, "b")} outdated</span>`);
-			writeScope($scope45_id, {});
+			const $scope49_id = _scope_id();
+			_html(`<span${_attr_class(sectionCount$1)}>${_escape(outdatedIds.length)}${_el_resume($scope49_id, "b")} outdated</span>`);
+			writeScope($scope49_id, {});
 			return 0;
 		}
-	}, $scope0_id, "a3", 1, 1, 1, 0, 1);
+	}, $scope0_id, "a4", 1, 1, 1, 0, 1);
 	_html(`<div${_attr_class("_y")}></div>`);
 	_if(() => {
 		if (outdatedIds.length > 1) {
 			const $scope14_id = _scope_id();
 			_html(`<button${_attr_class(btnSm)}${_attr("disabled", active.size > 0)}>Update all</button>${_el_resume($scope14_id, "a")}`);
-			_script($scope14_id, "u38");
+			_script($scope14_id, "u40");
 			writeScope($scope14_id, {});
 			return 0;
 		}
-	}, $scope0_id, "a5", 1, 1, 1, 0, 1);
+	}, $scope0_id, "a6", 1, 1, 1, 0, 1);
 	_if(() => {
 		if (missingInstallable.length > 1) {
 			const $scope15_id = _scope_id();
 			_html(`<button${_attr_class(btnSm)}${_attr("disabled", active.size > 0)}>Install missing</button>${_el_resume($scope15_id, "a")}`);
-			_script($scope15_id, "u39");
+			_script($scope15_id, "u41");
 			writeScope($scope15_id, {});
 			return 0;
 		}
-	}, $scope0_id, "a6", 1, 1, 1, 0, 1);
+	}, $scope0_id, "a7", 1, 1, 1, 0, 1);
 	_html("</div>");
 	_if(() => {
 		if (setup && !setup.mise.installed) {
 			const $scope16_id = _scope_id();
-			_html(`<p${_attr_class("_bD")}>mise is not installed. It provides every tool below. <button${_attr_class(btnSm)}${_attr("disabled", active.has("mise"))}>${active.has("mise") ? "Installing…" : "Install mise"}${_el_resume($scope16_id, "c")}</button>${_el_resume($scope16_id, "b")}</p>`);
-			_script($scope16_id, "u40");
+			_html(`<p${_attr_class("_bu")}>mise is not installed. It provides every tool below. <button${_attr_class(btnSm)}${_attr("disabled", active.has("mise"))}>${active.has("mise") ? "Installing…" : "Install mise"}${_el_resume($scope16_id, "c")}</button>${_el_resume($scope16_id, "b")}</p>`);
+			_script($scope16_id, "u42");
 			writeScope($scope16_id, {});
 			return 0;
 		}
-	}, $scope0_id, "a7", 1, 1, 1, 0, 1);
+	}, $scope0_id, "a8", 1, 1, 1, 0, 1);
 	_html(`<ul${_attr_class(toolGrid)}>`);
 	_if(() => {
 		if (self) {
-			const $scope36_id = _scope_id();
+			const $scope39_id = _scope_id();
 			_html(`<li${_attr_class(row)}><span${_attr_class(["_cq", "_x"])}>work</span>`);
 			_if(() => {
 				if (selfUpdating) {
-					const $scope63_id = _scope_id();
+					const $scope68_id = _scope_id();
 					_html(`<span${_attr_class("_cb")}><span${_attr_class("_F")}></span>Updating — the app restarts and reloads when it is done…</span>`);
-					writeScope($scope63_id, {});
+					writeScope($scope68_id, {});
 					return 0;
 				} else {
-					const $scope37_id = _scope_id();
-					_html(`<span${_attr_class(["_x", metaTrunc])} title="Running version">v<!>${_escape(self.version)}${_el_resume($scope37_id, "b")}</span>`);
+					const $scope40_id = _scope_id();
+					_html(`<span${_attr_class(["_x", metaTrunc])} title="Running version">v<!>${_escape(self.version)}${_el_resume($scope40_id, "b")}</span>`);
 					_if(() => {
 						if (self.install === "source") {
-							const $scope64_id = _scope_id();
+							const $scope69_id = _scope_id();
 							_html(`<span${_attr_class(metaTrunc)} title="Started from a checkout, not the published package">source checkout — update with git</span>`);
-							writeScope($scope64_id, {});
+							writeScope($scope69_id, {});
 							return 0;
 						} else if (self.latest && self.latest !== self.version) {
-							const $scope38_id = _scope_id();
-							_html(`<button${_attr_class([btnSm, "_cs"])}${_attr("title", `Update work to v${self.latest} and restart`)}>↑ <!>${_escape(self.latest)}${_el_resume($scope38_id, "b")}</button>${_el_resume($scope38_id, "a")}`);
-							_script($scope38_id, "u41");
-							_subscribe($self_latest__closures, writeScope($scope38_id, { Ce1: 1 }));
+							const $scope41_id = _scope_id();
+							_html(`<button${_attr_class([btnSm, "_cs"])}${_attr("title", `Update work to v${self.latest} and restart`)}>↑ <!>${_escape(self.latest)}${_el_resume($scope41_id, "b")}</button>${_el_resume($scope41_id, "a")}`);
+							_script($scope41_id, "u43");
+							_subscribe($self_latest__closures, writeScope($scope41_id, { Ce9: 3 }));
 							return 1;
 						} else if (self.latest) {
-							const $scope65_id = _scope_id();
+							const $scope70_id = _scope_id();
 							_html(`<span${_attr_class(metaTrunc)}>up to date</span>`);
-							writeScope($scope65_id, {});
+							writeScope($scope70_id, {});
 							return 2;
 						}
-					}, $scope37_id, "c", 1, 1, 1, 0, 1);
-					_subscribe($self_latest__closures, _subscribe($self_install__closures, _subscribe($self_version__closures, writeScope($scope37_id, {}))));
+					}, $scope40_id, "c", 1, 1, 1, 0, 1);
+					_subscribe($self_version__closures, _subscribe($self_latest__closures, _subscribe($self_install__closures, writeScope($scope40_id, {
+						Ce9: 2,
+						Cea: 1
+					}))));
 					return 1;
 				}
-			}, $scope36_id, "c");
+			}, $scope39_id, "c");
 			_html(`<span${_attr_class("_y")}></span>`);
 			_if(() => {
 				if (!selfUpdating) {
-					const $scope66_id = _scope_id();
+					const $scope71_id = _scope_id();
 					_html(`<span${_attr_class("_I")}>app</span>`);
-					writeScope($scope66_id, {});
+					writeScope($scope71_id, {});
 					return 0;
 				}
-			}, $scope36_id, "e", 1, 1, 1, 0, 1);
+			}, $scope39_id, "e", 1, 1, 1, 0, 1);
 			_html("</li>");
-			writeScope($scope36_id, {});
+			writeScope($scope39_id, {});
 			return 0;
 		}
-	}, $scope0_id, "a9", 1, 1, 1, 0, 1);
+	}, $scope0_id, "aa", 1, 1, 1, 0, 1);
 	_for_of(tools, (t) => {
 		const $scope17_id = _scope_id();
 		const $for_content5__t_label__closures = /* @__PURE__ */ new Set();
@@ -4578,7 +4667,7 @@ var settings_page_default = _template("u", (input) => {
 			if (active.has(t.id)) {
 				const $scope18_id = _scope_id();
 				_html(`<span${_attr_class("_cb")}><span${_attr_class("_F")}></span><!>${_escape(active.get(t.id) || "Starting…")}${_el_resume($scope18_id, "c")}</span>`);
-				_subscribe($active__closures, writeScope($scope18_id, { Cdo: 2 }));
+				_subscribe($active__closures, writeScope($scope18_id, { Cdx: 2 }));
 				return 0;
 			} else if (t.installed) {
 				const $scope30_id = _scope_id();
@@ -4586,36 +4675,36 @@ var settings_page_default = _template("u", (input) => {
 					if (t.version) {
 						const $scope31_id = _scope_id();
 						_html(`<button${_attr_class(["_cr", "_x"])}${_attr("title", `${t.path || t.label}. Pin a version`)}>v<!>${_escape(t.version)}${_el_resume($scope31_id, "b")}</button>${_el_resume($scope31_id, "a")}`);
-						_script($scope31_id, "u42");
+						_script($scope31_id, "u44");
 						_subscribe($for_content5__t_path__closures, _subscribe($for_content5__t_version__closures, _subscribe($for_content5__t_label__closures, writeScope($scope31_id, { Cu: 1 }))));
 						return 0;
 					} else {
-						const $scope67_id = _scope_id();
-						_html(`<span${_attr_class([metaTrunc, "_x"])}${_attr("title", t.path)}>${_escape(t.path)}${_el_resume($scope67_id, "b")}</span>${_el_resume($scope67_id, "a")}`);
-						_subscribe($for_content5__t_path__closures, writeScope($scope67_id, { Cx: 1 }));
+						const $scope72_id = _scope_id();
+						_html(`<span${_attr_class([metaTrunc, "_x"])}${_attr("title", t.path)}>${_escape(t.path)}${_el_resume($scope72_id, "b")}</span>${_el_resume($scope72_id, "a")}`);
+						_subscribe($for_content5__t_path__closures, writeScope($scope72_id, { Cx: 1 }));
 						return 1;
 					}
 				}, $scope30_id, "a", 1, 1, 1, 0, 1);
 				_if(() => {
 					if (outdated(t)) {
-						const $scope41_id = _scope_id();
-						_html(`<button${_attr_class([btnSm, "_cs"])}${_attr("title", `Update to v${t.latest}`)}>↑ <!>${_escape(t.latest)}${_el_resume($scope41_id, "b")}</button>${_el_resume($scope41_id, "a")}`);
-						_script($scope41_id, "u43");
-						_subscribe($for_content5__t_latest__closures, writeScope($scope41_id, {}));
+						const $scope45_id = _scope_id();
+						_html(`<button${_attr_class([btnSm, "_cs"])}${_attr("title", `Update to v${t.latest}`)}>↑ <!>${_escape(t.latest)}${_el_resume($scope45_id, "b")}</button>${_el_resume($scope45_id, "a")}`);
+						_script($scope45_id, "u45");
+						_subscribe($for_content5__t_latest__closures, writeScope($scope45_id, {}));
 						return 0;
 					}
 				}, $scope30_id, "b", 1, 1, 1, 0, 1);
 				writeScope($scope30_id, {});
 				return 1;
 			} else if (t.installable) {
-				const $scope68_id = _scope_id();
+				const $scope73_id = _scope_id();
 				_html(`<span${_attr_class(metaTrunc)}>not installed</span>`);
-				writeScope($scope68_id, {});
+				writeScope($scope73_id, {});
 				return 2;
 			} else {
-				const $scope69_id = _scope_id();
+				const $scope74_id = _scope_id();
 				_html(`<span${_attr_class(metaTrunc)} title="Installed with the system package manager">system package</span>`);
-				writeScope($scope69_id, {});
+				writeScope($scope74_id, {});
 				return 3;
 			}
 		}, $scope17_id, "d");
@@ -4625,18 +4714,18 @@ var settings_page_default = _template("u", (input) => {
 				const $scope27_id = _scope_id();
 				_if(() => {
 					if (t.required) {
-						const $scope70_id = _scope_id();
+						const $scope75_id = _scope_id();
 						_html(`<span${_attr_class("_I")}>required</span>`);
-						writeScope($scope70_id, {});
+						writeScope($scope75_id, {});
 						return 0;
 					}
 				}, $scope27_id, "a", 1, 1, 1, 0, 1);
 				_if(() => {
 					if (!t.installed && t.installable) {
-						const $scope42_id = _scope_id();
-						_html(`<button${_attr_class(btnSm)}>Install</button>${_el_resume($scope42_id, "a")}`);
-						_script($scope42_id, "u44");
-						writeScope($scope42_id, {});
+						const $scope46_id = _scope_id();
+						_html(`<button${_attr_class(btnSm)}>Install</button>${_el_resume($scope46_id, "a")}`);
+						_script($scope46_id, "u46");
+						writeScope($scope46_id, {});
 						return 0;
 					} else if (t.installed && t.version && !t.required) {
 						const $scope28_id = _scope_id();
@@ -4648,19 +4737,19 @@ var settings_page_default = _template("u", (input) => {
 						])}${confirmingRemove === t.id ? _attr("title", `Remove ${t.label}?`) : _attr("title", `Remove ${t.label}`)}>`);
 						_if(() => {
 							if (confirmingRemove === t.id) {
-								const $scope71_id = _scope_id();
+								const $scope76_id = _scope_id();
 								_html("Remove?");
-								writeScope($scope71_id, {});
+								writeScope($scope76_id, {});
 								return 0;
 							} else {
-								const $scope72_id = _scope_id();
+								const $scope77_id = _scope_id();
 								icon_xmark_default({ size: 13 });
-								writeScope($scope72_id, {});
+								writeScope($scope77_id, {});
 								return 1;
 							}
 						}, $scope28_id, "a", 1, 1, 1, "</button>");
-						_script($scope28_id, "u45");
-						_subscribe($for_content5__t_id__closures, _subscribe($for_content5__t_label__closures, _subscribe($confirmingRemove__closures, writeScope($scope28_id, { Cdr: 2 }))));
+						_script($scope28_id, "u47");
+						_subscribe($for_content5__t_id__closures, _subscribe($for_content5__t_label__closures, _subscribe($confirmingRemove__closures, writeScope($scope28_id, { Ce0: 2 }))));
 						return 1;
 					}
 				}, $scope27_id, "b", 1, 1, 1, 0, 1);
@@ -4685,7 +4774,7 @@ var settings_page_default = _template("u", (input) => {
 			y: $for_content5__t_latest__closures,
 			v: $for_content5__t_id__closures
 		});
-	}, "id", $scope0_id, "aa", 1, 1, 1, 0, 1);
+	}, "id", $scope0_id, "ab", 1, 1, 1, 0, 1);
 	_html("</ul>");
 	_if(() => {
 		if (setup && setup.mise.installed) {
@@ -4702,17 +4791,17 @@ var settings_page_default = _template("u", (input) => {
 					_html(`<ul${_attr_class([toolGrid, "_ct"])}>`);
 					_for_of(hits, (h) => {
 						const $scope21_id = _scope_id();
-						_html(`<li${_attr_class(row)}><div${_attr_class("_by")}><span${_attr_class(["_cq", "_x"])}>${_escape(h.name)}${_el_resume($scope21_id, "d")}</span>`);
+						_html(`<li${_attr_class(row)}><div${_attr_class("_bp")}><span${_attr_class(["_cq", "_x"])}>${_escape(h.name)}${_el_resume($scope21_id, "d")}</span>`);
 						_if(() => {
 							if (active.has(h.name)) {
 								const $scope22_id = _scope_id();
 								_html(`<span${_attr_class("_cb")}><span${_attr_class("_F")}></span><!>${_escape(active.get(h.name) || "Starting…")}${_el_resume($scope22_id, "c")}</span>`);
-								_subscribe($active__closures, writeScope($scope22_id, { Cdo: 4 }));
+								_subscribe($active__closures, writeScope($scope22_id, { Cdx: 4 }));
 								return 0;
 							} else if (h.description) {
-								const $scope73_id = _scope_id();
-								_html(`<span${_attr_class("_bB")}${_attr("title", h.description)}>${_escape(h.description)}${_el_resume($scope73_id, "b")}</span>${_el_resume($scope73_id, "a")}`);
-								writeScope($scope73_id, {});
+								const $scope78_id = _scope_id();
+								_html(`<span${_attr_class("_bs")}${_attr("title", h.description)}>${_escape(h.description)}${_el_resume($scope78_id, "b")}</span>${_el_resume($scope78_id, "a")}`);
+								writeScope($scope78_id, {});
 								return 1;
 							}
 						}, $scope21_id, "e", 1, 1, 1, 0, 1);
@@ -4722,14 +4811,14 @@ var settings_page_default = _template("u", (input) => {
 								const $scope32_id = _scope_id();
 								_if(() => {
 									if (h.installed) {
-										const $scope74_id = _scope_id();
+										const $scope79_id = _scope_id();
 										_html(`<span${_attr_class("_I")}>installed</span>`);
-										writeScope($scope74_id, {});
+										writeScope($scope79_id, {});
 										return 0;
 									} else {
 										const $scope33_id = _scope_id();
 										_html(`<button${_attr_class(btnSm)}>Install</button>${_el_resume($scope33_id, "a")}<button${_attr_class(btnSm)} title="Install a specific version">@…</button>${_el_resume($scope33_id, "b")}`);
-										_script($scope33_id, "u46");
+										_script($scope33_id, "u48");
 										writeScope($scope33_id, {});
 										return 1;
 									}
@@ -4743,48 +4832,71 @@ var settings_page_default = _template("u", (input) => {
 							i: h?.name,
 							k: h?.description,
 							m: h?.installed,
-							Cdo: 3
+							Cdx: 3
 						}));
 					}, "name", $scope20_id, "a", 1, 1, 1, "</ul>", 1);
 					_subscribe($hits__closures, writeScope($scope20_id, {}));
 					return 0;
 				} else if (hits && !searching) {
 					const $scope35_id = _scope_id();
-					_html(`<p${_attr_class("_bD")}>No tools match "<!>${_escape(query)}${_el_resume($scope35_id, "b")}".</p>`);
+					_html(`<p${_attr_class("_bu")}>No tools match "<!>${_escape(query)}${_el_resume($scope35_id, "b")}".</p>`);
 					_subscribe($query__closures, writeScope($scope35_id, {}));
 					return 1;
 				}
 			}, $scope19_id, "d", 1, 1, 1, 0, 1);
 			_html("</div>");
-			_script($scope19_id, "u47");
+			_script($scope19_id, "u49");
 			writeScope($scope19_id, {});
 			return 0;
 		}
-	}, $scope0_id, "ab", 1, 1, 1, 0, 1);
-	_html(`</section><section${_attr_class("_bs")}${_attr("aria-labelledby", appearanceId)}><div${_attr_class("_bt")}><h2${_attr("id", appearanceId)}${_attr_class("_bH")}>Appearance</h2></div><div${_attr_class(["_bx", "_cx"])}><label${_attr_class("_cy")}><span${_attr_class("_cz")}>Name</span><input${_attr_input_value($scope0_id, "ai", input.instance.name, _resume(function(v) {
+	}, $scope0_id, "ac", 1, 1, 1, 0, 1);
+	_html(`</section><section${_attr_class("_bj")}${_attr("aria-labelledby", appearanceId)}><div${_attr_class("_bk")}><h2${_attr("id", appearanceId)}${_attr_class("_by")}>Appearance</h2></div><div${_attr_class(["_bo", "_cx"])}><label${_attr_class("_cy")}><span${_attr_class("_cz")}>Name</span><input${_attr_input_value($scope0_id, "aj", input.instance.name, _resume(function(v) {
 		setInstance({ name: v });
-	}, "u3", $scope0_id))}${_attr_class(["_U", "_cA"])} type=text placeholder=work maxlength=32 autocomplete=off spellcheck=false aria-describedby=look-name-hint>${_el_resume($scope0_id, "ai")}<span id=look-name-hint${_attr_class(["_S", "_cB"])}>Tab title, home-screen icon, and notifications.</span></label><div${_attr_class("_cy")} role=radiogroup aria-label="Accent colour"><span${_attr_class("_cz")}>Accent</span><span${_attr_class("_cC")}><button type=button${_attr_class([
-		"_cD",
-		"_cF",
-		{ ["_cE"]: !input.instance.accent }
-	])} role=radio aria-checked=${!input.instance.accent ? "true" : "false"} title="Default (blue)" aria-label="Default (blue)"></button>${_el_resume($scope0_id, "an")}`);
+	}, "u3", $scope0_id))}${_attr_class(["_U", "_cA"])} type=text placeholder=work maxlength=32 autocomplete=off spellcheck=false aria-describedby=look-name-hint>${_el_resume($scope0_id, "aj")}<span id=look-name-hint${_attr_class(["_S", "_cB"])}>Tab title, home-screen icon, and notifications.</span></label><div${_attr_class("_cy")} role=radiogroup aria-label="Color theme"><span${_attr_class("_cz")}>Theme</span><span${_attr_class("_cC")}>`);
+	_for_of([
+		{
+			id: "system",
+			label: "System"
+		},
+		{
+			id: "light",
+			label: "Light"
+		},
+		{
+			id: "dark",
+			label: "Dark"
+		}
+	], (opt) => {
+		const $scope42_id = _scope_id();
+		_html(`<button type=button${_attr_class(["_cD", { ["_cE"]: themeMode === opt.id }])} role=radio aria-checked=${themeMode === opt.id ? "true" : "false"}>${_escape(opt.label)}</button>${_el_resume($scope42_id, "a")}`);
+		_script($scope42_id, "u50");
+		writeScope($scope42_id, {
+			e: opt?.id,
+			_: _scope_with_id($scope0_id)
+		});
+	}, "id", $scope0_id, "an", 1, 0, 1, 0, 1);
+	_html(`</span><span${_attr_class(["_S", "_cB"])}>Follow the OS, or force light or dark.</span></div><div${_attr_class("_cy")} role=radiogroup aria-label="Accent colour"><span${_attr_class("_cz")}>Accent</span><span${_attr_class("_cJ")}><button type=button${_attr_class([
+		"_cK",
+		"_cM",
+		{ ["_cL"]: !input.instance.accent }
+	])} role=radio aria-checked=${!input.instance.accent ? "true" : "false"} title="Default (blue)" aria-label="Default (blue)"></button>${_el_resume($scope0_id, "as")}`);
 	_for_of(ACCENT_PRESETS, (p) => {
 		const $scope4_id = _scope_id();
-		_html(`<button type=button${_attr_class(["_cD", { ["_cE"]: input.instance.accent === p.value }])}${_attr_style(`--swatch:${p.value}`)} role=radio aria-checked=${input.instance.accent === p.value ? "true" : "false"}${_attr("title", p.name)}${_attr("aria-label", p.name)}></button>${_el_resume($scope4_id, "a")}`);
-		_script($scope4_id, "u48");
+		_html(`<button type=button${_attr_class(["_cK", { ["_cL"]: input.instance.accent === p.value }])}${_attr_style(`--swatch:${p.value}`)} role=radio aria-checked=${input.instance.accent === p.value ? "true" : "false"}${_attr("title", p.name)}${_attr("aria-label", p.name)}></button>${_el_resume($scope4_id, "a")}`);
+		_script($scope4_id, "u51");
 		writeScope($scope4_id, {
 			d: p?.value,
 			_: _scope_with_id($scope0_id)
 		});
-	}, "value", $scope0_id, "ao", $sg__input_instance_accent, 0, 1, 0, 1);
+	}, "value", $scope0_id, "at", $sg__input_instance_accent, 0, 1, 0, 1);
 	const customOn = !!input.instance.accent && !ACCENT_PRESETS.some((p) => p.value === input.instance.accent);
 	_html(`<label${_attr_class([
-		"_cD",
-		"_cG",
-		{ ["_cE"]: customOn }
-	])}${customOn ? _attr_style(`--swatch:${input.instance.accent}`) : ""} title="Custom colour"><input${_attr_input_value($scope0_id, "aq", input.instance.accent || "#3556d8", _resume(function(v) {
+		"_cK",
+		"_cN",
+		{ ["_cL"]: customOn }
+	])}${customOn ? _attr_style(`--swatch:${input.instance.accent}`) : ""} title="Custom colour"><input${_attr_input_value($scope0_id, "av", input.instance.accent || "#3556d8", _resume(function(v) {
 		setInstance({ accent: v });
-	}, "u4", $scope0_id))}${_attr_class("_cH")} type=color aria-label="Custom accent colour">${_el_resume($scope0_id, "aq")}<span aria-hidden=true>+</span></label>${_el_resume($scope0_id, "ap", $sg__input_instance_accent)}</span><span${_attr_class(["_S", "_cB"])}>Selected rows, buttons, and the icon.</span></div></div></section></div></div></div>`);
+	}, "u4", $scope0_id))}${_attr_class("_cO")} type=color aria-label="Custom accent colour">${_el_resume($scope0_id, "av")}<span aria-hidden=true>+</span></label>${_el_resume($scope0_id, "au", $sg__input_instance_accent)}</span><span${_attr_class(["_S", "_cB"])}>Selected rows, buttons, and the icon.</span></div></div></section></div></div></div>`);
 	_if(() => {
 		if (versionPick) {
 			const $scope29_id = _scope_id();
@@ -4798,110 +4910,111 @@ var settings_page_default = _template("u", (input) => {
 				open: versionPick != null,
 				openChange: _resume(function(o) {
 					if (!o) versionPick = null;
-				}, "u25", $scope29_id),
+				}, "u26", $scope29_id),
 				onSubmit: _resume(function(v) {
 					const pick = versionPick;
 					versionPick = null;
 					run(pick.id, "install", v);
-				}, "u26", $scope29_id)
+				}, "u27", $scope29_id)
 			});
 			writeScope($scope29_id, { a: _existing_scope($childScope10) });
 			return 0;
 		}
-	}, $scope0_id, "as", 1, 1, 1, 0, 1);
-	_script($scope0_id, "u49");
-	_script($scope0_id, "u50");
+	}, $scope0_id, "ax", 1, 1, 1, 0, 1);
+	_script($scope0_id, "u52");
+	_script($scope0_id, "u53");
 	writeScope($scope0_id, {
-		aw: input.setupChange,
-		ax: input.agentsChange,
-		ay: input.preferred,
-		az: input.preferredChange,
-		b1: input.instance,
-		b2: input.instanceChange,
-		b4: input.onExit,
-		b6: $si__input_instance__OR__input_instanceChange && input.instance?.name,
-		b7: $si__input_instance__OR__input_instanceChange && input.instance?.accent,
-		b8: setup,
-		b9: setup?.agents,
-		bb: setup?.missing,
-		bd: usage,
-		be: usage?.agents,
-		bf: usage?.error,
-		bg: error,
-		bh: refreshing,
-		bj: active,
-		bk: active?.size,
-		bl: authCodes,
-		bm: confirmingRemove,
-		bn: versionPick,
-		bo: versionPick?.label,
-		bp: versionPick?.current,
-		bq: hostInput,
-		br: hostBusy,
-		bs: query,
-		bt: hits,
-		bu: self,
-		bv: self?.version,
-		bw: self?.install,
-		bx: self?.latest,
-		by: selfUpdating,
-		c0: searching,
-		c2: searchTimer.id,
-		c4: applySetup,
-		c6: syncAgents,
-		c7: loadSetup,
-		c8: loadSelf,
-		ca: updateSelf,
-		cb: loadUsage,
-		cd: refresh,
-		ce: refreshUsage,
-		cf: setActive,
-		ch: run,
-		ci: changeHost,
-		cj: runEach,
-		ck: setPreferred,
-		cn: saveTimer.id,
-		cp: setInstance,
-		cs: setEnabled,
-		ct: search,
-		cu: outdated,
-		cx: missingInstallable,
-		cz: missingCount,
-		d0: outdatedIds,
-		d1: outdatedIds?.length,
-		d2: families,
-		d4: families.length,
-		d6: instanceIds,
-		d8: accountsFor,
-		d9: strayAccountsFor,
-		dk: $setup_missing__closures,
-		dj: $setup2__closures,
-		dn: $refreshing__closures,
+		b1: input.setupChange,
+		b2: input.agentsChange,
+		b3: input.preferred,
+		b4: input.preferredChange,
+		b6: input.instance,
+		b7: input.instanceChange,
+		b9: input.onExit,
+		bb: $si__input_instance__OR__input_instanceChange && input.instance?.name,
+		bc: $si__input_instance__OR__input_instanceChange && input.instance?.accent,
+		bd: setup,
+		be: setup?.agents,
+		bg: setup?.missing,
+		bi: usage,
+		bj: usage?.agents,
+		bk: usage?.error,
+		bl: error,
+		bm: refreshing,
+		bo: active,
+		bp: active?.size,
+		bq: authCodes,
+		br: confirmingRemove,
+		bs: versionPick,
+		bt: versionPick?.label,
+		bu: versionPick?.current,
+		bv: hostInput,
+		bw: hostBusy,
+		bx: query,
+		by: hits,
+		bz: self,
+		c0: self?.install,
+		c1: self?.latest,
+		c2: self?.version,
+		c3: selfUpdating,
+		c6: searching,
+		c8: searchTimer.id,
+		ca: setThemeMode,
+		cd: applySetup,
+		cf: syncAgents,
+		cg: loadSetup,
+		ch: loadSelf,
+		cj: updateSelf,
+		ck: loadUsage,
+		cm: refresh,
+		cn: refreshUsage,
+		co: setActive,
+		cq: run,
+		cr: changeHost,
+		cs: runEach,
+		ct: setPreferred,
+		cw: saveTimer.id,
+		cy: setInstance,
+		d1: setEnabled,
+		d2: search,
+		d3: outdated,
+		d6: missingInstallable,
+		d8: missingCount,
+		d9: outdatedIds,
+		da: outdatedIds?.length,
+		db: families,
+		dd: families.length,
+		df: instanceIds,
+		dh: accountsFor,
+		di: strayAccountsFor,
+		dt: $setup_missing__closures,
+		ds: $setup2__closures,
+		dw: $refreshing__closures,
 		d: _serialize_if($scope0_reason, 1) && _existing_scope($childScope2),
-		dm: $error__closures,
-		o: _existing_scope($childScope3),
-		do: $active__closures,
-		dh: $si__input_preferred && $input_preferred__closures,
-		e9: $accountsFor2__closures,
-		dq: $authCodes__closures,
-		dr: $confirmingRemove__closures,
-		e1: $self_latest__closures,
-		dz: $self_version__closures,
-		e0: $self_install__closures,
-		dy: $hits__closures,
-		dx: $query__closures
+		dv: $error__closures,
+		e9: $self_latest__closures,
+		ea: $self_version__closures,
+		p: _existing_scope($childScope3),
+		dx: $active__closures,
+		dq: $si__input_preferred && $input_preferred__closures,
+		ej: $accountsFor2__closures,
+		dz: $authCodes__closures,
+		e0: $confirmingRemove__closures,
+		e8: $self_install__closures,
+		e7: $hits__closures,
+		e6: $query__closures
 	});
 	_resume_branch($scope0_id);
 });
 //#endregion
 //#region src/tags/new-workspace.css.ts
-var content$1 = "_bI _bk";
-var section$1 = "_bM _bs";
+var content$1 = "_bI _bB";
+var section$1 = "_bM _bj";
 var curBase = "_bR _T _S";
-var archived = "_bW _bs";
+var archived = "_bW _bj";
 var archivedHint = "_bX _S";
-var archivedCard = "_bY _bx";
-var resultBranch = "_cO _Z _j";
+var archivedCard = "_bY _bo";
+var resultBranch = "_c7 _Z _j";
 //#endregion
 //#region src/tags/branch-pick.marko
 var branch_pick_default = _template("d", (input) => {
@@ -4912,11 +5025,11 @@ var branch_pick_default = _template("d", (input) => {
 	let branches = null;
 	let defaultBranch = null;
 	let branchFilter = "";
-	_html(`<div${_attr_class("_cQ")}>`);
+	_html(`<div${_attr_class("_c9")}>`);
 	_if(() => {
 		{
 			const $scope4_id = _scope_id();
-			_html(`<p${_attr_class("_bD")}><span${_attr_class("_F")}></span> Loading branches…</p>`);
+			_html(`<p${_attr_class("_bu")}><span${_attr_class("_F")}></span> Loading branches…</p>`);
 			writeScope($scope4_id, {});
 			return 0;
 		}
@@ -4986,7 +5099,7 @@ var repo_picker_default = _template("s", (input) => {
 		branchesFor = branchesFor === fullName ? null : fullName;
 		if (fullName !== pasted) pasteWillFork = false;
 	}, "s6", $scope0_id);
-	_html(`<div${_attr_class("_cI")}><label${_attr_class("_W")}>`);
+	_html(`<div${_attr_class("_c1")}><label${_attr_class("_W")}>`);
 	icon_search_default({
 		size: 14,
 		class: "_X"
@@ -4999,22 +5112,22 @@ var repo_picker_default = _template("s", (input) => {
 	_if(() => {
 		if (pasted) {
 			const $scope1_id = _scope_id();
-			_html(`<ul${_attr_class("_cJ")}><li><div${_attr_class(["_cL", "_cK"])}><button${_attr_class("_cM")}${pasteWillFork ? _attr("title", `Fork ${pasted} to your account and add the fork`) : _attr("title", `Add ${pasted} as-is (pushes go to that repo)`)}>`);
+			_html(`<ul${_attr_class("_c2")}><li><div${_attr_class(["_c4", "_c3"])}><button${_attr_class("_c5")}${pasteWillFork ? _attr("title", `Fork ${pasted} to your account and add the fork`) : _attr("title", `Add ${pasted} as-is (pushes go to that repo)`)}>`);
 			icon_plus_default({
 				size: 12,
-				class: "_cS"
+				class: "_da"
 			});
-			_html(`<span${_attr_class("_cT")}>${_escape(repoLabel(pasted))}${_el_resume($scope1_id, "f")}</span></button>${_el_resume($scope1_id, "c")}`);
+			_html(`<span${_attr_class("_db")}>${_escape(repoLabel(pasted))}${_el_resume($scope1_id, "f")}</span></button>${_el_resume($scope1_id, "c")}`);
 			_if(() => {
 				if (pastedForkable) {
 					const $scope7_id = _scope_id();
-					_html(`<button${_attr_class(["_cP", { ["_cN"]: pasteWillFork }])}${pasteWillFork ? " title=\"Will fork to your account; click to clone as-is instead\"" : _attr("title", `Fork ${pasted} to your account and clone the fork`)} aria-pressed=${pasteWillFork ? "true" : "false"}>${pasteWillFork ? "✓ fork" : "Fork"}${_el_resume($scope7_id, "b")}</button>${_el_resume($scope7_id, "a")}`);
+					_html(`<button${_attr_class(["_c8", { ["_c6"]: pasteWillFork }])}${pasteWillFork ? " title=\"Will fork to your account; click to clone as-is instead\"" : _attr("title", `Fork ${pasted} to your account and clone the fork`)} aria-pressed=${pasteWillFork ? "true" : "false"}>${pasteWillFork ? "✓ fork" : "Fork"}${_el_resume($scope7_id, "b")}</button>${_el_resume($scope7_id, "a")}`);
 					_script($scope7_id, "s11");
 					_subscribe($pasteWillFork__closures, _subscribe($pasted__closures, writeScope($scope7_id, { Cah: 1 })));
 					return 0;
 				}
 			}, $scope1_id, "g", 1, 1, 1, 0, 1);
-			_html(`<button${_attr_class([resultBranch, { ["_cN"]: branchesFor === pasted }])}${_attr("title", `Pick a base branch for ${pasted}`)}${_attr("aria-label", `Pick a base branch for ${pasted}`)}>⎇</button>${_el_resume($scope1_id, "h")}</div>`);
+			_html(`<button${_attr_class([resultBranch, { ["_c6"]: branchesFor === pasted }])}${_attr("title", `Pick a base branch for ${pasted}`)}${_attr("aria-label", `Pick a base branch for ${pasted}`)}>⎇</button>${_el_resume($scope1_id, "h")}</div>`);
 			_if(() => {
 				if (branchesFor === pasted) {
 					const $scope2_id = _scope_id();
@@ -5039,7 +5152,7 @@ var repo_picker_default = _template("s", (input) => {
 			return 0;
 		} else if (filter && !catalog) {
 			const $scope8_id = _scope_id();
-			_html(`<p${_attr_class("_bD")}>Loading repos…</p>`);
+			_html(`<p${_attr_class("_bu")}>Loading repos…</p>`);
 			writeScope($scope8_id, {});
 			return 1;
 		}
@@ -5047,15 +5160,15 @@ var repo_picker_default = _template("s", (input) => {
 	_if(() => {
 		if (results.length) {
 			const $scope3_id = _scope_id();
-			_html(`<ul${_attr_class("_cJ")}>`);
+			_html(`<ul${_attr_class("_c2")}>`);
 			_for_of(results, (repo, i) => {
 				const $scope4_id = _scope_id();
-				_html(`<li><div${_attr_class(["_cL", { ["_cK"]: i === highlight }])}><button${_attr_class("_cM")}>`);
+				_html(`<li><div${_attr_class(["_c4", { ["_c3"]: i === highlight }])}><button${_attr_class("_c5")}>`);
 				icon_plus_default({
 					size: 12,
-					class: "_cS"
+					class: "_da"
 				});
-				_html(`<span${_attr_class("_cT")}>${_escape(repoLabel(repo.nameWithOwner))}${_el_resume($scope4_id, "e")}</span></button>${_el_resume($scope4_id, "b")}<button${_attr_class([resultBranch, { ["_cN"]: branchesFor === repo.nameWithOwner }])}${_attr("title", `Pick a base branch for ${repo.nameWithOwner}`)}${_attr("aria-label", `Pick a base branch for ${repo.nameWithOwner}`)}>⎇</button>${_el_resume($scope4_id, "f")}</div>${_el_resume($scope4_id, "a")}`);
+				_html(`<span${_attr_class("_db")}>${_escape(repoLabel(repo.nameWithOwner))}${_el_resume($scope4_id, "e")}</span></button>${_el_resume($scope4_id, "b")}<button${_attr_class([resultBranch, { ["_c6"]: branchesFor === repo.nameWithOwner }])}${_attr("title", `Pick a base branch for ${repo.nameWithOwner}`)}${_attr("aria-label", `Pick a base branch for ${repo.nameWithOwner}`)}>⎇</button>${_el_resume($scope4_id, "f")}</div>${_el_resume($scope4_id, "a")}`);
 				_if(() => {
 					if (branchesFor === repo.nameWithOwner) {
 						const $scope5_id = _scope_id();
@@ -5088,7 +5201,7 @@ var repo_picker_default = _template("s", (input) => {
 			return 0;
 		} else if (filter && catalog && !pasted) {
 			const $scope6_id = _scope_id();
-			_html(`<p${_attr_class("_bD")}>No repos match "<!>${_escape(filter)}${_el_resume($scope6_id, "b")}". Paste a clone URL to add any repo.</p>`);
+			_html(`<p${_attr_class("_bu")}>No repos match "<!>${_escape(filter)}${_el_resume($scope6_id, "b")}". Paste a clone URL to add any repo.</p>`);
 			writeScope($scope6_id, {});
 			return 1;
 		}
@@ -5226,7 +5339,7 @@ var new_workspace_default = _template("p", (input) => {
 		}
 	}, "p6", $scope0_id);
 	const titleId = _id();
-	_html(`<div${_attr_class("_bi")} role=region${_attr("aria-labelledby", titleId)}><div${_attr_class("_bj")}><div${_attr_class(content$1)}>`);
+	_html(`<div${_attr_class("_bz")} role=region${_attr("aria-labelledby", titleId)}><div${_attr_class("_bA")}><div${_attr_class(content$1)}>`);
 	_set_serialize_reason({
 		0: _serialize_guard($scope0_reason, 2),
 		1: $sg__input_backHref__OR__input_onExit,
@@ -5265,9 +5378,9 @@ var new_workspace_default = _template("p", (input) => {
 			return 0;
 		}
 	}, $scope0_id, "e", 1, 1, 1, 0, 1);
-	_html(`<label${_attr_class("_bL")}><span${_attr_class("_bH")}>Name</span><input${_attr_input_value($scope0_id, "h", name, _resume((_new_name) => {
+	_html(`<label${_attr_class("_bL")}><span${_attr_class("_by")}>Name</span><input${_attr_input_value($scope0_id, "h", name, _resume((_new_name) => {
 		name = _new_name;
-	}, "p0", $scope0_id))}${_attr_class(inputLg)} placeholder=my-feature${_attr("disabled", busy)} autofocus>${_el_resume($scope0_id, "h")}</label><section${_attr_class(section$1)}><div${_attr_class("_bN")}><h2${_attr_class("_bH")}>Repos</h2><button${_attr_class(iconBtnRow)} title="Refresh repo list" aria-label="Refresh repo list"${_attr("disabled", catalogRefreshing)}>`);
+	}, "p0", $scope0_id))}${_attr_class(inputLg)} placeholder=my-feature${_attr("disabled", busy)} autofocus>${_el_resume($scope0_id, "h")}</label><section${_attr_class(section$1)}><div${_attr_class("_bN")}><h2${_attr_class("_by")}>Repos</h2><button${_attr_class(iconBtnRow)} title="Refresh repo list" aria-label="Refresh repo list"${_attr("disabled", catalogRefreshing)}>`);
 	_set_serialize_reason(1);
 	const $childScope2 = _peek_scope_id();
 	icon_refresh_default({
@@ -5324,7 +5437,7 @@ var new_workspace_default = _template("p", (input) => {
 	_if(() => {
 		if (!selected.length) {
 			const $scope12_id = _scope_id();
-			_html(`<li${_attr_class("_bD")}>No repos yet. Search below to add one, or create it empty.</li>`);
+			_html(`<li${_attr_class("_bu")}>No repos yet. Search below to add one, or create it empty.</li>`);
 			writeScope($scope12_id, {});
 			return 0;
 		}
@@ -5391,10 +5504,10 @@ var new_workspace_default = _template("p", (input) => {
 	_if(() => {
 		if (archived$1.length) {
 			const $scope4_id = _scope_id();
-			_html(`<section${_attr_class(archived)}><div${_attr_class("_bN")}><h2${_attr_class("_bH")}>Archived</h2><span${_attr_class(sectionCount$1)}>${_escape(archived$1.length)}${_el_resume($scope4_id, "e", $sg__input_workspaces)}</span></div><p${_attr_class(archivedHint)}>Restore an archived workspace instead of creating a new one.</p><ul${_attr_class("_bv")}>`);
+			_html(`<section${_attr_class(archived)}><div${_attr_class("_bN")}><h2${_attr_class("_by")}>Archived</h2><span${_attr_class(sectionCount$1)}>${_escape(archived$1.length)}${_el_resume($scope4_id, "e", $sg__input_workspaces)}</span></div><p${_attr_class(archivedHint)}>Restore an archived workspace instead of creating a new one.</p><ul${_attr_class("_bm")}>`);
 			_for_of(archived$1, (ws) => {
 				const $scope5_id = _scope_id();
-				_html(`<li${_attr_class(archivedCard)}><div${_attr_class("_by")}><span${_attr_class("_bz")}>${_escape(ws.name)}${_el_resume($scope5_id, "d", $sg__input_workspaces)}</span><span${_attr_class([metaTrunc, "_x"])}${_attr("title", ws.display_path || ws.path)}>${_escape(ws.display_path || ws.path)}${_el_resume($scope5_id, "f", $sg__input_workspaces)}</span>${_el_resume($scope5_id, "e", $sg__input_workspaces)}</div><button type=button${_attr_class(btnLg)}${_attr("disabled", busy || !!restoring)}>`);
+				_html(`<li${_attr_class(archivedCard)}><div${_attr_class("_bp")}><span${_attr_class("_bq")}>${_escape(ws.name)}${_el_resume($scope5_id, "d", $sg__input_workspaces)}</span><span${_attr_class([metaTrunc, "_x"])}${_attr("title", ws.display_path || ws.path)}>${_escape(ws.display_path || ws.path)}${_el_resume($scope5_id, "f", $sg__input_workspaces)}</span>${_el_resume($scope5_id, "e", $sg__input_workspaces)}</div><button type=button${_attr_class(btnLg)}${_attr("disabled", busy || !!restoring)}>`);
 				_if(() => {
 					if (restoring === ws.id) {
 						const $scope15_id = _scope_id();
@@ -5539,8 +5652,8 @@ function activeAgent(session) {
 	const command = session.state?.command?.trim();
 	return command && agentFromCommand(command) || session.agent;
 }
-var iconBtn$1 = "_cZ _j";
-var navToggle = "_c4 _j";
+var iconBtn$1 = "_dg _j";
+var navToggle = "_dl _j";
 _template("H", (input) => {
 	const $scope0_reason = _scope_reason(), $sg__input_size__OR__input_class = _serialize_guard($scope0_reason, 0);
 	const $scope0_id = _scope_id();
@@ -5583,12 +5696,12 @@ var ARM_MS = 3500;
 function disarmLater(fn) {
 	return setTimeout(fn, ARM_MS);
 }
-var railBtn = "_f0 _j";
-var rowIcon = "_f9 _Z _j";
-var close = "_f_ _Z _j _2";
+var railBtn = "_f7 _j";
+var rowIcon = "_gf _Z _j";
+var close = "_gg _Z _j _2";
 //#endregion
 //#region src/styles/session-pop.css.ts
-var sessionPop = "_fW _4";
+var sessionPop = "_fM _4";
 //#endregion
 //#region src/client/usage.ts
 /** The plan row an agent instance draws on: its own account (`claude2`)
@@ -5649,22 +5762,22 @@ var usage_pcts_default = _template("C", (input) => {
 		if (windows.length) {
 			const $scope1_id = _scope_id();
 			_html(`<span${_attr_class([
-				"_fm",
+				"_e8",
 				input.class,
-				{ ["_fn"]: agent.stale_seconds != null }
+				{ ["_e9"]: agent.stale_seconds != null }
 			])}${agent.stale_seconds != null ? _attr("title", `${agent.note || "provider unreachable"}; last cached numbers`) : " title=\"Plan usage\""}>`);
 			_for_of(windows, (win$1, i) => {
 				const $scope2_id = _scope_id();
-				_html(`<span${_attr_class("_fo")}>`);
+				_html(`<span${_attr_class("_e_")}>`);
 				_if(() => {
 					if (i) {
 						const $scope3_id = _scope_id();
-						_html(`<span${_attr_class("_fr")} aria-hidden=true>·</span>`);
+						_html(`<span${_attr_class("_fc")} aria-hidden=true>·</span>`);
 						$si__input_agent && writeScope($scope3_id, {});
 						return 0;
 					}
 				}, $scope2_id, "b", $sg__input_agent, $sg__input_agent, $sg__input_agent, 0, 1);
-				_html(`<span${_attr_class("_fp")}>${_escape(win$1.window)}${_el_resume($scope2_id, "d", $sg__input_agent)}</span><span${_attr_class(["_fq", win$1.used_percent >= 90 ? "_eX" : win$1.used_percent >= 70 ? "_eW" : win$1.used_percent >= 40 ? "_eV" : "_eU"])}>${_escape(pctText(win$1.used_percent))}${_el_resume($scope2_id, "f", $sg__input_agent)}</span>${_el_resume($scope2_id, "e", $sg__input_agent)}</span>`);
+				_html(`<span${_attr_class("_fa")}>${_escape(win$1.window)}${_el_resume($scope2_id, "d", $sg__input_agent)}</span><span${_attr_class(["_fb", win$1.used_percent >= 90 ? "_e4" : win$1.used_percent >= 70 ? "_e3" : win$1.used_percent >= 40 ? "_e2" : "_e1"])}>${_escape(pctText(win$1.used_percent))}${_el_resume($scope2_id, "f", $sg__input_agent)}</span>${_el_resume($scope2_id, "e", $sg__input_agent)}</span>`);
 				$si__input_agent && writeScope($scope2_id, {});
 			}, "window", $scope1_id, "a", $sg__input_agent, $sg__input_agent__OR__input_class, $sg__input_agent, "</span>", 1);
 			$si__input_agent__OR__input_class && writeScope($scope1_id, { _: _scope_with_id($scope0_id) });
@@ -5695,12 +5808,12 @@ var icon_edit_default = _template("M", (input) => {
 	});
 	_serialize_if($scope0_reason, 0) && writeScope($scope0_id, { a: _existing_scope($childScope) });
 });
-var prChip = "_g3 _s _g2";
-var portChip = "_g4 _s _g2";
+var prChip = "_g_ _s _g9";
+var portChip = "_ha _s _g9";
 var prState = {
-	open: "_g8",
-	merged: "_g9",
-	closed: "_g_"
+	open: "_he",
+	merged: "_hf",
+	closed: "_hg"
 };
 //#endregion
 //#region src/tags/side-nav-chips.marko
@@ -5748,7 +5861,7 @@ var side_nav_chips_default = _template("v", (input) => {
 				const name = repo.full_name.split("/").at(-1);
 				return repos.some((r) => r.full_name !== repo.full_name && r.full_name.split("/").at(-1) === name) ? repoLabel(repo.full_name) : name;
 			}, "v2", $scope1_id);
-			_html(`<div${_attr_class("_g1")}>`);
+			_html(`<div${_attr_class("_g8")}>`);
 			_for_of(repos, (repo) => {
 				const $scope2_id = _scope_id();
 				const $for_content__repo_worktree__closures = /* @__PURE__ */ new Set();
@@ -5764,11 +5877,11 @@ var side_nav_chips_default = _template("v", (input) => {
 							[prState.merged]: pr.state === "MERGED",
 							[prState.closed]: pr.state === "CLOSED"
 						}
-					])}${_attr("title", prTitle(repo, pr))}><a${_attr_class(["_g5", { ["_hb"]: !open }])}${_attr("href", pr.url)} target=_blank rel=noopener>${_escape(repoLabel$1(repo))}${_el_resume($scope3_id, "c", $sg__input_status_repos)}#${_sep($sg__input_status_repos)}${_escape(pr.number)}${_el_resume($scope3_id, "d", $sg__input_status_repos)}</a>${_el_resume($scope3_id, "b", $sg__input_status_repos)}`);
+					])}${_attr("title", prTitle(repo, pr))}><a${_attr_class(["_hb", { ["_hi"]: !open }])}${_attr("href", pr.url)} target=_blank rel=noopener>${_escape(repoLabel$1(repo))}${_el_resume($scope3_id, "c", $sg__input_status_repos)}#${_sep($sg__input_status_repos)}${_escape(pr.number)}${_el_resume($scope3_id, "d", $sg__input_status_repos)}</a>${_el_resume($scope3_id, "b", $sg__input_status_repos)}`);
 					_if(() => {
 						if (open) {
 							const $scope4_id = _scope_id();
-							_html(`<a${_attr_class(["_g5", "_g6"])}${_attr("href", `/w/${input.workspaceId}/review?pr=${encodeURIComponent(`${repo.worktree}/${pr.number}`)}`)}${_attr("title", `Review #${pr.number} changes`)}>`);
+							_html(`<a${_attr_class(["_hb", "_hc"])}${_attr("href", `/w/${input.workspaceId}/review?pr=${encodeURIComponent(`${repo.worktree}/${pr.number}`)}`)}${_attr("title", `Review #${pr.number} changes`)}>`);
 							icon_diff_default({ size: 12 });
 							_html(`</a>${_el_resume($scope4_id, "a", _serialize_guard($scope0_reason, 0))}`);
 							_serialize_if($scope0_reason, 2) && _subscribe($si__input_status_repos && $for_content__repo_worktree__closures, _subscribe($si__input_workspaceId && $input_workspaceId__closures, writeScope($scope4_id, { _: _scope_with_id($scope3_id) })));
@@ -5776,9 +5889,9 @@ var side_nav_chips_default = _template("v", (input) => {
 						} else {
 							const $scope6_id = _scope_id();
 							_html(`<button type=button${_attr_class([
-								"_g5",
-								"_g6",
-								"_g7"
+								"_hb",
+								"_hc",
+								"_hd"
 							])}${_attr("title", `Dismiss #${pr.number}`)}>`);
 							icon_xmark_default({ size: 12 });
 							_html(`</button>${_el_resume($scope6_id, "a")}`);
@@ -5803,10 +5916,10 @@ var side_nav_chips_default = _template("v", (input) => {
 			}, "full_name", $scope1_id, "b", $sg__input_status_repos, $sg__input_status_repos, $sg__input_status_repos__OR__input_status_ports);
 			_for_of(ports, (p) => {
 				const $scope5_id = _scope_id();
-				_html(`<span${_attr_class(["_s", portChip])}${_attr("title", p.cmd)}><button type=button${_attr_class(["_g5", "_ha"])}${_attr("title", `Open http://${typeof location === "undefined" ? "localhost" : location.hostname}:${p.port}`)}>:${_sep($sg__input_status_ports)}${_escape(p.port)}${_el_resume($scope5_id, "c", $sg__input_status_ports)}</button>${_el_resume($scope5_id, "b")}<button type=button${_attr_class([
-					"_g5",
-					"_g6",
-					"_g7",
+				_html(`<span${_attr_class(["_s", portChip])}${_attr("title", p.cmd)}><button type=button${_attr_class(["_hb", "_hh"])}${_attr("title", `Open http://${typeof location === "undefined" ? "localhost" : location.hostname}:${p.port}`)}>:${_sep($sg__input_status_ports)}${_escape(p.port)}${_el_resume($scope5_id, "c", $sg__input_status_ports)}</button>${_el_resume($scope5_id, "b")}<button type=button${_attr_class([
+					"_hb",
+					"_hc",
+					"_hd",
 					{ ["_q"]: armedPid === p.pid }
 				])}${armedPid === p.pid ? " title=Kill?" : _attr("title", `Kill ${p.cmd} (pid ${p.pid})`)}>`);
 				icon_xmark_default({ size: 12 });
@@ -5898,10 +6011,10 @@ var side_nav_item_default = _template("w", (input) => {
 			_if(() => {
 				if (input.rail) {
 					const $scope2_id = _scope_id();
-					_html(`<a${_attr("href", `/w/${ws$1.id}`)}${_attr_class([railBtn, { ["_fY"]: input.current }])}${_attr("title", ws$1.name)}>${_escape((input.index ?? 0) + 1)}${_el_resume($scope2_id, "b", _serialize_guard($scope0_reason, 27))}<span${_attr_class([
+					_html(`<a${_attr("href", `/w/${ws$1.id}`)}${_attr_class([railBtn, { ["_f5"]: input.current }])}${_attr("title", ws$1.name)}>${_escape((input.index ?? 0) + 1)}${_el_resume($scope2_id, "b", _serialize_guard($scope0_reason, 27))}<span${_attr_class([
 						"_z",
 						phase[dot],
-						"_f1"
+						"_f8"
 					])}></span>${_el_resume($scope2_id, "c", $sg__input_workspaceId__OR__input_status)}</a>${_el_resume($scope2_id, "a", _serialize_guard($scope0_reason, 3))}`);
 					_serialize_if($scope0_reason, 18) && _subscribe($si__input_workspaces__OR__input_workspaceId && $ws_name__closures, _subscribe($si__input_workspaces__OR__input_workspaceId && $ws_id__closures, _subscribe($si__input_index && $input_index__closures, _subscribe($si__input_current && $input_current__closures, writeScope($scope2_id, { _: _scope_with_id($scope1_id) })))));
 					return 0;
@@ -5909,15 +6022,15 @@ var side_nav_item_default = _template("w", (input) => {
 					const $scope3_id = _scope_id();
 					const sessions$1 = input.sessions || [];
 					const phaseLabel = dot === "working" ? "Working" : dot === "waiting" ? "Needs input" : dot === "idle" ? "Idle" : "Not running";
-					_html(`<section${_attr_class(["_f3", {
-						["_fY"]: input.current,
+					_html(`<section${_attr_class(["_f_", {
+						["_f5"]: input.current,
 						["_5"]: input.current,
-						["_f4"]: input.railPop,
-						["_f2"]: input.page
-					}])}><div${_attr_class("_f5")}><a${_attr("href", `/w/${ws$1.id}`)}${_attr_class("_f6")}><span${_attr_class([
+						["_ga"]: input.railPop,
+						["_f9"]: input.page
+					}])}><div${_attr_class("_gb")}><a${_attr("href", `/w/${ws$1.id}`)}${_attr_class("_gc")}><span${_attr_class([
 						"_z",
 						phase[dot],
-						"_gi"
+						"_gp"
 					])}${_attr("title", phaseLabel)}></span>${_el_resume($scope3_id, "d", $sg__input_workspaceId__OR__input_status)}`);
 					_if(() => {
 						if (sessions$1.length === 1) {
@@ -5930,7 +6043,7 @@ var side_nav_item_default = _template("w", (input) => {
 							icon_agent_default({
 								agent: activeAgent(sessions$1[0]),
 								size: 12,
-								class: "_ga"
+								class: "_gh"
 							});
 							$si__input_sessions && writeScope($scope14_id, {
 								_: _scope_with_id($scope3_id),
@@ -5940,16 +6053,16 @@ var side_nav_item_default = _template("w", (input) => {
 						}
 					}, $scope3_id, "e", $sg__input_sessions, $sg__input_sessions);
 					const metaText = sessions$1.length === 0 ? phaseLabel : sessions$1.length === 1 ? sessions$1[0].title || "" : `${sessions$1.length} sessions`;
-					_html(`<span${_attr_class("_gb")}><span${_attr_class("_gc")}>${_escape(ws$1.name)}${_el_resume($scope3_id, "h", $sg__input_workspaces__OR__input_workspaceId)}</span>`);
+					_html(`<span${_attr_class("_gi")}><span${_attr_class("_gj")}>${_escape(ws$1.name)}${_el_resume($scope3_id, "h", $sg__input_workspaces__OR__input_workspaceId)}</span>`);
 					_if(() => {
 						if (input.page && metaText) {
 							const $scope16_id = _scope_id();
-							_html(`<span${_attr_class("_gg")}>${_escape(metaText)}${_el_resume($scope16_id, "b", _serialize_guard($scope0_reason, 7))}</span>`);
+							_html(`<span${_attr_class("_gn")}>${_escape(metaText)}${_el_resume($scope16_id, "b", _serialize_guard($scope0_reason, 7))}</span>`);
 							$si__input_page__OR__input_sessions__OR__input_workspaceId__OR__input_status && writeScope($scope16_id, { _: _serialize_if($scope0_reason, 7) && _scope_with_id($scope3_id) });
 							return 0;
 						} else if (sessions$1.length === 1 && sessions$1[0].title) {
 							const $scope15_id = _scope_id();
-							_html(`<span${_attr_class("_gd")}>${_escape(sessions$1[0].title)}${_el_resume($scope15_id, "b", $sg__input_sessions)}</span>`);
+							_html(`<span${_attr_class("_gk")}>${_escape(sessions$1[0].title)}${_el_resume($scope15_id, "b", $sg__input_sessions)}</span>`);
 							$si__input_page__OR__input_sessions__OR__input_workspaceId__OR__input_status && writeScope($scope15_id, { _: $si__input_sessions && _scope_with_id($scope3_id) });
 							return 1;
 						}
@@ -5962,7 +6075,7 @@ var side_nav_item_default = _template("w", (input) => {
 								"_I",
 								"_R",
 								"_K",
-								"_gh"
+								"_go"
 							])}>${input.current ? "Open" : ""}${_el_resume($scope4_id, "b", _serialize_guard($scope0_reason, 21))}</span>`);
 							$si__input_current__OR__input_page__OR__input_rail__OR__input_workspaces__OR__input_workspaceId && _subscribe($si__input_current && $input_current__closures, writeScope($scope4_id, {
 								_: _scope_with_id($scope3_id),
@@ -5975,7 +6088,7 @@ var side_nav_item_default = _template("w", (input) => {
 					_if(() => {
 						if (!input.page) {
 							const $scope5_id = _scope_id();
-							_html(`<div${_attr_class("_f7")}>`);
+							_html(`<div${_attr_class("_gd")}>`);
 							_if(() => {
 								if (input.onNewSession) {
 									const $scope6_id = _scope_id();
@@ -5989,7 +6102,7 @@ var side_nav_item_default = _template("w", (input) => {
 									_html(`</button>${_el_resume($scope6_id, "a")}<div${_attr("id", newPopId)} popover=auto${_attr_class(sessionPop)}>`);
 									_for_of([], (agent) => {
 										const $scope7_id = _scope_id();
-										_html(`<button${_attr_class("_fX")}>`);
+										_html(`<button${_attr_class("_fN")}>`);
 										_set_serialize_reason(12);
 										const $childScope2 = _peek_scope_id();
 										icon_agent_default({
@@ -6024,7 +6137,7 @@ var side_nav_item_default = _template("w", (input) => {
 									return 0;
 								}
 							}, $scope5_id, "c", $sg__input_onReview, $sg__input_onReview, $sg__input_onNewSession__OR__input_onReview, 0, 1);
-							_html(`<a${input.managing ? _attr("href", `/w/${ws$1.id}`) : _attr("href", `/w/${ws$1.id}/manage`)}${_attr_class([rowIcon, { ["_fZ"]: input.managing }])} title=${input.managing ? "\"Back to terminal\"" : "\"Manage workspace\""}${input.managing ? " aria-current=page" : ""}>`);
+							_html(`<a${input.managing ? _attr("href", `/w/${ws$1.id}`) : _attr("href", `/w/${ws$1.id}/manage`)}${_attr_class([rowIcon, { ["_f6"]: input.managing }])} title=${input.managing ? "\"Back to terminal\"" : "\"Manage workspace\""}${input.managing ? " aria-current=page" : ""}>`);
 							icon_manage_default({ size: 12 });
 							_html(`</a>${_el_resume($scope5_id, "d", _serialize_guard($scope0_reason, 8))}</div>`);
 							_subscribe($si__input_workspaces__OR__input_workspaceId && $ws_id__closures, _subscribe($si__input_managing && $input_managing__closures, _subscribe($si__input_onReview && $input_onReview__closures, _subscribe($si__input_onNewSession && $input_onNewSession__closures, writeScope($scope5_id, {
@@ -6034,7 +6147,7 @@ var side_nav_item_default = _template("w", (input) => {
 							return 0;
 						}
 					}, $scope3_id, "k", $sg__input_page, $sg__input_page, 1, 0, 1);
-					_html(`</div><div${_attr_class("_gn")}>`);
+					_html(`</div><div${_attr_class("_gu")}>`);
 					_if(() => {
 						if (sessions$1.length === 1 && openPlan) {
 							const $scope11_id = _scope_id();
@@ -6042,7 +6155,7 @@ var side_nav_item_default = _template("w", (input) => {
 							const $childScope3 = _peek_scope_id();
 							usage_pcts_default({
 								agent: openPlan,
-								class: "_ge"
+								class: "_gl"
 							});
 							_subscribe($openPlan__closures, writeScope($scope11_id, {
 								a: _existing_scope($childScope3),
@@ -6053,14 +6166,14 @@ var side_nav_item_default = _template("w", (input) => {
 					}, $scope3_id, "m");
 					_for_of(sessions$1.length > 1 ? sessions$1 : [], (s) => {
 						const $scope8_id = _scope_id();
-						_html(`<div${_attr_class(["_f8", { ["_fY"]: s.id === input.currentTab }])}>`);
+						_html(`<div${_attr_class(["_ge", { ["_f5"]: s.id === input.currentTab }])}>`);
 						_if(() => {
 							if (renamingId === s.id) {
 								const $scope10_id = _scope_id();
 								_html(`<span${_attr_class([
 									"_z",
 									phase[sessionPhase(s.state)],
-									"_gl"
+									"_gs"
 								])}></span>${_el_resume($scope10_id, "a", $sg__input_sessions)}`);
 								_set_serialize_reason({
 									1: $sg__input_sessions,
@@ -6070,17 +6183,17 @@ var side_nav_item_default = _template("w", (input) => {
 								icon_agent_default({
 									agent: activeAgent(s),
 									size: 13,
-									class: "_gp"
+									class: "_gw"
 								});
 								_html(`<input${_attr_input_value($scope10_id, "c", renameValue, _resume((_new_renameValue) => {
 									renameValue = _new_renameValue;
-								}, "w0", $scope10_id))}${_attr_class(["_U", "_gm"])} aria-label="Session name">${_el_resume($scope10_id, "c")}`);
+								}, "w0", $scope10_id))}${_attr_class(["_U", "_gt"])} aria-label="Session name">${_el_resume($scope10_id, "c")}`);
 								_script($scope10_id, "w5");
 								_subscribe($renameValue__closures, writeScope($scope10_id, { b: $si__input_sessions && _existing_scope($childScope4) }));
 								return 0;
 							} else {
 								const $scope9_id = _scope_id();
-								_html(`<a${_attr("href", `/w/${ws$1.id}?s=${s.id}`)}${_attr_class("_go")}><span${_attr_class(["_z", phase[sessionPhase(s.state)]])}></span>${_el_resume($scope9_id, "b", $sg__input_sessions)}`);
+								_html(`<a${_attr("href", `/w/${ws$1.id}?s=${s.id}`)}${_attr_class("_gv")}><span${_attr_class(["_z", phase[sessionPhase(s.state)]])}></span>${_el_resume($scope9_id, "b", $sg__input_sessions)}`);
 								_set_serialize_reason({
 									1: $sg__input_sessions,
 									2: $sg__input_sessions
@@ -6089,9 +6202,9 @@ var side_nav_item_default = _template("w", (input) => {
 								icon_agent_default({
 									agent: activeAgent(s),
 									size: 13,
-									class: "_gp"
+									class: "_gw"
 								});
-								_html(`<span${_attr_class("_gj")}>${_escape(s.title || activeAgent(s))}${_el_resume($scope9_id, "e", $sg__input_sessions)}</span></a>${_el_resume($scope9_id, "a", _serialize_guard($scope0_reason, 6))}<div${_attr_class("_gk")}><button${_attr_class(rowIcon)} title="Rename session">`);
+								_html(`<span${_attr_class("_gq")}>${_escape(s.title || activeAgent(s))}${_el_resume($scope9_id, "e", $sg__input_sessions)}</span></a>${_el_resume($scope9_id, "a", _serialize_guard($scope0_reason, 6))}<div${_attr_class("_gr")}><button${_attr_class(rowIcon)} title="Rename session">`);
 								icon_edit_default({ size: 12 });
 								_html(`</button>${_el_resume($scope9_id, "g")}<button${_attr_class([close, { ["_q"]: armedKill === s.id }])} title=${armedKill === s.id ? "Close?" : "\"Close session\""}>`);
 								icon_xmark_default({ size: 12 });
@@ -6103,7 +6216,7 @@ var side_nav_item_default = _template("w", (input) => {
 										const $childScope6 = _peek_scope_id();
 										usage_pcts_default({
 											agent: openPlan,
-											class: "_gf"
+											class: "_gm"
 										});
 										_subscribe($openPlan__closures, writeScope($scope12_id, {
 											a: _existing_scope($childScope6),
@@ -6306,34 +6419,34 @@ var side_nav_default = _template("x", (input) => {
 	const iconSrc = `/api/instance/icon${input.instanceAccent ? `?v=${input.instanceAccent.slice(1)}` : ""}`;
 	const otherIds = itemIds.filter((id) => id !== ws.id);
 	const listIds = isPage ? [ws.id, ...otherIds] : itemIds;
-	_html(`<aside${_attr_class(["_c3", {
-		["_c1"]: !navOpen,
-		["_c2"]: isPage
+	_html(`<aside${_attr_class(["_dk", {
+		["_di"]: !navOpen,
+		["_dj"]: isPage
 	}])}${_attr("hidden", view === "diff")}>`);
 	_if(() => {
 		if (isPage) {
 			const $scope1_id = _scope_id();
-			_html(`<header${_attr_class("_c6")}><div${_attr_class("_de")}>`);
+			_html(`<header${_attr_class("_dn")}><div${_attr_class("_dw")}>`);
 			_if(() => {
 				if (input.instanceName) {
 					const $scope2_id = _scope_id();
-					_html(`<div${_attr_class("_db")} title="This work server (Settings → Appearance)"><img${_attr_class("_dc")}${_attr("src", iconSrc)} alt aria-hidden=true>${_el_resume($scope2_id, "b", $sg__input_instanceAccent)}<span${_attr_class("_dd")}>${_escape(input.instanceName)}${_el_resume($scope2_id, "d", $sg__input_instanceName)}</span></div>`);
+					_html(`<div${_attr_class("_dt")} title="This work server (Settings → Appearance)"><img${_attr_class("_du")}${_attr("src", iconSrc)} alt aria-hidden=true>${_el_resume($scope2_id, "b", $sg__input_instanceAccent)}<span${_attr_class("_dv")}>${_escape(input.instanceName)}${_el_resume($scope2_id, "d", $sg__input_instanceName)}</span></div>`);
 					_subscribe($si__input_instanceAccent && $iconSrc__closures, _subscribe($si__input_instanceName && $input_instanceName__closures, writeScope($scope2_id, { _: _scope_with_id($scope1_id) })));
 					return 0;
 				}
 			}, $scope1_id, "c", $sg__input_instanceName, $sg__input_instanceName, 1, 0, 1);
-			_html(`<h1${_attr_class("_c7")}>Workspaces</h1></div><div${_attr_class("_c8")}>`);
+			_html(`<h1${_attr_class("_do")}>Workspaces</h1></div><div${_attr_class("_dp")}>`);
 			_if(() => {}, $scope1_id, "f", 1, 1, 1, 0, 1);
 			_html(`<a${view === "settings" ? _attr("href", backHref) : " href=/settings"}${_attr_class([
 				iconBtn$1,
-				"_c9",
-				{ ["_cY"]: view === "settings" }
+				"_dq",
+				{ ["_df"]: view === "settings" }
 			])} title=${view === "settings" ? "\"Back to workspace\"" : "Settings"}${view === "settings" ? " aria-current=page" : ""}>`);
 			icon_settings_default({ size: 16 });
 			_if(() => {
 				if (input.setupReady === false) {
 					const $scope12_id = _scope_id();
-					_html(`<span${_attr_class(["_z", "_c0"])} title="Machine setup incomplete"></span>`);
+					_html(`<span${_attr_class(["_z", "_dh"])} title="Machine setup incomplete"></span>`);
 					$si__input_setupReady && writeScope($scope12_id, {});
 					return 0;
 				}
@@ -6346,18 +6459,18 @@ var side_nav_default = _template("x", (input) => {
 	_if(() => {
 		if (!isPage && input.instanceName) {
 			const $scope3_id = _scope_id();
-			_html(`<div${_attr_class("_db")} title="This work server (Settings → Appearance)"><img${_attr_class("_dc")}${_attr("src", iconSrc)} alt aria-hidden=true>${_el_resume($scope3_id, "b", $sg__input_instanceAccent)}<span${_attr_class("_dd")}>${_escape(input.instanceName)}${_el_resume($scope3_id, "d", $sg__input_instanceName)}</span></div>`);
+			_html(`<div${_attr_class("_dt")} title="This work server (Settings → Appearance)"><img${_attr_class("_du")}${_attr("src", iconSrc)} alt aria-hidden=true>${_el_resume($scope3_id, "b", $sg__input_instanceAccent)}<span${_attr_class("_dv")}>${_escape(input.instanceName)}${_el_resume($scope3_id, "d", $sg__input_instanceName)}</span></div>`);
 			writeScope($scope3_id, {});
 			return 0;
 		}
 	}, $scope0_id, "c", 1, 1, 1, 0, 1);
-	_html(`<div${_attr_class("_df")}>`);
+	_html(`<div${_attr_class("_dx")}>`);
 	_for_of(listIds, (wsId) => {
 		const $scope4_id = _scope_id();
 		_if(() => {
 			if (isPage && wsId === ws.id) {
 				const $scope13_id = _scope_id();
-				_html(`<h2${_attr_class(["_bH", "_c_"])}>Current</h2>`);
+				_html(`<h2${_attr_class(["_by", "_dr"])}>Current</h2>`);
 				writeScope($scope13_id, {});
 				return 0;
 			}
@@ -6365,7 +6478,7 @@ var side_nav_default = _template("x", (input) => {
 		_if(() => {
 			if (isPage && wsId !== ws.id && wsId === otherIds[0]) {
 				const $scope14_id = _scope_id();
-				_html(`<h2${_attr_class(["_bH", "_c_"])}>Other workspaces</h2>`);
+				_html(`<h2${_attr_class(["_by", "_dr"])}>Other workspaces</h2>`);
 				writeScope($scope14_id, {});
 				return 0;
 			}
@@ -6452,7 +6565,7 @@ var side_nav_default = _template("x", (input) => {
 					railHover = null;
 				}, 150);
 			}, "x6", $scope5_id);
-			_html(`<div${_attr_class("_dg")}>`);
+			_html(`<div${_attr_class("_dy")}>`);
 			_for_of(itemIds, (wsId, i) => {
 				const $scope6_id = _scope_id();
 				_html("<span>");
@@ -6506,7 +6619,7 @@ var side_nav_default = _template("x", (input) => {
 				if (railHover) {
 					const $scope7_id = _scope_id();
 					const hoverId = railHover.id;
-					_html(`<div${_attr_class(["_4", "_dj"])}${_attr_style(`top:${railHover.top}px;left:${railHover.left}px`)}>`);
+					_html(`<div${_attr_class(["_4", "_dB"])}${_attr_style(`top:${railHover.top}px;left:${railHover.left}px`)}>`);
 					_set_serialize_reason({
 						0: 1,
 						1: 1,
@@ -6594,7 +6707,7 @@ var side_nav_default = _template("x", (input) => {
 			return 0;
 		}
 	}, $scope0_id, "e");
-	_html(`<div${_attr_class("_dh")}>`);
+	_html(`<div${_attr_class("_dz")}>`);
 	_if(() => {
 		if (isPage) {
 			const $scope9_id = _scope_id();
@@ -6602,7 +6715,7 @@ var side_nav_default = _template("x", (input) => {
 				"_o",
 				"_p",
 				btnLg,
-				"_da"
+				"_ds"
 			])} title=${view === "new" ? "\"Back to workspace\"" : "\"New workspace\""}${view === "new" ? " aria-current=page" : ""}>`);
 			icon_folder_plus_default({ size: 16 });
 			_html(` New workspace</a>${_el_resume($scope9_id, "a")}`);
@@ -6624,19 +6737,19 @@ var side_nav_default = _template("x", (input) => {
 					return 1;
 				}
 			}, $scope8_id, "a", 1, 1, 1, "</button>", 1);
-			_html(`<div${_attr_class(["_y", "_di"])}></div>`);
+			_html(`<div${_attr_class(["_y", "_dA"])}></div>`);
 			_if(() => {}, $scope8_id, "c", 1, 1, 1, 0, 1);
-			_html(`<a${view === "settings" ? _attr("href", backHref) : " href=/settings"}${_attr_class([iconBtn$1, { ["_cY"]: view === "settings" }])} title=${view === "settings" ? "\"Back to workspace\"" : "Settings"}${view === "settings" ? " aria-current=page" : ""}>`);
+			_html(`<a${view === "settings" ? _attr("href", backHref) : " href=/settings"}${_attr_class([iconBtn$1, { ["_df"]: view === "settings" }])} title=${view === "settings" ? "\"Back to workspace\"" : "Settings"}${view === "settings" ? " aria-current=page" : ""}>`);
 			icon_settings_default({ size: 15 });
 			_if(() => {
 				if (input.setupReady === false) {
 					const $scope17_id = _scope_id();
-					_html(`<span${_attr_class(["_z", "_c0"])} title="Machine setup incomplete"></span>`);
+					_html(`<span${_attr_class(["_z", "_dh"])} title="Machine setup incomplete"></span>`);
 					$si__input_setupReady && writeScope($scope17_id, {});
 					return 0;
 				}
 			}, $scope8_id, "f", $sg__input_setupReady, $sg__input_setupReady, 1, 0, 1);
-			_html(`</a>${_el_resume($scope8_id, "d")}<a${view === "new" ? _attr("href", backHref) : " href=/new"}${_attr_class([iconBtn$1, { ["_cY"]: view === "new" }])} title=${view === "new" ? "\"Back to workspace\"" : "\"New workspace\""}${view === "new" ? " aria-current=page" : ""}>`);
+			_html(`</a>${_el_resume($scope8_id, "d")}<a${view === "new" ? _attr("href", backHref) : " href=/new"}${_attr_class([iconBtn$1, { ["_df"]: view === "new" }])} title=${view === "new" ? "\"Back to workspace\"" : "\"New workspace\""}${view === "new" ? " aria-current=page" : ""}>`);
 			icon_folder_plus_default({ size: 16 });
 			_html(`</a>${_el_resume($scope8_id, "g")}`);
 			_script($scope8_id, "x15");
@@ -6701,11 +6814,11 @@ var side_nav_default = _template("x", (input) => {
 	_resume_branch($scope0_id);
 });
 var iconBtn = "_0 _j";
-var sectionCount = "_bu _I _J";
-var content = "_dk _bk";
-var pageMeta = "_dl _bp";
-var pathMeta = "_do _x";
-var dangerHint = "_du _S";
+var sectionCount = "_bl _I _J";
+var content = "_cQ _bB";
+var pageMeta = "_cR _bG";
+var pathMeta = "_cU _x";
+var dangerHint = "_c0 _S";
 //#endregion
 //#region src/tags/manage-workspace.marko
 var api$2;
@@ -6804,7 +6917,7 @@ var manage_workspace_default = _template("n", (input) => {
 		setTimeout(() => loadProcs(void 0), 500);
 	}, "n5", $scope0_id);
 	const titleId = _id();
-	_html(`<div${_attr_class("_bi")} role=region${_attr("aria-labelledby", titleId)}><div${_attr_class("_bj")}><div${_attr_class(content)}>`);
+	_html(`<div${_attr_class("_bz")} role=region${_attr("aria-labelledby", titleId)}><div${_attr_class("_bA")}><div${_attr_class(content)}>`);
 	_set_serialize_reason(30);
 	const $childScope = _peek_scope_id();
 	page_head_default({
@@ -6817,7 +6930,7 @@ var manage_workspace_default = _template("n", (input) => {
 		meta: attrTag({ content: _content_resume("n11", () => {
 			_scope_reason();
 			const $scope8_id = _scope_id();
-			_html(`<span${_attr_class(pageMeta)}${_attr("title", ws.display_path || ws.path)}><span${_attr_class("_dm")}>${_escape(ws.name)}${_el_resume($scope8_id, "c")}</span>`);
+			_html(`<span${_attr_class(pageMeta)}${_attr("title", ws.display_path || ws.path)}><span${_attr_class("_cS")}>${_escape(ws.name)}${_el_resume($scope8_id, "c")}</span>`);
 			_if(() => {
 				if (ws.status !== "active") {
 					const $scope11_id = _scope_id();
@@ -6826,7 +6939,7 @@ var manage_workspace_default = _template("n", (input) => {
 					return 0;
 				}
 			}, $scope8_id, "d", 1, 1, 1, 0, 1);
-			_html(`<span${_attr_class("_dn")} aria-hidden=true>·</span><span${_attr_class(pathMeta)}>${_escape(ws.display_path || ws.path)}${_el_resume($scope8_id, "g")}</span></span>${_el_resume($scope8_id, "a")}`);
+			_html(`<span${_attr_class("_cT")} aria-hidden=true>·</span><span${_attr_class(pathMeta)}>${_escape(ws.display_path || ws.path)}${_el_resume($scope8_id, "g")}</span></span>${_el_resume($scope8_id, "a")}`);
 			_subscribe($ws_status__closures, _subscribe($ws_name__closures, _subscribe($ws_path__closures, _subscribe($ws_display_path__closures, writeScope($scope8_id, { _: _scope_with_id($scope0_id) })))));
 			_resume_branch($scope8_id);
 		}, $scope0_id) })
@@ -6854,22 +6967,22 @@ var manage_workspace_default = _template("n", (input) => {
 	_if(() => {
 		if (pendingAction && actionStep) {
 			const $scope7_id = _scope_id();
-			_html(`<p${_attr_class("_br")}><span${_attr_class("_F")}></span><!>${_escape(actionStep)}${_el_resume($scope7_id, "c")}</p>`);
+			_html(`<p${_attr_class("_bi")}><span${_attr_class("_F")}></span><!>${_escape(actionStep)}${_el_resume($scope7_id, "c")}</p>`);
 			writeScope($scope7_id, {});
 			return 0;
 		}
 	}, $scope0_id, "f", 1, 1, 1, 0, 1);
-	_html(`<section${_attr_class("_bs")}><div${_attr_class("_bt")}><h2${_attr_class("_bH")}>Repos</h2><span${_attr_class(sectionCount)}>${_escape(ws.repos.length)}${_el_resume($scope0_id, "k")}</span><div${_attr_class("_y")}></div><button${_attr_class(iconBtn)} title="Refresh repo list" aria-label="Refresh repo list"${_attr("disabled", catalogRefreshing)}>`);
+	_html(`<section${_attr_class("_bj")}><div${_attr_class("_bk")}><h2${_attr_class("_by")}>Repos</h2><span${_attr_class(sectionCount)}>${_escape(ws.repos.length)}${_el_resume($scope0_id, "k")}</span><div${_attr_class("_y")}></div><button${_attr_class(iconBtn)} title="Refresh repo list" aria-label="Refresh repo list"${_attr("disabled", catalogRefreshing)}>`);
 	_set_serialize_reason(1);
 	const $childScope2 = _peek_scope_id();
 	icon_refresh_default({
 		size: 14,
 		class: catalogRefreshing && "_E"
 	});
-	_html(`</button>${_el_resume($scope0_id, "m")}</div><ul${_attr_class("_bv")}>`);
+	_html(`</button>${_el_resume($scope0_id, "m")}</div><ul${_attr_class("_bm")}>`);
 	_for_of(ws.repos, (row) => {
 		const $scope1_id = _scope_id();
-		_html(`<li${_attr_class("_bx")}><div${_attr_class("_by")}><span${_attr_class(["_bz", "_x"])}>${_escape(row.worktree)}${_el_resume($scope1_id, "d")}/</span><span${_attr_class("_bA")}><a${_attr_class(["_bB", "_dq"])}${_attr("href", repoWebUrl$1(row.full_name))} target=_blank rel=noopener${_attr("title", `Open ${row.full_name} on GitHub`)}>${_escape(repoLabel(row.full_name))}${_el_resume($scope1_id, "g")}</a>${_el_resume($scope1_id, "f")}`);
+		_html(`<li${_attr_class("_bo")}><div${_attr_class("_bp")}><span${_attr_class(["_bq", "_x"])}>${_escape(row.worktree)}${_el_resume($scope1_id, "d")}/</span><span${_attr_class("_br")}><a${_attr_class(["_bs", "_cW"])}${_attr("href", repoWebUrl$1(row.full_name))} target=_blank rel=noopener${_attr("title", `Open ${row.full_name} on GitHub`)}>${_escape(repoLabel(row.full_name))}${_el_resume($scope1_id, "g")}</a>${_el_resume($scope1_id, "f")}`);
 		_if(() => {
 			if (row.base_branch !== row.default_branch) {
 				const $scope12_id = _scope_id();
@@ -6888,7 +7001,7 @@ var manage_workspace_default = _template("n", (input) => {
 			} else {
 				const $scope6_id = _scope_id();
 				_html(`<button${_attr_class([
-					"_bC",
+					"_bt",
 					"_2",
 					"_3",
 					{ ["_q"]: confirmingRemove === row.full_name }
@@ -6921,19 +7034,19 @@ var manage_workspace_default = _template("n", (input) => {
 	}, "full_name", $scope0_id, "p", 1, 1, 1, 0, 1);
 	_for_of([...busy].filter((n) => !inWorkspace.has(n)), (name) => {
 		const $scope16_id = _scope_id();
-		_html(`<li${_attr_class(["_bx", "_bw"])}><span${_attr_class("_F")}></span><div${_attr_class("_by")}><span${_attr_class("_bB")}>Adding <!>${_escape(name)}${_el_resume($scope16_id, "e")}…</span></div></li>`);
+		_html(`<li${_attr_class(["_bo", "_bn"])}><span${_attr_class("_F")}></span><div${_attr_class("_bp")}><span${_attr_class("_bs")}>Adding <!>${_escape(name)}${_el_resume($scope16_id, "e")}…</span></div></li>`);
 		writeScope($scope16_id, {});
 	}, (n) => n, $scope0_id, "q", 1, 1, 1, 0, 1);
 	_html("</ul>");
 	_if(() => {
 		if (!ws.repos.length && !busy.size) {
 			const $scope17_id = _scope_id();
-			_html(`<p${_attr_class("_bD")}>No repos yet. Search below to add one.</p>`);
+			_html(`<p${_attr_class("_bu")}>No repos yet. Search below to add one.</p>`);
 			writeScope($scope17_id, {});
 			return 0;
 		}
 	}, $scope0_id, "r", 1, 1, 1, 0, 1);
-	_html(`<div${_attr_class("_dp")}>`);
+	_html(`<div${_attr_class("_cV")}>`);
 	const $childScope3 = _peek_scope_id();
 	let refreshCatalog = repo_picker_default({
 		exclude: inWorkspace,
@@ -6953,17 +7066,17 @@ var manage_workspace_default = _template("n", (input) => {
 	_if(() => {
 		if (running.length) {
 			const $scope9_id = _scope_id();
-			_html(`<section${_attr_class("_bs")}><div${_attr_class("_bt")}><h2${_attr_class("_bH")}>Running</h2><span${_attr_class(sectionCount)}>${_escape(running.length)}${_el_resume($scope9_id, "e")}</span></div><ul${_attr_class("_bv")}>`);
+			_html(`<section${_attr_class("_bj")}><div${_attr_class("_bk")}><h2${_attr_class("_by")}>Running</h2><span${_attr_class(sectionCount)}>${_escape(running.length)}${_el_resume($scope9_id, "e")}</span></div><ul${_attr_class("_bm")}>`);
 			_for_of(running, (p) => {
 				const $scope10_id = _scope_id();
-				_html(`<li${_attr_class("_bx")}><div${_attr_class("_by")}${_attr("title", p.args)}><span${_attr_class(["_bz", "_x"])}>${_escape(p.cmd)}${_el_resume($scope10_id, "d")}</span>`);
+				_html(`<li${_attr_class("_bo")}><div${_attr_class("_bp")}${_attr("title", p.args)}><span${_attr_class(["_bq", "_x"])}>${_escape(p.cmd)}${_el_resume($scope10_id, "d")}</span>`);
 				_if(() => {
 					if (p.ports.length) {
 						const $scope18_id = _scope_id();
-						_html(`<span${_attr_class("_bA")}>`);
+						_html(`<span${_attr_class("_br")}>`);
 						_for_of(p.ports, (port) => {
 							const $scope19_id = _scope_id();
-							_html(`<button${_attr_class(["_s", "_dr"])}${_attr("title", `Open http://${typeof location === "undefined" ? "localhost" : location.hostname}:${port}`)}>:<!>${_escape(port)}${_el_resume($scope19_id, "b")}</button>${_el_resume($scope19_id, "a")}`);
+							_html(`<button${_attr_class(["_s", "_cX"])}${_attr("title", `Open http://${typeof location === "undefined" ? "localhost" : location.hostname}:${port}`)}>:<!>${_escape(port)}${_el_resume($scope19_id, "b")}</button>${_el_resume($scope19_id, "a")}`);
 							_script($scope19_id, "n15");
 							writeScope($scope19_id, { d: port });
 						}, (x) => String(x), $scope18_id, "a", 1, 1, 1, "</span>", 1);
@@ -6971,7 +7084,7 @@ var manage_workspace_default = _template("n", (input) => {
 						return 0;
 					}
 				}, $scope10_id, "e", 1, 1, 1, 0, 1);
-				_html(`</div>${_el_resume($scope10_id, "b")}<button${_attr_class(["_bC", "_2"])} type=button${_attr("title", `Kill process ${p.pid}`)}${_attr("aria-label", `Kill process ${p.pid}`)}>`);
+				_html(`</div>${_el_resume($scope10_id, "b")}<button${_attr_class(["_bt", "_2"])} type=button${_attr("title", `Kill process ${p.pid}`)}${_attr("aria-label", `Kill process ${p.pid}`)}>`);
 				icon_xmark_default({ size: 14 });
 				_html(`</button>${_el_resume($scope10_id, "f")}</li>`);
 				_script($scope10_id, "n16");
@@ -6985,7 +7098,7 @@ var manage_workspace_default = _template("n", (input) => {
 			return 0;
 		}
 	}, $scope0_id, "v", 1, 1, 1, 0, 1);
-	_html(`<section${_attr_class(["_bs", "_ds"])}><div${_attr_class("_bt")}><h2${_attr_class("_bH")}>Workspace</h2></div><div${_attr_class("_dt")}>`);
+	_html(`<section${_attr_class(["_bj", "_cY"])}><div${_attr_class("_bk")}><h2${_attr_class("_by")}>Workspace</h2></div><div${_attr_class("_cZ")}>`);
 	_if(() => {
 		if (ws.status === "active") {
 			const $scope4_id = _scope_id();
@@ -7086,15 +7199,15 @@ var term_find_default = _template("y", (input) => {
 	const canStep = hasQuery && open;
 	const keybar = input.placement === "keybar";
 	_html(`<div${_attr_class([
-		"_fy",
-		keybar ? "_fA" : "_fz",
-		!open && "_fC"
-	])} aria-hidden=${open ? "false" : "true"}><div${_attr_class(["_ft", keybar ? "_fB" : "_fv"])}><input${_attr_input_value($scope0_id, "c", query, _resume(function(v) {
+		"_fj",
+		keybar ? "_fl" : "_fk",
+		!open && "_fn"
+	])} aria-hidden=${open ? "false" : "true"}><div${_attr_class(["_fe", keybar ? "_fm" : "_fg"])}><input${_attr_input_value($scope0_id, "c", query, _resume(function(v) {
 		if (!open) return;
 		query = v;
 		live.query = v;
 		run(0);
-	}, "y0", $scope0_id))}${_attr_class([findInput, keybar && "_fD"])} type=search enterkeyhint=search autocomplete=off tabindex=${open ? "0" : "-1"} placeholder="Find in terminal" aria-label="Find in terminal">${_el_resume($scope0_id, "c")}<button type=button${_attr_class([findIconBtn, keybar && "_fE"])} title="Previous match"${_attr("disabled", !canStep)} tabindex=${open ? "0" : "-1"}>↑</button>${_el_resume($scope0_id, "d")}<button type=button${_attr_class([findIconBtn, keybar && "_fE"])} title="Next match"${_attr("disabled", !canStep)} tabindex=${open ? "0" : "-1"}>↓</button>${_el_resume($scope0_id, "e")}<button type=button${_attr_class([findIconBtn, keybar && "_fE"])} title="Close find" tabindex=${open ? "0" : "-1"}>`);
+	}, "y0", $scope0_id))}${_attr_class([findInput, keybar && "_fo"])} type=search enterkeyhint=search autocomplete=off tabindex=${open ? "0" : "-1"} placeholder="Find in terminal" aria-label="Find in terminal">${_el_resume($scope0_id, "c")}<button type=button${_attr_class([findIconBtn, keybar && "_fp"])} title="Previous match"${_attr("disabled", !canStep)} tabindex=${open ? "0" : "-1"}>↑</button>${_el_resume($scope0_id, "d")}<button type=button${_attr_class([findIconBtn, keybar && "_fp"])} title="Next match"${_attr("disabled", !canStep)} tabindex=${open ? "0" : "-1"}>↓</button>${_el_resume($scope0_id, "e")}<button type=button${_attr_class([findIconBtn, keybar && "_fp"])} title="Close find" tabindex=${open ? "0" : "-1"}>`);
 	icon_xmark_default({ size: 14 });
 	_html(`</button>${_el_resume($scope0_id, "f")}</div>${_el_resume($scope0_id, "b", _serialize_guard($scope0_reason, 2))}</div>${_el_resume($scope0_id, "a")}`);
 	_script($scope0_id, "y4");
@@ -7368,7 +7481,7 @@ var term_default = _template("z", (input) => {
 			trapOpen = true;
 		}
 	}, "z14", $scope0_id);
-	_html(`<div${_attr("hidden", !onTermPage)}${_attr_class("_dY")}><div${_attr_class("_dZ")}></div>${_el_resume($scope0_id, "b")}`);
+	_html(`<div${_attr("hidden", !onTermPage)}${_attr_class("_dC")}><div${_attr_class("_dD")}></div>${_el_resume($scope0_id, "b")}`);
 	_if(() => {
 		if (findOpen) {
 			const $scope12_id = _scope_id();
@@ -7395,7 +7508,7 @@ var term_default = _template("z", (input) => {
 	_if(() => {
 		if (uploading) {
 			const $scope19_id = _scope_id();
-			_html(`<div${_attr_class("_d5")}>uploading…</div>`);
+			_html(`<div${_attr_class("_dJ")}>uploading…</div>`);
 			writeScope($scope19_id, {});
 			return 0;
 		}
@@ -7403,7 +7516,7 @@ var term_default = _template("z", (input) => {
 	_if(() => {
 		if (copiedFlash) {
 			const $scope20_id = _scope_id();
-			_html(`<div${_attr_class("_d4")}>Copied</div>`);
+			_html(`<div${_attr_class("_dI")}>Copied</div>`);
 			writeScope($scope20_id, {});
 			return 0;
 		}
@@ -7412,7 +7525,7 @@ var term_default = _template("z", (input) => {
 	_if(() => {
 		if (trapOpen) {
 			const $scope11_id = _scope_id();
-			_html(`<div${_attr_class("_d6")}><div${_attr_class("_d7")}><p${_attr_class("_eB")}>Long-press the field below and choose Paste</p><input placeholder="Paste here…">${_el_resume($scope11_id, "d")}<button${_attr_class("_o")}>Cancel</button>${_el_resume($scope11_id, "e")}</div>${_el_resume($scope11_id, "b")}</div>${_el_resume($scope11_id, "a")}`);
+			_html(`<div${_attr_class("_dK")}><div${_attr_class("_dL")}><p${_attr_class("_ef")}>Long-press the field below and choose Paste</p><input placeholder="Paste here…">${_el_resume($scope11_id, "d")}<button${_attr_class("_o")}>Cancel</button>${_el_resume($scope11_id, "e")}</div>${_el_resume($scope11_id, "b")}</div>${_el_resume($scope11_id, "a")}`);
 			_script($scope11_id, "z25");
 			_script($scope11_id, "z26");
 			writeScope($scope11_id, {});
@@ -7515,7 +7628,7 @@ var work_view_default = _template("D", (input) => {
 	let DiffView = null;
 	const loadDiffView = _resume(() => {
 		if (DiffView) return;
-		import("./_BDBtGsdY.js").then((m) => {
+		import("./_Cz8F94WW.js").then((m) => {
 			DiffView = m.default;
 		});
 	}, "D6", $scope0_id);
@@ -7984,7 +8097,7 @@ var work_view_default = _template("D", (input) => {
 			_if(() => {
 				if (!shownSessions.length && view === "term") {
 					const $scope7_id = _scope_id();
-					_html(`<div${_attr_class("_bE")}><span>No sessions in this workspace.</span><button${_attr_class(["_o", "_p"])}${_attr("disabled", spawning)}>${spawning ? "Starting…" : `Start ${_escape(`${input.preferred || "shell"}`)}`}${_el_resume($scope7_id, "c")}</button>${_el_resume($scope7_id, "b")}</div>`);
+					_html(`<div${_attr_class("_bv")}><span>No sessions in this workspace.</span><button${_attr_class(["_o", "_p"])}${_attr("disabled", spawning)}>${spawning ? "Starting…" : `Start ${_escape(`${input.preferred || "shell"}`)}`}${_el_resume($scope7_id, "c")}</button>${_el_resume($scope7_id, "b")}</div>`);
 					_script($scope7_id, "D49");
 					_subscribe($spawning__closures, _subscribe($si__input_preferred && $input_preferred__closures, writeScope($scope7_id, {})));
 					return 0;
@@ -7994,7 +8107,7 @@ var work_view_default = _template("D", (input) => {
 			return 0;
 		} else {
 			const $scope10_id = _scope_id();
-			_html(`<p${_attr_class("_bE")}>Loading sessions…</p>`);
+			_html(`<p${_attr_class("_bv")}>Loading sessions…</p>`);
 			writeScope($scope10_id, {});
 			return 1;
 		}
@@ -9866,20 +9979,20 @@ var DELETE$2 = Run.DELETE(async (ctx) => {
 });
 //#endregion
 //#region __marko-run__api.sessions.$.js
-var patchHandler = normalizeHandler(Run.PATCH({ json: Rename }, async (ctx) => {
+var patchHandler$1 = normalizeHandler(Run.PATCH({ json: Rename }, async (ctx) => {
 	const body = await readBody(ctx);
 	renameSession(ctx.params.id, body.title || null);
 	return Response.json({ ok: true });
 }), "PATCH");
 var deleteHandler$2 = normalizeHandler(DELETE$2, "DELETE");
 var delete20_options = mergeOptions(mware11, deleteHandler$2);
-var patch20_options = mergeOptions(mware11, patchHandler);
+var patch20_options = mergeOptions(mware11, patchHandler$1);
 function delete20(context) {
 	const __deleteHandler = (data) => call(deleteHandler$2, noContent, context, data);
 	return call(mware11, __deleteHandler, context);
 }
 function patch20(context) {
-	const __patchHandler = (data) => call(patchHandler, noContent, context, data);
+	const __patchHandler = (data) => call(patchHandler$1, noContent, context, data);
 	return call(mware11, __patchHandler, context);
 }
 //#endregion
@@ -10303,6 +10416,13 @@ function addComment(workspaceId, comment) {
 	publish("review.changed", { workspaceId });
 	return get("SELECT * FROM review_comments WHERE id = ?", lastInsertRowid);
 }
+function updateComment(id, text) {
+	const row = get("SELECT * FROM review_comments WHERE id = ?", id);
+	if (!row) throw new Error(`no such comment: ${id}`);
+	db.prepare("UPDATE review_comments SET text = ? WHERE id = ?").run(text, id);
+	publish("review.changed", { workspaceId: row.workspace_id });
+	return get("SELECT * FROM review_comments WHERE id = ?", id);
+}
 function deleteComment(id) {
 	const row = get("SELECT workspace_id FROM review_comments WHERE id = ?", id);
 	db.prepare("DELETE FROM review_comments WHERE id = ?").run(id);
@@ -10964,21 +11084,40 @@ function post37(context) {
 	return call(mware11, __mware36, context);
 }
 //#endregion
+//#region src/routes/api/workspaces/$id/review/$commentId/+handler.ts
+function commentInWorkspace(workspaceId, commentId) {
+	if (!Number.isInteger(commentId)) throw httpError(400, "invalid comment id");
+	const row = get("SELECT workspace_id FROM review_comments WHERE id = ?", commentId);
+	if (!row || row.workspace_id !== workspaceId) throw httpError(404, "no such comment");
+}
+var Edit = /* @__PURE__ */ object({ text: /* @__PURE__ */ pipe(/* @__PURE__ */ string(), /* @__PURE__ */ trim(), /* @__PURE__ */ minLength(1)) });
+var PATCH = Run.PATCH({ json: Edit }, async (ctx) => {
+	const commentId = Number(ctx.params.commentId);
+	commentInWorkspace(ctx.params.id, commentId);
+	const body = await readBody(ctx);
+	return Response.json(updateComment(commentId, body.text));
+});
+//#endregion
 //#region __marko-run__api.workspaces.$.review.$.js
 var deleteHandler = normalizeHandler(Run.DELETE((ctx) => {
 	const commentId = Number(ctx.params.commentId);
-	if (!Number.isInteger(commentId)) throw httpError(400, "invalid comment id");
-	const row = get("SELECT workspace_id FROM review_comments WHERE id = ?", commentId);
-	if (!row || row.workspace_id !== ctx.params.id) throw httpError(404, "no such comment");
+	commentInWorkspace(ctx.params.id, commentId);
 	deleteComment(commentId);
 	return Response.json({ ok: true });
 }), "DELETE");
+var patchHandler = normalizeHandler(PATCH, "PATCH");
 var delete38_options = mergeOptions(mware11, mware36, deleteHandler);
+var patch38_options = mergeOptions(mware11, mware36, patchHandler);
 function delete38(context) {
 	const __deleteHandler = (data) => call(deleteHandler, noContent, context, data);
 	const __mware36 = (data) => call(mware36, __deleteHandler, context, data);
 	return call(mware11, __mware36, context);
 }
+function patch38(context) {
+	const __patchHandler = (data) => call(patchHandler, noContent, context, data);
+	const __mware36 = (data) => call(mware36, __patchHandler, context, data);
+	return call(mware11, __mware36, context);
+}
 //#endregion
 //#region src/routes/api/workspaces/$id/sessions/+handler.ts
 var CreateSession = /* @__PURE__ */ object({ agent: /* @__PURE__ */ optional(/* @__PURE__ */ string()) });
@@ -11814,18 +11953,47 @@ function match_internal(method, pathname) {
 				if (i1 && i1 !== len) {
 					if (pathname.slice(1, i1 - 1) === "api") {
 						const i2 = pathname.indexOf("/", 5) + 1;
-						if (i2 && i2 !== len) {
-							if (pathname.slice(5, i2 - 1) === "sessions") {
-								const i3 = pathname.indexOf("/", 14) + 1;
-								if (!i3 || i3 === len) {
-									const s3 = decodeURIComponent(pathname.slice(14, i3 ? -1 : len));
-									if (s3) return {
-										handler: patch20,
-										path: "/api/sessions/$id",
-										params: { id: s3 },
-										options: patch20_options,
-										meta: {}
-									};
+						if (i2 && i2 !== len) switch (pathname.slice(5, i2 - 1)) {
+							case "sessions":
+								{
+									const i3 = pathname.indexOf("/", 14) + 1;
+									if (!i3 || i3 === len) {
+										const s3 = decodeURIComponent(pathname.slice(14, i3 ? -1 : len));
+										if (s3) return {
+											handler: patch20,
+											path: "/api/sessions/$id",
+											params: { id: s3 },
+											options: patch20_options,
+											meta: {}
+										};
+									}
+								}
+								break;
+							case "workspaces": {
+								const i3 = pathname.indexOf("/", 16) + 1;
+								if (i3 && i3 !== len) {
+									const s3 = decodeURIComponent(pathname.slice(16, i3 - 1));
+									if (s3) {
+										const i4 = pathname.indexOf("/", i3) + 1;
+										if (i4 && i4 !== len) {
+											if (pathname.slice(i3, i4 - 1) === "review") {
+												const i5 = pathname.indexOf("/", i4) + 1;
+												if (!i5 || i5 === len) {
+													const s5 = decodeURIComponent(pathname.slice(i4, i5 ? -1 : len));
+													if (s5) return {
+														handler: patch38,
+														path: "/api/workspaces/$id/review/$commentId",
+														params: {
+															id: s3,
+															commentId: s5
+														},
+														options: patch38_options,
+														meta: {}
+													};
+												}
+											}
+										}
+									}
 								}
 							}
 						}
@@ -15882,4 +16050,4 @@ server.listen(port, () => {
 //#endregion
 export {};
 
-;var __MARKO_MANIFEST__={"LH2lXAg":{"block":[2,"stylesheet#/assets/app-page-D2MGNs24.css",6,"<link",0," rel=\"stylesheet\" crossorigin href=\"",1,"assets/app-page-D2MGNs24.css\"",">"],"defer":[2,"/assets/w-BAusPvMv.js",6,"<script",0," async type=\"module\" crossorigin src=\"",1,"assets/w-BAusPvMv.js\"","></script>",2,"modulepreload#/assets/_BW-Z7z3K.js",6,"<link",0," rel=\"modulepreload\" crossorigin href=\"",1,"assets/_BW-Z7z3K.js\"",">"]},"T$MNY0k":{"block":[2,"stylesheet#/assets/app-page-D2MGNs24.css",6,"<link",0," rel=\"stylesheet\" crossorigin href=\"",1,"assets/app-page-D2MGNs24.css\"",">"],"defer":[2,"/assets/w._-BAusPvMv.js",6,"<script",0," async type=\"module\" crossorigin src=\"",1,"assets/w._-BAusPvMv.js\"","></script>",2,"modulepreload#/assets/_BW-Z7z3K.js",6,"<link",0," rel=\"modulepreload\" crossorigin href=\"",1,"assets/_BW-Z7z3K.js\"",">"]},"AA0T2xt":{"block":[2,"stylesheet#/assets/app-page-D2MGNs24.css",6,"<link",0," rel=\"stylesheet\" crossorigin href=\"",1,"assets/app-page-D2MGNs24.css\"",">"],"defer":[2,"/assets/settings-BAusPvMv.js",6,"<script",0," async type=\"module\" crossorigin src=\"",1,"assets/settings-BAusPvMv.js\"","></script>",2,"modulepreload#/assets/_BW-Z7z3K.js",6,"<link",0," rel=\"modulepreload\" crossorigin href=\"",1,"assets/_BW-Z7z3K.js\"",">"]},"ibphXY4":{"block":[2,"stylesheet#/assets/app-page-D2MGNs24.css",6,"<link",0," rel=\"stylesheet\" crossorigin href=\"",1,"assets/app-page-D2MGNs24.css\"",">"],"defer":[2,"/assets/w._-CuEUWcak.js",6,"<script",0," async type=\"module\" crossorigin src=\"",1,"assets/w._-CuEUWcak.js\"","></script>",2,"modulepreload#/assets/_BW-Z7z3K.js",6,"<link",0," rel=\"modulepreload\" crossorigin href=\"",1,"assets/_BW-Z7z3K.js\"",">"]},"ZLT8joi":{"block":[2,"stylesheet#/assets/app-page-D2MGNs24.css",6,"<link",0," rel=\"stylesheet\" crossorigin href=\"",1,"assets/app-page-D2MGNs24.css\"",">"],"defer":[2,"/assets/new-BAusPvMv.js",6,"<script",0," async type=\"module\" crossorigin src=\"",1,"assets/new-BAusPvMv.js\"","></script>",2,"modulepreload#/assets/_BW-Z7z3K.js",6,"<link",0," rel=\"modulepreload\" crossorigin href=\"",1,"assets/_BW-Z7z3K.js\"",">"]}};
+;var __MARKO_MANIFEST__={"T$MNY0k":{"block":[2,"stylesheet#/assets/app-page-DOL8nhko.css",6,"<link",0," rel=\"stylesheet\" crossorigin href=\"",1,"assets/app-page-DOL8nhko.css\"",">"],"defer":[2,"/assets/w._-hKsQDica.js",6,"<script",0," async type=\"module\" crossorigin src=\"",1,"assets/w._-hKsQDica.js\"","></script>",2,"modulepreload#/assets/_DY1ZTiKf.js",6,"<link",0," rel=\"modulepreload\" crossorigin href=\"",1,"assets/_DY1ZTiKf.js\"",">"]},"ZLT8joi":{"block":[2,"stylesheet#/assets/app-page-DOL8nhko.css",6,"<link",0," rel=\"stylesheet\" crossorigin href=\"",1,"assets/app-page-DOL8nhko.css\"",">"],"defer":[2,"/assets/new-hKsQDica.js",6,"<script",0," async type=\"module\" crossorigin src=\"",1,"assets/new-hKsQDica.js\"","></script>",2,"modulepreload#/assets/_DY1ZTiKf.js",6,"<link",0," rel=\"modulepreload\" crossorigin href=\"",1,"assets/_DY1ZTiKf.js\"",">"]},"AA0T2xt":{"block":[2,"stylesheet#/assets/app-page-DOL8nhko.css",6,"<link",0," rel=\"stylesheet\" crossorigin href=\"",1,"assets/app-page-DOL8nhko.css\"",">"],"defer":[2,"/assets/settings-hKsQDica.js",6,"<script",0," async type=\"module\" crossorigin src=\"",1,"assets/settings-hKsQDica.js\"","></script>",2,"modulepreload#/assets/_DY1ZTiKf.js",6,"<link",0," rel=\"modulepreload\" crossorigin href=\"",1,"assets/_DY1ZTiKf.js\"",">"]},"ibphXY4":{"block":[2,"stylesheet#/assets/app-page-DOL8nhko.css",6,"<link",0," rel=\"stylesheet\" crossorigin href=\"",1,"assets/app-page-DOL8nhko.css\"",">"],"defer":[2,"/assets/w._-CyAQSfuD.js",6,"<script",0," async type=\"module\" crossorigin src=\"",1,"assets/w._-CyAQSfuD.js\"","></script>",2,"modulepreload#/assets/_DY1ZTiKf.js",6,"<link",0," rel=\"modulepreload\" crossorigin href=\"",1,"assets/_DY1ZTiKf.js\"",">"]},"LH2lXAg":{"block":[2,"stylesheet#/assets/app-page-DOL8nhko.css",6,"<link",0," rel=\"stylesheet\" crossorigin href=\"",1,"assets/app-page-DOL8nhko.css\"",">"],"defer":[2,"/assets/w-hKsQDica.js",6,"<script",0," async type=\"module\" crossorigin src=\"",1,"assets/w-hKsQDica.js\"","></script>",2,"modulepreload#/assets/_DY1ZTiKf.js",6,"<link",0," rel=\"modulepreload\" crossorigin href=\"",1,"assets/_DY1ZTiKf.js\"",">"]}};