opencode-navigator 0.27.0 → 0.27.2

package/dist/gui-experimental.cjs

@@ -39,6 +39,37 @@ function normalizeProviderQuota(snapshot) {
 		} }
 	};
 }
+// src/entities/provider-limit/model/reset-credit-lifetime.ts
+function remainingLabel(seconds) {
+	if (seconds === 0) return "Expired";
+	if (seconds < 60) return "Expires in less than a minute";
+	for (const [unit, duration] of [
+		["day", 86400],
+		["hour", 3600],
+		["minute", 60]
+	]) {
+		if (seconds < duration) continue;
+		const count = Math.ceil(seconds / duration);
+		return `Expires in ${count} ${unit}${count === 1 ? "" : "s"}`;
+	}
+	return "Expiry not supplied by the provider";
+}
+function resetCreditLifetime(credit, now) {
+	const expiry = credit.expiresAt;
+	if (expiry === void 0 || !Number.isFinite(expiry) || expiry <= 0) return {
+		label: "Expiry not supplied by the provider",
+		remaining: void 0,
+		expired: false
+	};
+	const seconds = Math.max(0, expiry - now / 1e3);
+	const lifetime = expiry - credit.grantedAt;
+	const remaining = Number.isFinite(credit.grantedAt) && credit.grantedAt >= 0 && lifetime > 0 ? Math.max(0, Math.min(1, seconds / lifetime)) : void 0;
+	return {
+		label: remainingLabel(seconds),
+		remaining,
+		expired: seconds === 0
+	};
+}
 // src/entities/provider-limit/model/account-identity.ts
 var CHATGPT_METHODS = /* @__PURE__ */ new Set(["chatgpt-browser", "chatgpt-headless"]);
 function providerAccountIdentity(provider, credentials) {
@@ -2687,6 +2718,16 @@ function targetForLegacyScope(scope) {
 		key: scope
 	};
 }
+// src/shared/lib/reorder.ts
+function reorderItems(items, from, to, key) {
+	const source = items.findIndex((item) => key(item) === from);
+	const target = items.findIndex((item) => key(item) === to);
+	const next = [...items];
+	if (source === -1 || target === -1 || source === target) return next;
+	const [item] = next.splice(source, 1);
+	next.splice(target, 0, item);
+	return next;
+}
 // src/entities/preferences/model/built-ins.ts
 function builtInPreferences(defaults) {
 	return {
@@ -3323,6 +3364,14 @@ function createPreferencesModel(ports, defaults, store, configuredInput = {}) {
 				behavior: { quickActionOrder: order }
 			});
 		},
+		reorderQuickAction(from, to, scope) {
+			if (scope !== targetKey(selectedTarget())) return;
+			const order = reorderItems(selectedResolved().behavior.quickActionOrder, from, to, (id) => id);
+			update({
+				target: selectedTarget(),
+				behavior: { quickActionOrder: order }
+			});
+		},
 		sectionItemLimit: (section) => resolved().behavior.sectionItemLimits[section] ?? 0,
 		selectedSectionItemLimit: (section) => selectedResolved().behavior.sectionItemLimits[section] ?? 0,
 		setSectionItemLimit(section, value) {
@@ -3548,6 +3597,11 @@ function createPreferencesModel(ports, defaults, store, configuredInput = {}) {
 			swap(order, index, destination);
 			setSelectedSessionLayout({ order });
 		},
+		reorderSelectedSection(from, to, scope) {
+			if (scope !== targetKey(selectedTarget())) return;
+			const layout = resolveTarget(selectedTarget()).layout;
+			setSelectedSessionLayout({ order: reorderItems(layout.order, from, to, (id) => id) });
+		},
 		previewLayoutPreset(preset) {
 			return layoutPresetPreview(selectedLayoutResolved().layout, preset);
 		},
@@ -3845,10 +3899,16 @@ function sourceIdentity(item) {
 		version: item.source.version
 	} : item?.source);
 }
-function createMainPluginUpdate(context) {
+function createMainPluginUpdate(context, changed = () => {}) {
 	let prepared;
 	let busy = false;
+	let phase = "idle";
+	const report = (next) => {
+		phase = next;
+		changed();
+	};
 	return {
+		state: () => ({ phase }),
 		async check(_input, caller) {
 			if (busy) throw new Error("Navigator installation is already in progress");
 			prepared = void 0;
@@ -3890,6 +3950,7 @@ function createMainPluginUpdate(context) {
 		async install(input, caller) {
 			if (busy || !prepared || input.token !== prepared.token) throw new Error("Update confirmation expired. Check again.");
 			busy = true;
+			report("preparing");
 			const expected = prepared;
 			prepared = void 0;
 			try {
@@ -3902,12 +3963,14 @@ function createMainPluginUpdate(context) {
 				const response = await client.plugin.list({}, { signal });
 				const item = response.data.find((entry) => entry.id === context.id);
 				if (context.client !== client || sourceIdentity(item) !== expected.source || packageTarget(item) !== expected.target) throw new Error("Navigator installation changed. Check again before installing.");
+				report("installing");
 				await client.plugin.update({
 					location: response.location,
 					targets: [expected.target]
 				}, { signal });
 			} finally {
 				busy = false;
+				report("idle");
 			}
 		}
 	};
@@ -4615,6 +4678,13 @@ function localCodexIpc(pluginID) {
 function pluginUpdateIpc(pluginID) {
 	return _opencode_plugin_gui.Ipc.define({
 		id: `${pluginID}.package-update`,
+		state: effect.Schema.Struct({ phase: effect.Schema.Literals([
+			"idle",
+			"preparing",
+			"downloading",
+			"installing",
+			"verifying"
+		]) }),
 		methods: {
 			check: { output: effect.Schema.Struct({
 				status: effect.Schema.Literals([
@@ -4644,14 +4714,15 @@ function preferencesIpc(pluginID) {
 var main = (context) => {
 	const store = desktopPreferencesStore();
 	const readAccount = createMainAccountReader(context);
-	const codex = createNodeCodexClient({ version: "0.27.0" });
+	const codex = createNodeCodexClient({ version: "0.27.2" });
 	context.onCleanup(codex.dispose);
 	context.provide(preferencesIpc(context.id), createMainPreferencesHandlers(store));
 	context.provide(localAccountIpc(context.id), { read: readAccount });
 	context.provide(localCodexIpc(context.id), createMainCodexHandlers(context, store, codex));
-	context.provide(pluginUpdateIpc(context.id), createMainPluginUpdate(context));
+	const updateImpl = createMainPluginUpdate(context, () => updateProvider.changed());
+	const updateProvider = context.provide(pluginUpdateIpc(context.id), updateImpl);
 	context.provide(bugReportIpc(context.id), createMainBugReport(context.signal));
-	context.log.write("info", `Navigator 0.27.0 Desktop main ready`);
+	context.log.write("info", `Navigator 0.27.2 Desktop main ready`);
 };
 // src/pages/navigator/ui/gui/context.tsx
 var NavigatorGuiContext = (0, solid_js.createContext)();
@@ -4661,11 +4732,11 @@ function useNavigatorGui() {
 	return services;
 }
 // src/pages/navigator/ui/gui/bookmark.tsx
-var _tmpl$$54 = /*#__PURE__*/ (0, solid_js_web.template)(`<span style=width:24px;flex-shrink:0><button type=button style=width:24px;height:24px;padding:0;display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:4px;color:inherit><svg width=12 height=16 viewBox="0 0 14 18"aria-hidden=true><path d="M3 2H11V15L7 12L3 15Z"stroke=currentColor stroke-width=1.5>`);
+var _tmpl$$60 = /*#__PURE__*/ (0, solid_js_web.template)(`<span style=width:24px;flex-shrink:0><button type=button style=width:24px;height:24px;padding:0;display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:4px;color:inherit><svg width=12 height=16 viewBox="0 0 14 18"aria-hidden=true><path d="M3 2H11V15L7 12L3 15Z"stroke=currentColor stroke-width=1.5>`);
 function SidebarBookmark(props) {
 	const label = () => `${props.selected ? "Unbookmark" : "Bookmark"} ${props.title}`;
 	return (() => {
-		var _el$ = _tmpl$$54(), _el$2 = _el$.firstChild, _el$4 = _el$2.firstChild.firstChild;
+		var _el$ = _tmpl$$60(), _el$2 = _el$.firstChild, _el$4 = _el$2.firstChild.firstChild;
 		_el$2.$$click = (event) => {
 			event.stopPropagation();
 			props.toggle();
@@ -4694,7 +4765,7 @@ function SidebarBookmark(props) {
 }
 (0, solid_js_web.delegateEvents)(["click"]);
 // src/pages/navigator/ui/gui/catalog-row.tsx
-var _tmpl$$53 = /*#__PURE__*/ (0, solid_js_web.template)(`<li style="display:flex;gap:4px;align-items:center;min-width:0;padding:3px 0"><button type=button style=flex:1;min-width:0;display:flex;gap:6px;align-items:center;text-align:left;padding:4px;color:inherit;border:0;border-radius:6px><span style=min-width:0;flex:1><span style=display:block;overflow-wrap:anywhere></span><span style=display:block;opacity:0.65;font-size:12px;overflow-wrap:anywhere>`);
+var _tmpl$$59 = /*#__PURE__*/ (0, solid_js_web.template)(`<li style="display:flex;gap:4px;align-items:center;min-width:0;padding:3px 0"><button type=button style=flex:1;min-width:0;display:flex;gap:6px;align-items:center;text-align:left;padding:4px;color:inherit;border:0;border-radius:6px><span style=min-width:0;flex:1><span style=display:block;overflow-wrap:anywhere></span><span style=display:block;opacity:0.65;font-size:12px;overflow-wrap:anywhere>`);
 function navigate$1(event) {
 	if (event.key !== "ArrowLeft" && event.key !== "ArrowRight") return;
 	const buttons = [...event.currentTarget.querySelectorAll("button:not(:disabled)")];
@@ -4709,7 +4780,7 @@ function CatalogRow(props) {
 	const [hovered, setHovered] = (0, solid_js.createSignal)(false);
 	const [focused, setFocused] = (0, solid_js.createSignal)(false);
 	return (() => {
-		var _el$ = _tmpl$$53(), _el$2 = _el$.firstChild, _el$3 = _el$2.firstChild, _el$4 = _el$3.firstChild, _el$5 = _el$4.nextSibling;
+		var _el$ = _tmpl$$59(), _el$2 = _el$.firstChild, _el$3 = _el$2.firstChild, _el$4 = _el$3.firstChild, _el$5 = _el$4.nextSibling;
 		_el$.$$keydown = navigate$1;
 		_el$.$$focusout = (event) => {
 			if (!event.currentTarget.contains(event.relatedTarget)) setFocused(false);
@@ -4811,15 +4882,19 @@ function GuiActionRow(props) {
 	});
 }
 // src/pages/navigator/ui/gui/section.tsx
-var _tmpl$$52 = /*#__PURE__*/ (0, solid_js_web.template)(`<section style=min-width:0><div style=display:flex;gap:8px;align-items:center;min-width:0><h2 style=flex:1;min-width:0;font-size:13px;font-weight:600;margin:0><button type=button style="display:flex;gap:6px;align-items:center;width:100%;padding:3px 0;color:inherit;background:transparent;border:0;text-align:left"><span aria-hidden=true></span><span style=overflow:hidden;text-overflow:ellipsis;white-space:nowrap></span><span style=opacity:0.55;font-weight:400>`);
+var _tmpl$$58 = /*#__PURE__*/ (0, solid_js_web.template)(`<section style=min-width:0><div style=display:flex;gap:8px;align-items:center;min-width:0><h2 style=flex:1;min-width:0;font-size:13px;font-weight:600;margin:0><button type=button style="display:flex;gap:6px;align-items:center;width:100%;padding:3px 0;color:inherit;background:transparent;border:0;text-align:left"><span aria-hidden=true data-navigator-disclosure style=display:inline-flex;width:16px;height:16px;flex-shrink:0;align-items:center;justify-content:center></span><span style=overflow:hidden;text-overflow:ellipsis;white-space:nowrap></span><span style=opacity:0.55;font-weight:400>`);
 function MonitoringSection(props) {
 	const services = useNavigatorGui();
 	const preferences = () => services.runtime.catalogs?.preferences;
 	const expanded = () => preferences()?.expanded()[props.id] ?? true;
+	const Icon = services.ui.Icon;
 	return (() => {
-		var _el$ = _tmpl$$52(), _el$2 = _el$.firstChild, _el$4 = _el$2.firstChild.firstChild, _el$5 = _el$4.firstChild, _el$6 = _el$5.nextSibling, _el$7 = _el$6.nextSibling;
+		var _el$ = _tmpl$$58(), _el$2 = _el$.firstChild, _el$4 = _el$2.firstChild.firstChild, _el$5 = _el$4.firstChild, _el$6 = _el$5.nextSibling, _el$7 = _el$6.nextSibling;
 		_el$4.$$click = () => preferences()?.toggleSectionExpanded(props.id);
-		(0, solid_js_web.insert)(_el$5, () => expanded() ? "⌄" : "›");
+		(0, solid_js_web.insert)(_el$5, (0, solid_js_web.createComponent)(Icon, {
+			name: "chevron-down",
+			size: "small"
+		}));
 		(0, solid_js_web.insert)(_el$6, () => props.title);
 		(0, solid_js_web.insert)(_el$7, () => props.count);
 		(0, solid_js_web.insert)(_el$2, () => props.actions, null);
@@ -4832,24 +4907,26 @@ function MonitoringSection(props) {
 			}
 		}), null);
 		(0, solid_js_web.effect)((_p$) => {
-			var _v$ = props.title, _v$2 = expanded();
+			var _v$ = props.title, _v$2 = expanded(), _v$3 = expanded() ? "rotate(0deg)" : "rotate(-90deg)";
 			_v$ !== _p$.e && (0, solid_js_web.setAttribute)(_el$, "aria-label", _p$.e = _v$);
 			_v$2 !== _p$.t && (0, solid_js_web.setAttribute)(_el$4, "aria-expanded", _p$.t = _v$2);
+			_v$3 !== _p$.a && (0, solid_js_web.setStyleProperty)(_el$5, "transform", _p$.a = _v$3);
 			return _p$;
 		}, {
 			e: void 0,
-			t: void 0
+			t: void 0,
+			a: void 0
 		});
 		return _el$;
 	})();
 }
 (0, solid_js_web.delegateEvents)(["click"]);
 // src/pages/navigator/ui/gui/section-filter.tsx
-var _tmpl$$51 = /*#__PURE__*/ (0, solid_js_web.template)(`<div style="margin:8px 0">`);
+var _tmpl$$57 = /*#__PURE__*/ (0, solid_js_web.template)(`<div style="margin:8px 0">`);
 function SectionFilter(props) {
 	const TextInput = useNavigatorGui().ui.TextInput;
 	return (() => {
-		var _el$ = _tmpl$$51();
+		var _el$ = _tmpl$$57();
 		(0, solid_js_web.insert)(_el$, (0, solid_js_web.createComponent)(TextInput, {
 			get label() {
 				return props.label;
@@ -4869,9 +4946,9 @@ function SectionFilter(props) {
 	})();
 }
 // src/pages/navigator/ui/gui/actions-section.tsx
-var _tmpl$$50 = /*#__PURE__*/ (0, solid_js_web.template)(`<p style=opacity:0.65>No matching actions.`);
-var _tmpl$2$33 = /*#__PURE__*/ (0, solid_js_web.template)(`<div style=display:flex;flex-direction:column;gap:12px>`);
-var _tmpl$3$21 = /*#__PURE__*/ (0, solid_js_web.template)(`<ul style=margin:0;padding:0;list-style:none>`);
+var _tmpl$$56 = /*#__PURE__*/ (0, solid_js_web.template)(`<p style=opacity:0.65>No matching actions.`);
+var _tmpl$2$38 = /*#__PURE__*/ (0, solid_js_web.template)(`<div style=display:flex;flex-direction:column;gap:12px>`);
+var _tmpl$3$24 = /*#__PURE__*/ (0, solid_js_web.template)(`<ul style=margin:0;padding:0;list-style:none>`);
 function ActionsSection() {
 	const services = useNavigatorGui();
 	const catalogs = () => services.runtime.catalogs;
@@ -4896,13 +4973,13 @@ function ActionsSection() {
 					}
 				}),
 				(() => {
-					var _el$ = _tmpl$2$33();
+					var _el$ = _tmpl$2$38();
 					(0, solid_js_web.insert)(_el$, (0, solid_js_web.createComponent)(solid_js.For, {
 						get each() {
 							return [true, false].filter((selected) => view().visibility.visible().some((id) => catalogs().preferences.favoriteQuickActions().has(id) === selected));
 						},
 						children: (selected) => (() => {
-							var _el$3 = _tmpl$3$21();
+							var _el$3 = _tmpl$3$24();
 							(0, solid_js_web.insert)(_el$3, (0, solid_js_web.createComponent)(solid_js.For, {
 								get each() {
 									return view().visibility.visible().filter((id) => catalogs().preferences.favoriteQuickActions().has(id) === selected);
@@ -4917,7 +4994,7 @@ function ActionsSection() {
 							return view().filtered().length === 0;
 						},
 						get children() {
-							return _tmpl$$50();
+							return _tmpl$$56();
 						}
 					}), null);
 					return _el$;
@@ -4942,11 +5019,11 @@ function ActionsSection() {
 	});
 }
 // src/pages/navigator/ui/gui/quota-window.tsx
-var _tmpl$$49 = /*#__PURE__*/ (0, solid_js_web.template)(`<div style="min-width:0;margin:12px 0"><div role=meter aria-valuemin=0 aria-valuemax=100 style="height:2px;background:color-mix(in srgb, currentColor 10%, transparent)"><div style=height:100%;background:currentColor;opacity:0.5></div></div><div style=display:flex;gap:8px;font-size:12px;margin-top:5px><span style=opacity:0.6;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1></span><span style=flex-shrink:0>`);
+var _tmpl$$55 = /*#__PURE__*/ (0, solid_js_web.template)(`<div style="min-width:0;margin:12px 0"><div role=meter aria-valuemin=0 aria-valuemax=100 style="height:2px;background:color-mix(in srgb, currentColor 10%, transparent)"><div style=height:100%;background:currentColor;opacity:0.5></div></div><div style=display:flex;gap:8px;font-size:12px;margin-top:5px><span style=opacity:0.6;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1></span><span style=flex-shrink:0>`);
 function GuiQuotaWindow(props) {
 	const view = () => quotaPresentation(props.window);
 	return (() => {
-		var _el$ = _tmpl$$49(), _el$2 = _el$.firstChild, _el$3 = _el$2.firstChild, _el$5 = _el$2.nextSibling.firstChild, _el$6 = _el$5.nextSibling;
+		var _el$ = _tmpl$$55(), _el$2 = _el$.firstChild, _el$3 = _el$2.firstChild, _el$5 = _el$2.nextSibling.firstChild, _el$6 = _el$5.nextSibling;
 		(0, solid_js_web.insert)(_el$5, () => view().reset);
 		(0, solid_js_web.insert)(_el$6, () => view().value);
 		(0, solid_js_web.effect)((_p$) => {
@@ -4968,10 +5045,9 @@ function GuiQuotaWindow(props) {
 	})();
 }
 // src/pages/navigator/ui/gui/limits-section.tsx
-var _tmpl$$48 = /*#__PURE__*/ (0, solid_js_web.template)(`<div style=display:flex;gap:4px;align-items:center;min-width:0>`);
-var _tmpl$2$32 = /*#__PURE__*/ (0, solid_js_web.template)(`<p role=alert>`);
-var _tmpl$3$20 = /*#__PURE__*/ (0, solid_js_web.template)(`<p style=opacity:0.65>`);
-var _tmpl$4$13 = /*#__PURE__*/ (0, solid_js_web.template)(`<p>: `);
+var _tmpl$$54 = /*#__PURE__*/ (0, solid_js_web.template)(`<p role=alert>`);
+var _tmpl$2$37 = /*#__PURE__*/ (0, solid_js_web.template)(`<p style=opacity:0.65>`);
+var _tmpl$3$23 = /*#__PURE__*/ (0, solid_js_web.template)(`<p>: `);
 function LimitsSection() {
 	const props = useNavigatorGui();
 	const limits = () => props.runtime.limits;
@@ -5016,31 +5092,6 @@ function LimitsSection() {
 		},
 		get children() {
 			return [
-				(() => {
-					var _el$ = _tmpl$$48();
-					(0, solid_js_web.insert)(_el$, (0, solid_js_web.createComponent)(Button, {
-						size: "small",
-						variant: "ghost",
-						onClick: () => limits()?.chooseModel(),
-						get children() {
-							return limits()?.label() ?? "Select model";
-						}
-					}), null);
-					(0, solid_js_web.insert)(_el$, (0, solid_js_web.createComponent)(solid_js.Show, {
-						get when() {
-							return limits()?.selected()?.variant;
-						},
-						children: (variant) => (0, solid_js_web.createComponent)(Button, {
-							size: "small",
-							variant: "ghost-muted",
-							onClick: () => limits()?.chooseVariant(),
-							get children() {
-								return variant();
-							}
-						})
-					}), null);
-					return _el$;
-				})(),
 				(0, solid_js_web.createComponent)(solid_js.Show, {
 					get when() {
 						return canLink();
@@ -5061,9 +5112,9 @@ function LimitsSection() {
 						return state()?.error;
 					},
 					get children() {
-						var _el$2 = _tmpl$2$32();
-						(0, solid_js_web.insert)(_el$2, () => state()?.error?.message);
-						return _el$2;
+						var _el$ = _tmpl$$54();
+						(0, solid_js_web.insert)(_el$, () => state()?.error?.message);
+						return _el$;
 					}
 				}),
 				(0, solid_js_web.createComponent)(solid_js.Show, {
@@ -5071,9 +5122,9 @@ function LimitsSection() {
 						return message();
 					},
 					get children() {
-						var _el$3 = _tmpl$3$20();
-						(0, solid_js_web.insert)(_el$3, message);
-						return _el$3;
+						var _el$2 = _tmpl$2$37();
+						(0, solid_js_web.insert)(_el$2, message);
+						return _el$2;
 					}
 				}),
 				(0, solid_js_web.createComponent)(solid_js.Show, {
@@ -5090,13 +5141,13 @@ function LimitsSection() {
 							return value().balances;
 						},
 						children: (balance) => (() => {
-							var _el$4 = _tmpl$4$13(), _el$5 = _el$4.firstChild;
-							(0, solid_js_web.insert)(_el$4, () => balance.label, _el$5);
-							(0, solid_js_web.insert)(_el$4, (() => {
+							var _el$3 = _tmpl$3$23(), _el$4 = _el$3.firstChild;
+							(0, solid_js_web.insert)(_el$3, () => balance.label, _el$4);
+							(0, solid_js_web.insert)(_el$3, (() => {
 								var _c$ = (0, solid_js_web.memo)(() => !!balance.unlimited);
 								return () => _c$() ? "Unlimited" : `${balance.amount} ${balance.unit ?? ""}`;
 							})(), null);
-							return _el$4;
+							return _el$3;
 						})()
 					})]
 				})
@@ -5559,23 +5610,34 @@ function createMcpModel(options, persist, preferences) {
 	};
 }
 // src/pages/navigator/ui/gui/mcp-indicator.tsx
-var _tmpl$$47 = /*#__PURE__*/ (0, solid_js_web.template)(`<span style="display:inline-flex;width:12px;height:12px;flex-shrink:0;border-radius:50%;border:1px solid currentColor">`);
+var _tmpl$$53 = /*#__PURE__*/ (0, solid_js_web.template)(`<span aria-hidden=true style="display:inline-flex;width:12px;height:12px;flex-shrink:0;border-radius:50%;border:1px solid currentColor">`);
+var _tmpl$2$36 = /*#__PURE__*/ (0, solid_js_web.template)(`<span role=img style=display:inline-flex;width:16px;height:16px;flex-shrink:0;align-items:center;justify-content:center>`);
 function McpIndicator(props) {
+	const Loader = useNavigatorGui().ui.Loader;
 	return (() => {
-		var _el$ = _tmpl$$47();
-		(0, solid_js_web.effect)((_p$) => {
-			var _v$ = props.status, _v$2 = props.status === "pending" ? "dotted" : "solid", _v$3 = props.status === "connected" ? "currentColor" : "transparent", _v$4 = props.status === "failed" ? 1 : .65;
-			_v$ !== _p$.e && (0, solid_js_web.setAttribute)(_el$, "aria-label", _p$.e = _v$);
-			_v$2 !== _p$.t && (0, solid_js_web.setStyleProperty)(_el$, "border-style", _p$.t = _v$2);
-			_v$3 !== _p$.a && (0, solid_js_web.setStyleProperty)(_el$, "background", _p$.a = _v$3);
-			_v$4 !== _p$.o && (0, solid_js_web.setStyleProperty)(_el$, "opacity", _p$.o = _v$4);
-			return _p$;
-		}, {
-			e: void 0,
-			t: void 0,
-			a: void 0,
-			o: void 0
-		});
+		var _el$ = _tmpl$2$36();
+		(0, solid_js_web.insert)(_el$, (0, solid_js_web.createComponent)(solid_js.Show, {
+			get when() {
+				return props.status !== "pending";
+			},
+			get fallback() {
+				return (0, solid_js_web.createComponent)(Loader, { size: "small" });
+			},
+			get children() {
+				var _el$2 = _tmpl$$53();
+				(0, solid_js_web.effect)((_p$) => {
+					var _v$ = props.status === "connected" ? "currentColor" : "transparent", _v$2 = props.status === "failed" ? 1 : .65;
+					_v$ !== _p$.e && (0, solid_js_web.setStyleProperty)(_el$2, "background", _p$.e = _v$);
+					_v$2 !== _p$.t && (0, solid_js_web.setStyleProperty)(_el$2, "opacity", _p$.t = _v$2);
+					return _p$;
+				}, {
+					e: void 0,
+					t: void 0
+				});
+				return _el$2;
+			}
+		}));
+		(0, solid_js_web.effect)(() => (0, solid_js_web.setAttribute)(_el$, "aria-label", props.status));
 		return _el$;
 	})();
 }
@@ -5630,22 +5692,44 @@ function GuiMcpRow(props) {
 	});
 }
 // src/pages/navigator/ui/gui/mcp-group.tsx
-var _tmpl$$46 = /*#__PURE__*/ (0, solid_js_web.template)(`<div><button type=button style="display:flex;gap:6px;align-items:center;width:100%;padding:4px 0;border:0;background:transparent;color:inherit;text-align:left"><strong style=overflow:hidden;text-overflow:ellipsis;white-space:nowrap></strong><span style=opacity:0.6;font-weight:400></span></button><ul style="margin:0;padding:0 0 0 10px;list-style:none">`);
+var _tmpl$$52 = /*#__PURE__*/ (0, solid_js_web.template)(`<strong style=overflow:hidden;text-overflow:ellipsis;white-space:nowrap>`);
+var _tmpl$2$35 = /*#__PURE__*/ (0, solid_js_web.template)(`<span style=opacity:0.6;font-weight:400>`);
+var _tmpl$3$22 = /*#__PURE__*/ (0, solid_js_web.template)(`<div><ul style="margin:0;padding:0 0 0 10px;list-style:none">`);
 function GuiMcpGroup(props) {
 	const services = useNavigatorGui();
 	const catalogs = () => services.runtime.catalogs;
 	const view = () => catalogs().views.mcp;
 	const bucket = () => view().bucket(props.group);
 	const busy = () => catalogs().mcp.bulkState().group === props.group && catalogs().mcp.bulkState().status === "running";
+	const Button = services.ui.Button;
 	return (() => {
-		var _el$ = _tmpl$$46(), _el$2 = _el$.firstChild, _el$3 = _el$2.firstChild, _el$4 = _el$3.nextSibling, _el$5 = _el$2.nextSibling;
-		_el$2.$$click = () => void catalogs().mcp.toggleGroup(props.group, bucket().map((item) => item.name))?.catch(() => {});
-		(0, solid_js_web.insert)(_el$2, (0, solid_js_web.createComponent)(McpIndicator, { get status() {
-			return mcpGroupStatus(bucket(), busy());
-		} }), _el$3);
-		(0, solid_js_web.insert)(_el$3, () => props.group);
-		(0, solid_js_web.insert)(_el$4, () => bucket().length);
-		(0, solid_js_web.insert)(_el$5, (0, solid_js_web.createComponent)(solid_js.For, {
+		var _el$ = _tmpl$3$22(), _el$4 = _el$.firstChild;
+		(0, solid_js_web.insert)(_el$, (0, solid_js_web.createComponent)(Button, {
+			variant: "ghost",
+			size: "small",
+			get disabled() {
+				return catalogs().mcp.mutating();
+			},
+			onClick: () => void catalogs().mcp.toggleGroup(props.group, bucket().map((item) => item.name))?.catch(() => {}),
+			get children() {
+				return [
+					(0, solid_js_web.createComponent)(McpIndicator, { get status() {
+						return mcpGroupStatus(bucket(), busy());
+					} }),
+					(() => {
+						var _el$2 = _tmpl$$52();
+						(0, solid_js_web.insert)(_el$2, () => props.group);
+						return _el$2;
+					})(),
+					(() => {
+						var _el$3 = _tmpl$2$35();
+						(0, solid_js_web.insert)(_el$3, () => bucket().length);
+						return _el$3;
+					})()
+				];
+			}
+		}), _el$4);
+		(0, solid_js_web.insert)(_el$4, (0, solid_js_web.createComponent)(solid_js.For, {
 			get each() {
 				return view().visibility.visible().filter((item) => item.bucket === props.group).map((item) => item.name);
 			},
@@ -5658,15 +5742,13 @@ function GuiMcpGroup(props) {
 				} })
 			})
 		}));
-		(0, solid_js_web.effect)(() => _el$2.disabled = catalogs().mcp.mutating());
 		return _el$;
 	})();
 }
-(0, solid_js_web.delegateEvents)(["click"]);
 // src/pages/navigator/ui/gui/mcp-section.tsx
-var _tmpl$$45 = /*#__PURE__*/ (0, solid_js_web.template)(`<p role=alert>`);
-var _tmpl$2$31 = /*#__PURE__*/ (0, solid_js_web.template)(`<p role=status>/<!> servers updated`);
-var _tmpl$3$19 = /*#__PURE__*/ (0, solid_js_web.template)(`<div style=display:flex;flex-direction:column;gap:12px>`);
+var _tmpl$$51 = /*#__PURE__*/ (0, solid_js_web.template)(`<p role=alert>`);
+var _tmpl$2$34 = /*#__PURE__*/ (0, solid_js_web.template)(`<p role=status>/<!> servers updated`);
+var _tmpl$3$21 = /*#__PURE__*/ (0, solid_js_web.template)(`<div style=display:flex;flex-direction:column;gap:12px>`);
 var _tmpl$4$12 = /*#__PURE__*/ (0, solid_js_web.template)(`<p style=opacity:0.65>No matching MCP servers.`);
 function McpSection() {
 	const services = useNavigatorGui();
@@ -5719,7 +5801,7 @@ function McpSection() {
 					},
 					get children() {
 						return [(() => {
-							var _el$ = _tmpl$$45();
+							var _el$ = _tmpl$$51();
 							(0, solid_js_web.insert)(_el$, () => state().error?.message);
 							return _el$;
 						})(), (0, solid_js_web.createComponent)(Button, {
@@ -5735,7 +5817,7 @@ function McpSection() {
 					},
 					get children() {
 						return [(() => {
-							var _el$2 = _tmpl$2$31(), _el$3 = _el$2.firstChild, _el$5 = _el$3.nextSibling;
+							var _el$2 = _tmpl$2$34(), _el$3 = _el$2.firstChild, _el$5 = _el$3.nextSibling;
 							_el$5.nextSibling;
 							(0, solid_js_web.insert)(_el$2, () => bulk().completed, _el$3);
 							(0, solid_js_web.insert)(_el$2, () => bulk().total, _el$5);
@@ -5755,7 +5837,7 @@ function McpSection() {
 					}
 				}),
 				(() => {
-					var _el$6 = _tmpl$3$19();
+					var _el$6 = _tmpl$3$21();
 					(0, solid_js_web.insert)(_el$6, (0, solid_js_web.createComponent)(solid_js.For, {
 						get each() {
 							return view().groups();
@@ -5830,9 +5912,9 @@ function GuiSkillRow(props) {
 	});
 }
 // src/pages/navigator/ui/gui/skills-section.tsx
-var _tmpl$$44 = /*#__PURE__*/ (0, solid_js_web.template)(`<p role=alert>`);
-var _tmpl$2$30 = /*#__PURE__*/ (0, solid_js_web.template)(`<div style=display:flex;flex-direction:column;gap:12px>`);
-var _tmpl$3$18 = /*#__PURE__*/ (0, solid_js_web.template)(`<p style=opacity:0.65>No matching Skills.`);
+var _tmpl$$50 = /*#__PURE__*/ (0, solid_js_web.template)(`<p role=alert>`);
+var _tmpl$2$33 = /*#__PURE__*/ (0, solid_js_web.template)(`<div style=display:flex;flex-direction:column;gap:12px>`);
+var _tmpl$3$20 = /*#__PURE__*/ (0, solid_js_web.template)(`<p style=opacity:0.65>No matching Skills.`);
 var _tmpl$4$11 = /*#__PURE__*/ (0, solid_js_web.template)(`<div><h3 style="font-size:12px;opacity:0.65;margin:0 0 4px"></h3><ul style="margin:0;padding:0 0 0 10px;list-style:none">`);
 function SkillsSection() {
 	const services = useNavigatorGui();
@@ -5863,7 +5945,7 @@ function SkillsSection() {
 					},
 					get children() {
 						return [(() => {
-							var _el$ = _tmpl$$44();
+							var _el$ = _tmpl$$50();
 							(0, solid_js_web.insert)(_el$, () => catalogs().skills.error());
 							return _el$;
 						})(), (0, solid_js_web.createComponent)(Button, {
@@ -5874,13 +5956,13 @@ function SkillsSection() {
 					}
 				}),
 				(() => {
-					var _el$2 = _tmpl$2$30();
+					var _el$2 = _tmpl$2$33();
 					(0, solid_js_web.insert)(_el$2, (0, solid_js_web.createComponent)(solid_js.For, {
 						get each() {
 							return view().groups();
 						},
 						get fallback() {
-							return _tmpl$3$18();
+							return _tmpl$3$20();
 						},
 						children: (group) => (() => {
 							var _el$4 = _tmpl$4$11(), _el$5 = _el$4.firstChild, _el$6 = _el$5.nextSibling;
@@ -6338,9 +6420,9 @@ function createSubagentClock(key) {
 	return now;
 }
 // src/shared/ui/gui/tabs.tsx
-var _tmpl$$43 = /*#__PURE__*/ (0, solid_js_web.template)(`<nav style=display:flex;gap:4px;flex-wrap:wrap>`);
-var _tmpl$2$29 = /*#__PURE__*/ (0, solid_js_web.template)(`<span>`);
-var _tmpl$3$17 = /*#__PURE__*/ (0, solid_js_web.template)(`<span style=opacity:0.6;font-weight:400>`);
+var _tmpl$$49 = /*#__PURE__*/ (0, solid_js_web.template)(`<nav style=display:flex;gap:4px;flex-wrap:wrap>`);
+var _tmpl$2$32 = /*#__PURE__*/ (0, solid_js_web.template)(`<span>`);
+var _tmpl$3$19 = /*#__PURE__*/ (0, solid_js_web.template)(`<span style=opacity:0.6;font-weight:400>`);
 function GuiTabs(props) {
 	const Button = props.ui.Button;
 	function navigate(event) {
@@ -6354,7 +6436,7 @@ function GuiTabs(props) {
 		event.currentTarget.querySelectorAll("button:not(:disabled)")[next]?.focus();
 	}
 	return (() => {
-		var _el$ = _tmpl$$43();
+		var _el$ = _tmpl$$49();
 		_el$.$$keydown = navigate;
 		(0, solid_js_web.insert)(_el$, (0, solid_js_web.createComponent)(solid_js.For, {
 			get each() {
@@ -6373,7 +6455,7 @@ function GuiTabs(props) {
 					onClick: () => props.onSelect(id),
 					get children() {
 						return [(() => {
-							var _el$2 = _tmpl$2$29();
+							var _el$2 = _tmpl$2$32();
 							(0, solid_js_web.insert)(_el$2, () => option().label);
 							(0, solid_js_web.effect)((_$p) => (0, solid_js_web.setStyleProperty)(_el$2, "font-weight", props.selected === id ? "600" : "400"));
 							return _el$2;
@@ -6382,7 +6464,7 @@ function GuiTabs(props) {
 								return option().count !== void 0;
 							},
 							get children() {
-								var _el$3 = _tmpl$3$17();
+								var _el$3 = _tmpl$3$19();
 								(0, solid_js_web.insert)(_el$3, () => option().count);
 								return _el$3;
 							}
@@ -6447,9 +6529,9 @@ function iconChoiceLabel(id) {
 	return id.replaceAll("-", " ");
 }
 // src/shared/ui/gui/icon.tsx
-var _tmpl$$42 = /*#__PURE__*/ (0, solid_js_web.template)(`<span aria-hidden=true style=display:inline-flex;width:18px;height:18px;flex-shrink:0;align-items:center;justify-content:center>`);
-var _tmpl$2$28 = /*#__PURE__*/ (0, solid_js_web.template)(`<svg width=16 height=16 viewBox="0 0 24 26"fill=none stroke=currentColor stroke-width=1.7 stroke-linecap=round stroke-linejoin=round>`);
-var _tmpl$3$16 = /*#__PURE__*/ (0, solid_js_web.template)(`<svg><path></svg>`, false, true, false);
+var _tmpl$$48 = /*#__PURE__*/ (0, solid_js_web.template)(`<span aria-hidden=true style=display:inline-flex;width:18px;height:18px;flex-shrink:0;align-items:center;justify-content:center>`);
+var _tmpl$2$31 = /*#__PURE__*/ (0, solid_js_web.template)(`<svg width=16 height=16 viewBox="0 0 24 26"fill=none stroke=currentColor stroke-width=1.7 stroke-linecap=round stroke-linejoin=round>`);
+var _tmpl$3$18 = /*#__PURE__*/ (0, solid_js_web.template)(`<svg><path></svg>`, false, true, false);
 var native = {
 	plus: "plus",
 	check: "check",
@@ -6515,20 +6597,20 @@ function GuiIcon(props) {
 	const Icon = props.ui.Icon;
 	const id = () => isIconChoiceId(props.id) ? props.id : "bolt";
 	return (() => {
-		var _el$ = _tmpl$$42();
+		var _el$ = _tmpl$$48();
 		(0, solid_js_web.insert)(_el$, (0, solid_js_web.createComponent)(solid_js.Show, {
 			get when() {
 				return native[id()];
 			},
 			get fallback() {
 				return (() => {
-					var _el$2 = _tmpl$2$28();
+					var _el$2 = _tmpl$2$31();
 					(0, solid_js_web.insert)(_el$2, (0, solid_js_web.createComponent)(solid_js.For, {
 						get each() {
 							return paths[id()] ?? paths.bolt;
 						},
 						children: (path) => (() => {
-							var _el$3 = _tmpl$3$16();
+							var _el$3 = _tmpl$3$18();
 							(0, solid_js_web.setAttribute)(_el$3, "d", path);
 							return _el$3;
 						})()
@@ -6547,31 +6629,47 @@ function GuiIcon(props) {
 	})();
 }
 // src/shared/ui/gui/multiline-field.tsx
-var _tmpl$$41 = /*#__PURE__*/ (0, solid_js_web.template)(`<label style=display:grid;gap:8px><span></span><textarea style="width:100%;box-sizing:border-box;min-height:160px;max-height:40vh;resize:vertical;color:inherit;background:transparent;border:1px solid currentColor;border-radius:6px;padding:8px;font:inherit">`);
+var _tmpl$$47 = /*#__PURE__*/ (0, solid_js_web.template)(`<label style=display:grid;gap:8px><span></span><textarea style="width:100%;box-sizing:border-box;min-height:160px;max-height:40vh;resize:vertical;color:var(--v2-text-text-base, inherit);background:var(--v2-background-bg-base, transparent);border:0;caret-color:var(--v2-text-text-base, auto);border-radius:6px;padding:8px;font:inherit">`);
 function GuiMultilineField(props) {
 	const id = (0, solid_js.createUniqueId)();
+	const [focused, setFocused] = (0, solid_js.createSignal)(false);
 	return (() => {
-		var _el$ = _tmpl$$41(), _el$2 = _el$.firstChild, _el$3 = _el$2.nextSibling;
+		var _el$ = _tmpl$$47(), _el$2 = _el$.firstChild, _el$3 = _el$2.nextSibling;
 		(0, solid_js_web.setAttribute)(_el$, "for", id);
 		(0, solid_js_web.insert)(_el$2, () => props.label);
 		_el$3.$$input = (event) => props.onInput(event.currentTarget.value);
+		_el$3.addEventListener("blur", () => setFocused(false));
+		_el$3.addEventListener("focus", () => setFocused(true));
 		(0, solid_js_web.setAttribute)(_el$3, "id", id);
-		(0, solid_js_web.effect)(() => _el$3.disabled = props.disabled);
+		(0, solid_js_web.effect)((_p$) => {
+			var _v$ = props.disabled, _v$2 = focused() ? "1px solid var(--v2-border-border-focus)" : "1px solid transparent", _v$3 = focused() ? "none" : "var(--v2-elevation-input)", _v$4 = props.disabled ? "0.5" : "1";
+			_v$ !== _p$.e && (_el$3.disabled = _p$.e = _v$);
+			_v$2 !== _p$.t && (0, solid_js_web.setStyleProperty)(_el$3, "outline", _p$.t = _v$2);
+			_v$3 !== _p$.a && (0, solid_js_web.setStyleProperty)(_el$3, "box-shadow", _p$.a = _v$3);
+			_v$4 !== _p$.o && (0, solid_js_web.setStyleProperty)(_el$3, "opacity", _p$.o = _v$4);
+			return _p$;
+		}, {
+			e: void 0,
+			t: void 0,
+			a: void 0,
+			o: void 0
+		});
 		(0, solid_js_web.effect)(() => _el$3.value = props.value);
 		return _el$;
 	})();
 }
 (0, solid_js_web.delegateEvents)(["input"]);
 // src/shared/ui/gui/group-control.tsx
-var _tmpl$$40 = /*#__PURE__*/ (0, solid_js_web.template)(`<div role=group style=display:flex;gap:8px;flex-wrap:wrap>`);
+var _tmpl$$46 = /*#__PURE__*/ (0, solid_js_web.template)(`<div role=group style=display:flex;gap:8px;flex-wrap:wrap>`);
 function GuiGroupControl(props) {
 	const Select = props.ui.Select;
 	const TextInput = props.ui.TextInput;
 	const Button = props.ui.Button;
 	const [draft, setDraft] = (0, solid_js.createSignal)("");
+	const [creating, setCreating] = (0, solid_js.createSignal)(false);
 	(0, solid_js.createEffect)(() => setDraft(props.value ?? ""));
 	return (() => {
-		var _el$ = _tmpl$$40();
+		var _el$ = _tmpl$$46();
 		(0, solid_js_web.insert)(_el$, (0, solid_js_web.createComponent)(Select, {
 			get label() {
 				return `${props.label} existing group`;
@@ -6588,45 +6686,352 @@ function GuiGroupControl(props) {
 					label: value
 				}))];
 			},
-			onChange: setDraft,
+			onChange: (value) => {
+				setDraft(value);
+				setCreating(false);
+			},
 			get disabled() {
 				return props.disabled;
 			}
 		}), null);
-		(0, solid_js_web.insert)(_el$, (0, solid_js_web.createComponent)(TextInput, {
-			get label() {
-				return `${props.label} new group`;
-			},
-			get value() {
-				return draft();
-			},
-			onInput: setDraft,
+		(0, solid_js_web.insert)(_el$, (0, solid_js_web.createComponent)(Button, {
+			size: "small",
+			variant: "ghost",
 			get disabled() {
 				return props.disabled;
 			},
-			get invalid() {
-				return draft().length > 64;
+			onClick: () => {
+				setCreating(true);
+				setDraft("");
+			},
+			children: "New group"
+		}), null);
+		(0, solid_js_web.insert)(_el$, (0, solid_js_web.createComponent)(solid_js.Show, {
+			get when() {
+				return creating();
+			},
+			get children() {
+				return (0, solid_js_web.createComponent)(TextInput, {
+					get label() {
+						return `${props.label} new group`;
+					},
+					get value() {
+						return draft();
+					},
+					onInput: setDraft,
+					get disabled() {
+						return props.disabled;
+					},
+					get invalid() {
+						return draft().length > 64;
+					}
+				});
 			}
 		}), null);
-		(0, solid_js_web.insert)(_el$, (0, solid_js_web.createComponent)(Button, {
-			size: "small",
-			get disabled() {
-				return props.disabled || draft().length > 64;
+		(0, solid_js_web.insert)(_el$, (0, solid_js_web.createComponent)(solid_js.Show, {
+			get when() {
+				return creating() || draft() !== (props.value ?? "");
 			},
-			onClick: () => props.save(draft().trim() || void 0),
-			children: "Save group"
+			get children() {
+				return [(0, solid_js_web.createComponent)(Button, {
+					size: "small",
+					get disabled() {
+						return props.disabled || draft().length > 64 || creating() && !draft().trim();
+					},
+					onClick: () => {
+						props.save(draft().trim() || void 0);
+						setCreating(false);
+					},
+					children: "Save group"
+				}), (0, solid_js_web.createComponent)(Button, {
+					size: "small",
+					variant: "ghost",
+					onClick: () => {
+						setDraft(props.value ?? "");
+						setCreating(false);
+					},
+					children: "Cancel"
+				})];
+			}
 		}), null);
 		(0, solid_js_web.effect)(() => (0, solid_js_web.setAttribute)(_el$, "aria-label", `${props.label} grouping`));
 		return _el$;
 	})();
 }
+// src/shared/ui/gui/settings-surface.tsx
+var _tmpl$$45 = /*#__PURE__*/ (0, solid_js_web.template)(`<div data-navigator-settings><style>\n[data-navigator-settings] \{ display: grid; gap: 32px; min-width: 0; container-type: inline-size; }\n[data-navigator-settings] [data-component="settings-row"] \{ display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); align-items: center; gap: 20px; }\n[data-navigator-settings] [data-slot="settings-row-copy"] \{ min-width: 0; overflow-wrap: anywhere; }\n[data-navigator-settings] :is(button, input, textarea, [role="switch"]) \{ scroll-margin-block: 96px; }\n[data-navigator-settings] [data-slot="settings-row-control"] \{ min-width: 0; max-width: 100%; width: 100%; flex-wrap: wrap; gap: 8px; }\n[data-navigator-settings] [data-slot="settings-row-control"] > * \{ min-width: 0; max-width: 100%; }\n[data-navigator-settings] [data-slot="settings-row-control"] > div:not([data-component]) \{ width: 100%; flex-wrap: wrap; }\n[data-navigator-settings] [data-component="button-v2"] \{ white-space: normal; height: auto; min-height: 24px; overflow-wrap: anywhere; }\n[data-navigator-settings] [data-component="text-input-v2"] \{ min-width: 0; max-width: 100%; }\n[data-navigator-settings] [data-sortable-item]:not(:last-of-type) > [data-component="settings-row"] \{ border-bottom: 0.5px solid var(--v2-border-border-base); }\n@container (max-width: 640px) \{\n  [data-navigator-settings] [data-component="settings-row"] \{ grid-template-columns: minmax(0, 1fr); gap: 12px; }\n  [data-navigator-settings] [data-slot="settings-row-control"] \{ justify-content: flex-start; }\n}\n`);
+function GuiSettingsSurface(props) {
+	return (() => {
+		var _el$ = _tmpl$$45();
+		_el$.firstChild;
+		(0, solid_js_web.insert)(_el$, () => props.children, null);
+		return _el$;
+	})();
+}
+// src/shared/ui/gui/sortable-focus.ts
+function createSortableFocus(props) {
+	let focused;
+	(0, solid_js.createEffect)(() => {
+		const keys = props.keys();
+		const disabled = props.disabled();
+		const key = focused;
+		if (!key || disabled || !keys.includes(key)) return;
+		queueMicrotask(() => {
+			if (focused !== key || props.disabled() || document.activeElement !== document.body) return;
+			[...props.root().querySelectorAll("[data-sortable-item]")].find((node) => node.dataset.sortableItem === key)?.querySelector("button")?.focus({ preventScroll: true });
+		});
+	});
+	return {
+		enter(event) {
+			const target = event.target;
+			focused = target.getAttribute("aria-label")?.startsWith("Reorder ") ? target.closest("[data-sortable-item]")?.dataset.sortableItem : void 0;
+		},
+		leave(event) {
+			if (event.relatedTarget && !props.root().contains(event.relatedTarget)) focused = void 0;
+		}
+	};
+}
+// src/shared/ui/gui/sortable-interaction.ts
+function createSortableInteraction(props) {
+	const [source, setSource] = (0, solid_js.createSignal)();
+	const [target, setTarget] = (0, solid_js.createSignal)();
+	const [announcement, setAnnouncement] = (0, solid_js.createSignal)("");
+	let drag;
+	const signature = () => JSON.stringify(props.keys());
+	function cancel() {
+		const previous = drag;
+		drag = void 0;
+		setSource(void 0);
+		setTarget(void 0);
+		if (previous && previous.pointer >= 0 && props.root().hasPointerCapture(previous.pointer)) props.root().releasePointerCapture(previous.pointer);
+	}
+	(0, solid_js.createEffect)(() => {
+		source();
+		if (drag && (props.disabled() || props.scope() !== drag.scope || signature() !== drag.keys)) cancel();
+	});
+	function escape(event) {
+		if (event.key !== "Escape") return;
+		event.preventDefault();
+		event.stopPropagation();
+		cancel();
+	}
+	(0, solid_js.createEffect)(() => {
+		if (!source()) return;
+		globalThis.window.addEventListener("keydown", escape, { capture: true });
+		(0, solid_js.onCleanup)(() => globalThis.window.removeEventListener("keydown", escape, true));
+	});
+	(0, solid_js.onCleanup)(cancel);
+	function hover(event) {
+		if (!drag || event.pointerId !== drag.pointer) return;
+		const node = document.elementFromPoint(event.clientX, event.clientY)?.closest("[data-sortable-item]");
+		setTarget(node && props.root().contains(node) ? node.dataset.sortableItem : void 0);
+	}
+	function start(event, id) {
+		if (event.button !== 0 || props.disabled() || drag) return;
+		event.preventDefault();
+		event.stopPropagation();
+		drag = {
+			id,
+			pointer: event.pointerId,
+			scope: props.scope(),
+			keys: signature()
+		};
+		props.root().setPointerCapture(event.pointerId);
+		setSource(id);
+		setTarget(id);
+	}
+	function end(event) {
+		if (!drag || event.pointerId !== drag.pointer) return;
+		hover(event);
+		const current = drag;
+		const destination = target();
+		const valid = !props.disabled() && props.scope() === current.scope && signature() === current.keys;
+		cancel();
+		if (valid && destination && current.id !== destination) props.move(current.id, destination);
+	}
+	function key(event, id) {
+		if (event.key === "Escape") {
+			if (drag) {
+				event.preventDefault();
+				event.stopPropagation();
+				cancel();
+			}
+			return;
+		}
+		if (props.disabled()) return;
+		if ([" ", "Enter"].includes(event.key) && !event.repeat) {
+			event.preventDefault();
+			event.stopPropagation();
+			if (!drag) {
+				drag = {
+					id,
+					pointer: -1,
+					scope: props.scope(),
+					keys: signature()
+				};
+				setSource(id);
+				setTarget(id);
+				setAnnouncement("Picked up. Use arrow keys, Space to drop, or Escape to cancel.");
+			} else if (drag.pointer === -1 && drag.id === id) {
+				const destination = target();
+				const valid = props.scope() === drag.scope && signature() === drag.keys;
+				cancel();
+				if (valid && destination && destination !== id) props.move(id, destination);
+			}
+			return;
+		}
+		if (drag?.pointer !== -1 || drag.id !== id || !["ArrowUp", "ArrowDown"].includes(event.key)) return;
+		const keys = props.keys();
+		const index = keys.indexOf(target() ?? id);
+		const destination = keys[index + (event.key === "ArrowUp" ? -1 : 1)];
+		if (!destination || index === -1) return;
+		event.preventDefault();
+		event.stopPropagation();
+		setTarget(destination);
+		setAnnouncement(`Drop at position ${keys.indexOf(destination) + 1} of ${keys.length}`);
+	}
+	return {
+		source,
+		target,
+		announcement,
+		start,
+		hover,
+		end,
+		key,
+		cancel
+	};
+}
+// src/shared/ui/gui/sortable-list.tsx
+var _tmpl$$44 = /*#__PURE__*/ (0, solid_js_web.template)(`<div role=list><span role=status aria-live=polite style=position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)>Drag a handle, or press Space, use arrow keys, then Space to drop. Escape cancels. `);
+var _tmpl$2$30 = /*#__PURE__*/ (0, solid_js_web.template)(`<div role=listitem>`);
+var _tmpl$3$17 = /*#__PURE__*/ (0, solid_js_web.template)(`<span title="Drag to reorder, or Space, arrow keys, Space. Escape cancels."style=display:inline-flex;touch-action:none;cursor:grab>`);
+function GuiSortableList(props) {
+	let root;
+	const help = (0, solid_js.createUniqueId)();
+	const IconButton = props.ui.IconButton;
+	const keys = () => props.items.map((item) => props.itemKey(item));
+	const focus = createSortableFocus({
+		root: () => root,
+		keys,
+		disabled: () => Boolean(props.disabled)
+	});
+	const interaction = createSortableInteraction({
+		keys,
+		scope: () => props.scope,
+		disabled: () => Boolean(props.disabled),
+		root: () => root,
+		move: (from, to) => props.move(from, to)
+	});
+	return (() => {
+		var _el$ = _tmpl$$44(), _el$2 = _el$.firstChild;
+		_el$2.firstChild;
+		(0, solid_js_web.addEventListener)(_el$, "lostpointercapture", interaction.cancel);
+		(0, solid_js_web.addEventListener)(_el$, "pointercancel", interaction.cancel);
+		(0, solid_js_web.addEventListener)(_el$, "pointerup", interaction.end, true);
+		(0, solid_js_web.addEventListener)(_el$, "pointermove", interaction.hover, true);
+		(0, solid_js_web.addEventListener)(_el$, "focusout", focus.leave, true);
+		(0, solid_js_web.addEventListener)(_el$, "focusin", focus.enter, true);
+		(0, solid_js_web.use)((node) => {
+			root = node;
+		}, _el$);
+		(0, solid_js_web.setAttribute)(_el$, "aria-describedby", help);
+		(0, solid_js_web.insert)(_el$, (0, solid_js_web.createComponent)(solid_js.For, {
+			get each() {
+				return keys();
+			},
+			children: (key) => {
+				const item = () => props.items.find((value) => props.itemKey(value) === key);
+				return (() => {
+					var _el$4 = _tmpl$2$30();
+					(0, solid_js_web.setAttribute)(_el$4, "data-sortable-item", key);
+					(0, solid_js_web.insert)(_el$4, () => props.children(item, (() => {
+						var _el$5 = _tmpl$3$17();
+						_el$5.$$keydown = (event) => interaction.key(event, key);
+						_el$5.$$pointerdown = (event) => interaction.start(event, key);
+						(0, solid_js_web.insert)(_el$5, (0, solid_js_web.createComponent)(IconButton, {
+							icon: "dot-grid",
+							get label() {
+								return `Reorder ${props.itemLabel(item())}`;
+							},
+							get disabled() {
+								return props.disabled || keys().length < 2;
+							}
+						}));
+						return _el$5;
+					})()));
+					(0, solid_js_web.effect)((_p$) => {
+						var _v$ = keys().indexOf(key) + 1, _v$2 = keys().length, _v$3 = interaction.source() === key ? "0.65" : "1", _v$4 = interaction.target() === key && interaction.source() !== key ? "1px dashed var(--v2-border-border-focus)" : void 0;
+						_v$ !== _p$.e && (0, solid_js_web.setAttribute)(_el$4, "aria-posinset", _p$.e = _v$);
+						_v$2 !== _p$.t && (0, solid_js_web.setAttribute)(_el$4, "aria-setsize", _p$.t = _v$2);
+						_v$3 !== _p$.a && (0, solid_js_web.setStyleProperty)(_el$4, "opacity", _p$.a = _v$3);
+						_v$4 !== _p$.o && (0, solid_js_web.setStyleProperty)(_el$4, "outline", _p$.o = _v$4);
+						return _p$;
+					}, {
+						e: void 0,
+						t: void 0,
+						a: void 0,
+						o: void 0
+					});
+					return _el$4;
+				})();
+			}
+		}), _el$2);
+		(0, solid_js_web.setAttribute)(_el$2, "id", help);
+		(0, solid_js_web.insert)(_el$2, () => interaction.announcement(), null);
+		(0, solid_js_web.effect)(() => (0, solid_js_web.setAttribute)(_el$, "aria-label", props.label));
+		return _el$;
+	})();
+}
+(0, solid_js_web.delegateEvents)([
+	"focusin",
+	"focusout",
+	"pointermove",
+	"pointerup",
+	"pointerdown",
+	"keydown"
+]);
+// src/shared/ui/gui/progress.tsx
+var _tmpl$$43 = /*#__PURE__*/ (0, solid_js_web.template)(`<div role=progressbar aria-valuemin=0 aria-valuemax=100 style=display:grid;gap:6px;min-width:0><style>@keyframes navigator-install-pulse \{ from \{ transform: translateX(-100%); } to \{ transform: translateX(400%); } }\n@media (prefers-reduced-motion: reduce) \{ [data-navigator-install-pulse] \{ animation: none !important; } }</style><span style=display:flex;gap:6px;align-items:center></span><span style=display:block;height:3px;overflow:hidden;background:var(--v2-border-border-base)><span style=display:block;height:100%;background:var(--v2-text-text-base)>`);
+function GuiProgress(props) {
+	const Loader = props.ui.Loader;
+	return (() => {
+		var _el$ = _tmpl$$43(), _el$3 = _el$.firstChild.nextSibling, _el$5 = _el$3.nextSibling.firstChild;
+		(0, solid_js_web.insert)(_el$3, (0, solid_js_web.createComponent)(solid_js.Show, {
+			get when() {
+				return props.value === void 0;
+			},
+			get children() {
+				return (0, solid_js_web.createComponent)(Loader, { size: "small" });
+			}
+		}), null);
+		(0, solid_js_web.insert)(_el$3, () => props.label, null);
+		(0, solid_js_web.effect)((_p$) => {
+			var _v$ = props.label, _v$2 = props.value === void 0 ? void 0 : Math.floor(props.value * 100), _v$3 = props.label, _v$4 = props.value === void 0 ? "" : void 0, _v$5 = props.value === void 0 ? "25%" : `${Math.min(1, Math.max(0, props.value)) * 100}%`, _v$6 = props.value === void 0 ? "navigator-install-pulse 1.2s linear infinite" : void 0;
+			_v$ !== _p$.e && (0, solid_js_web.setAttribute)(_el$, "aria-label", _p$.e = _v$);
+			_v$2 !== _p$.t && (0, solid_js_web.setAttribute)(_el$, "aria-valuenow", _p$.t = _v$2);
+			_v$3 !== _p$.a && (0, solid_js_web.setAttribute)(_el$, "aria-valuetext", _p$.a = _v$3);
+			_v$4 !== _p$.o && (0, solid_js_web.setAttribute)(_el$5, "data-navigator-install-pulse", _p$.o = _v$4);
+			_v$5 !== _p$.i && (0, solid_js_web.setStyleProperty)(_el$5, "width", _p$.i = _v$5);
+			_v$6 !== _p$.n && (0, solid_js_web.setStyleProperty)(_el$5, "animation", _p$.n = _v$6);
+			return _p$;
+		}, {
+			e: void 0,
+			t: void 0,
+			a: void 0,
+			o: void 0,
+			i: void 0,
+			n: void 0
+		});
+		return _el$;
+	})();
+}
 // src/pages/navigator/ui/gui/subagent-row.tsx
-var _tmpl$$39 = /*#__PURE__*/ (0, solid_js_web.template)(`<li><p style="font-size:12px;opacity:0.65;margin:0 0 8px;overflow-wrap:anywhere">`);
-var _tmpl$2$27 = /*#__PURE__*/ (0, solid_js_web.template)(`<span> · `);
+var _tmpl$$42 = /*#__PURE__*/ (0, solid_js_web.template)(`<li><p style="font-size:12px;opacity:0.65;margin:0 0 8px;overflow-wrap:anywhere">`);
+var _tmpl$2$29 = /*#__PURE__*/ (0, solid_js_web.template)(`<span> · `);
 function SubagentRow(props) {
 	const Button = props.ui.Button;
 	return (() => {
-		var _el$ = _tmpl$$39(), _el$2 = _el$.firstChild;
+		var _el$ = _tmpl$$42(), _el$2 = _el$.firstChild;
 		(0, solid_js_web.insert)(_el$, (0, solid_js_web.createComponent)(Button, {
 			size: "small",
 			variant: "ghost",
@@ -6643,7 +7048,7 @@ function SubagentRow(props) {
 				return props.item.run;
 			},
 			children: (run) => (() => {
-				var _el$3 = _tmpl$2$27();
+				var _el$3 = _tmpl$2$29();
 				_el$3.firstChild;
 				(0, solid_js_web.insert)(_el$3, () => run().startedBeforeObservation ? "Observed after start · " : "", null);
 				(0, solid_js_web.insert)(_el$3, () => formatSubagentDuration(run().startedAt, run().finishedAt ?? props.now), null);
@@ -6654,9 +7059,9 @@ function SubagentRow(props) {
 	})();
 }
 // src/pages/navigator/ui/gui/subagent-section.tsx
-var _tmpl$$38 = /*#__PURE__*/ (0, solid_js_web.template)(`<p role=alert>`);
-var _tmpl$2$26 = /*#__PURE__*/ (0, solid_js_web.template)(`<ul style="padding:0;margin:8px 0 0;list-style:none">`);
-var _tmpl$3$15 = /*#__PURE__*/ (0, solid_js_web.template)(`<p style=opacity:0.65>No matching subagents.`);
+var _tmpl$$41 = /*#__PURE__*/ (0, solid_js_web.template)(`<p role=alert>`);
+var _tmpl$2$28 = /*#__PURE__*/ (0, solid_js_web.template)(`<ul style="padding:0;margin:8px 0 0;list-style:none">`);
+var _tmpl$3$16 = /*#__PURE__*/ (0, solid_js_web.template)(`<p style=opacity:0.65>No matching subagents.`);
 function SubagentSection() {
 	const props = useNavigatorGui();
 	const mode = () => props.runtime.view.subagentMode();
@@ -6721,7 +7126,7 @@ function SubagentSection() {
 						return state().error;
 					},
 					get children() {
-						var _el$ = _tmpl$$38();
+						var _el$ = _tmpl$$41();
 						(0, solid_js_web.insert)(_el$, () => state().error?.message);
 						return _el$;
 					}
@@ -6731,10 +7136,10 @@ function SubagentSection() {
 						return rows().length > 0;
 					},
 					get fallback() {
-						return _tmpl$3$15();
+						return _tmpl$3$16();
 					},
 					get children() {
-						var _el$2 = _tmpl$2$26();
+						var _el$2 = _tmpl$2$28();
 						(0, solid_js_web.insert)(_el$2, (0, solid_js_web.createComponent)(solid_js.For, {
 							get each() {
 								return keys();
@@ -6913,26 +7318,95 @@ function buildTodoView(todos, mode) {
 		}
 	};
 }
+// src/pages/navigator/ui/gui/todo-presentation.ts
+function todoPresentation(status) {
+	const finished = status === "completed" || status === "cancelled";
+	return {
+		decoration: finished ? "line-through" : "none",
+		text: finished ? "var(--v2-text-text-faint)" : status === "in_progress" ? "var(--v2-text-text-base)" : "var(--v2-text-text-muted)",
+		icon: status === "in_progress" ? "var(--v2-state-fg-warning)" : status === "completed" ? "var(--v2-icon-icon-muted)" : "var(--v2-icon-icon-faint)"
+	};
+}
+// src/pages/navigator/ui/gui/todo-status-icon.tsx
+var _tmpl$$40 = /*#__PURE__*/ (0, solid_js_web.template)(`<svg><path d="M8 4a4 4 0 0 0 0 8V4Z"fill=currentColor></svg>`, false, true, false);
+var _tmpl$2$27 = /*#__PURE__*/ (0, solid_js_web.template)(`<svg><path d="M5 8 7.5 11 11 5.5"stroke=currentColor stroke-linecap=round stroke-linejoin=round></svg>`, false, true, false);
+var _tmpl$3$15 = /*#__PURE__*/ (0, solid_js_web.template)(`<svg><path d="M3.5 12.5 12.5 3.5"stroke=currentColor></svg>`, false, true, false);
+var _tmpl$4$10 = /*#__PURE__*/ (0, solid_js_web.template)(`<span role=img style=display:inline-flex;height:20px;align-items:center;flex-shrink:0><svg width=16 height=16 viewBox="0 0 16 16"fill=none aria-hidden=true><circle cx=8 cy=8 r=6.5 stroke=currentColor>`);
+function TodoStatusIcon(props) {
+	const color = () => todoPresentation(props.status).icon;
+	return (() => {
+		var _el$ = _tmpl$4$10(), _el$2 = _el$.firstChild;
+		_el$2.firstChild;
+		(0, solid_js_web.insert)(_el$2, (0, solid_js_web.createComponent)(solid_js.Switch, { get children() {
+			return [
+				(0, solid_js_web.createComponent)(solid_js.Match, {
+					get when() {
+						return props.status === "in_progress";
+					},
+					get children() {
+						return _tmpl$$40();
+					}
+				}),
+				(0, solid_js_web.createComponent)(solid_js.Match, {
+					get when() {
+						return props.status === "completed";
+					},
+					get children() {
+						return _tmpl$2$27();
+					}
+				}),
+				(0, solid_js_web.createComponent)(solid_js.Match, {
+					get when() {
+						return props.status === "cancelled";
+					},
+					get children() {
+						return _tmpl$3$15();
+					}
+				})
+			];
+		} }), null);
+		(0, solid_js_web.effect)((_p$) => {
+			var _v$ = props.status, _v$2 = color();
+			_v$ !== _p$.e && (0, solid_js_web.setAttribute)(_el$, "aria-label", _p$.e = _v$);
+			_v$2 !== _p$.t && (0, solid_js_web.setStyleProperty)(_el$, "color", _p$.t = _v$2);
+			return _p$;
+		}, {
+			e: void 0,
+			t: void 0
+		});
+		return _el$;
+	})();
+}
 // src/pages/navigator/ui/gui/todo-row.tsx
-var _tmpl$$37 = /*#__PURE__*/ (0, solid_js_web.template)(`<li style="padding:6px 0;overflow-wrap:anywhere"><span role=img style=opacity:0.6>`);
+var _tmpl$$39 = /*#__PURE__*/ (0, solid_js_web.template)(`<li data-navigator-todo-row style="display:flex;align-items:flex-start;gap:8px;padding:4px 6px;min-width:0"><span dir=auto data-navigator-todo-text style=flex:1;min-width:0;overflow-wrap:anywhere;font-size:13px;line-height:var(--line-height-base);letter-spacing:-0.04px>`);
 function TodoRow(props) {
+	const appearance = () => todoPresentation(props.item.status);
 	return (() => {
-		var _el$ = _tmpl$$37(), _el$2 = _el$.firstChild;
-		(0, solid_js_web.insert)(_el$2, (() => {
-			var _c$ = (0, solid_js_web.memo)(() => props.item.status === "completed");
-			return () => _c$() ? "✓ " : props.item.status === "in_progress" ? "◉ " : "○ ";
-		})());
-		(0, solid_js_web.insert)(_el$, () => props.item.content, null);
-		(0, solid_js_web.effect)(() => (0, solid_js_web.setAttribute)(_el$2, "aria-label", props.item.status));
+		var _el$ = _tmpl$$39(), _el$2 = _el$.firstChild;
+		(0, solid_js_web.insert)(_el$, (0, solid_js_web.createComponent)(TodoStatusIcon, { get status() {
+			return props.item.status;
+		} }), _el$2);
+		(0, solid_js_web.insert)(_el$2, () => props.item.content);
+		(0, solid_js_web.effect)((_p$) => {
+			var _v$ = props.item.status, _v$2 = appearance().text, _v$3 = appearance().decoration;
+			_v$ !== _p$.e && (0, solid_js_web.setAttribute)(_el$, "data-status", _p$.e = _v$);
+			_v$2 !== _p$.t && (0, solid_js_web.setStyleProperty)(_el$2, "color", _p$.t = _v$2);
+			_v$3 !== _p$.a && (0, solid_js_web.setStyleProperty)(_el$2, "text-decoration", _p$.a = _v$3);
+			return _p$;
+		}, {
+			e: void 0,
+			t: void 0,
+			a: void 0
+		});
 		return _el$;
 	})();
 }
 // src/pages/navigator/ui/gui/todo-section.tsx
-var _tmpl$$36 = /*#__PURE__*/ (0, solid_js_web.template)(`<p role=alert>`);
-var _tmpl$2$25 = /*#__PURE__*/ (0, solid_js_web.template)(`<p style=opacity:0.65;font-size:12px> completed of `);
+var _tmpl$$38 = /*#__PURE__*/ (0, solid_js_web.template)(`<p role=alert>`);
+var _tmpl$2$26 = /*#__PURE__*/ (0, solid_js_web.template)(`<p style=opacity:0.65;font-size:12px> completed of `);
 var _tmpl$3$14 = /*#__PURE__*/ (0, solid_js_web.template)(`<p role=status>Reading Todo configuration…`);
-var _tmpl$4$10 = /*#__PURE__*/ (0, solid_js_web.template)(`<div><p>`);
-var _tmpl$5$5 = /*#__PURE__*/ (0, solid_js_web.template)(`<p style=opacity:0.65>No matching tasks. Manage Todo through chat.`);
+var _tmpl$4$9 = /*#__PURE__*/ (0, solid_js_web.template)(`<div><p>`);
+var _tmpl$5$4 = /*#__PURE__*/ (0, solid_js_web.template)(`<p style=opacity:0.65>No matching tasks. Manage Todo through chat.`);
 var _tmpl$6$2 = /*#__PURE__*/ (0, solid_js_web.template)(`<div><h3 style=font-size:12px;opacity:0.65></h3><ul style=padding:0;margin:0;list-style:none>`);
 function TodoSection() {
 	const props = useNavigatorGui();
@@ -6966,7 +7440,7 @@ function TodoSection() {
 						},
 						get fallback() {
 							return (() => {
-								var _el$6 = _tmpl$4$10(), _el$7 = _el$6.firstChild;
+								var _el$6 = _tmpl$4$9(), _el$7 = _el$6.firstChild;
 								(0, solid_js_web.insert)(_el$7, (() => {
 									var _c$ = (0, solid_js_web.memo)(() => setup()?.status === "error");
 									return () => _c$() ? setup()?.error : "Native Todo is disabled for this session.";
@@ -7030,7 +7504,7 @@ function TodoSection() {
 										return state().error;
 									},
 									get children() {
-										var _el$ = _tmpl$$36();
+										var _el$ = _tmpl$$38();
 										(0, solid_js_web.insert)(_el$, () => state().error?.message);
 										return _el$;
 									}
@@ -7040,7 +7514,7 @@ function TodoSection() {
 										return setup()?.status === "error";
 									},
 									get children() {
-										var _el$2 = _tmpl$$36();
+										var _el$2 = _tmpl$$38();
 										(0, solid_js_web.insert)(_el$2, () => setup()?.error);
 										return _el$2;
 									}
@@ -7050,11 +7524,11 @@ function TodoSection() {
 										return view().rows.length > 0;
 									},
 									get fallback() {
-										return _tmpl$5$5();
+										return _tmpl$5$4();
 									},
 									get children() {
 										return [(() => {
-											var _el$3 = _tmpl$2$25(), _el$4 = _el$3.firstChild;
+											var _el$3 = _tmpl$2$26(), _el$4 = _el$3.firstChild;
 											(0, solid_js_web.insert)(_el$3, () => rows().filter((item) => item.status === "completed").length, _el$4);
 											(0, solid_js_web.insert)(_el$3, () => view().counts.all, null);
 											return _el$3;
@@ -7094,7 +7568,7 @@ function TodoSection() {
 	});
 }
 // src/pages/navigator/ui/gui/sections.tsx
-var _tmpl$$35 = /*#__PURE__*/ (0, solid_js_web.template)(`<hr style="border:0;border-top:1px solid currentColor;opacity:0.18;margin:14px 0">`);
+var _tmpl$$37 = /*#__PURE__*/ (0, solid_js_web.template)(`<hr style="border:0;border-top:1px solid currentColor;opacity:0.18;margin:14px 0">`);
 function NavigatorSections() {
 	const services = useNavigatorGui();
 	const preferences = () => services.runtime.catalogs?.preferences;
@@ -7113,7 +7587,7 @@ function NavigatorSections() {
 				return index() > 0;
 			},
 			get children() {
-				return _tmpl$$35();
+				return _tmpl$$37();
 			}
 		}), (0, solid_js_web.createComponent)(solid_js.Switch, { get children() {
 			return [
@@ -7158,7 +7632,7 @@ function NavigatorSections() {
 	});
 }
 // src/features/pinned-toolbar/ui/gui/icon-picker.tsx
-var _tmpl$$34 = /*#__PURE__*/ (0, solid_js_web.template)(`<div style="display:grid;grid-template-columns:repeat(auto-fit, minmax(110px, 1fr));gap:4px;margin:8px 0">`);
+var _tmpl$$36 = /*#__PURE__*/ (0, solid_js_web.template)(`<div style="display:grid;grid-template-columns:repeat(auto-fit, minmax(110px, 1fr));gap:4px;margin:8px 0">`);
 function GuiIconPicker(props) {
 	const Dialog = props.ui.Dialog;
 	const Button = props.ui.Button;
@@ -7186,7 +7660,7 @@ function GuiIconPicker(props) {
 				autofocus: true,
 				"class": "w-full"
 			}), (() => {
-				var _el$ = _tmpl$$34();
+				var _el$ = _tmpl$$36();
 				(0, solid_js_web.insert)(_el$, (0, solid_js_web.createComponent)(solid_js.For, {
 					get each() {
 						return choices();
@@ -7213,13 +7687,24 @@ function GuiIconPicker(props) {
 	});
 }
 // src/features/pinned-toolbar/ui/gui/icon-group.tsx
-var _tmpl$$33 = /*#__PURE__*/ (0, solid_js_web.template)(`<ol style=margin:0;padding:0;list-style:none>`);
-var _tmpl$2$24 = /*#__PURE__*/ (0, solid_js_web.template)(`<li style="display:flex;gap:4px;margin:4px 0">`);
+var _tmpl$$35 = /*#__PURE__*/ (0, solid_js_web.template)(`<div style="display:flex;gap:4px;margin:4px 0">`);
 function GuiIconGroupEditor(props) {
 	const Dialog = props.ui.Dialog;
 	const Button = props.ui.Button;
-	const [values, setValues] = (0, solid_js.createSignal)([...props.initial]);
-	function choose(index) {
+	let nextKey = props.initial.length;
+	const [slots, setSlots] = (0, solid_js.createSignal)(props.initial.map((id, key) => ({
+		id,
+		key
+	})));
+	const values = () => slots().map((slot) => slot.id);
+	function choose(key) {
+		const select = (id) => setSlots((previous) => key === void 0 ? [...previous, {
+			id,
+			key: nextKey++
+		}].slice(0, 3) : previous.map((slot) => slot.key === key ? {
+			...slot,
+			id
+		} : slot));
 		props.dialogs.open((dialog) => (0, solid_js_web.createComponent)(GuiIconPicker, {
 			get ui() {
 				return props.ui;
@@ -7227,11 +7712,7 @@ function GuiIconGroupEditor(props) {
 			get close() {
 				return dialog.close;
 			},
-			choose: (id) => setValues((previous) => {
-				const next = [...previous];
-				next[index] = id;
-				return next;
-			})
+			choose: select
 		}));
 	}
 	return (0, solid_js_web.createComponent)(Dialog, {
@@ -7253,59 +7734,64 @@ function GuiIconGroupEditor(props) {
 			})];
 		},
 		get children() {
-			return [(() => {
-				var _el$ = _tmpl$$33();
-				(0, solid_js_web.insert)(_el$, (0, solid_js_web.createComponent)(solid_js.For, {
-					get each() {
-						return values().map((_value, index) => index);
-					},
-					children: (index) => (() => {
-						var _el$2 = _tmpl$2$24();
-						(0, solid_js_web.insert)(_el$2, (0, solid_js_web.createComponent)(Button, {
-							variant: "ghost",
-							onClick: () => choose(index),
-							get children() {
-								return [
-									(0, solid_js_web.createComponent)(GuiIcon, {
-										get ui() {
-											return props.ui;
-										},
-										get id() {
-											return values()[index];
-										}
-									}),
-									"Icon ",
-									index + 1,
-									": ",
-									(0, solid_js_web.memo)(() => iconChoiceLabel(values()[index]))
-								];
-							}
-						}), null);
-						(0, solid_js_web.insert)(_el$2, (0, solid_js_web.createComponent)(Button, {
-							variant: "ghost-muted",
-							onClick: () => setValues((previous) => previous.filter((_value, offset) => offset !== index)),
-							children: "Remove"
-						}), null);
-						return _el$2;
-					})()
-				}));
-				return _el$;
-			})(), (0, solid_js_web.createComponent)(Button, {
+			return [(0, solid_js_web.createComponent)(GuiSortableList, {
+				get ui() {
+					return props.ui;
+				},
+				label: "Button icon order",
+				get items() {
+					return slots();
+				},
+				itemKey: (slot) => String(slot.key),
+				itemLabel: (slot) => `Icon ${slots().findIndex((value) => value.key === slot.key) + 1}: ${iconChoiceLabel(slot.id)}`,
+				scope: "icon-draft",
+				move: (from, to) => setSlots((previous) => reorderItems(previous, from, to, (slot) => String(slot.key))),
+				children: (slot, handle) => (() => {
+					var _el$ = _tmpl$$35();
+					(0, solid_js_web.insert)(_el$, handle, null);
+					(0, solid_js_web.insert)(_el$, (0, solid_js_web.createComponent)(Button, {
+						variant: "ghost",
+						onClick: () => choose(slot().key),
+						get children() {
+							return [
+								(0, solid_js_web.createComponent)(GuiIcon, {
+									get ui() {
+										return props.ui;
+									},
+									get id() {
+										return slot().id;
+									}
+								}),
+								"Icon ",
+								(0, solid_js_web.memo)(() => slots().findIndex((value) => value.key === slot().key) + 1),
+								": ",
+								(0, solid_js_web.memo)(() => iconChoiceLabel(slot().id))
+							];
+						}
+					}), null);
+					(0, solid_js_web.insert)(_el$, (0, solid_js_web.createComponent)(Button, {
+						variant: "ghost-muted",
+						onClick: () => setSlots((previous) => previous.filter((value) => value.key !== slot().key)),
+						children: "Remove"
+					}), null);
+					return _el$;
+				})()
+			}), (0, solid_js_web.createComponent)(Button, {
 				get disabled() {
 					return values().length >= 3;
 				},
-				onClick: () => choose(values().length),
+				onClick: () => choose(),
 				children: "Add icon"
 			})];
 		}
 	});
 }
 // src/features/pinned-toolbar/ui/gui/pin-editor.tsx
-var _tmpl$$32 = /*#__PURE__*/ (0, solid_js_web.template)(`<p>Base appearance`);
-var _tmpl$2$23 = /*#__PURE__*/ (0, solid_js_web.template)(`<div style=display:flex;gap:4px;align-items:center><span>`);
+var _tmpl$$34 = /*#__PURE__*/ (0, solid_js_web.template)(`<p>Base appearance`);
+var _tmpl$2$25 = /*#__PURE__*/ (0, solid_js_web.template)(`<div style=display:flex;gap:4px;align-items:center><span>`);
 var _tmpl$3$13 = /*#__PURE__*/ (0, solid_js_web.template)(`<p role=alert>Use a single line of up to 128 characters.`);
-var _tmpl$4$9 = /*#__PURE__*/ (0, solid_js_web.template)(`<p>Saved state icons are retained. Desktop uses the base icons unless the action exposes its state publicly.`);
-var _tmpl$5$4 = /*#__PURE__*/ (0, solid_js_web.template)(`<p role=alert>`);
+var _tmpl$4$8 = /*#__PURE__*/ (0, solid_js_web.template)(`<p>Saved state icons are retained. Desktop uses the base icons unless the action exposes its state publicly.`);
+var _tmpl$5$3 = /*#__PURE__*/ (0, solid_js_web.template)(`<p role=alert>`);
 function GuiPinEditor(props) {
 	const initial = toolbarPinAppearance(props.pin);
 	const [base, setBase] = (0, solid_js.createSignal)([...initial.base]);
@@ -7392,9 +7878,9 @@ function GuiPinEditor(props) {
 		},
 		get children() {
 			return [
-				_tmpl$$32(),
+				_tmpl$$34(),
 				(() => {
-					var _el$2 = _tmpl$2$23(), _el$3 = _el$2.firstChild;
+					var _el$2 = _tmpl$2$25(), _el$3 = _el$2.firstChild;
 					(0, solid_js_web.insert)(_el$2, (0, solid_js_web.createComponent)(solid_js.For, {
 						get each() {
 							return base();
@@ -7453,7 +7939,7 @@ function GuiPinEditor(props) {
 						return Object.keys(states()).length > 0;
 					},
 					get children() {
-						return _tmpl$4$9();
+						return _tmpl$4$8();
 					}
 				}),
 				(0, solid_js_web.createComponent)(solid_js.Show, {
@@ -7461,7 +7947,7 @@ function GuiPinEditor(props) {
 						return error();
 					},
 					get children() {
-						var _el$6 = _tmpl$5$4();
+						var _el$6 = _tmpl$5$3();
 						(0, solid_js_web.insert)(_el$6, error);
 						return _el$6;
 					}
@@ -7471,11 +7957,10 @@ function GuiPinEditor(props) {
 	});
 }
 // src/features/pinned-toolbar/ui/gui/manager.tsx
-var _tmpl$$31 = /*#__PURE__*/ (0, solid_js_web.template)(`<p role=alert>`);
-var _tmpl$2$22 = /*#__PURE__*/ (0, solid_js_web.template)(`<ol style=padding:0;margin:0;list-style:none>`);
-var _tmpl$3$12 = /*#__PURE__*/ (0, solid_js_web.template)(`<li>Pin a Skill or Quick Action from its row menu.`);
-var _tmpl$4$8 = /*#__PURE__*/ (0, solid_js_web.template)(`<small style=display:block;opacity:0.6>`);
-var _tmpl$5$3 = /*#__PURE__*/ (0, solid_js_web.template)(`<li style="padding:8px 0;display:flex;gap:4px;align-items:center;min-width:0"><span style=flex:1;min-width:0;overflow-wrap:anywhere><strong>`);
+var _tmpl$$33 = /*#__PURE__*/ (0, solid_js_web.template)(`<p role=alert>`);
+var _tmpl$2$24 = /*#__PURE__*/ (0, solid_js_web.template)(`<p>Pin a Skill or Quick Action from its row menu.`);
+var _tmpl$3$12 = /*#__PURE__*/ (0, solid_js_web.template)(`<small style=display:block;opacity:0.6>`);
+var _tmpl$4$7 = /*#__PURE__*/ (0, solid_js_web.template)(`<div style="padding:8px 0;display:flex;gap:4px;align-items:center;min-width:0"><span style=flex:1;min-width:0;overflow-wrap:anywhere><strong>`);
 var source = (pin) => pin.kind === "skill" ? pin.location : void 0;
 function GuiToolbarManager(props) {
 	const Dialog = props.ui.Dialog;
@@ -7512,88 +7997,81 @@ function GuiToolbarManager(props) {
 					return props.close;
 				},
 				children: "Close"
-			});
-		},
-		get children() {
-			return [(0, solid_js_web.createComponent)(solid_js.Show, {
-				get when() {
-					return error();
-				},
-				get children() {
-					var _el$ = _tmpl$$31();
-					(0, solid_js_web.insert)(_el$, error);
-					return _el$;
-				}
-			}), (() => {
-				var _el$2 = _tmpl$2$22();
-				(0, solid_js_web.insert)(_el$2, (0, solid_js_web.createComponent)(solid_js.For, {
-					get each() {
-						return props.pins.map((pin) => toolbarPinKey(pin));
+			});
+		},
+		get children() {
+			return [
+				(0, solid_js_web.createComponent)(solid_js.Show, {
+					get when() {
+						return error();
 					},
-					get fallback() {
-						return _tmpl$3$12();
+					get children() {
+						var _el$ = _tmpl$$33();
+						(0, solid_js_web.insert)(_el$, error);
+						return _el$;
+					}
+				}),
+				(0, solid_js_web.createComponent)(solid_js.Show, {
+					get when() {
+						return props.pins.length === 0;
 					},
-					children: (key, index) => (0, solid_js_web.createComponent)(solid_js.Show, {
-						get when() {
-							return props.pins.find((item) => toolbarPinKey(item) === key);
-						},
-						children: (pin) => (() => {
-							var _el$4 = _tmpl$5$3(), _el$5 = _el$4.firstChild, _el$6 = _el$5.firstChild;
-							(0, solid_js_web.insert)(_el$6, () => props.label(pin()));
-							(0, solid_js_web.insert)(_el$5, (0, solid_js_web.createComponent)(solid_js.Show, {
-								get when() {
-									return source(pin());
-								},
-								get children() {
-									var _el$7 = _tmpl$4$8();
-									(0, solid_js_web.insert)(_el$7, () => source(pin()));
-									return _el$7;
-								}
-							}), null);
-							(0, solid_js_web.insert)(_el$4, (0, solid_js_web.createComponent)(IconButton, {
-								icon: "arrow-up",
-								get label() {
-									return `Move ${props.label(pin())} up`;
-								},
-								get disabled() {
-									return busy() || index() === 0;
-								},
-								onClick: () => void run(() => props.move(key, -1))
-							}), null);
-							(0, solid_js_web.insert)(_el$4, (0, solid_js_web.createComponent)(IconButton, {
-								icon: "chevron-down",
-								get label() {
-									return `Move ${props.label(pin())} down`;
-								},
-								get disabled() {
-									return busy() || index() === props.pins.length - 1;
-								},
-								onClick: () => void run(() => props.move(key, 1))
-							}), null);
-							(0, solid_js_web.insert)(_el$4, (0, solid_js_web.createComponent)(Button, {
-								size: "small",
-								get disabled() {
-									return busy();
-								},
-								onClick: () => props.configure(key),
-								children: "Configure"
-							}), null);
-							(0, solid_js_web.insert)(_el$4, (0, solid_js_web.createComponent)(IconButton, {
-								icon: "close",
-								get label() {
-									return `Unpin ${props.label(pin())}`;
-								},
-								get disabled() {
-									return busy();
-								},
-								onClick: () => void run(() => props.remove(key))
-							}), null);
-							return _el$4;
-						})()
-					})
-				}));
-				return _el$2;
-			})()];
+					get children() {
+						return _tmpl$2$24();
+					}
+				}),
+				(0, solid_js_web.createComponent)(GuiSortableList, {
+					get ui() {
+						return props.ui;
+					},
+					label: "Toolbar pin order",
+					get items() {
+						return props.pins;
+					},
+					itemKey: toolbarPinKey,
+					get itemLabel() {
+						return props.label;
+					},
+					scope: "toolbar",
+					get disabled() {
+						return busy() || !props.current();
+					},
+					move: (from, to) => void run(() => props.move(from, to)),
+					children: (pin, handle) => (() => {
+						var _el$3 = _tmpl$4$7(), _el$4 = _el$3.firstChild, _el$5 = _el$4.firstChild;
+						(0, solid_js_web.insert)(_el$5, () => props.label(pin()));
+						(0, solid_js_web.insert)(_el$4, (0, solid_js_web.createComponent)(solid_js.Show, {
+							get when() {
+								return source(pin());
+							},
+							get children() {
+								var _el$6 = _tmpl$3$12();
+								(0, solid_js_web.insert)(_el$6, () => source(pin()));
+								return _el$6;
+							}
+						}), null);
+						(0, solid_js_web.insert)(_el$3, handle, null);
+						(0, solid_js_web.insert)(_el$3, (0, solid_js_web.createComponent)(Button, {
+							size: "small",
+							get disabled() {
+								return busy();
+							},
+							onClick: () => props.configure(toolbarPinKey(pin())),
+							children: "Configure"
+						}), null);
+						(0, solid_js_web.insert)(_el$3, (0, solid_js_web.createComponent)(IconButton, {
+							icon: "close",
+							get label() {
+								return `Unpin ${props.label(pin())}`;
+							},
+							get disabled() {
+								return busy();
+							},
+							onClick: () => void run(() => props.remove(toolbarPinKey(pin())))
+						}), null);
+						return _el$3;
+					})()
+				})
+			];
 		}
 	});
 }
@@ -7714,8 +8192,8 @@ function createMeasuredToolbar() {
 	};
 }
 // src/features/pinned-toolbar/ui/gui/toolbar-button.tsx
-var _tmpl$$30 = /*#__PURE__*/ (0, solid_js_web.template)(`<span style=position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap>`);
-var _tmpl$2$21 = /*#__PURE__*/ (0, solid_js_web.template)(`<span aria-hidden=true style=display:inline-flex;gap:4px;align-items:center;min-width:0;max-width:100%><span style=white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0>`);
+var _tmpl$$32 = /*#__PURE__*/ (0, solid_js_web.template)(`<span style=position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap>`);
+var _tmpl$2$23 = /*#__PURE__*/ (0, solid_js_web.template)(`<span aria-hidden=true style=display:inline-flex;gap:4px;align-items:center;min-width:0;max-width:100%><span style=white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0>`);
 var _tmpl$3$11 = /*#__PURE__*/ (0, solid_js_web.template)(`<span style=display:inline-flex;min-width:0;flex-shrink:0>`);
 function GuiToolbarButton(props) {
 	const Button = props.ui.Button;
@@ -7737,11 +8215,11 @@ function GuiToolbarButton(props) {
 		},
 		get children() {
 			return [(() => {
-				var _el$ = _tmpl$$30();
+				var _el$ = _tmpl$$32();
 				(0, solid_js_web.insert)(_el$, label);
 				return _el$;
 			})(), (() => {
-				var _el$2 = _tmpl$2$21(), _el$3 = _el$2.firstChild;
+				var _el$2 = _tmpl$2$23(), _el$3 = _el$2.firstChild;
 				(0, solid_js_web.insert)(_el$2, (0, solid_js_web.createComponent)(solid_js.For, {
 					get each() {
 						return view().icons;
@@ -7800,8 +8278,8 @@ function GuiToolbarButton(props) {
 }
 (0, solid_js_web.delegateEvents)(["contextmenu", "keydown"]);
 // src/features/pinned-toolbar/ui/gui/toolbar.tsx
-var _tmpl$$29 = /*#__PURE__*/ (0, solid_js_web.template)(`<span data-toolbar-visible>`);
-var _tmpl$2$20 = /*#__PURE__*/ (0, solid_js_web.template)(`<div data-navigator-toolbar role=toolbar tabindex=-1 aria-label="Navigator pins"style="position:relative;display:flex;gap:4px;align-items:center;justify-content:center;padding:0 4px;min-height:28px;margin-bottom:8px"><div aria-hidden=true inert style=position:absolute;left:0;top:0;width:0;height:0;overflow:hidden;visibility:hidden;pointer-events:none><div style=display:flex;gap:4px;width:max-content><span>`);
+var _tmpl$$31 = /*#__PURE__*/ (0, solid_js_web.template)(`<span data-toolbar-visible>`);
+var _tmpl$2$22 = /*#__PURE__*/ (0, solid_js_web.template)(`<div data-navigator-toolbar role=toolbar tabindex=-1 aria-label="Navigator pins"style="position:relative;display:flex;gap:4px;align-items:center;justify-content:center;padding:0 4px;min-height:28px;margin-bottom:8px"><div aria-hidden=true inert style=position:absolute;left:0;top:0;width:0;height:0;overflow:hidden;visibility:hidden;pointer-events:none><div style=display:flex;gap:4px;width:max-content><span>`);
 function navigate(event) {
 	if (event.defaultPrevented || event.key !== "ArrowLeft" && event.key !== "ArrowRight") return;
 	const buttons = [...event.currentTarget.querySelectorAll(":scope [data-toolbar-visible] button")];
@@ -7825,7 +8303,7 @@ function GuiPinnedToolbar(props) {
 			return keys().length > 0;
 		},
 		get children() {
-			var _el$ = _tmpl$2$20(), _el$3 = _el$.firstChild, _el$4 = _el$3.firstChild, _el$5 = _el$4.firstChild;
+			var _el$ = _tmpl$2$22(), _el$3 = _el$.firstChild, _el$4 = _el$3.firstChild, _el$5 = _el$4.firstChild;
 			_el$.$$keydown = navigate;
 			var _ref$ = layout.root;
 			typeof _ref$ === "function" ? (0, solid_js_web.use)(_ref$, _el$) : layout.root = _el$;
@@ -7861,7 +8339,7 @@ function GuiPinnedToolbar(props) {
 					return hidden().length > 0;
 				},
 				get children() {
-					var _el$2 = _tmpl$$29();
+					var _el$2 = _tmpl$$31();
 					(0, solid_js_web.insert)(_el$2, (0, solid_js_web.createComponent)(Menu, {
 						label: "More toolbar items",
 						trigger: "icon",
@@ -7952,7 +8430,7 @@ function NavigatorPinnedToolbar() {
 	});
 }
 // src/pages/navigator/ui/gui/monitoring-content.tsx
-var _tmpl$$28 = /*#__PURE__*/ (0, solid_js_web.template)(`<div data-navigator-content style=padding:12px;overflow-y:auto;min-height:0;flex:1;font-size:13px>`);
+var _tmpl$$30 = /*#__PURE__*/ (0, solid_js_web.template)(`<div data-navigator-content style=padding:12px;overflow-y:auto;min-height:0;flex:1;font-size:13px>`);
 function MonitoringContent(props) {
 	let body;
 	(0, solid_js.onMount)(() => {
@@ -7961,7 +8439,7 @@ function MonitoringContent(props) {
 	return (0, solid_js_web.createComponent)(NavigatorGuiContext.Provider, {
 		value: props,
 		get children() {
-			var _el$ = _tmpl$$28();
+			var _el$ = _tmpl$$30();
 			_el$.addEventListener("scroll", (event) => props.onScroll?.(event.currentTarget.scrollTop));
 			(0, solid_js_web.use)((node) => {
 				body = node;
@@ -8531,9 +9009,15 @@ function createMiniWindowInteraction(props) {
 	const update = (rect) => props.setRect(clampMiniWindow(rect, miniWindowViewport()));
 	let drag;
 	const resize = () => update(props.rect);
-	const end = () => {
+	const end = (event) => {
+		if (event && drag?.pointer !== event.pointerId) return;
+		const previous = drag;
 		drag = void 0;
+		if (previous?.target.hasPointerCapture(previous.pointer)) previous.target.releasePointerCapture(previous.pointer);
 	};
+	(0, solid_js.createEffect)(() => {
+		if (props.modal) end();
+	});
 	(0, solid_js.onMount)(() => {
 		globalThis.window.addEventListener("resize", resize);
 		globalThis.window.visualViewport?.addEventListener("resize", resize);
@@ -8545,19 +9029,22 @@ function createMiniWindowInteraction(props) {
 		end();
 	});
 	function start(event, mode) {
-		if (event.button !== 0 || props.modal) return;
+		if (event.button !== 0 || props.modal || drag) return;
 		event.preventDefault();
 		event.stopPropagation();
-		event.currentTarget.setPointerCapture(event.pointerId);
+		const target = event.currentTarget;
+		target.setPointerCapture(event.pointerId);
 		drag = {
 			mode,
 			x: event.clientX,
 			y: event.clientY,
-			rect: { ...props.rect }
+			rect: { ...props.rect },
+			pointer: event.pointerId,
+			target
 		};
 	}
 	function move(event) {
-		if (!drag || props.modal) return;
+		if (!drag || props.modal || drag.pointer !== event.pointerId) return;
 		const x = event.clientX - drag.x;
 		const y = event.clientY - drag.y;
 		update(drag.mode === "move" ? {
@@ -8607,17 +9094,28 @@ function createMiniWindowInteraction(props) {
 	};
 }
 // src/pages/navigator/ui/gui/mini-window.tsx
-var _tmpl$$27 = /*#__PURE__*/ (0, solid_js_web.template)(`<aside data-navigator-floating style="position:fixed;display:flex;flex-direction:column;z-index:40;background:Canvas;color:CanvasText;border:1px solid color-mix(in srgb, currentColor 25%, transparent);border-radius:12px;box-shadow:0 8px 32px #0003;overflow:hidden;font-size:13px"><header style=display:flex;align-items:center;gap:4px;padding:8px;flex-wrap:wrap><button type=button aria-label="Move Navigator mini-window"title="Drag or use arrow keys; Shift moves ten pixels"style=cursor:move;touch-action:none>Move</button><strong style=flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap></strong></header><footer style=display:flex;gap:4px;padding:6px;align-items:center><button type=button aria-label="Resize Navigator mini-window"title="Drag or use arrow keys; Shift resizes ten pixels"style=margin-left:auto;cursor:nwse-resize;touch-action:none>Resize`);
+var _tmpl$$29 = /*#__PURE__*/ (0, solid_js_web.template)(`<aside data-navigator-floating style="position:fixed;display:flex;flex-direction:column;z-index:40;background:var(--v2-background-bg-layer-01);color:var(--v2-text-text-base);border:1px solid var(--v2-border-border-base, color-mix(in srgb, currentColor 20%, transparent));border-radius:12px;box-shadow:var(--v2-elevation-overlay, 0 8px 32px #0003);overflow:hidden;font-size:13px"><header style=display:flex;align-items:center;gap:4px;padding:8px;flex-wrap:wrap;cursor:move;touch-action:none;user-select:none><span data-navigator-move title="Drag or use arrow keys; Shift moves ten pixels"></span><strong style=flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap></strong></header><footer style=display:flex;gap:4px;padding:6px;align-items:center><span title="Drag or use arrow keys; Shift resizes ten pixels"style=margin-left:auto;cursor:nwse-resize;touch-action:none>`);
 function NavigatorMiniWindow(props) {
 	const Button = props.ui.Button;
+	const IconButton = props.ui.IconButton;
 	const interaction = createMiniWindowInteraction(props);
+	function dragHeader(event) {
+		const target = event.target;
+		if (target.closest("button, input, select, textarea, a") && !target.closest("[data-navigator-move]")) return;
+		interaction.start(event, "move");
+	}
 	return (() => {
-		var _el$ = _tmpl$$27(), _el$2 = _el$.firstChild, _el$3 = _el$2.firstChild, _el$4 = _el$3.nextSibling, _el$5 = _el$2.nextSibling, _el$6 = _el$5.firstChild;
+		var _el$ = _tmpl$$29(), _el$2 = _el$.firstChild, _el$3 = _el$2.firstChild, _el$4 = _el$3.nextSibling, _el$5 = _el$2.nextSibling, _el$6 = _el$5.firstChild;
+		(0, solid_js_web.addEventListener)(_el$2, "lostpointercapture", interaction.end);
+		(0, solid_js_web.addEventListener)(_el$2, "pointercancel", interaction.end);
+		(0, solid_js_web.addEventListener)(_el$2, "pointerup", interaction.end, true);
+		(0, solid_js_web.addEventListener)(_el$2, "pointermove", interaction.move, true);
+		_el$2.$$pointerdown = dragHeader;
 		_el$3.$$keydown = (event) => interaction.key(event, "move");
-		(0, solid_js_web.addEventListener)(_el$3, "lostpointercapture", interaction.end);
-		(0, solid_js_web.addEventListener)(_el$3, "pointerup", interaction.end, true);
-		(0, solid_js_web.addEventListener)(_el$3, "pointermove", interaction.move, true);
-		_el$3.$$pointerdown = (event) => interaction.start(event, "move");
+		(0, solid_js_web.insert)(_el$3, (0, solid_js_web.createComponent)(IconButton, {
+			icon: "dot-grid",
+			label: "Move Navigator mini-window"
+		}));
 		(0, solid_js_web.insert)(_el$4, () => props.title);
 		(0, solid_js_web.insert)(_el$2, (0, solid_js_web.createComponent)(Button, {
 			size: "small",
@@ -8654,9 +9152,14 @@ function NavigatorMiniWindow(props) {
 		}), _el$6);
 		_el$6.$$keydown = (event) => interaction.key(event, "resize");
 		(0, solid_js_web.addEventListener)(_el$6, "lostpointercapture", interaction.end);
+		(0, solid_js_web.addEventListener)(_el$6, "pointercancel", interaction.end);
 		(0, solid_js_web.addEventListener)(_el$6, "pointerup", interaction.end, true);
 		(0, solid_js_web.addEventListener)(_el$6, "pointermove", interaction.move, true);
 		_el$6.$$pointerdown = (event) => interaction.start(event, "resize");
+		(0, solid_js_web.insert)(_el$6, (0, solid_js_web.createComponent)(IconButton, {
+			icon: "outline-expand",
+			label: "Resize Navigator mini-window"
+		}));
 		(0, solid_js_web.effect)((_p$) => {
 			var _v$ = `Navigator mini-window: ${props.title}`, _v$2 = props.modal, _v$3 = props.modal, _v$4 = `${props.rect.x}px`, _v$5 = `${props.rect.y}px`, _v$6 = `${props.rect.width}px`, _v$7 = `${props.rect.height}px`, _v$8 = props.modal ? "hidden" : "visible", _v$9 = props.mode;
 			_v$ !== _p$.e && (0, solid_js_web.setAttribute)(_el$, "aria-label", _p$.e = _v$);
@@ -8690,13 +9193,13 @@ function NavigatorMiniWindow(props) {
 	"keydown"
 ]);
 // src/pages/navigator/ui/gui/monitoring-panel.tsx
-var _tmpl$$26 = /*#__PURE__*/ (0, solid_js_web.template)(`<div data-navigator-panel style=display:flex;flex-direction:column;height:100%;min-height:0><header style="padding:8px 12px;display:flex;gap:4px;align-items:center"><strong style=flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap>`);
-var _tmpl$2$19 = /*#__PURE__*/ (0, solid_js_web.template)(`<div style=padding:12px><p>Navigator is in its mini-window.`);
+var _tmpl$$28 = /*#__PURE__*/ (0, solid_js_web.template)(`<div data-navigator-panel style=display:flex;flex-direction:column;height:100%;min-height:0><header style="padding:8px 12px;display:flex;gap:4px;align-items:center"><strong style=flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap>`);
+var _tmpl$2$21 = /*#__PURE__*/ (0, solid_js_web.template)(`<div style=padding:12px><p>Navigator is in its mini-window.`);
 var _tmpl$3$10 = /*#__PURE__*/ (0, solid_js_web.template)(`<p role=status>Loading Navigator…`);
 function MonitoringPanel(props) {
 	const Button = props.ui.Button;
 	return (() => {
-		var _el$ = _tmpl$$26(), _el$2 = _el$.firstChild, _el$3 = _el$2.firstChild;
+		var _el$ = _tmpl$$28(), _el$2 = _el$.firstChild, _el$3 = _el$2.firstChild;
 		(0, solid_js_web.insert)(_el$3, () => props.title);
 		(0, solid_js_web.insert)(_el$2, (0, solid_js_web.createComponent)(Button, {
 			size: "small",
@@ -8741,7 +9244,7 @@ function MonitoringPanel(props) {
 			},
 			get fallback() {
 				return (() => {
-					var _el$4 = _tmpl$2$19();
+					var _el$4 = _tmpl$2$21();
 					_el$4.firstChild;
 					(0, solid_js_web.insert)(_el$4, (0, solid_js_web.createComponent)(Button, {
 						size: "small",
@@ -8806,9 +9309,23 @@ function parseChangelog(source) {
 function changesSince(source, previous, current) {
 	return parseChangelog(source).filter((entry) => entry.changes.length > 0 && isNewerVersion(entry.version, previous) && !isNewerVersion(entry.version, current));
 }
+// src/entities/navigator-release/model/update-progress.ts
+function updateProgressView(progress) {
+	const labels = {
+		preparing: "Preparing",
+		downloading: "Downloading",
+		installing: "Downloading / installing",
+		verifying: "Verifying"
+	};
+	const fraction = progress.total !== void 0 && Number.isFinite(progress.total) && progress.total > 0 && progress.received !== void 0 && Number.isFinite(progress.received) && progress.received >= 0 ? Math.min(1, progress.received / progress.total) : void 0;
+	return {
+		label: fraction === void 0 ? labels[progress.phase] : `${labels[progress.phase]} ${Math.floor(fraction * 100)}%`,
+		fraction
+	};
+}
 // src/features/sidebar-settings/ui/gui/mcp-preset-menu.tsx
-var _tmpl$$25 = /*#__PURE__*/ (0, solid_js_web.template)(`<ul style="margin:8px 0;padding:0;list-style:none">`);
-var _tmpl$2$18 = /*#__PURE__*/ (0, solid_js_web.template)(`<li>No matching saved presets.`);
+var _tmpl$$27 = /*#__PURE__*/ (0, solid_js_web.template)(`<ul style="margin:8px 0;padding:0;list-style:none">`);
+var _tmpl$2$20 = /*#__PURE__*/ (0, solid_js_web.template)(`<li>No matching saved presets.`);
 var _tmpl$3$9 = /*#__PURE__*/ (0, solid_js_web.template)(`<li>`);
 function GuiMcpPresetMenu(props) {
 	const Dialog = props.ui.Dialog;
@@ -8841,13 +9358,13 @@ function GuiMcpPresetMenu(props) {
 				autofocus: true,
 				"class": "w-full"
 			}), (() => {
-				var _el$ = _tmpl$$25();
+				var _el$ = _tmpl$$27();
 				(0, solid_js_web.insert)(_el$, (0, solid_js_web.createComponent)(solid_js.For, {
 					get each() {
 						return names();
 					},
 					get fallback() {
-						return _tmpl$2$18();
+						return _tmpl$2$20();
 					},
 					children: (name) => (() => {
 						var _el$3 = _tmpl$3$9();
@@ -8865,8 +9382,8 @@ function GuiMcpPresetMenu(props) {
 	});
 }
 // src/features/sidebar-settings/ui/gui/mcp-preview-rows.tsx
-var _tmpl$$24 = /*#__PURE__*/ (0, solid_js_web.template)(`<section><h3></h3><ul style=padding:0;list-style:none>`);
-var _tmpl$2$17 = /*#__PURE__*/ (0, solid_js_web.template)(`<li style="padding:6px 0;overflow-wrap:anywhere"><strong></strong><p style="margin:2px 0;opacity:0.65"> · `);
+var _tmpl$$26 = /*#__PURE__*/ (0, solid_js_web.template)(`<section><h3></h3><ul style=padding:0;list-style:none>`);
+var _tmpl$2$19 = /*#__PURE__*/ (0, solid_js_web.template)(`<li style="padding:6px 0;overflow-wrap:anywhere"><strong></strong><p style="margin:2px 0;opacity:0.65"> · `);
 var groups = [
 	"Changes",
 	"Skipped",
@@ -8884,7 +9401,7 @@ function GuiMcpPreviewRows(props) {
 				return props.model.preview().rows.some((row) => group(row.change) === section);
 			},
 			get children() {
-				var _el$ = _tmpl$$24(), _el$2 = _el$.firstChild, _el$3 = _el$2.nextSibling;
+				var _el$ = _tmpl$$26(), _el$2 = _el$.firstChild, _el$3 = _el$2.nextSibling;
 				(0, solid_js_web.insert)(_el$2, section);
 				(0, solid_js_web.insert)(_el$3, (0, solid_js_web.createComponent)(solid_js.For, {
 					get each() {
@@ -8893,7 +9410,7 @@ function GuiMcpPreviewRows(props) {
 					children: (name) => {
 						const row = () => props.model.preview().rows.find((item) => item.name === name);
 						return (() => {
-							var _el$4 = _tmpl$2$17(), _el$5 = _el$4.firstChild, _el$6 = _el$5.nextSibling, _el$7 = _el$6.firstChild;
+							var _el$4 = _tmpl$2$19(), _el$5 = _el$4.firstChild, _el$6 = _el$5.nextSibling, _el$7 = _el$6.firstChild;
 							(0, solid_js_web.insert)(_el$5, name);
 							(0, solid_js_web.insert)(_el$6, () => row().status ?? "Not available", _el$7);
 							(0, solid_js_web.insert)(_el$6, () => row().change, null);
@@ -8911,8 +9428,8 @@ function GuiMcpPreviewRows(props) {
 	});
 }
 // src/features/sidebar-settings/ui/gui/mcp-preset-preview.tsx
-var _tmpl$$23 = /*#__PURE__*/ (0, solid_js_web.template)(`<p>`);
-var _tmpl$2$16 = /*#__PURE__*/ (0, solid_js_web.template)(`<p role=alert>`);
+var _tmpl$$25 = /*#__PURE__*/ (0, solid_js_web.template)(`<p>`);
+var _tmpl$2$18 = /*#__PURE__*/ (0, solid_js_web.template)(`<p role=alert>`);
 function GuiMcpPresetPreview(props) {
 	const Dialog = props.ui.Dialog;
 	const Button = props.ui.Button;
@@ -8973,7 +9490,7 @@ function GuiMcpPresetPreview(props) {
 		get children() {
 			return [
 				(() => {
-					var _el$ = _tmpl$$23();
+					var _el$ = _tmpl$$25();
 					(0, solid_js_web.insert)(_el$, () => props.persistent ? "Desired states will be remembered for this scope, including unavailable servers." : "MCP persistence is off; desired states will not be saved.");
 					return _el$;
 				})(),
@@ -8982,7 +9499,7 @@ function GuiMcpPresetPreview(props) {
 						return props.model.blocked() || error();
 					},
 					get children() {
-						var _el$2 = _tmpl$2$16();
+						var _el$2 = _tmpl$2$18();
 						(0, solid_js_web.insert)(_el$2, () => error() || props.model.blocked());
 						return _el$2;
 					}
@@ -8995,7 +9512,7 @@ function GuiMcpPresetPreview(props) {
 	});
 }
 // src/features/sidebar-settings/ui/gui/settings-about.tsx
-var _tmpl$$22 = /*#__PURE__*/ (0, solid_js_web.template)(`<p role=status>`);
+var _tmpl$$24 = /*#__PURE__*/ (0, solid_js_web.template)(`<p role=status>`);
 function GuiSettingsAbout(props) {
 	const Section = props.ui.SettingsSection;
 	const Row = props.ui.SettingsRow;
@@ -9005,11 +9522,15 @@ function GuiSettingsAbout(props) {
 	const versions = () => props.about.changelog.filter((entry) => entry.changes.length > 0);
 	const [version, setVersion] = (0, solid_js.createSignal)(versions()[0]?.version);
 	const changes = () => versions().find((entry) => entry.version === version())?.changes.map((change) => `- ${change}`).join("\n") ?? "No user-facing release notes are bundled.";
+	const progress = () => {
+		const current = props.about.progress?.();
+		return current && updateProgressView(current);
+	};
 	return [(0, solid_js_web.createComponent)(Section, {
 		title: "About Navigator",
 		get footer() {
 			return (() => {
-				var _el$ = _tmpl$$22();
+				var _el$ = _tmpl$$24();
 				(0, solid_js_web.insert)(_el$, () => props.about.status());
 				return _el$;
 			})();
@@ -9018,7 +9539,17 @@ function GuiSettingsAbout(props) {
 			return [
 				(0, solid_js_web.createComponent)(Row, {
 					get title() {
-						return `Navigator ${props.about.version}`;
+						return (0, solid_js_web.memo)(() => !!progress())() ? (0, solid_js_web.createComponent)(GuiProgress, {
+							get ui() {
+								return props.ui;
+							},
+							get label() {
+								return `Navigator · ${progress().label}`;
+							},
+							get value() {
+								return progress().fraction;
+							}
+						}) : `Navigator ${props.about.version}`;
 					},
 					get description() {
 						return `OpenCode Desktop ${props.about.hostVersion}. Experimental Desktop GUI.`;
@@ -9096,7 +9627,7 @@ function GuiSettingsAbout(props) {
 	})];
 }
 // src/features/sidebar-settings/ui/gui/settings-behavior.tsx
-var _tmpl$$21 = /*#__PURE__*/ (0, solid_js_web.template)(`<div style=display:flex;gap:8px;align-items:center>`);
+var _tmpl$$23 = /*#__PURE__*/ (0, solid_js_web.template)(`<div style=display:flex;gap:8px;align-items:center>`);
 function GuiSettingsBehavior(props) {
 	const Section = props.ui.SettingsSection;
 	const Row = props.ui.SettingsRow;
@@ -9118,6 +9649,7 @@ function GuiSettingsBehavior(props) {
 						get children() {
 							return (0, solid_js_web.createComponent)(Switch, {
 								label: "Remember MCP states",
+								hideLabel: true,
 								get checked() {
 									return props.preferences.selectedPersistMcp();
 								},
@@ -9179,7 +9711,7 @@ function GuiSettingsBehavior(props) {
 						title: "Limits refresh",
 						description: "Whole minutes, at least one. Manual refresh and model/account switches remain immediate.",
 						get children() {
-							var _el$ = _tmpl$$21();
+							var _el$ = _tmpl$$23();
 							(0, solid_js_web.insert)(_el$, (0, solid_js_web.createComponent)(TextInput, {
 								label: "Limits refresh in minutes",
 								get value() {
@@ -9262,6 +9794,7 @@ function GuiSettingsBehavior(props) {
 	];
 }
 // src/features/sidebar-settings/ui/gui/settings-catalogs.tsx
+var _tmpl$$22 = /*#__PURE__*/ (0, solid_js_web.template)(`<span style=display:flex;gap:8px;align-items:center>`);
 function GuiSettingsCatalogs(props) {
 	const Section = props.ui.SettingsSection;
 	const Row = props.ui.SettingsRow;
@@ -9274,42 +9807,40 @@ function GuiSettingsCatalogs(props) {
 			title: "Quick Actions",
 			footer: "Visibility and order are scoped. Favorites are private and user-wide; usage never reorders actions.",
 			get children() {
-				return (0, solid_js_web.createComponent)(solid_js.For, {
-					get each() {
+				return (0, solid_js_web.createComponent)(GuiSortableList, {
+					get ui() {
+						return props.ui;
+					},
+					label: "Quick Action order",
+					get items() {
 						return props.catalogs.actions();
 					},
-					children: (action, index) => (0, solid_js_web.createComponent)(Row, {
+					itemKey: (action) => action.id,
+					itemLabel: (action) => action.label,
+					get scope() {
+						return props.preferences.selectedScopeKey();
+					},
+					move: (from, to) => props.preferences.reorderQuickAction(from, to, props.preferences.selectedScopeKey()),
+					children: (action, handle) => (0, solid_js_web.createComponent)(Row, {
 						get title() {
-							return action.label;
+							return (() => {
+								var _el$ = _tmpl$$22();
+								(0, solid_js_web.insert)(_el$, handle, null);
+								(0, solid_js_web.insert)(_el$, () => action().label, null);
+								return _el$;
+							})();
 						},
 						get children() {
-							return [
-								(0, solid_js_web.createComponent)(Button, {
-									size: "small",
-									get disabled() {
-										return index() === 0;
-									},
-									onClick: () => props.preferences.moveQuickAction(action.id, -1),
-									children: "Move up"
-								}),
-								(0, solid_js_web.createComponent)(Button, {
-									size: "small",
-									get disabled() {
-										return index() === props.catalogs.actions().length - 1;
-									},
-									onClick: () => props.preferences.moveQuickAction(action.id, 1),
-									children: "Move down"
-								}),
-								(0, solid_js_web.createComponent)(Switch, {
-									get label() {
-										return `Show action ${action.label}`;
-									},
-									get checked() {
-										return props.preferences.selectedQuickActionVisible(action.id);
-									},
-									onChange: () => props.preferences.toggleQuickAction(action.id)
-								})
-							];
+							return (0, solid_js_web.createComponent)(Switch, {
+								get label() {
+									return `Show action ${action().label}`;
+								},
+								hideLabel: true,
+								get checked() {
+									return props.preferences.selectedQuickActionVisible(action().id);
+								},
+								onChange: () => props.preferences.toggleQuickAction(action().id)
+							});
 						}
 					})
 				});
@@ -9448,11 +9979,11 @@ function GuiSettingsCatalogs(props) {
 	];
 }
 // src/features/sidebar-settings/ui/gui/preset-controls.tsx
-var _tmpl$$20 = /*#__PURE__*/ (0, solid_js_web.template)(`<div role=group style=display:flex;gap:8px;flex-wrap:wrap>`);
+var _tmpl$$21 = /*#__PURE__*/ (0, solid_js_web.template)(`<div role=group style=display:flex;gap:8px;flex-wrap:wrap>`);
 function GuiPresetControls(props) {
 	const Button = props.ui.Button;
 	return (() => {
-		var _el$ = _tmpl$$20();
+		var _el$ = _tmpl$$21();
 		(0, solid_js_web.insert)(_el$, (0, solid_js_web.createComponent)(Button, {
 			size: "small",
 			onClick: () => void props.presets.manage(props.kind, props.name, "rename"),
@@ -9473,8 +10004,8 @@ function GuiPresetControls(props) {
 	})();
 }
 // src/features/sidebar-settings/ui/gui/settings-presets.tsx
-var _tmpl$$19 = /*#__PURE__*/ (0, solid_js_web.template)(`<div style=display:flex;gap:8px;flex-wrap:wrap>`);
-var _tmpl$2$15 = /*#__PURE__*/ (0, solid_js_web.template)(`<p role=status>`);
+var _tmpl$$20 = /*#__PURE__*/ (0, solid_js_web.template)(`<div style=display:flex;gap:8px;flex-wrap:wrap>`);
+var _tmpl$2$17 = /*#__PURE__*/ (0, solid_js_web.template)(`<p role=status>`);
 function GuiSettingsPresets(props) {
 	const Section = props.ui.SettingsSection;
 	const Row = props.ui.SettingsRow;
@@ -9501,7 +10032,7 @@ function GuiSettingsPresets(props) {
 					return message();
 				},
 				get children() {
-					var _el$2 = _tmpl$2$15();
+					var _el$2 = _tmpl$2$17();
 					(0, solid_js_web.insert)(_el$2, message);
 					return _el$2;
 				}
@@ -9513,7 +10044,7 @@ function GuiSettingsPresets(props) {
 					title: "Save current layout or MCP states",
 					description: "Named presets are private and shared across worktrees.",
 					get children() {
-						var _el$ = _tmpl$$19();
+						var _el$ = _tmpl$$20();
 						(0, solid_js_web.insert)(_el$, (0, solid_js_web.createComponent)(TextInput, {
 							label: "New preset name",
 							get value() {
@@ -9690,7 +10221,8 @@ function GuiSettingsResets(props) {
 	});
 }
 // src/features/sidebar-settings/ui/gui/section-settings-row.tsx
-var _tmpl$$18 = /*#__PURE__*/ (0, solid_js_web.template)(`<div role=group style=display:flex;gap:8px;align-items:center;flex-wrap:wrap>`);
+var _tmpl$$19 = /*#__PURE__*/ (0, solid_js_web.template)(`<div role=group style=display:flex;gap:8px;align-items:center;flex-wrap:wrap><span style=display:flex;gap:6px;align-items:center><span>Visible</span></span><span style=display:flex;gap:6px;align-items:center><span>Expanded`);
+var _tmpl$2$16 = /*#__PURE__*/ (0, solid_js_web.template)(`<span style=display:flex;gap:8px;align-items:center>`);
 function GuiSectionSettingsRow(props) {
 	const Row = props.ui.SettingsRow;
 	const Switch = props.ui.Switch;
@@ -9702,7 +10234,12 @@ function GuiSectionSettingsRow(props) {
 	(0, solid_js.createEffect)(() => setLimit(String(props.preferences.selectedSectionItemLimit(props.section))));
 	return (0, solid_js_web.createComponent)(Row, {
 		get title() {
-			return label();
+			return (() => {
+				var _el$6 = _tmpl$2$16();
+				(0, solid_js_web.insert)(_el$6, () => props.handle, null);
+				(0, solid_js_web.insert)(_el$6, label, null);
+				return _el$6;
+			})();
 		},
 		get id() {
 			return `navigator-section-${props.section}`;
@@ -9711,24 +10248,12 @@ function GuiSectionSettingsRow(props) {
 			return props.section === "lsp" ? "LSP is not exposed by this Desktop API. Its saved layout is retained for supported TUI hosts." : void 0;
 		},
 		get children() {
-			var _el$ = _tmpl$$18();
-			(0, solid_js_web.insert)(_el$, (0, solid_js_web.createComponent)(Button, {
-				size: "small",
-				get disabled() {
-					return props.index === 0;
-				},
-				onClick: () => props.preferences.moveSelectedSection(props.section, -1),
-				children: "Move up"
-			}), null);
-			(0, solid_js_web.insert)(_el$, (0, solid_js_web.createComponent)(Button, {
-				size: "small",
-				get disabled() {
-					return props.index === props.count - 1;
-				},
-				onClick: () => props.preferences.moveSelectedSection(props.section, 1),
-				children: "Move down"
-			}), null);
-			(0, solid_js_web.insert)(_el$, (0, solid_js_web.createComponent)(Switch, {
+			var _el$ = _tmpl$$19(), _el$2 = _el$.firstChild;
+			_el$2.firstChild;
+			var _el$4 = _el$2.nextSibling;
+			_el$4.firstChild;
+			(0, solid_js_web.insert)(_el$2, (0, solid_js_web.createComponent)(Switch, {
+				hideLabel: true,
 				get label() {
 					return `Show ${label()}`;
 				},
@@ -9737,7 +10262,8 @@ function GuiSectionSettingsRow(props) {
 				},
 				onChange: () => props.preferences.toggleSelectedSection(props.section)
 			}), null);
-			(0, solid_js_web.insert)(_el$, (0, solid_js_web.createComponent)(Switch, {
+			(0, solid_js_web.insert)(_el$4, (0, solid_js_web.createComponent)(Switch, {
+				hideLabel: true,
 				get label() {
 					return `Expand ${label()}`;
 				},
@@ -9785,26 +10311,33 @@ function GuiSettingsSections(props) {
 		title: "Sections",
 		footer: "Visibility changes apply immediately. Save this layout as the scoped default to use it in future sessions.",
 		get children() {
-			return (0, solid_js_web.createComponent)(solid_js.For, {
-				get each() {
+			return (0, solid_js_web.createComponent)(GuiSortableList, {
+				get ui() {
+					return props.ui;
+				},
+				label: "Section order",
+				get items() {
 					return preferences.selectedSectionOrder();
 				},
-				children: (section, index) => (0, solid_js_web.createComponent)(GuiSectionSettingsRow, (0, solid_js_web.mergeProps)(props, {
-					section,
-					get index() {
-						return index();
+				itemKey: (section) => section,
+				itemLabel: (section) => SECTION_DEFINITIONS.find((value) => value.name === section)?.label ?? section,
+				get scope() {
+					return preferences.selectedScopeKey();
+				},
+				move: (from, to) => preferences.reorderSelectedSection(from, to, preferences.selectedScopeKey()),
+				children: (section, handle) => (0, solid_js_web.createComponent)(GuiSectionSettingsRow, (0, solid_js_web.mergeProps)(props, {
+					get section() {
+						return section();
 					},
-					get count() {
-						return preferences.selectedSectionOrder().length;
-					}
+					handle
 				}))
 			});
 		}
 	});
 }
 // src/features/sidebar-settings/ui/gui/settings-page.tsx
-var _tmpl$$17 = /*#__PURE__*/ (0, solid_js_web.template)(`<p role=status>Loading Navigator preferences…`);
-var _tmpl$2$14 = /*#__PURE__*/ (0, solid_js_web.template)(`<p role=status>`);
+var _tmpl$$18 = /*#__PURE__*/ (0, solid_js_web.template)(`<p role=status>Loading Navigator preferences…`);
+var _tmpl$2$15 = /*#__PURE__*/ (0, solid_js_web.template)(`<p role=status>`);
 function GuiNavigatorSettings(props) {
 	const Layout = props.ui.SettingsLayout;
 	const Section = props.ui.SettingsSection;
@@ -9830,111 +10363,113 @@ function GuiNavigatorSettings(props) {
 		title: "Navigator",
 		description: "Shared sidebar settings for this Desktop and your local TUI instances.",
 		get children() {
-			return (0, solid_js_web.createComponent)(solid_js.Show, {
-				get when() {
-					return props.preferences.ready();
-				},
-				get fallback() {
-					return _tmpl$$17();
-				},
-				get children() {
-					return [
-						(0, solid_js_web.createComponent)(Section, {
-							title: "Preference scope",
-							get footer() {
-								return (0, solid_js_web.createComponent)(solid_js.Show, {
-									get when() {
-										return status();
-									},
-									get children() {
-										var _el$2 = _tmpl$2$14();
-										(0, solid_js_web.insert)(_el$2, status);
-										return _el$2;
-									}
-								});
-							},
-							get children() {
-								return [
-									(0, solid_js_web.createComponent)(Row, {
-										title: "Scope",
-										description: "Global applies everywhere. Worktree overrides use the currently selected server and location.",
-										get children() {
-											return (0, solid_js_web.createComponent)(Select, {
-												label: "Navigator preference scope",
-												get value() {
-													return props.preferences.preferenceScope();
-												},
-												get options() {
-													return [{
-														value: "global",
-														label: "Global"
-													}, ...props.preferences.canUseWorktreeScope() ? [{
-														value: "worktree",
-														label: "Worktree"
-													}] : []];
-												},
-												get onChange() {
-													return props.preferences.setPreferenceScope;
-												}
-											});
-										}
-									}),
-									(0, solid_js_web.createComponent)(Row, {
-										title: "Layout default",
-										description: "Changing section visibility or order does not implicitly replace the saved default.",
-										get children() {
-											return (0, solid_js_web.createComponent)(Button, {
-												get busy() {
-													return busy();
-												},
-												onClick: () => void run(props.preferences.saveLayoutAsDefault, "Layout default saved for this scope."),
-												children: "Save layout as default"
-											});
-										}
-									}),
-									(0, solid_js_web.createComponent)(Row, {
-										title: "Reload private preferences",
-										description: "Flush local writes, then load changes from other Navigator instances. Temporary layout overrides are cleared.",
+			return (0, solid_js_web.createComponent)(GuiSettingsSurface, { get children() {
+				return (0, solid_js_web.createComponent)(solid_js.Show, {
+					get when() {
+						return props.preferences.ready();
+					},
+					get fallback() {
+						return _tmpl$$18();
+					},
+					get children() {
+						return [
+							(0, solid_js_web.createComponent)(Section, {
+								title: "Preference scope",
+								get footer() {
+									return (0, solid_js_web.createComponent)(solid_js.Show, {
+										get when() {
+											return status();
+										},
 										get children() {
-											return (0, solid_js_web.createComponent)(Button, {
-												get busy() {
-													return busy();
-												},
-												onClick: () => void run(props.preferences.reloadFromFile, "Private preferences reloaded."),
-												children: "Reload preferences"
-											});
+											var _el$2 = _tmpl$2$15();
+											(0, solid_js_web.insert)(_el$2, status);
+											return _el$2;
 										}
-									})
-								];
-							}
-						}),
-						(0, solid_js_web.createComponent)(GuiSettingsSections, props),
-						(0, solid_js_web.createComponent)(GuiSettingsBehavior, props),
-						(0, solid_js_web.createComponent)(GuiSettingsPresets, props),
-						(0, solid_js_web.createComponent)(GuiSettingsCatalogs, props),
-						(0, solid_js_web.createComponent)(GuiSettingsResets, props),
-						(0, solid_js_web.createComponent)(GuiSettingsAbout, {
-							get ui() {
-								return props.ui;
-							},
-							get about() {
-								return props.about;
-							},
-							get showGuide() {
-								return props.showGuide;
-							}
-						})
-					];
-				}
-			});
+									});
+								},
+								get children() {
+									return [
+										(0, solid_js_web.createComponent)(Row, {
+											title: "Scope",
+											description: "Global applies everywhere. Worktree overrides use the currently selected server and location.",
+											get children() {
+												return (0, solid_js_web.createComponent)(Select, {
+													label: "Navigator preference scope",
+													get value() {
+														return props.preferences.preferenceScope();
+													},
+													get options() {
+														return [{
+															value: "global",
+															label: "Global"
+														}, ...props.preferences.canUseWorktreeScope() ? [{
+															value: "worktree",
+															label: "Worktree"
+														}] : []];
+													},
+													get onChange() {
+														return props.preferences.setPreferenceScope;
+													}
+												});
+											}
+										}),
+										(0, solid_js_web.createComponent)(Row, {
+											title: "Layout default",
+											description: "Changing section visibility or order does not implicitly replace the saved default.",
+											get children() {
+												return (0, solid_js_web.createComponent)(Button, {
+													get busy() {
+														return busy();
+													},
+													onClick: () => void run(props.preferences.saveLayoutAsDefault, "Layout default saved for this scope."),
+													children: "Save layout as default"
+												});
+											}
+										}),
+										(0, solid_js_web.createComponent)(Row, {
+											title: "Reload private preferences",
+											description: "Flush local writes, then load changes from other Navigator instances. Temporary layout overrides are cleared.",
+											get children() {
+												return (0, solid_js_web.createComponent)(Button, {
+													get busy() {
+														return busy();
+													},
+													onClick: () => void run(props.preferences.reloadFromFile, "Private preferences reloaded."),
+													children: "Reload preferences"
+												});
+											}
+										})
+									];
+								}
+							}),
+							(0, solid_js_web.createComponent)(GuiSettingsSections, props),
+							(0, solid_js_web.createComponent)(GuiSettingsBehavior, props),
+							(0, solid_js_web.createComponent)(GuiSettingsPresets, props),
+							(0, solid_js_web.createComponent)(GuiSettingsCatalogs, props),
+							(0, solid_js_web.createComponent)(GuiSettingsResets, props),
+							(0, solid_js_web.createComponent)(GuiSettingsAbout, {
+								get ui() {
+									return props.ui;
+								},
+								get about() {
+									return props.about;
+								},
+								get showGuide() {
+									return props.showGuide;
+								}
+							})
+						];
+					}
+				});
+			} });
 		}
 	});
 }
 // src/features/sidebar-settings/ui/gui/onboarding-dialog.tsx
-var _tmpl$$16 = /*#__PURE__*/ (0, solid_js_web.template)(`<div tabindex=0 aria-label="Navigator guide content"style="max-height:min(52vh, 560px);overflow-y:auto">`);
-var _tmpl$2$13 = /*#__PURE__*/ (0, solid_js_web.template)(`<p>`);
+var _tmpl$$17 = /*#__PURE__*/ (0, solid_js_web.template)(`<div tabindex=0 aria-label="Navigator guide content"style="max-height:min(52vh, 560px);overflow-y:auto">`);
+var _tmpl$2$14 = /*#__PURE__*/ (0, solid_js_web.template)(`<p>`);
 var _tmpl$3$8 = /*#__PURE__*/ (0, solid_js_web.template)(`<dl>`);
-var _tmpl$4$7 = /*#__PURE__*/ (0, solid_js_web.template)(`<div style=margin-top:16px><dt><strong></strong></dt><dd style="margin:4px 0 0">`);
+var _tmpl$4$6 = /*#__PURE__*/ (0, solid_js_web.template)(`<div style=margin-top:16px><dt><strong></strong></dt><dd style="margin:4px 0 0">`);
 var steps = createOnboardingSteps({
 	nativeTodo: true,
 	lsp: false,
@@ -9978,7 +10513,7 @@ function GuiOnboardingDialog(props) {
 			];
 		},
 		get children() {
-			var _el$ = _tmpl$$16();
+			var _el$ = _tmpl$$17();
 			(0, solid_js_web.insert)(_el$, (0, solid_js_web.createComponent)(solid_js.Show, {
 				get when() {
 					return step();
@@ -9987,7 +10522,7 @@ function GuiOnboardingDialog(props) {
 					return (0, solid_js_web.createComponent)(GuiSettingsSections, props);
 				},
 				children: (value) => [(() => {
-					var _el$2 = _tmpl$2$13();
+					var _el$2 = _tmpl$2$14();
 					(0, solid_js_web.insert)(_el$2, () => value().summary);
 					return _el$2;
 				})(), (() => {
@@ -9997,7 +10532,7 @@ function GuiOnboardingDialog(props) {
 							return value().features;
 						},
 						children: (feature) => (() => {
-							var _el$4 = _tmpl$4$7(), _el$5 = _el$4.firstChild, _el$6 = _el$5.firstChild, _el$7 = _el$5.nextSibling;
+							var _el$4 = _tmpl$4$6(), _el$5 = _el$4.firstChild, _el$6 = _el$5.firstChild, _el$7 = _el$5.nextSibling;
 							(0, solid_js_web.insert)(_el$6, () => feature.title);
 							(0, solid_js_web.insert)(_el$7, () => feature.description);
 							return _el$4;
@@ -10011,8 +10546,8 @@ function GuiOnboardingDialog(props) {
 	});
 }
 // src/features/sidebar-settings/ui/gui/bug-report-dialog.tsx
-var _tmpl$$15 = /*#__PURE__*/ (0, solid_js_web.template)(`<p role=status>`);
-var _tmpl$2$12 = /*#__PURE__*/ (0, solid_js_web.template)(`<div style=display:grid;gap:16px;max-height:56vh;overflow-y:auto><p role=status>`);
+var _tmpl$$16 = /*#__PURE__*/ (0, solid_js_web.template)(`<p role=status>`);
+var _tmpl$2$13 = /*#__PURE__*/ (0, solid_js_web.template)(`<div style=display:grid;gap:16px;max-height:56vh;overflow-y:auto><p role=status>`);
 function GuiBugReportDialog(props) {
 	const Dialog = props.ui.Dialog;
 	const TextInput = props.ui.TextInput;
@@ -10063,7 +10598,7 @@ function GuiBugReportDialog(props) {
 			];
 		},
 		get children() {
-			var _el$ = _tmpl$2$12(), _el$2 = _el$.firstChild;
+			var _el$ = _tmpl$2$13(), _el$2 = _el$.firstChild;
 			(0, solid_js_web.insert)(_el$, (0, solid_js_web.createComponent)(TextInput, {
 				label: "Bug report title",
 				get value() {
@@ -10095,7 +10630,7 @@ function GuiBugReportDialog(props) {
 					return props.model.message() || props.model.result()?.message || error();
 				},
 				get children() {
-					var _el$3 = _tmpl$$15();
+					var _el$3 = _tmpl$$16();
 					(0, solid_js_web.insert)(_el$3, () => error() || props.model.result()?.message || props.model.message());
 					return _el$3;
 				}
@@ -10131,7 +10666,7 @@ function GuiBugReportDialog(props) {
 	});
 }
 // src/features/sidebar-settings/ui/gui/bug-report-confirmation.tsx
-var _tmpl$$14 = /*#__PURE__*/ (0, solid_js_web.template)(`<div tabindex=0 aria-label="Bug report confirmation"style=max-height:52vh;overflow-y:auto;overflow-wrap:anywhere><h3></h3><pre style=white-space:pre-wrap;font:inherit>`);
+var _tmpl$$15 = /*#__PURE__*/ (0, solid_js_web.template)(`<div tabindex=0 aria-label="Bug report confirmation"style=max-height:52vh;overflow-y:auto;overflow-wrap:anywhere><h3></h3><pre style=white-space:pre-wrap;font:inherit>`);
 function GuiBugReportConfirmation(props) {
 	const Dialog = props.ui.Dialog;
 	const Button = props.ui.Button;
@@ -10169,7 +10704,7 @@ function GuiBugReportConfirmation(props) {
 			})];
 		},
 		get children() {
-			var _el$ = _tmpl$$14(), _el$2 = _el$.firstChild, _el$3 = _el$2.nextSibling;
+			var _el$ = _tmpl$$15(), _el$2 = _el$.firstChild, _el$3 = _el$2.nextSibling;
 			(0, solid_js_web.insert)(_el$2, () => props.draft.title);
 			(0, solid_js_web.insert)(_el$3, () => props.draft.body);
 			return _el$;
@@ -10177,10 +10712,10 @@ function GuiBugReportConfirmation(props) {
 	});
 }
 // src/features/sidebar-settings/ui/gui/layout-preset-preview.tsx
-var _tmpl$$13 = /*#__PURE__*/ (0, solid_js_web.template)(`<p role=alert>`);
-var _tmpl$2$11 = /*#__PURE__*/ (0, solid_js_web.template)(`<ul style=max-height:52vh;overflow-y:auto>`);
+var _tmpl$$14 = /*#__PURE__*/ (0, solid_js_web.template)(`<p role=alert>`);
+var _tmpl$2$12 = /*#__PURE__*/ (0, solid_js_web.template)(`<ul style=max-height:52vh;overflow-y:auto>`);
 var _tmpl$3$7 = /*#__PURE__*/ (0, solid_js_web.template)(`<li style="padding:6px 0"><strong></strong><p>Visibility: <!> → <!> · <!> → <!> · position <!> → `);
-var _tmpl$4$6 = /*#__PURE__*/ (0, solid_js_web.template)(`<p>MCP scope: `);
+var _tmpl$4$5 = /*#__PURE__*/ (0, solid_js_web.template)(`<p>MCP scope: `);
 function GuiLayoutPresetPreview(props) {
 	const Dialog = props.ui.Dialog;
 	const Button = props.ui.Button;
@@ -10233,13 +10768,13 @@ function GuiLayoutPresetPreview(props) {
 						return props.model.blocked() || !props.current() || error();
 					},
 					get children() {
-						var _el$ = _tmpl$$13();
+						var _el$ = _tmpl$$14();
 						(0, solid_js_web.insert)(_el$, () => error() || props.model.blocked() || "Server or session changed. Reopen the preview.");
 						return _el$;
 					}
 				}),
 				(() => {
-					var _el$2 = _tmpl$2$11();
+					var _el$2 = _tmpl$2$12();
 					(0, solid_js_web.insert)(_el$2, (0, solid_js_web.createComponent)(solid_js.For, {
 						get each() {
 							return props.model.layout.preview()?.rows;
@@ -10264,7 +10799,7 @@ function GuiLayoutPresetPreview(props) {
 						return props.model.mcp;
 					},
 					children: (model) => [(() => {
-						var _el$17 = _tmpl$4$6();
+						var _el$17 = _tmpl$4$5();
 						_el$17.firstChild;
 						(0, solid_js_web.insert)(_el$17, () => model().scope, null);
 						return _el$17;
@@ -10277,8 +10812,8 @@ function GuiLayoutPresetPreview(props) {
 	});
 }
 // src/features/sidebar-settings/ui/gui/portable-dialog.tsx
-var _tmpl$$12 = /*#__PURE__*/ (0, solid_js_web.template)(`<p role=alert>`);
-var _tmpl$2$10 = /*#__PURE__*/ (0, solid_js_web.template)(`<div tabindex=0 aria-label="Portable settings changes"style=max-height:52vh;overflow-y:auto><p>Scope: </p><p>Layout: <!> · MCP: <!> · Behavior: </p><pre style=white-space:pre-wrap;overflow-wrap:anywhere>`);
+var _tmpl$$13 = /*#__PURE__*/ (0, solid_js_web.template)(`<p role=alert>`);
+var _tmpl$2$11 = /*#__PURE__*/ (0, solid_js_web.template)(`<div tabindex=0 aria-label="Portable settings changes"style=max-height:52vh;overflow-y:auto><p>Scope: </p><p>Layout: <!> · MCP: <!> · Behavior: </p><pre style=white-space:pre-wrap;overflow-wrap:anywhere>`);
 var _tmpl$3$6 = /*#__PURE__*/ (0, solid_js_web.template)(`<p>Skipped unsupported field: `);
 function GuiPortableSettingsDialog(props) {
 	const Dialog = props.ui.Dialog;
@@ -10358,7 +10893,7 @@ function GuiPortableSettingsDialog(props) {
 					return error() || !props.current();
 				},
 				get children() {
-					var _el$ = _tmpl$$12();
+					var _el$ = _tmpl$$13();
 					(0, solid_js_web.insert)(_el$, () => error() || "Server or session changed. Reopen the import.");
 					return _el$;
 				}
@@ -10376,7 +10911,7 @@ function GuiPortableSettingsDialog(props) {
 					});
 				},
 				children: (value) => (() => {
-					var _el$2 = _tmpl$2$10(), _el$3 = _el$2.firstChild;
+					var _el$2 = _tmpl$2$11(), _el$3 = _el$2.firstChild;
 					_el$3.firstChild;
 					var _el$5 = _el$3.nextSibling, _el$1 = _el$5.firstChild.nextSibling, _el$10 = _el$1.nextSibling.nextSibling;
 					_el$10.nextSibling;
@@ -10404,8 +10939,8 @@ function GuiPortableSettingsDialog(props) {
 	});
 }
 // src/features/sidebar-settings/ui/gui/project-profile-dialog.tsx
-var _tmpl$$11 = /*#__PURE__*/ (0, solid_js_web.template)(`<p role=alert>`);
-var _tmpl$2$9 = /*#__PURE__*/ (0, solid_js_web.template)(`<div tabindex=0 aria-label="Project profile file changes"style=max-height:52vh;overflow-y:auto><p></p><pre style=white-space:pre-wrap;overflow-wrap:anywhere>`);
+var _tmpl$$12 = /*#__PURE__*/ (0, solid_js_web.template)(`<p role=alert>`);
+var _tmpl$2$10 = /*#__PURE__*/ (0, solid_js_web.template)(`<div tabindex=0 aria-label="Project profile file changes"style=max-height:52vh;overflow-y:auto><p></p><pre style=white-space:pre-wrap;overflow-wrap:anywhere>`);
 function GuiProjectProfileDialog(props) {
 	const Dialog = props.ui.Dialog;
 	const Button = props.ui.Button;
@@ -10490,7 +11025,7 @@ function GuiProjectProfileDialog(props) {
 					return error() || !props.current();
 				},
 				get children() {
-					var _el$ = _tmpl$$11();
+					var _el$ = _tmpl$$12();
 					(0, solid_js_web.insert)(_el$, () => error() || "Scope, server or location changed. Reopen this profile.");
 					return _el$;
 				}
@@ -10514,7 +11049,7 @@ function GuiProjectProfileDialog(props) {
 					})];
 				},
 				children: (value) => (() => {
-					var _el$2 = _tmpl$2$9(), _el$3 = _el$2.firstChild, _el$4 = _el$3.nextSibling;
+					var _el$2 = _tmpl$2$10(), _el$3 = _el$2.firstChild, _el$4 = _el$3.nextSibling;
 					(0, solid_js_web.insert)(_el$3, () => value().file);
 					(0, solid_js_web.insert)(_el$4, () => value().after);
 					return _el$2;
@@ -10532,7 +11067,7 @@ function createGuiBugReport(context) {
 		let token = "";
 		(0, solid_js.onCleanup)(() => abort.abort());
 		const model = createBugReportModel({
-			navigatorVersion: "0.27.0",
+			navigatorVersion: "0.27.2",
 			openCodeVersion: context.app.version,
 			platform: context.app.platform,
 			runtime: "OpenCode Desktop GUI"
@@ -10584,8 +11119,8 @@ function createGuiBugReport(context) {
 }
 // src/app/gui/release.ts
 var guiRelease = {
-	version: "0.27.0",
-	changelog: "# Changelog\n\n## [0.27.0] - 2026-11-11\n\n- Add an experimental OpenCode Desktop interface with a native panel, narrow-screen drawer, and opt-in in-app mini-window. Move, resize, reset and redock it with the mouse or keyboard while keeping the selected session and filters.\n- Bring Search Everything, Skills, MCP groups and presets, Quick Actions, and customizable toolbar pins to Desktop. Share private favorites, trust decisions and preferences with local TUI instances without duplicating monitoring.\n- Add native Desktop settings with scoped section controls, groups, reviewed presets and project profiles, portable import/export, a seven-slide setup guide, About, browsable release history and editable GitHub Bug reports.\n- Keep superseded Desktop configuration reads from showing a false error after a newer refresh, while preserving genuine failures and retry guidance.\n- Show verified provider/account quotas in Desktop with explicit account linking and separately confirmed banked resets. Keep remote sessions isolated from local accounts and preserve unresolved reset attempts across retries.\n- Support OpenCode 1.19.5 and 2.2.6 while preserving both TUI adapters, existing settings, pinned-source updates and read-only legacy Todo archives.\n\n## [0.26.0] - 2026-11-06\n\n- Prevent background retries from accumulating cancellation listeners and preferences loading from waiting indefinitely on recovery markers.\n- Show exact active Subagent durations from OpenCode 2's native execution start time, preserving the observation fallback when timing is unavailable. Keep interrupted executions marked as cancelled in recent history.\n\n## [0.25.0] - 2026-10-31\n\n- Offer Enable Todo when OpenCode 2's native tool is disabled, with an existing server-config picker, exact change preview and separate confirmation. Preserve unrelated JSONC content and refuse stale targets; distinguish disabled Todo from an enabled empty list.\n- Update the seven-slide setup wizard for native Todo enablement, provider/account limits, multi-icon or text-only toolbar pins, About/changelog and Bug reports. Describe each host's real permissions/LSP capabilities and keep navigation visible while short-terminal content scrolls.\n\n## [0.24.0] - 2026-10-31\n\n- Support the latest stable OpenCode 1.19.5 and 2.2.5 releases, preserving both host adapters and existing sidebar behavior.\n- Preserve Limits scales and reset-credit controls across equivalent quota snapshots and unrelated workspace events, while retaining current-account and credential-change guards.\n- Keep rounded selection backgrounds consistent in nested dialogs and highlighted rows.\n- Configure each toolbar button with zero to three icons and optional custom text, including text-only buttons. Keep legacy/state choices, unsaved drafts, rounded clipping, and width-aware More/wrapping.\n- Keep Quick Action rows and their hover/focus state stable while typing in the main prompt on both supported OpenCode hosts.\n- Show toolbar hover/focus hints without moving Limits or other sections, preserving centered, uniformly sized icon controls and empty-toolbar collapse.\n- Add Settings → About with the running versions, explicit update status/checking, confirmed updates, and a versioned changelog that can be reopened independently of first-launch upgrade notes.\n- Prepare editable Bug reports with confirmed sending through authenticated GitHub CLI and an independent Open in browser action. Retain drafts through errors and cancellation, and require manual review before retrying an uncertain submission.\n\n## [0.23.0] - 2026-10-28\n\n- Support only the latest stable OpenCode 1.x and 2.x releases, currently 1.19.5 and 2.2.0, including the newer terminal renderer.\n- Keep Skills, MCP servers, and Subagents current as OpenCode 2 updates, and launch the intended Skill when multiple sources have the same name.\n- Show OpenCode Console workspace budgets and Go allowance through the public host usage API without a Navigator server plugin. Preserve workspace scope, native units, reset times, and explicit failure/retry states.\n- Preserve Navigator shortcuts and nested-dialog navigation with OpenCode 2.2's keyboard handling.\n- Verify a supported runtime before changing a pinned Navigator snapshot, preserving the installed version when no compatible verifier is available.\n\n## [0.22.0] - 2026-10-23\n\n- Pin Quick Actions and Skills to a compact sidebar toolbar independently of bookmarks. Choose icons in a searchable picker, customize supported state icons, reorder buttons, and select a More menu or wrapping rows. Preserve Skill confirmations, unavailable reasons, keyboard navigation, and Text fallback; hide the toolbar entirely when empty.\n- Use OpenCode 2's built-in Todo history for the sidebar, with native completed-write and revert semantics, existing filters/progress, and manual Refresh. Keep edits in ordinary chat, preserve previous Navigator tasks as a read-only archive, and retain the independent provider-quota server integration.\n- Support OpenCode 2.1's plugin and rendering APIs while retaining the OpenCode 1.x adapter; restore custom dialogs and rounded selections on the newer native renderer.\n- Replace the shortcut toast with an icon-led hint featuring highlighted keys, navigation/update groups, a distinct Escape action, and responsive Text/no-corner-font layouts. Keep prompt focus and share its action list with scrollable keyboard help.\n- Update Subagent status immediately from OpenCode 2's execution lifecycle and keep unresolved external credentials separate from verified provider accounts.\n- Keep OpenCode updates on the current major line and preserve pinned-source Navigator updates when a target release needs newer runtime dependencies.\n\n## [0.21.8] - 2026-10-09\n\n- Make the unfilled part of Limits scales substantially quieter, matching the theme-derived sidebar-divider tone. Keep the filled segment, reset text, and remaining values readable in both icon modes and after theme changes.\n\n## [0.21.7] - 2026-10-09\n\n- Remove the vertical guide and its reserved gutter from Limits in both icon modes. Keep full-width quota scales, reset-left/remaining-right details, and one blank row between quota windows.\n\n## [0.21.6] - 2026-10-09\n\n- Refine Limits with a continuous muted guide, full-width thin-line quota scales, and reset-left/remaining-right details. Keep long reset text from overlapping the remaining value and preserve Text fallback, resize clipping, and existing controls.\n\n## [0.21.5] - 2026-10-07\n\n- Make automatic Limits refresh configurable in scoped Behavior settings and portable configuration, with a five-minute default and one-minute minimum. Keep manual Refresh and supported model/account switches immediate.\n- Avoid extra quota polling from unrelated preference changes and unchanged provider-account metadata observations.\n\n## [0.21.4] - 2026-10-07\n\n- Add `c` to Navigator shortcuts for a manual update check and `u` to check then confirm a Navigator update. Report available, current, or unavailable results, preserve the installation method and scope, and require a restart after updating.\n- Ignore cancelled, outdated, and repeated update confirmations, and recover from stalled update checks without blocking later checks.\n\n## [0.21.3] - 2026-10-06\n\n- Replace block quota meters with full-width adaptive thin-line scales and keep quota rows inside the sidebar's padding after resize. Show only reset time below each meter, removing technical account and window-duration suffixes.\n\n## [0.21.2] - 2026-10-06\n\n- Make Limits compact with clickable provider/model and variant controls, remaining-headroom progress rows, and muted reset times. Move Refresh and Banked Resets into the section header, remove the section counter and Provider sources action, and keep reset consumption behind a separate confirmation.\n\n## [0.21.1] - 2026-10-06\n\n- Fix Codex account quota windows being hidden when the provider omits model metadata. Show ordinary usage as shared account quota, retain banked-reset counts, and keep separate model buckets explicitly associated.\n\n## [0.21.0] - 2026-10-06\n\n- Automatically verify Codex account identity from OpenCode 2's ChatGPT connection. When host identity is unavailable, confirm a private binding once per connection or provider and reuse it across models, projects, and sessions; preserve compatible older confirmations and isolate conflicting ones until relinked.\n- Expand OpenCode 2 Limits with documented native subscription allowances, API rate-limit observations, configured capacities, account balances, and key budgets. Keep provider-native units, currencies, model associations, and active-account boundaries explicit.\n- Add Provider sources to explain each provider's supported measurements, required permissions, and unavailable APIs without guessing remaining quota.\n- Keep available account balances visible when a separate subscription read fails, and show exhausted NanoGPT subscription windows instead of hiding them.\n- Keep stale quota guidance visible after failed refreshes, reject late results after credential changes, and recover from stalled provider reads without blocking model response streams.\n\n## [0.20.0] - 2026-10-05\n\n- Add a default-visible Limits section for the selected model's provider-native quota windows, reset times, account identity, and freshness. Codex CLI support requires an explicit private account binding; unsupported providers show calm guidance.\n- Review Codex banked reset credits and use them only after a separate confirmation and fresh eligibility checks. Preserve the same attempt key when reconciling an uncertain result, including after a restart.\n- Save named, commit-safe project layout and MCP profiles to `.opencode/navigator.json` with the `opencode-navigator-profile` command, an explicit preview, and `--apply`; profile application remains manual.\n\n## [0.19.3] - 2026-10-03\n\n- Indent grouped Todo, Subagent, Skill, and MCP rows and align MCP server status indicators with their group headings.\n- Place Skill, MCP, and Quick Action bookmarks before item names. Reveal unselected bookmarks on hover or keyboard focus, keep favorites visible, and keep labels steady.\n\n## [0.19.2] - 2026-10-02\n\n- Show MCP group connection states with the same radio-style indicators as individual servers, without Connect/Disconnect labels on group headings.\n\n## [0.19.1] - 2026-10-02\n\n- Remember the OpenCode 1.x auto-approve mode as a user-wide default for new sessions, including changes made through the host's permission toggle.\n\n## [0.19.0] - 2026-10-02\n\n- Connect or disconnect all eligible MCP servers in a group from its heading, including filtered-out items, with keyboard access and failed-only retry.\n- Organize Skills into user-wide groups by source location, with Favorites first and group names searchable across the full catalog.\n- Reload saved Navigator settings from disk in another running OpenCode session without restarting it.\n\n## [0.18.2] - 2026-10-02\n\n- Open the host Settings dialog from the OpenCode 2.x Permissions Quick Action, where the user can change between `prompt` and `auto accept`; keep the direct auto-approve toggle on OpenCode 1.x.\n\n## [0.18.1] - 2026-10-01\n\n- Show calm Todo setup guidance in OpenCode 2.x when Navigator's server plugin is absent, without a request error or Retry control. Actual server failures still offer Retry.\n- Keep Quick Action names readable in narrow sidebars by placing unavailable reasons below them and showing shortcuts only when they fit.\n\n## [0.18.0] - 2026-10-01\n\n- Add durable per-session Todo lists to OpenCode 2.x through a separately configured Navigator server plugin and an agent Todo tool.\n- Update Todo in the sidebar as tasks change, and offer an off-by-default per-session switch for model-context Todo instructions.\n- Keep Todo visible with setup guidance when the OpenCode 2.x server plugin is missing.\n\n## [0.17.3] - 2026-09-30\n\n## [0.17.2] - 2026-09-30\n\n- Update a pinned local Navigator installation from its version label while keeping its file or directory source unchanged.\n- Hide the session title and creation date independently with Global/Worktree settings in OpenCode 1.x.\n\n## [0.17.1] - 2026-09-29\n\n- Fix the local Navigator installation changing unexpectedly when rebuilding the repository; it now stays on its pinned version.\n\n## [0.17.0] - 2026-09-29\n\n- Add an opt-in Behavior setting to start a new session directly in chat with the sidebar from Home or New session.\n- Remember the previously installed Navigator version and show the intervening release notes once after an update.\n\n## [0.16.1] - 2026-09-25\n\n- Make the entire OpenCode or Navigator version label open its own update confirmation when an update is available. The separator and the other version remain inactive.\n- Replace the small update arrow with a more prominent filled-circle Nerd Font indicator, retaining an ASCII fallback.\n\n## [0.16.0] - 2026-09-25\n\n- Show both OpenCode and Navigator versions in the OpenCode 2.x footer.\n- Confirm updates from the footer or command palette, preserve the original installation method and scope, and report the outcome with a restart reminder.\n\nEarlier release notes are available on [GitHub Releases](https://github.com/St1ggy/opencode-navigator/releases).\n\n[0.22.0]: https://github.com/St1ggy/opencode-navigator/compare/v0.21.8...v0.22.0\n[0.21.8]: https://github.com/St1ggy/opencode-navigator/compare/v0.21.7...v0.21.8\n[0.21.7]: https://github.com/St1ggy/opencode-navigator/compare/v0.21.6...v0.21.7\n[0.21.6]: https://github.com/St1ggy/opencode-navigator/compare/v0.21.5...v0.21.6\n[0.21.5]: https://github.com/St1ggy/opencode-navigator/compare/v0.21.4...v0.21.5\n[0.21.4]: https://github.com/St1ggy/opencode-navigator/compare/v0.21.3...v0.21.4\n[0.21.3]: https://github.com/St1ggy/opencode-navigator/compare/v0.21.2...v0.21.3\n[0.21.2]: https://github.com/St1ggy/opencode-navigator/compare/v0.21.1...v0.21.2\n[0.21.1]: https://github.com/St1ggy/opencode-navigator/compare/v0.21.0...v0.21.1\n[0.21.0]: https://github.com/St1ggy/opencode-navigator/compare/v0.20.0...v0.21.0\n[0.20.0]: https://github.com/St1ggy/opencode-navigator/compare/v0.19.3...v0.20.0\n[0.19.3]: https://github.com/St1ggy/opencode-navigator/compare/v0.19.2...v0.19.3\n[0.19.2]: https://github.com/St1ggy/opencode-navigator/compare/v0.19.1...v0.19.2\n[0.19.1]: https://github.com/St1ggy/opencode-navigator/compare/v0.19.0...v0.19.1\n[0.19.0]: https://github.com/St1ggy/opencode-navigator/compare/v0.18.2...v0.19.0\n[0.18.2]: https://github.com/St1ggy/opencode-navigator/compare/v0.18.1...v0.18.2\n[0.18.1]: https://github.com/St1ggy/opencode-navigator/compare/v0.18.0...v0.18.1\n[0.18.0]: https://github.com/St1ggy/opencode-navigator/compare/v0.17.3...v0.18.0\n[0.17.3]: https://github.com/St1ggy/opencode-navigator/compare/v0.17.2...v0.17.3\n[0.17.2]: https://github.com/St1ggy/opencode-navigator/compare/v0.17.1...v0.17.2\n[0.17.1]: https://github.com/St1ggy/opencode-navigator/compare/v0.17.0...v0.17.1\n[0.17.0]: https://github.com/St1ggy/opencode-navigator/compare/v0.16.1...v0.17.0\n[0.16.1]: https://github.com/St1ggy/opencode-navigator/compare/v0.16.0...v0.16.1\n[0.16.0]: https://github.com/St1ggy/opencode-navigator/compare/v0.15.0...v0.16.0\n"
+	version: "0.27.2",
+	changelog: "# Changelog\n\n## [0.27.2] - 2026-11-11\n\n- Keep Desktop Settings fields and actions inside their rows at narrow widths, with readable labels and compact group creation.\n- Reorder Desktop sections, Quick Actions, toolbar pins and button icons by dragging their handles, or use Space and arrow keys to move them with the keyboard. Escape cancels an unfinished move.\n- Show download and installation progress in place of the running version in TUI and inline in Desktop About. Show real percentages only when byte totals are available; otherwise show the active stage.\n- Bring Desktop section arrows, loading indicators and Todo rows closer to native OpenCode. Completed and cancelled tasks use muted, struck-through text with distinct status icons.\n- Remove duplicate model and reasoning-effort selectors from the Desktop sidebar. Select them below chat instead; Limits continue to follow the active model.\n\n## [0.27.1] - 2026-11-11\n\n- Drag the Desktop mini-window by its header as well as its move handle, while keeping Dock a separate action. Match its surface and controls to OpenCode's light and dark themes.\n- Use native Desktop switches and selectors for Skill trust and Todo configuration, and align multiline fields with the host theme and focus styles.\n- Show a remaining-lifetime scale and time until expiry for banked reset credits with provider-supplied dates. Keep missing expiry explicit and prevent selecting expired credits for review.\n\n## [0.27.0] - 2026-11-11\n\n- Add an experimental OpenCode Desktop interface with a native panel, narrow-screen drawer, and opt-in in-app mini-window. Move, resize, reset and redock it with the mouse or keyboard while keeping the selected session and filters.\n- Bring Search Everything, Skills, MCP groups and presets, Quick Actions, and customizable toolbar pins to Desktop. Share private favorites, trust decisions and preferences with local TUI instances without duplicating monitoring.\n- Add native Desktop settings with scoped section controls, groups, reviewed presets and project profiles, portable import/export, a seven-slide setup guide, About, browsable release history and editable GitHub Bug reports.\n- Keep superseded Desktop configuration reads from showing a false error after a newer refresh, while preserving genuine failures and retry guidance.\n- Show verified provider/account quotas in Desktop with explicit account linking and separately confirmed banked resets. Keep remote sessions isolated from local accounts and preserve unresolved reset attempts across retries.\n- Support OpenCode 1.19.5 and 2.2.6 while preserving both TUI adapters, existing settings, pinned-source updates and read-only legacy Todo archives.\n\n## [0.26.0] - 2026-11-06\n\n- Prevent background retries from accumulating cancellation listeners and preferences loading from waiting indefinitely on recovery markers.\n- Show exact active Subagent durations from OpenCode 2's native execution start time, preserving the observation fallback when timing is unavailable. Keep interrupted executions marked as cancelled in recent history.\n\n## [0.25.0] - 2026-10-31\n\n- Offer Enable Todo when OpenCode 2's native tool is disabled, with an existing server-config picker, exact change preview and separate confirmation. Preserve unrelated JSONC content and refuse stale targets; distinguish disabled Todo from an enabled empty list.\n- Update the seven-slide setup wizard for native Todo enablement, provider/account limits, multi-icon or text-only toolbar pins, About/changelog and Bug reports. Describe each host's real permissions/LSP capabilities and keep navigation visible while short-terminal content scrolls.\n\n## [0.24.0] - 2026-10-31\n\n- Support the latest stable OpenCode 1.19.5 and 2.2.5 releases, preserving both host adapters and existing sidebar behavior.\n- Preserve Limits scales and reset-credit controls across equivalent quota snapshots and unrelated workspace events, while retaining current-account and credential-change guards.\n- Keep rounded selection backgrounds consistent in nested dialogs and highlighted rows.\n- Configure each toolbar button with zero to three icons and optional custom text, including text-only buttons. Keep legacy/state choices, unsaved drafts, rounded clipping, and width-aware More/wrapping.\n- Keep Quick Action rows and their hover/focus state stable while typing in the main prompt on both supported OpenCode hosts.\n- Show toolbar hover/focus hints without moving Limits or other sections, preserving centered, uniformly sized icon controls and empty-toolbar collapse.\n- Add Settings → About with the running versions, explicit update status/checking, confirmed updates, and a versioned changelog that can be reopened independently of first-launch upgrade notes.\n- Prepare editable Bug reports with confirmed sending through authenticated GitHub CLI and an independent Open in browser action. Retain drafts through errors and cancellation, and require manual review before retrying an uncertain submission.\n\n## [0.23.0] - 2026-10-28\n\n- Support only the latest stable OpenCode 1.x and 2.x releases, currently 1.19.5 and 2.2.0, including the newer terminal renderer.\n- Keep Skills, MCP servers, and Subagents current as OpenCode 2 updates, and launch the intended Skill when multiple sources have the same name.\n- Show OpenCode Console workspace budgets and Go allowance through the public host usage API without a Navigator server plugin. Preserve workspace scope, native units, reset times, and explicit failure/retry states.\n- Preserve Navigator shortcuts and nested-dialog navigation with OpenCode 2.2's keyboard handling.\n- Verify a supported runtime before changing a pinned Navigator snapshot, preserving the installed version when no compatible verifier is available.\n\n## [0.22.0] - 2026-10-23\n\n- Pin Quick Actions and Skills to a compact sidebar toolbar independently of bookmarks. Choose icons in a searchable picker, customize supported state icons, reorder buttons, and select a More menu or wrapping rows. Preserve Skill confirmations, unavailable reasons, keyboard navigation, and Text fallback; hide the toolbar entirely when empty.\n- Use OpenCode 2's built-in Todo history for the sidebar, with native completed-write and revert semantics, existing filters/progress, and manual Refresh. Keep edits in ordinary chat, preserve previous Navigator tasks as a read-only archive, and retain the independent provider-quota server integration.\n- Support OpenCode 2.1's plugin and rendering APIs while retaining the OpenCode 1.x adapter; restore custom dialogs and rounded selections on the newer native renderer.\n- Replace the shortcut toast with an icon-led hint featuring highlighted keys, navigation/update groups, a distinct Escape action, and responsive Text/no-corner-font layouts. Keep prompt focus and share its action list with scrollable keyboard help.\n- Update Subagent status immediately from OpenCode 2's execution lifecycle and keep unresolved external credentials separate from verified provider accounts.\n- Keep OpenCode updates on the current major line and preserve pinned-source Navigator updates when a target release needs newer runtime dependencies.\n\n## [0.21.8] - 2026-10-09\n\n- Make the unfilled part of Limits scales substantially quieter, matching the theme-derived sidebar-divider tone. Keep the filled segment, reset text, and remaining values readable in both icon modes and after theme changes.\n\n## [0.21.7] - 2026-10-09\n\n- Remove the vertical guide and its reserved gutter from Limits in both icon modes. Keep full-width quota scales, reset-left/remaining-right details, and one blank row between quota windows.\n\n## [0.21.6] - 2026-10-09\n\n- Refine Limits with a continuous muted guide, full-width thin-line quota scales, and reset-left/remaining-right details. Keep long reset text from overlapping the remaining value and preserve Text fallback, resize clipping, and existing controls.\n\n## [0.21.5] - 2026-10-07\n\n- Make automatic Limits refresh configurable in scoped Behavior settings and portable configuration, with a five-minute default and one-minute minimum. Keep manual Refresh and supported model/account switches immediate.\n- Avoid extra quota polling from unrelated preference changes and unchanged provider-account metadata observations.\n\n## [0.21.4] - 2026-10-07\n\n- Add `c` to Navigator shortcuts for a manual update check and `u` to check then confirm a Navigator update. Report available, current, or unavailable results, preserve the installation method and scope, and require a restart after updating.\n- Ignore cancelled, outdated, and repeated update confirmations, and recover from stalled update checks without blocking later checks.\n\n## [0.21.3] - 2026-10-06\n\n- Replace block quota meters with full-width adaptive thin-line scales and keep quota rows inside the sidebar's padding after resize. Show only reset time below each meter, removing technical account and window-duration suffixes.\n\n## [0.21.2] - 2026-10-06\n\n- Make Limits compact with clickable provider/model and variant controls, remaining-headroom progress rows, and muted reset times. Move Refresh and Banked Resets into the section header, remove the section counter and Provider sources action, and keep reset consumption behind a separate confirmation.\n\n## [0.21.1] - 2026-10-06\n\n- Fix Codex account quota windows being hidden when the provider omits model metadata. Show ordinary usage as shared account quota, retain banked-reset counts, and keep separate model buckets explicitly associated.\n\n## [0.21.0] - 2026-10-06\n\n- Automatically verify Codex account identity from OpenCode 2's ChatGPT connection. When host identity is unavailable, confirm a private binding once per connection or provider and reuse it across models, projects, and sessions; preserve compatible older confirmations and isolate conflicting ones until relinked.\n- Expand OpenCode 2 Limits with documented native subscription allowances, API rate-limit observations, configured capacities, account balances, and key budgets. Keep provider-native units, currencies, model associations, and active-account boundaries explicit.\n- Add Provider sources to explain each provider's supported measurements, required permissions, and unavailable APIs without guessing remaining quota.\n- Keep available account balances visible when a separate subscription read fails, and show exhausted NanoGPT subscription windows instead of hiding them.\n- Keep stale quota guidance visible after failed refreshes, reject late results after credential changes, and recover from stalled provider reads without blocking model response streams.\n\n## [0.20.0] - 2026-10-05\n\n- Add a default-visible Limits section for the selected model's provider-native quota windows, reset times, account identity, and freshness. Codex CLI support requires an explicit private account binding; unsupported providers show calm guidance.\n- Review Codex banked reset credits and use them only after a separate confirmation and fresh eligibility checks. Preserve the same attempt key when reconciling an uncertain result, including after a restart.\n- Save named, commit-safe project layout and MCP profiles to `.opencode/navigator.json` with the `opencode-navigator-profile` command, an explicit preview, and `--apply`; profile application remains manual.\n\n## [0.19.3] - 2026-10-03\n\n- Indent grouped Todo, Subagent, Skill, and MCP rows and align MCP server status indicators with their group headings.\n- Place Skill, MCP, and Quick Action bookmarks before item names. Reveal unselected bookmarks on hover or keyboard focus, keep favorites visible, and keep labels steady.\n\n## [0.19.2] - 2026-10-02\n\n- Show MCP group connection states with the same radio-style indicators as individual servers, without Connect/Disconnect labels on group headings.\n\n## [0.19.1] - 2026-10-02\n\n- Remember the OpenCode 1.x auto-approve mode as a user-wide default for new sessions, including changes made through the host's permission toggle.\n\n## [0.19.0] - 2026-10-02\n\n- Connect or disconnect all eligible MCP servers in a group from its heading, including filtered-out items, with keyboard access and failed-only retry.\n- Organize Skills into user-wide groups by source location, with Favorites first and group names searchable across the full catalog.\n- Reload saved Navigator settings from disk in another running OpenCode session without restarting it.\n\n## [0.18.2] - 2026-10-02\n\n- Open the host Settings dialog from the OpenCode 2.x Permissions Quick Action, where the user can change between `prompt` and `auto accept`; keep the direct auto-approve toggle on OpenCode 1.x.\n\n## [0.18.1] - 2026-10-01\n\n- Show calm Todo setup guidance in OpenCode 2.x when Navigator's server plugin is absent, without a request error or Retry control. Actual server failures still offer Retry.\n- Keep Quick Action names readable in narrow sidebars by placing unavailable reasons below them and showing shortcuts only when they fit.\n\n## [0.18.0] - 2026-10-01\n\n- Add durable per-session Todo lists to OpenCode 2.x through a separately configured Navigator server plugin and an agent Todo tool.\n- Update Todo in the sidebar as tasks change, and offer an off-by-default per-session switch for model-context Todo instructions.\n- Keep Todo visible with setup guidance when the OpenCode 2.x server plugin is missing.\n\n## [0.17.3] - 2026-09-30\n\n## [0.17.2] - 2026-09-30\n\n- Update a pinned local Navigator installation from its version label while keeping its file or directory source unchanged.\n- Hide the session title and creation date independently with Global/Worktree settings in OpenCode 1.x.\n\n## [0.17.1] - 2026-09-29\n\n- Fix the local Navigator installation changing unexpectedly when rebuilding the repository; it now stays on its pinned version.\n\n## [0.17.0] - 2026-09-29\n\n- Add an opt-in Behavior setting to start a new session directly in chat with the sidebar from Home or New session.\n- Remember the previously installed Navigator version and show the intervening release notes once after an update.\n\n## [0.16.1] - 2026-09-25\n\n- Make the entire OpenCode or Navigator version label open its own update confirmation when an update is available. The separator and the other version remain inactive.\n- Replace the small update arrow with a more prominent filled-circle Nerd Font indicator, retaining an ASCII fallback.\n\n## [0.16.0] - 2026-09-25\n\n- Show both OpenCode and Navigator versions in the OpenCode 2.x footer.\n- Confirm updates from the footer or command palette, preserve the original installation method and scope, and report the outcome with a restart reminder.\n\nEarlier release notes are available on [GitHub Releases](https://github.com/St1ggy/opencode-navigator/releases).\n\n[0.22.0]: https://github.com/St1ggy/opencode-navigator/compare/v0.21.8...v0.22.0\n[0.21.8]: https://github.com/St1ggy/opencode-navigator/compare/v0.21.7...v0.21.8\n[0.21.7]: https://github.com/St1ggy/opencode-navigator/compare/v0.21.6...v0.21.7\n[0.21.6]: https://github.com/St1ggy/opencode-navigator/compare/v0.21.5...v0.21.6\n[0.21.5]: https://github.com/St1ggy/opencode-navigator/compare/v0.21.4...v0.21.5\n[0.21.4]: https://github.com/St1ggy/opencode-navigator/compare/v0.21.3...v0.21.4\n[0.21.3]: https://github.com/St1ggy/opencode-navigator/compare/v0.21.2...v0.21.3\n[0.21.2]: https://github.com/St1ggy/opencode-navigator/compare/v0.21.1...v0.21.2\n[0.21.1]: https://github.com/St1ggy/opencode-navigator/compare/v0.21.0...v0.21.1\n[0.21.0]: https://github.com/St1ggy/opencode-navigator/compare/v0.20.0...v0.21.0\n[0.20.0]: https://github.com/St1ggy/opencode-navigator/compare/v0.19.3...v0.20.0\n[0.19.3]: https://github.com/St1ggy/opencode-navigator/compare/v0.19.2...v0.19.3\n[0.19.2]: https://github.com/St1ggy/opencode-navigator/compare/v0.19.1...v0.19.2\n[0.19.1]: https://github.com/St1ggy/opencode-navigator/compare/v0.19.0...v0.19.1\n[0.19.0]: https://github.com/St1ggy/opencode-navigator/compare/v0.18.2...v0.19.0\n[0.18.2]: https://github.com/St1ggy/opencode-navigator/compare/v0.18.1...v0.18.2\n[0.18.1]: https://github.com/St1ggy/opencode-navigator/compare/v0.18.0...v0.18.1\n[0.18.0]: https://github.com/St1ggy/opencode-navigator/compare/v0.17.3...v0.18.0\n[0.17.3]: https://github.com/St1ggy/opencode-navigator/compare/v0.17.2...v0.17.3\n[0.17.2]: https://github.com/St1ggy/opencode-navigator/compare/v0.17.1...v0.17.2\n[0.17.1]: https://github.com/St1ggy/opencode-navigator/compare/v0.17.0...v0.17.1\n[0.17.0]: https://github.com/St1ggy/opencode-navigator/compare/v0.16.1...v0.17.0\n[0.16.1]: https://github.com/St1ggy/opencode-navigator/compare/v0.16.0...v0.16.1\n[0.16.0]: https://github.com/St1ggy/opencode-navigator/compare/v0.15.0...v0.16.0\n"
 };
 // src/app/gui/about.ts
 function createGuiAbout(context) {
@@ -10593,13 +11128,18 @@ function createGuiAbout(context) {
 	const [busy, setBusy] = (0, solid_js.createSignal)(false);
 	const [status, setStatus] = (0, solid_js.createSignal)("Updates have not been checked.");
 	const [token, setToken] = (0, solid_js.createSignal)();
+	const progress = () => {
+		const current = ipc.state();
+		return current && current.phase !== "idle" ? { phase: current.phase } : void 0;
+	};
 	return {
 		report: createGuiBugReport(context),
 		version: guiRelease.version,
 		hostVersion: context.app?.version ?? "unknown",
 		changelog: parseChangelog(guiRelease.changelog),
 		status,
-		busy,
+		busy: () => busy() || Boolean(progress()),
+		progress,
 		available: () => Boolean(token()),
 		async check() {
 			if (busy()) return;
@@ -10640,8 +11180,8 @@ function createGuiAbout(context) {
 	};
 }
 // src/features/provider-limits/ui/gui/account-dialog.tsx
-var _tmpl$$10 = /*#__PURE__*/ (0, solid_js_web.template)(`<p role=alert>`);
-var _tmpl$2$8 = /*#__PURE__*/ (0, solid_js_web.template)(`<p>Use Codex CLI account <strong></strong> for the selected <strong></strong> connection across models, projects and sessions? Only confirm matching accounts.`);
+var _tmpl$$11 = /*#__PURE__*/ (0, solid_js_web.template)(`<p role=alert>`);
+var _tmpl$2$9 = /*#__PURE__*/ (0, solid_js_web.template)(`<p>Use Codex CLI account <strong></strong> for the selected <strong></strong> connection across models, projects and sessions? Only confirm matching accounts.`);
 function GuiCodexAccountDialog(props) {
 	const Dialog = props.ui.Dialog;
 	const Button = props.ui.Button;
@@ -10723,7 +11263,7 @@ function GuiCodexAccountDialog(props) {
 					return preview();
 				},
 				children: (value) => (() => {
-					var _el$2 = _tmpl$2$8(), _el$4 = _el$2.firstChild.nextSibling, _el$7 = _el$4.nextSibling.nextSibling;
+					var _el$2 = _tmpl$2$9(), _el$4 = _el$2.firstChild.nextSibling, _el$7 = _el$4.nextSibling.nextSibling;
 					(0, solid_js_web.insert)(_el$4, () => value().accountID);
 					(0, solid_js_web.insert)(_el$7, () => value().model.providerID);
 					return _el$2;
@@ -10733,7 +11273,7 @@ function GuiCodexAccountDialog(props) {
 					return error();
 				},
 				get children() {
-					var _el$ = _tmpl$$10();
+					var _el$ = _tmpl$$11();
 					(0, solid_js_web.insert)(_el$, error);
 					return _el$;
 				}
@@ -10741,16 +11281,72 @@ function GuiCodexAccountDialog(props) {
 		}
 	});
 }
+// src/features/provider-limits/ui/gui/reset-credit-expiry.tsx
+var _tmpl$$10 = /*#__PURE__*/ (0, solid_js_web.template)(`<div role=progressbar aria-valuemin=0 aria-valuemax=100 style=height:4px;overflow:hidden;border-radius:2px;background:var(--v2-border-border-base)><div style=width:100%;height:100%;background:var(--v2-text-text-base);transform-origin:left>`);
+var _tmpl$2$8 = /*#__PURE__*/ (0, solid_js_web.template)(`<div style="display:grid;gap:6px;margin:8px 0"><span>`);
+var _tmpl$3$5 = /*#__PURE__*/ (0, solid_js_web.template)(`<time style=color:var(--v2-text-text-muted)>`);
+function GuiResetCreditExpiry(props) {
+	const lifetime = () => resetCreditLifetime(props.credit, props.now);
+	const expiry = () => {
+		const timestamp = props.credit.expiresAt;
+		if (timestamp === void 0 || timestamp <= 0) return;
+		const date = /* @__PURE__ */ new Date(timestamp * 1e3);
+		return Number.isFinite(date.getTime()) ? date : void 0;
+	};
+	return (() => {
+		var _el$ = _tmpl$2$8(), _el$4 = _el$.firstChild;
+		(0, solid_js_web.insert)(_el$, (0, solid_js_web.createComponent)(solid_js.Show, {
+			get when() {
+				return lifetime().remaining !== void 0;
+			},
+			get children() {
+				var _el$2 = _tmpl$$10(), _el$3 = _el$2.firstChild;
+				(0, solid_js_web.effect)((_p$) => {
+					var _v$ = `Time remaining for ${props.credit.title || `Credit ${props.credit.id}`}`, _v$2 = Math.round((lifetime().remaining ?? 0) * 100), _v$3 = lifetime().label, _v$4 = `scaleX(${lifetime().remaining ?? 0})`;
+					_v$ !== _p$.e && (0, solid_js_web.setAttribute)(_el$2, "aria-label", _p$.e = _v$);
+					_v$2 !== _p$.t && (0, solid_js_web.setAttribute)(_el$2, "aria-valuenow", _p$.t = _v$2);
+					_v$3 !== _p$.a && (0, solid_js_web.setAttribute)(_el$2, "aria-valuetext", _p$.a = _v$3);
+					_v$4 !== _p$.o && (0, solid_js_web.setStyleProperty)(_el$3, "transform", _p$.o = _v$4);
+					return _p$;
+				}, {
+					e: void 0,
+					t: void 0,
+					a: void 0,
+					o: void 0
+				});
+				return _el$2;
+			}
+		}), _el$4);
+		(0, solid_js_web.insert)(_el$4, () => lifetime().label);
+		(0, solid_js_web.insert)(_el$, (0, solid_js_web.createComponent)(solid_js.Show, {
+			get when() {
+				return expiry();
+			},
+			children: (date) => (() => {
+				var _el$5 = _tmpl$3$5();
+				(0, solid_js_web.insert)(_el$5, () => date().toLocaleString());
+				(0, solid_js_web.effect)(() => (0, solid_js_web.setAttribute)(_el$5, "datetime", date().toISOString()));
+				return _el$5;
+			})()
+		}), null);
+		return _el$;
+	})();
+}
 // src/features/provider-limits/ui/gui/reset-dialog.tsx
 var _tmpl$$9 = /*#__PURE__*/ (0, solid_js_web.template)(`<p role=alert>`);
 var _tmpl$2$7 = /*#__PURE__*/ (0, solid_js_web.template)(`<p>An earlier attempt is unresolved. Reconciliation reuses its original idempotency key and never creates a new attempt.`);
-var _tmpl$3$5 = /*#__PURE__*/ (0, solid_js_web.template)(`<ul style=padding:0;list-style:none>`);
-var _tmpl$4$5 = /*#__PURE__*/ (0, solid_js_web.template)(`<p>Some credit details were not supplied by the provider.`);
+var _tmpl$3$4 = /*#__PURE__*/ (0, solid_js_web.template)(`<ul style=padding:0;list-style:none>`);
+var _tmpl$4$4 = /*#__PURE__*/ (0, solid_js_web.template)(`<p>Some credit details were not supplied by the provider.`);
 var _tmpl$5$2 = /*#__PURE__*/ (0, solid_js_web.template)(`<p role=status>Verifying the selected account and reset attempt…`);
 var _tmpl$6$1 = /*#__PURE__*/ (0, solid_js_web.template)(`<li style="padding:8px 0"><strong></strong><p style=opacity:0.65>`);
 function GuiResetCreditDialog(props) {
 	const Dialog = props.ui.Dialog;
 	const Button = props.ui.Button;
+	const [now, setNow] = (0, solid_js.createSignal)(Date.now());
+	(0, solid_js.onMount)(() => {
+		const timer = setInterval(() => setNow(Date.now()), 1e3);
+		(0, solid_js.onCleanup)(() => clearInterval(timer));
+	});
 	(0, solid_js.createEffect)(() => {
 		if (!props.current() && !props.busy) props.close();
 	});
@@ -10799,7 +11395,7 @@ function GuiResetCreditDialog(props) {
 					}
 				}),
 				(() => {
-					var _el$3 = _tmpl$3$5();
+					var _el$3 = _tmpl$3$4();
 					(0, solid_js_web.insert)(_el$3, (0, solid_js_web.createComponent)(solid_js.For, {
 						get each() {
 							return props.credits?.credits;
@@ -10812,14 +11408,16 @@ function GuiResetCreditDialog(props) {
 								var _c$ = (0, solid_js_web.memo)(() => !!credit.description);
 								return () => _c$() ? ` · ${credit.description}` : "";
 							})(), null);
-							(0, solid_js_web.insert)(_el$8, (() => {
-								var _c$2 = (0, solid_js_web.memo)(() => credit.expiresAt === void 0);
-								return () => _c$2() ? "" : ` · expires ${(/* @__PURE__ */ new Date(credit.expiresAt * 1e3)).toLocaleString()}`;
-							})(), null);
+							(0, solid_js_web.insert)(_el$6, (0, solid_js_web.createComponent)(GuiResetCreditExpiry, {
+								credit,
+								get now() {
+									return now();
+								}
+							}), null);
 							(0, solid_js_web.insert)(_el$6, (0, solid_js_web.createComponent)(Button, {
 								size: "small",
 								get disabled() {
-									return props.busy || Boolean(props.reason || props.pending) || credit.status !== "available" || credit.type !== "codexRateLimits";
+									return props.busy || Boolean(props.reason || props.pending) || credit.status !== "available" || resetCreditLifetime(credit, now()).expired || credit.type !== "codexRateLimits";
 								},
 								onClick: () => props.review(credit.id),
 								children: "Review credit"
@@ -10834,7 +11432,7 @@ function GuiResetCreditDialog(props) {
 						return (props.credits?.availableCount ?? 0) > (props.credits?.credits?.length ?? 0);
 					},
 					get children() {
-						return [_tmpl$4$5(), (0, solid_js_web.createComponent)(Button, {
+						return [_tmpl$4$4(), (0, solid_js_web.createComponent)(Button, {
 							get disabled() {
 								return props.busy || Boolean(props.reason || props.pending);
 							},
@@ -13933,10 +14531,11 @@ function createGuiPresetDialogs(context, preferences, registry, mcp) {
 	};
 }
 // src/features/search-everything/ui/gui/result-row.tsx
-var _tmpl$$7 = /*#__PURE__*/ (0, solid_js_web.template)(`<span role=status>Working…`);
+var _tmpl$$7 = /*#__PURE__*/ (0, solid_js_web.template)(`<span role=status style=display:inline-flex;gap:6px;align-items:center>Working…`);
 var _tmpl$2$6 = /*#__PURE__*/ (0, solid_js_web.template)(`<li style="display:flex;gap:4px;align-items:center;min-width:0;padding:3px 0"><button type=button style=flex:1;min-width:0;text-align:left;padding:8px;color:inherit;border:0;border-radius:6px><strong style=display:block;overflow-wrap:anywhere></strong><span style=display:block;opacity:0.65;font-size:12px;overflow-wrap:anywhere>`);
 function GuiSearchResultRow(props) {
 	const Button = props.ui.Button;
+	const Loader = props.ui.Loader;
 	return (() => {
 		var _el$ = _tmpl$2$6(), _el$2 = _el$.firstChild, _el$3 = _el$2.firstChild, _el$4 = _el$3.nextSibling;
 		_el$2.$$click = (event) => {
@@ -13951,7 +14550,9 @@ function GuiSearchResultRow(props) {
 				return props.busy;
 			},
 			get children() {
-				return _tmpl$$7();
+				var _el$5 = _tmpl$$7(), _el$6 = _el$5.firstChild;
+				(0, solid_js_web.insert)(_el$5, (0, solid_js_web.createComponent)(Loader, { size: "small" }), _el$6);
+				return _el$5;
 			}
 		}), null);
 		(0, solid_js_web.insert)(_el$, (0, solid_js_web.createComponent)(solid_js.Show, {
@@ -14006,8 +14607,8 @@ function GuiSearchResultRow(props) {
 // src/features/search-everything/ui/gui/search-dialog.tsx
 var _tmpl$$6 = /*#__PURE__*/ (0, solid_js_web.template)(`<div style="margin:8px 0">`);
 var _tmpl$2$5 = /*#__PURE__*/ (0, solid_js_web.template)(`<p role=alert>`);
-var _tmpl$3$4 = /*#__PURE__*/ (0, solid_js_web.template)(`<div role=alert>`);
-var _tmpl$4$4 = /*#__PURE__*/ (0, solid_js_web.template)(`<ul style=margin:0;padding:0;list-style:none;max-height:45vh;overflow-y:auto>`);
+var _tmpl$3$3 = /*#__PURE__*/ (0, solid_js_web.template)(`<div role=alert>`);
+var _tmpl$4$3 = /*#__PURE__*/ (0, solid_js_web.template)(`<ul style=margin:0;padding:0;list-style:none;max-height:45vh;overflow-y:auto>`);
 var _tmpl$5$1 = /*#__PURE__*/ (0, solid_js_web.template)(`<p>`);
 var _tmpl$6 = /*#__PURE__*/ (0, solid_js_web.template)(`<li>No matching results.`);
 function GuiSearchDialog(props) {
@@ -14108,7 +14709,7 @@ function GuiSearchDialog(props) {
 						return props.errors.length > 0;
 					},
 					get children() {
-						var _el$3 = _tmpl$3$4();
+						var _el$3 = _tmpl$3$3();
 						(0, solid_js_web.insert)(_el$3, (0, solid_js_web.createComponent)(solid_js.For, {
 							get each() {
 								return props.errors;
@@ -14130,7 +14731,7 @@ function GuiSearchDialog(props) {
 					}
 				}),
 				(() => {
-					var _el$4 = _tmpl$4$4();
+					var _el$4 = _tmpl$4$3();
 					_el$4.addEventListener("scroll", (event) => props.onScroll(event.currentTarget.scrollTop));
 					(0, solid_js_web.use)((node) => {
 						body = node;
@@ -14485,8 +15086,8 @@ function createGuiSettingsActions(context, preferences, registry) {
 // src/entities/skill/ui/gui/skill-dialog.tsx
 var _tmpl$$3 = /*#__PURE__*/ (0, solid_js_web.template)(`<section><h3>Description</h3><p>`);
 var _tmpl$2$3 = /*#__PURE__*/ (0, solid_js_web.template)(`<section><h3>Source</h3><p style=overflow-wrap:anywhere></p><details><summary>Instructions</summary><pre style=white-space:pre-wrap;overflow-wrap:anywhere>`);
-var _tmpl$3$3 = /*#__PURE__*/ (0, solid_js_web.template)(`<p role=alert>`);
-var _tmpl$4$3 = /*#__PURE__*/ (0, solid_js_web.template)(`<section><h3>Confirmation</h3><label><input type=checkbox>Trust this exact source for future use`);
+var _tmpl$3$2 = /*#__PURE__*/ (0, solid_js_web.template)(`<p role=alert>`);
+var _tmpl$4$2 = /*#__PURE__*/ (0, solid_js_web.template)(`<section><h3>Confirmation`);
 function GuiSkillDialog(props) {
 	const Dialog = props.ui.Dialog;
 	const Button = props.ui.Button;
@@ -14550,8 +15151,18 @@ function GuiSkillDialog(props) {
 					return _el$4;
 				})(),
 				(() => {
-					var _el$0 = _tmpl$4$3(), _el$11 = _el$0.firstChild.nextSibling.firstChild;
-					_el$11.addEventListener("change", (event) => setTrust(event.currentTarget.checked));
+					var _el$0 = _tmpl$4$2();
+					_el$0.firstChild;
+					(0, solid_js_web.insert)(_el$0, (0, solid_js_web.createComponent)(props.ui.Switch, {
+						label: "Trust this exact source for future use",
+						get checked() {
+							return trust();
+						},
+						get disabled() {
+							return !props.ready || !props.skill.location;
+						},
+						onChange: setTrust
+					}), null);
 					(0, solid_js_web.insert)(_el$0, (0, solid_js_web.createComponent)(Button, {
 						size: "small",
 						variant: "ghost",
@@ -14570,13 +15181,11 @@ function GuiSkillDialog(props) {
 							return props.reason || error();
 						},
 						get children() {
-							var _el$12 = _tmpl$3$3();
-							(0, solid_js_web.insert)(_el$12, () => props.reason || error());
-							return _el$12;
+							var _el$10 = _tmpl$3$2();
+							(0, solid_js_web.insert)(_el$10, () => props.reason || error());
+							return _el$10;
 						}
 					}), null);
-					(0, solid_js_web.effect)(() => _el$11.disabled = !props.ready || !props.skill.location);
-					(0, solid_js_web.effect)(() => _el$11.checked = trust());
 					return _el$0;
 				})()
 			];
@@ -14646,8 +15255,8 @@ function createGuiSkillDialogs(context, runtime, preferences) {
 // src/entities/todo/ui/gui/archive-dialog.tsx
 var _tmpl$$2 = /*#__PURE__*/ (0, solid_js_web.template)(`<p role=alert>`);
 var _tmpl$2$2 = /*#__PURE__*/ (0, solid_js_web.template)(`<ul>`);
-var _tmpl$3$2 = /*#__PURE__*/ (0, solid_js_web.template)(`<p>`);
-var _tmpl$4$2 = /*#__PURE__*/ (0, solid_js_web.template)(`<li style="overflow-wrap:anywhere;padding:4px 0"><small style=opacity:0.6> — `);
+var _tmpl$3$1 = /*#__PURE__*/ (0, solid_js_web.template)(`<p>`);
+var _tmpl$4$1 = /*#__PURE__*/ (0, solid_js_web.template)(`<li style="overflow-wrap:anywhere;padding:4px 0"><small style=opacity:0.6> — `);
 function TodoArchiveDialog(props) {
 	const [items, setItems] = (0, solid_js.createSignal)([]);
 	const [busy, setBusy] = (0, solid_js.createSignal)(false);
@@ -14703,7 +15312,7 @@ function TodoArchiveDialog(props) {
 				},
 				get fallback() {
 					return (() => {
-						var _el$3 = _tmpl$3$2();
+						var _el$3 = _tmpl$3$1();
 						(0, solid_js_web.insert)(_el$3, () => busy() ? "Reading archive…" : "No archived Navigator tasks.");
 						return _el$3;
 					})();
@@ -14715,7 +15324,7 @@ function TodoArchiveDialog(props) {
 							return items();
 						},
 						children: (item) => (() => {
-							var _el$4 = _tmpl$4$2(), _el$5 = _el$4.firstChild;
+							var _el$4 = _tmpl$4$1(), _el$5 = _el$4.firstChild;
 							_el$5.firstChild;
 							(0, solid_js_web.insert)(_el$4, () => item.content, _el$5);
 							(0, solid_js_web.insert)(_el$5, () => item.status, null);
@@ -14836,8 +15445,8 @@ var LegacyTodoArchiveRpc = {
 // src/features/native-todo-setup/ui/gui/confirmation.tsx
 var _tmpl$$1 = /*#__PURE__*/ (0, solid_js_web.template)(`<p style=overflow-wrap:anywhere>`);
 var _tmpl$2$1 = /*#__PURE__*/ (0, solid_js_web.template)(`<pre style=white-space:pre-wrap>experimental.todo = true`);
-var _tmpl$3$1 = /*#__PURE__*/ (0, solid_js_web.template)(`<details><summary>Review exact file change</summary><h3>Before</h3><pre style=white-space:pre-wrap;overflow-wrap:anywhere></pre><h3>After</h3><pre style=white-space:pre-wrap;overflow-wrap:anywhere>`);
-var _tmpl$4$1 = /*#__PURE__*/ (0, solid_js_web.template)(`<p>Other settings and comments are preserved. Tasks are managed through chat and the built-in tool.`);
+var _tmpl$3 = /*#__PURE__*/ (0, solid_js_web.template)(`<details><summary>Review exact file change</summary><h3>Before</h3><pre style=white-space:pre-wrap;overflow-wrap:anywhere></pre><h3>After</h3><pre style=white-space:pre-wrap;overflow-wrap:anywhere>`);
+var _tmpl$4 = /*#__PURE__*/ (0, solid_js_web.template)(`<p>Other settings and comments are preserved. Tasks are managed through chat and the built-in tool.`);
 var _tmpl$5 = /*#__PURE__*/ (0, solid_js_web.template)(`<p role=alert>`);
 function TodoEnableConfirmation(props) {
 	const [busy, setBusy] = (0, solid_js.createSignal)(false);
@@ -14896,12 +15505,12 @@ function TodoEnableConfirmation(props) {
 				})(),
 				_tmpl$2$1(),
 				(() => {
-					var _el$3 = _tmpl$3$1(), _el$6 = _el$3.firstChild.nextSibling.nextSibling, _el$8 = _el$6.nextSibling.nextSibling;
+					var _el$3 = _tmpl$3(), _el$6 = _el$3.firstChild.nextSibling.nextSibling, _el$8 = _el$6.nextSibling.nextSibling;
 					(0, solid_js_web.insert)(_el$6, () => props.preview.original);
 					(0, solid_js_web.insert)(_el$8, () => props.preview.updated);
 					return _el$3;
 				})(),
-				_tmpl$4$1(),
+				_tmpl$4(),
 				(0, solid_js_web.createComponent)(solid_js.Show, {
 					get when() {
 						return error();
@@ -14917,10 +15526,8 @@ function TodoEnableConfirmation(props) {
 	});
 }
 // src/features/native-todo-setup/ui/gui/setup-dialog.tsx
-var _tmpl$ = /*#__PURE__*/ (0, solid_js_web.template)(`<label>Configuration file<select aria-label="Todo configuration file"style=display:block;width:100%;padding:8px;color:inherit;background:transparent>`);
-var _tmpl$2 = /*#__PURE__*/ (0, solid_js_web.template)(`<p>No editable configuration source is currently available.`);
-var _tmpl$3 = /*#__PURE__*/ (0, solid_js_web.template)(`<p role=alert>`);
-var _tmpl$4 = /*#__PURE__*/ (0, solid_js_web.template)(`<option>`);
+var _tmpl$ = /*#__PURE__*/ (0, solid_js_web.template)(`<p>No editable configuration source is currently available.`);
+var _tmpl$2 = /*#__PURE__*/ (0, solid_js_web.template)(`<p role=alert>`);
 function TodoSetupDialog(props) {
 	const [path, setPath] = (0, solid_js.createSignal)("");
 	const [busy, setBusy] = (0, solid_js.createSignal)(false);
@@ -14991,29 +15598,26 @@ function TodoSetupDialog(props) {
 		},
 		get children() {
 			return [
-				(() => {
-					var _el$ = _tmpl$(), _el$3 = _el$.firstChild.nextSibling;
-					_el$3.addEventListener("change", (event) => setPath(event.currentTarget.value));
-					(0, solid_js_web.insert)(_el$3, (0, solid_js_web.createComponent)(solid_js.For, {
-						get each() {
-							return files();
-						},
-						children: (file) => (() => {
-							var _el$6 = _tmpl$4();
-							_el$6.value = file;
-							(0, solid_js_web.insert)(_el$6, file);
-							return _el$6;
-						})()
-					}));
-					(0, solid_js_web.effect)(() => _el$3.value = selected());
-					return _el$;
-				})(),
+				(0, solid_js_web.createComponent)(props.ui.Select, {
+					label: "Todo configuration file",
+					get value() {
+						return selected();
+					},
+					get options() {
+						return files().map((file) => ({
+							value: file,
+							label: file
+						}));
+					},
+					onChange: setPath,
+					placeholder: "Choose a configuration file"
+				}),
 				(0, solid_js_web.createComponent)(solid_js.Show, {
 					get when() {
 						return files().length === 0;
 					},
 					get children() {
-						return _tmpl$2();
+						return _tmpl$();
 					}
 				}),
 				(0, solid_js_web.createComponent)(solid_js.Show, {
@@ -15021,9 +15625,9 @@ function TodoSetupDialog(props) {
 						return error();
 					},
 					get children() {
-						var _el$5 = _tmpl$3();
-						(0, solid_js_web.insert)(_el$5, error);
-						return _el$5;
+						var _el$2 = _tmpl$2();
+						(0, solid_js_web.insert)(_el$2, error);
+						return _el$2;
 					}
 				}),
 				(0, solid_js_web.createComponent)(Button, {
@@ -15154,12 +15758,12 @@ function createGuiToolbarDialogs(context, registry, preferences) {
 				if (!current()) throw new DOMException("Toolbar target changed", "AbortError");
 				await save(update);
 			}
-			async function move(key, direction) {
+			async function move(key, target) {
 				const pins = preferences.toolbarPins();
 				const index = pins.findIndex((pin) => toolbarPinKey(pin) === key);
-				const destination = index + direction;
-				if (index === -1 || destination < 0 || destination >= pins.length) return;
-				const before = pins[destination + (direction === 1 ? 1 : 0)];
+				const destination = pins.findIndex((pin) => toolbarPinKey(pin) === target);
+				if (index === -1 || destination === -1 || destination >= pins.length) return;
+				const before = pins[destination + (destination > index ? 1 : 0)];
 				await change({
 					operation: "move",
 					key,
@@ -15500,7 +16104,7 @@ var setup = (context) => {
 			try {
 				await preferences.flush();
 				context.toast.show({
-					title: `Navigator 0.27.0`,
+					title: `Navigator 0.27.2`,
 					variant: "default"
 				});
 			} catch {