opencode-navigator 0.27.3 → 0.27.4

package/dist/gui-experimental.cjs

@@ -56,11 +56,16 @@ function remainingLabel(seconds) {
 }
 function resetCreditLifetime(credit, now) {
 	const expiry = credit.expiresAt;
-	if (expiry === void 0 || !Number.isFinite(expiry) || expiry <= 0) return {
+	if (expiry === void 0) return {
 		label: "Expiry not supplied by the provider",
 		remaining: void 0,
 		expired: false
 	};
+	if (!Number.isFinite(expiry) || expiry <= 0 || !Number.isFinite((/* @__PURE__ */ new Date(expiry * 1e3)).getTime())) return {
+		label: "Expiry date is invalid",
+		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;
@@ -4713,7 +4718,7 @@ function preferencesIpc(pluginID) {
 var main = (context) => {
 	const store = desktopPreferencesStore();
 	const readAccount = createMainAccountReader(context);
-	const codex = createNodeCodexClient({ version: "0.27.3" });
+	const codex = createNodeCodexClient({ version: "0.27.4" });
 	context.onCleanup(codex.dispose);
 	context.provide(preferencesIpc(context.id), createMainPreferencesHandlers(store));
 	context.provide(localAccountIpc(context.id), { read: readAccount });
@@ -4721,7 +4726,7 @@ var main = (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.3 Desktop main ready`);
+	context.log.write("info", `Navigator 0.27.4 Desktop main ready`);
 };
 // src/pages/navigator/ui/gui/context.tsx
 var NavigatorGuiContext = (0, solid_js.createContext)();
@@ -4731,11 +4736,11 @@ function useNavigatorGui() {
 	return services;
 }
 // src/pages/navigator/ui/gui/bookmark.tsx
-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>`);
+var _tmpl$$61 = /*#__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$$60(), _el$2 = _el$.firstChild, _el$4 = _el$2.firstChild.firstChild;
+		var _el$ = _tmpl$$61(), _el$2 = _el$.firstChild, _el$4 = _el$2.firstChild.firstChild;
 		_el$2.$$click = (event) => {
 			event.stopPropagation();
 			props.toggle();
@@ -4764,10 +4769,11 @@ function SidebarBookmark(props) {
 }
 (0, solid_js_web.delegateEvents)(["click"]);
 // src/pages/navigator/ui/gui/catalog-row.tsx
-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>`);
+var _tmpl$$60 = /*#__PURE__*/ (0, solid_js_web.template)(`<li style="display:flex;gap:4px;align-items:center;min-width:0;padding:3px 0">`);
+var _tmpl$2$39 = /*#__PURE__*/ (0, solid_js_web.template)(`<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)")];
+	const buttons = [...event.currentTarget.querySelectorAll("button:not(:disabled), input[role=\"switch\"]:not(:disabled)")];
 	const index = buttons.indexOf(event.target);
 	const next = Math.max(0, Math.min(buttons.length - 1, index + (event.key === "ArrowRight" ? 1 : -1)));
 	if (index === -1 || next === index) return;
@@ -4779,7 +4785,7 @@ function CatalogRow(props) {
 	const [hovered, setHovered] = (0, solid_js.createSignal)(false);
 	const [focused, setFocused] = (0, solid_js.createSignal)(false);
 	return (() => {
-		var _el$ = _tmpl$$59(), _el$2 = _el$.firstChild, _el$3 = _el$2.firstChild, _el$4 = _el$3.firstChild, _el$5 = _el$4.nextSibling;
+		var _el$ = _tmpl$$60();
 		_el$.$$keydown = navigate$1;
 		_el$.$$focusout = (event) => {
 			if (!event.currentTarget.contains(event.relatedTarget)) setFocused(false);
@@ -4803,24 +4809,28 @@ function CatalogRow(props) {
 			get toggle() {
 				return props.bookmark;
 			}
-		}), _el$2);
-		_el$2.$$click = (event) => {
-			event.stopPropagation();
-			if (!props.disabled) props.activate();
-		};
-		(0, solid_js_web.insert)(_el$2, () => props.leading, _el$3);
-		(0, solid_js_web.insert)(_el$4, () => props.title);
-		(0, solid_js_web.insert)(_el$5, () => props.details);
+		}), null);
+		(0, solid_js_web.insert)(_el$, () => props.content ?? (() => {
+			var _el$2 = _tmpl$2$39(), _el$3 = _el$2.firstChild, _el$4 = _el$3.firstChild, _el$5 = _el$4.nextSibling;
+			_el$2.$$click = (event) => {
+				event.stopPropagation();
+				if (!props.disabled) props.activate?.();
+			};
+			(0, solid_js_web.insert)(_el$2, () => props.leading, _el$3);
+			(0, solid_js_web.insert)(_el$4, () => props.title);
+			(0, solid_js_web.insert)(_el$5, () => props.details);
+			(0, solid_js_web.effect)((_p$) => {
+				var _v$ = props.disabled, _v$2 = hovered() || focused() ? "var(--v2-overlay-simple-overlay-hover, transparent)" : "transparent";
+				_v$ !== _p$.e && (0, solid_js_web.setAttribute)(_el$2, "aria-disabled", _p$.e = _v$);
+				_v$2 !== _p$.t && (0, solid_js_web.setStyleProperty)(_el$2, "background", _p$.t = _v$2);
+				return _p$;
+			}, {
+				e: void 0,
+				t: void 0
+			});
+			return _el$2;
+		})(), null);
 		(0, solid_js_web.insert)(_el$, () => props.trailing, null);
-		(0, solid_js_web.effect)((_p$) => {
-			var _v$ = props.disabled, _v$2 = hovered() || focused() ? "var(--v2-overlay-simple-overlay-hover, transparent)" : "transparent";
-			_v$ !== _p$.e && (0, solid_js_web.setAttribute)(_el$2, "aria-disabled", _p$.e = _v$);
-			_v$2 !== _p$.t && (0, solid_js_web.setStyleProperty)(_el$2, "background", _p$.t = _v$2);
-			return _p$;
-		}, {
-			e: void 0,
-			t: void 0
-		});
 		return _el$;
 	})();
 }
@@ -4881,14 +4891,14 @@ function GuiActionRow(props) {
 	});
 }
 // src/pages/navigator/ui/gui/section.tsx
-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>`);
+var _tmpl$$59 = /*#__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$$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;
+		var _el$ = _tmpl$$59(), _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, (0, solid_js_web.createComponent)(Icon, {
 			name: "chevron-down",
@@ -4921,11 +4931,11 @@ function MonitoringSection(props) {
 }
 (0, solid_js_web.delegateEvents)(["click"]);
 // src/pages/navigator/ui/gui/section-filter.tsx
-var _tmpl$$57 = /*#__PURE__*/ (0, solid_js_web.template)(`<div style="margin:8px 0">`);
+var _tmpl$$58 = /*#__PURE__*/ (0, solid_js_web.template)(`<div style="margin:8px 0">`);
 function SectionFilter(props) {
 	const TextInput = useNavigatorGui().ui.TextInput;
 	return (() => {
-		var _el$ = _tmpl$$57();
+		var _el$ = _tmpl$$58();
 		(0, solid_js_web.insert)(_el$, (0, solid_js_web.createComponent)(TextInput, {
 			get label() {
 				return props.label;
@@ -4945,9 +4955,9 @@ function SectionFilter(props) {
 	})();
 }
 // src/pages/navigator/ui/gui/actions-section.tsx
-var _tmpl$$56 = /*#__PURE__*/ (0, solid_js_web.template)(`<p style=opacity:0.65>No matching actions.`);
+var _tmpl$$57 = /*#__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>`);
+var _tmpl$3$25 = /*#__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;
@@ -4978,7 +4988,7 @@ function ActionsSection() {
 							return [true, false].filter((selected) => view().visibility.visible().some((id) => catalogs().preferences.favoriteQuickActions().has(id) === selected));
 						},
 						children: (selected) => (() => {
-							var _el$3 = _tmpl$3$24();
+							var _el$3 = _tmpl$3$25();
 							(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);
@@ -4993,7 +5003,7 @@ function ActionsSection() {
 							return view().filtered().length === 0;
 						},
 						get children() {
-							return _tmpl$$56();
+							return _tmpl$$57();
 						}
 					}), null);
 					return _el$;
@@ -5018,9 +5028,9 @@ function ActionsSection() {
 	});
 }
 // src/shared/ui/gui/tabs.tsx
-var _tmpl$$55 = /*#__PURE__*/ (0, solid_js_web.template)(`<nav style=display:flex;gap:4px;flex-wrap:wrap>`);
+var _tmpl$$56 = /*#__PURE__*/ (0, solid_js_web.template)(`<nav style=display:flex;gap:4px;flex-wrap:wrap>`);
 var _tmpl$2$37 = /*#__PURE__*/ (0, solid_js_web.template)(`<span>`);
-var _tmpl$3$23 = /*#__PURE__*/ (0, solid_js_web.template)(`<span style=opacity:0.6;font-weight:400>`);
+var _tmpl$3$24 = /*#__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) {
@@ -5029,12 +5039,14 @@ function GuiTabs(props) {
 		if (enabled.length === 0) return;
 		event.preventDefault();
 		event.stopPropagation();
-		const next = (enabled.findIndex((option) => option.id === props.selected) + (event.key === "ArrowRight" ? 1 : -1) + enabled.length) % enabled.length;
+		const buttons = [...event.currentTarget.querySelectorAll("button:not(:disabled)")];
+		const focused = buttons.indexOf(event.target);
+		const next = ((focused === -1 ? enabled.findIndex((option) => option.id === props.selected) : focused) + (event.key === "ArrowRight" ? 1 : -1) + enabled.length) % enabled.length;
 		props.onSelect(enabled[next].id);
-		event.currentTarget.querySelectorAll("button:not(:disabled)")[next]?.focus();
+		buttons[next]?.focus();
 	}
 	return (() => {
-		var _el$ = _tmpl$$55();
+		var _el$ = _tmpl$$56();
 		_el$.$$keydown = navigate;
 		(0, solid_js_web.insert)(_el$, (0, solid_js_web.createComponent)(solid_js.For, {
 			get each() {
@@ -5062,7 +5074,7 @@ function GuiTabs(props) {
 								return option().count !== void 0;
 							},
 							get children() {
-								var _el$3 = _tmpl$3$23();
+								var _el$3 = _tmpl$3$24();
 								(0, solid_js_web.insert)(_el$3, () => option().count);
 								return _el$3;
 							}
@@ -5127,9 +5139,9 @@ function iconChoiceLabel(id) {
 	return id.replaceAll("-", " ");
 }
 // src/shared/ui/gui/icon.tsx
-var _tmpl$$54 = /*#__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$$55 = /*#__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$36 = /*#__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$22 = /*#__PURE__*/ (0, solid_js_web.template)(`<svg><path></svg>`, false, true, false);
+var _tmpl$3$23 = /*#__PURE__*/ (0, solid_js_web.template)(`<svg><path></svg>`, false, true, false);
 var native = {
 	plus: "plus",
 	check: "check",
@@ -5195,7 +5207,7 @@ function GuiIcon(props) {
 	const Icon = props.ui.Icon;
 	const id = () => isIconChoiceId(props.id) ? props.id : "bolt";
 	return (() => {
-		var _el$ = _tmpl$$54();
+		var _el$ = _tmpl$$55();
 		(0, solid_js_web.insert)(_el$, (0, solid_js_web.createComponent)(solid_js.Show, {
 			get when() {
 				return native[id()];
@@ -5208,7 +5220,7 @@ function GuiIcon(props) {
 							return paths[id()] ?? paths.bolt;
 						},
 						children: (path) => (() => {
-							var _el$3 = _tmpl$3$22();
+							var _el$3 = _tmpl$3$23();
 							(0, solid_js_web.setAttribute)(_el$3, "d", path);
 							return _el$3;
 						})()
@@ -5227,12 +5239,12 @@ function GuiIcon(props) {
 	})();
 }
 // src/shared/ui/gui/multiline-field.tsx
-var _tmpl$$53 = /*#__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">`);
+var _tmpl$$54 = /*#__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$$53(), _el$2 = _el$.firstChild, _el$3 = _el$2.nextSibling;
+		var _el$ = _tmpl$$54(), _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);
@@ -5258,7 +5270,7 @@ function GuiMultilineField(props) {
 }
 (0, solid_js_web.delegateEvents)(["input"]);
 // src/shared/ui/gui/group-control.tsx
-var _tmpl$$52 = /*#__PURE__*/ (0, solid_js_web.template)(`<div role=group style=display:flex;gap:8px;flex-wrap:wrap>`);
+var _tmpl$$53 = /*#__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;
@@ -5267,7 +5279,7 @@ function GuiGroupControl(props) {
 	const [creating, setCreating] = (0, solid_js.createSignal)(false);
 	(0, solid_js.createEffect)(() => setDraft(props.value ?? ""));
 	return (() => {
-		var _el$ = _tmpl$$52();
+		var _el$ = _tmpl$$53();
 		(0, solid_js_web.insert)(_el$, (0, solid_js_web.createComponent)(Select, {
 			get label() {
 				return `${props.label} existing group`;
@@ -5357,10 +5369,10 @@ function GuiGroupControl(props) {
 	})();
 }
 // src/shared/ui/gui/settings-surface.tsx
-var _tmpl$$51 = /*#__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`);
+var _tmpl$$52 = /*#__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$$51();
+		var _el$ = _tmpl$$52();
 		_el$.firstChild;
 		(0, solid_js_web.insert)(_el$, () => props.children, null);
 		return _el$;
@@ -5500,9 +5512,9 @@ function createSortableInteraction(props) {
 	};
 }
 // src/shared/ui/gui/sortable-list.tsx
-var _tmpl$$50 = /*#__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$$51 = /*#__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$35 = /*#__PURE__*/ (0, solid_js_web.template)(`<div role=listitem>`);
-var _tmpl$3$21 = /*#__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>`);
+var _tmpl$3$22 = /*#__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)();
@@ -5521,7 +5533,7 @@ function GuiSortableList(props) {
 		move: (from, to) => props.move(from, to)
 	});
 	return (() => {
-		var _el$ = _tmpl$$50(), _el$2 = _el$.firstChild;
+		var _el$ = _tmpl$$51(), _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);
@@ -5543,7 +5555,7 @@ function GuiSortableList(props) {
 					var _el$4 = _tmpl$2$35();
 					(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$21();
+						var _el$5 = _tmpl$3$22();
 						_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, {
@@ -5589,11 +5601,11 @@ function GuiSortableList(props) {
 	"keydown"
 ]);
 // src/shared/ui/gui/progress.tsx
-var _tmpl$$49 = /*#__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)>`);
+var _tmpl$$50 = /*#__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$$49(), _el$3 = _el$.firstChild.nextSibling, _el$5 = _el$3.nextSibling.firstChild;
+		var _el$ = _tmpl$$50(), _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;
@@ -5657,11 +5669,11 @@ function GuiIconAction(props) {
 	});
 }
 // src/pages/navigator/ui/gui/quota-window.tsx
-var _tmpl$$48 = /*#__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$$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>`);
 function GuiQuotaWindow(props) {
 	const view = () => quotaPresentation(props.window);
 	return (() => {
-		var _el$ = _tmpl$$48(), _el$2 = _el$.firstChild, _el$3 = _el$2.firstChild, _el$5 = _el$2.nextSibling.firstChild, _el$6 = _el$5.nextSibling;
+		var _el$ = _tmpl$$49(), _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$) => {
@@ -5683,9 +5695,9 @@ function GuiQuotaWindow(props) {
 	})();
 }
 // src/pages/navigator/ui/gui/limits-section.tsx
-var _tmpl$$47 = /*#__PURE__*/ (0, solid_js_web.template)(`<p role=alert>`);
+var _tmpl$$48 = /*#__PURE__*/ (0, solid_js_web.template)(`<p role=alert>`);
 var _tmpl$2$34 = /*#__PURE__*/ (0, solid_js_web.template)(`<p style=opacity:0.65>`);
-var _tmpl$3$20 = /*#__PURE__*/ (0, solid_js_web.template)(`<p>: `);
+var _tmpl$3$21 = /*#__PURE__*/ (0, solid_js_web.template)(`<p>: `);
 function LimitsSection() {
 	const props = useNavigatorGui();
 	const limits = () => props.runtime.limits;
@@ -5752,7 +5764,7 @@ function LimitsSection() {
 						return state()?.error;
 					},
 					get children() {
-						var _el$ = _tmpl$$47();
+						var _el$ = _tmpl$$48();
 						(0, solid_js_web.insert)(_el$, () => state()?.error?.message);
 						return _el$;
 					}
@@ -5781,7 +5793,7 @@ function LimitsSection() {
 							return value().balances;
 						},
 						children: (balance) => (() => {
-							var _el$3 = _tmpl$3$20(), _el$4 = _el$3.firstChild;
+							var _el$3 = _tmpl$3$21(), _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);
@@ -6249,44 +6261,17 @@ function createMcpModel(options, persist, preferences) {
 		}
 	};
 }
-// src/pages/navigator/ui/gui/mcp-indicator.tsx
-var _tmpl$$46 = /*#__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$33 = /*#__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$2$33();
-		(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$$46();
-				(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$;
-	})();
-}
 // src/pages/navigator/ui/gui/mcp-row.tsx
+var _tmpl$$47 = /*#__PURE__*/ (0, solid_js_web.template)(`<span role=status> Updating connection…`);
+var _tmpl$2$33 = /*#__PURE__*/ (0, solid_js_web.template)(`<div style=flex:1;min-width:0;overflow-wrap:anywhere>`);
 function GuiMcpRow(props) {
 	const services = useNavigatorGui();
 	const catalogs = () => services.runtime.catalogs;
 	const state = () => catalogs().mcp.serverState(props.item.name);
 	const error = () => props.item.error || state().error?.message;
+	const Switch = services.ui.Switch;
+	const Loader = services.ui.Loader;
+	const busy = () => state().status === "loading" || props.item.status === "pending";
 	return (0, solid_js_web.createComponent)(CatalogRow, {
 		get title() {
 			return props.item.name;
@@ -6301,15 +6286,38 @@ function GuiMcpRow(props) {
 			return !catalogs().preferences.ready();
 		},
 		bookmark: () => catalogs().preferences.toggleFavoriteMcpServer(props.item.name),
-		get leading() {
-			return (0, solid_js_web.createComponent)(McpIndicator, { get status() {
-				return (0, solid_js_web.memo)(() => state().status === "loading")() ? "pending" : props.item.status;
-			} });
-		},
-		get disabled() {
-			return !mcpToggleAction(props.item.status) || state().status === "loading";
+		get content() {
+			return (() => {
+				var _el$ = _tmpl$2$33();
+				(0, solid_js_web.insert)(_el$, (0, solid_js_web.createComponent)(Switch, {
+					get label() {
+						return props.item.name;
+					},
+					get description() {
+						return props.item.title;
+					},
+					get checked() {
+						return props.item.status === "connected";
+					},
+					get disabled() {
+						return !mcpToggleAction(props.item.status) || catalogs().mcp.mutating() || busy();
+					},
+					onChange: () => void catalogs().mcp.toggle(props.item.name).catch(() => {})
+				}), null);
+				(0, solid_js_web.insert)(_el$, (0, solid_js_web.createComponent)(solid_js.Show, {
+					get when() {
+						return busy();
+					},
+					get children() {
+						var _el$2 = _tmpl$$47(), _el$3 = _el$2.firstChild;
+						(0, solid_js_web.insert)(_el$2, (0, solid_js_web.createComponent)(Loader, { size: "small" }), _el$3);
+						return _el$2;
+					}
+				}), null);
+				(0, solid_js_web.effect)(() => (0, solid_js_web.setAttribute)(_el$, "aria-busy", busy()));
+				return _el$;
+			})();
 		},
-		activate: () => void catalogs().mcp.toggle(props.item.name).catch(() => {}),
 		get trailing() {
 			return (0, solid_js_web.createComponent)(solid_js.Show, {
 				get when() {
@@ -6335,44 +6343,67 @@ function GuiMcpRow(props) {
 	});
 }
 // src/pages/navigator/ui/gui/mcp-group.tsx
-var _tmpl$$45 = /*#__PURE__*/ (0, solid_js_web.template)(`<strong style=overflow:hidden;text-overflow:ellipsis;white-space:nowrap>`);
+var _tmpl$$46 = /*#__PURE__*/ (0, solid_js_web.template)(`<strong style=overflow:hidden;text-overflow:ellipsis;white-space:nowrap>`);
 var _tmpl$2$32 = /*#__PURE__*/ (0, solid_js_web.template)(`<span style=opacity:0.6;font-weight:400>`);
-var _tmpl$3$19 = /*#__PURE__*/ (0, solid_js_web.template)(`<div><ul style="margin:0;padding:0 0 0 10px;list-style:none">`);
+var _tmpl$3$20 = /*#__PURE__*/ (0, solid_js_web.template)(`<span role=status>`);
+var _tmpl$4$14 = /*#__PURE__*/ (0, solid_js_web.template)(`<div><div style=display:flex;gap:6px;align-items:center;min-width:0></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 Switch = services.ui.Switch;
+	const Loader = services.ui.Loader;
 	const Button = services.ui.Button;
+	const disabled = () => catalogs().mcp.mutating() || !mcpGroupToggleAction(bucket());
+	const toggle = () => void catalogs().mcp.toggleGroup(props.group, bucket().map((item) => item.name))?.catch(() => {});
 	return (() => {
-		var _el$ = _tmpl$3$19(), _el$4 = _el$.firstChild;
-		(0, solid_js_web.insert)(_el$, (0, solid_js_web.createComponent)(Button, {
-			variant: "ghost",
+		var _el$ = _tmpl$4$14(), _el$2 = _el$.firstChild, _el$6 = _el$2.nextSibling;
+		(0, solid_js_web.insert)(_el$2, (0, solid_js_web.createComponent)(Switch, {
+			get label() {
+				return `${props.group} MCP group`;
+			},
+			hideLabel: true,
+			get checked() {
+				return mcpGroupStatus(bucket()) === "connected";
+			},
+			get disabled() {
+				return disabled();
+			},
+			onChange: toggle
+		}), null);
+		(0, solid_js_web.insert)(_el$2, (0, solid_js_web.createComponent)(Button, {
 			size: "small",
+			variant: "ghost",
 			get disabled() {
-				return catalogs().mcp.mutating();
+				return disabled();
 			},
-			onClick: () => void catalogs().mcp.toggleGroup(props.group, bucket().map((item) => item.name))?.catch(() => {}),
+			onClick: toggle,
 			get children() {
-				return [
-					(0, solid_js_web.createComponent)(McpIndicator, { get status() {
-						return mcpGroupStatus(bucket(), busy());
-					} }),
-					(() => {
-						var _el$2 = _tmpl$$45();
-						(0, solid_js_web.insert)(_el$2, () => props.group);
-						return _el$2;
-					})(),
-					(() => {
-						var _el$3 = _tmpl$2$32();
-						(0, solid_js_web.insert)(_el$3, () => bucket().length);
-						return _el$3;
-					})()
-				];
+				return [(() => {
+					var _el$3 = _tmpl$$46();
+					(0, solid_js_web.insert)(_el$3, () => props.group);
+					return _el$3;
+				})(), (() => {
+					var _el$4 = _tmpl$2$32();
+					(0, solid_js_web.insert)(_el$4, () => bucket().length);
+					return _el$4;
+				})()];
 			}
-		}), _el$4);
-		(0, solid_js_web.insert)(_el$4, (0, solid_js_web.createComponent)(solid_js.For, {
+		}), null);
+		(0, solid_js_web.insert)(_el$2, (0, solid_js_web.createComponent)(solid_js.Show, {
+			get when() {
+				return busy();
+			},
+			get children() {
+				var _el$5 = _tmpl$3$20();
+				(0, solid_js_web.insert)(_el$5, (0, solid_js_web.createComponent)(Loader, { size: "small" }));
+				(0, solid_js_web.effect)(() => (0, solid_js_web.setAttribute)(_el$5, "aria-label", `Updating ${props.group} MCP group`));
+				return _el$5;
+			}
+		}), null);
+		(0, solid_js_web.insert)(_el$6, (0, solid_js_web.createComponent)(solid_js.For, {
 			get each() {
 				return view().visibility.visible().filter((item) => item.bucket === props.group).map((item) => item.name);
 			},
@@ -6385,14 +6416,15 @@ function GuiMcpGroup(props) {
 				} })
 			})
 		}));
+		(0, solid_js_web.effect)(() => (0, solid_js_web.setAttribute)(_el$2, "aria-busy", busy()));
 		return _el$;
 	})();
 }
 // src/pages/navigator/ui/gui/mcp-section.tsx
-var _tmpl$$44 = /*#__PURE__*/ (0, solid_js_web.template)(`<p role=alert>`);
+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$18 = /*#__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.`);
+var _tmpl$3$19 = /*#__PURE__*/ (0, solid_js_web.template)(`<div style=display:flex;flex-direction:column;gap:12px>`);
+var _tmpl$4$13 = /*#__PURE__*/ (0, solid_js_web.template)(`<p style=opacity:0.65>No matching MCP servers.`);
 function McpSection() {
 	const services = useNavigatorGui();
 	const catalogs = () => services.runtime.catalogs;
@@ -6444,7 +6476,7 @@ function McpSection() {
 					},
 					get children() {
 						return [(() => {
-							var _el$ = _tmpl$$44();
+							var _el$ = _tmpl$$45();
 							(0, solid_js_web.insert)(_el$, () => state().error?.message);
 							return _el$;
 						})(), (0, solid_js_web.createComponent)(GuiIconAction, {
@@ -6483,13 +6515,13 @@ function McpSection() {
 					}
 				}),
 				(() => {
-					var _el$6 = _tmpl$3$18();
+					var _el$6 = _tmpl$3$19();
 					(0, solid_js_web.insert)(_el$6, (0, solid_js_web.createComponent)(solid_js.For, {
 						get each() {
 							return view().groups();
 						},
 						get fallback() {
-							return _tmpl$4$12();
+							return _tmpl$4$13();
 						},
 						children: (group) => (0, solid_js_web.createComponent)(GuiMcpGroup, { group })
 					}));
@@ -6558,10 +6590,10 @@ function GuiSkillRow(props) {
 	});
 }
 // src/pages/navigator/ui/gui/skills-section.tsx
-var _tmpl$$43 = /*#__PURE__*/ (0, solid_js_web.template)(`<p role=alert>`);
+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$17 = /*#__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">`);
+var _tmpl$3$18 = /*#__PURE__*/ (0, solid_js_web.template)(`<p style=opacity:0.65>No matching Skills.`);
+var _tmpl$4$12 = /*#__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();
 	const catalogs = () => services.runtime.catalogs;
@@ -6591,7 +6623,7 @@ function SkillsSection() {
 					},
 					get children() {
 						return [(() => {
-							var _el$ = _tmpl$$43();
+							var _el$ = _tmpl$$44();
 							(0, solid_js_web.insert)(_el$, () => catalogs().skills.error());
 							return _el$;
 						})(), (0, solid_js_web.createComponent)(GuiIconAction, {
@@ -6611,10 +6643,10 @@ function SkillsSection() {
 							return view().groups();
 						},
 						get fallback() {
-							return _tmpl$3$17();
+							return _tmpl$3$18();
 						},
 						children: (group) => (() => {
-							var _el$4 = _tmpl$4$11(), _el$5 = _el$4.firstChild, _el$6 = _el$5.nextSibling;
+							var _el$4 = _tmpl$4$12(), _el$5 = _el$4.firstChild, _el$6 = _el$5.nextSibling;
 							(0, solid_js_web.insert)(_el$5, group);
 							(0, solid_js_web.insert)(_el$6, (0, solid_js_web.createComponent)(solid_js.For, {
 								get each() {
@@ -7069,12 +7101,12 @@ function createSubagentClock(key) {
 	return now;
 }
 // src/pages/navigator/ui/gui/subagent-row.tsx
-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$$43 = /*#__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$$42(), _el$2 = _el$.firstChild;
+		var _el$ = _tmpl$$43(), _el$2 = _el$.firstChild;
 		(0, solid_js_web.insert)(_el$, (0, solid_js_web.createComponent)(Button, {
 			size: "small",
 			variant: "ghost",
@@ -7102,9 +7134,9 @@ function SubagentRow(props) {
 	})();
 }
 // src/pages/navigator/ui/gui/subagent-section.tsx
-var _tmpl$$41 = /*#__PURE__*/ (0, solid_js_web.template)(`<p role=alert>`);
+var _tmpl$$42 = /*#__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.`);
+var _tmpl$3$17 = /*#__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();
@@ -7169,7 +7201,7 @@ function SubagentSection() {
 						return state().error;
 					},
 					get children() {
-						var _el$ = _tmpl$$41();
+						var _el$ = _tmpl$$42();
 						(0, solid_js_web.insert)(_el$, () => state().error?.message);
 						return _el$;
 					}
@@ -7179,7 +7211,7 @@ function SubagentSection() {
 						return rows().length > 0;
 					},
 					get fallback() {
-						return _tmpl$3$16();
+						return _tmpl$3$17();
 					},
 					get children() {
 						var _el$2 = _tmpl$2$28();
@@ -7371,14 +7403,14 @@ function todoPresentation(status) {
 	};
 }
 // 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$$41 = /*#__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>`);
+var _tmpl$3$16 = /*#__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$11 = /*#__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;
+		var _el$ = _tmpl$4$11(), _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 [
@@ -7387,7 +7419,7 @@ function TodoStatusIcon(props) {
 						return props.status === "in_progress";
 					},
 					get children() {
-						return _tmpl$$40();
+						return _tmpl$$41();
 					}
 				}),
 				(0, solid_js_web.createComponent)(solid_js.Match, {
@@ -7403,7 +7435,7 @@ function TodoStatusIcon(props) {
 						return props.status === "cancelled";
 					},
 					get children() {
-						return _tmpl$3$15();
+						return _tmpl$3$16();
 					}
 				})
 			];
@@ -7421,11 +7453,11 @@ function TodoStatusIcon(props) {
 	})();
 }
 // src/pages/navigator/ui/gui/todo-row.tsx
-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>`);
+var _tmpl$$40 = /*#__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$$39(), _el$2 = _el$.firstChild;
+		var _el$ = _tmpl$$40(), _el$2 = _el$.firstChild;
 		(0, solid_js_web.insert)(_el$, (0, solid_js_web.createComponent)(TodoStatusIcon, { get status() {
 			return props.item.status;
 		} }), _el$2);
@@ -7445,11 +7477,11 @@ function TodoRow(props) {
 	})();
 }
 // src/pages/navigator/ui/gui/todo-section.tsx
-var _tmpl$$38 = /*#__PURE__*/ (0, solid_js_web.template)(`<p role=alert>`);
+var _tmpl$$39 = /*#__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$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$3$15 = /*#__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$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();
@@ -7474,7 +7506,7 @@ function TodoSection() {
 					return setup()?.status !== "loading" || setup()?.enabled !== void 0;
 				},
 				get fallback() {
-					return _tmpl$3$14();
+					return _tmpl$3$15();
 				},
 				get children() {
 					return (0, solid_js_web.createComponent)(solid_js.Show, {
@@ -7483,7 +7515,7 @@ function TodoSection() {
 						},
 						get fallback() {
 							return (() => {
-								var _el$6 = _tmpl$4$9(), _el$7 = _el$6.firstChild;
+								var _el$6 = _tmpl$4$10(), _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.";
@@ -7549,7 +7581,7 @@ function TodoSection() {
 										return state().error;
 									},
 									get children() {
-										var _el$ = _tmpl$$38();
+										var _el$ = _tmpl$$39();
 										(0, solid_js_web.insert)(_el$, () => state().error?.message);
 										return _el$;
 									}
@@ -7559,7 +7591,7 @@ function TodoSection() {
 										return setup()?.status === "error";
 									},
 									get children() {
-										var _el$2 = _tmpl$$38();
+										var _el$2 = _tmpl$$39();
 										(0, solid_js_web.insert)(_el$2, () => setup()?.error);
 										return _el$2;
 									}
@@ -7569,7 +7601,7 @@ function TodoSection() {
 										return view().rows.length > 0;
 									},
 									get fallback() {
-										return _tmpl$5$4();
+										return _tmpl$5$5();
 									},
 									get children() {
 										return [(() => {
@@ -7613,7 +7645,7 @@ function TodoSection() {
 	});
 }
 // src/pages/navigator/ui/gui/sections.tsx
-var _tmpl$$37 = /*#__PURE__*/ (0, solid_js_web.template)(`<hr style="border:0;border-top:1px solid currentColor;opacity:0.18;margin:14px 0">`);
+var _tmpl$$38 = /*#__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;
@@ -7632,7 +7664,7 @@ function NavigatorSections() {
 				return index() > 0;
 			},
 			get children() {
-				return _tmpl$$37();
+				return _tmpl$$38();
 			}
 		}), (0, solid_js_web.createComponent)(solid_js.Switch, { get children() {
 			return [
@@ -7677,7 +7709,7 @@ function NavigatorSections() {
 	});
 }
 // src/features/pinned-toolbar/ui/gui/icon-picker.tsx
-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">`);
+var _tmpl$$37 = /*#__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;
@@ -7705,7 +7737,7 @@ function GuiIconPicker(props) {
 				autofocus: true,
 				"class": "w-full"
 			}), (() => {
-				var _el$ = _tmpl$$36();
+				var _el$ = _tmpl$$37();
 				(0, solid_js_web.insert)(_el$, (0, solid_js_web.createComponent)(solid_js.For, {
 					get each() {
 						return choices();
@@ -7732,7 +7764,7 @@ function GuiIconPicker(props) {
 	});
 }
 // src/features/pinned-toolbar/ui/gui/icon-group.tsx
-var _tmpl$$35 = /*#__PURE__*/ (0, solid_js_web.template)(`<div style="display:flex;gap:4px;margin:4px 0">`);
+var _tmpl$$36 = /*#__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;
@@ -7792,7 +7824,7 @@ function GuiIconGroupEditor(props) {
 				scope: "icon-draft",
 				move: (from, to) => setSlots((previous) => reorderItems(previous, from, to, (slot) => String(slot.key))),
 				children: (slot, handle) => (() => {
-					var _el$ = _tmpl$$35();
+					var _el$ = _tmpl$$36();
 					(0, solid_js_web.insert)(_el$, handle, null);
 					(0, solid_js_web.insert)(_el$, (0, solid_js_web.createComponent)(Button, {
 						variant: "ghost",
@@ -7832,11 +7864,11 @@ function GuiIconGroupEditor(props) {
 	});
 }
 // src/features/pinned-toolbar/ui/gui/pin-editor.tsx
-var _tmpl$$34 = /*#__PURE__*/ (0, solid_js_web.template)(`<p>Base appearance`);
+var _tmpl$$35 = /*#__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$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>`);
+var _tmpl$3$14 = /*#__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>`);
 function GuiPinEditor(props) {
 	const initial = toolbarPinAppearance(props.pin);
 	const [base, setBase] = (0, solid_js.createSignal)([...initial.base]);
@@ -7923,7 +7955,7 @@ function GuiPinEditor(props) {
 		},
 		get children() {
 			return [
-				_tmpl$$34(),
+				_tmpl$$35(),
 				(() => {
 					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, {
@@ -7963,7 +7995,7 @@ function GuiPinEditor(props) {
 						return !validToolbarPinText(text());
 					},
 					get children() {
-						return _tmpl$3$13();
+						return _tmpl$3$14();
 					}
 				}),
 				(0, solid_js_web.createComponent)(solid_js.For, {
@@ -7984,7 +8016,7 @@ function GuiPinEditor(props) {
 						return Object.keys(states()).length > 0;
 					},
 					get children() {
-						return _tmpl$4$8();
+						return _tmpl$4$9();
 					}
 				}),
 				(0, solid_js_web.createComponent)(solid_js.Show, {
@@ -7992,7 +8024,7 @@ function GuiPinEditor(props) {
 						return error();
 					},
 					get children() {
-						var _el$6 = _tmpl$5$3();
+						var _el$6 = _tmpl$5$4();
 						(0, solid_js_web.insert)(_el$6, error);
 						return _el$6;
 					}
@@ -8002,10 +8034,10 @@ function GuiPinEditor(props) {
 	});
 }
 // src/features/pinned-toolbar/ui/gui/manager.tsx
-var _tmpl$$33 = /*#__PURE__*/ (0, solid_js_web.template)(`<p role=alert>`);
+var _tmpl$$34 = /*#__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 _tmpl$3$13 = /*#__PURE__*/ (0, solid_js_web.template)(`<small style=display:block;opacity:0.6>`);
+var _tmpl$4$8 = /*#__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;
@@ -8051,7 +8083,7 @@ function GuiToolbarManager(props) {
 						return error();
 					},
 					get children() {
-						var _el$ = _tmpl$$33();
+						var _el$ = _tmpl$$34();
 						(0, solid_js_web.insert)(_el$, error);
 						return _el$;
 					}
@@ -8082,14 +8114,14 @@ function GuiToolbarManager(props) {
 					},
 					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;
+						var _el$3 = _tmpl$4$8(), _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();
+								var _el$6 = _tmpl$3$13();
 								(0, solid_js_web.insert)(_el$6, () => source(pin()));
 								return _el$6;
 							}
@@ -8237,9 +8269,9 @@ function createMeasuredToolbar() {
 	};
 }
 // src/features/pinned-toolbar/ui/gui/toolbar-button.tsx
-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$$33 = /*#__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>`);
+var _tmpl$3$12 = /*#__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;
 	const Tooltip = props.ui.Tooltip;
@@ -8260,7 +8292,7 @@ function GuiToolbarButton(props) {
 		},
 		get children() {
 			return [(() => {
-				var _el$ = _tmpl$$32();
+				var _el$ = _tmpl$$33();
 				(0, solid_js_web.insert)(_el$, label);
 				return _el$;
 			})(), (() => {
@@ -8282,7 +8314,7 @@ function GuiToolbarButton(props) {
 		}
 	});
 	return (() => {
-		var _el$4 = _tmpl$3$11();
+		var _el$4 = _tmpl$3$12();
 		_el$4.$$keydown = (event) => {
 			if (props.measuring || event.key !== "ContextMenu" && !(event.shiftKey && event.key === "F10")) return;
 			event.preventDefault();
@@ -8323,7 +8355,7 @@ function GuiToolbarButton(props) {
 }
 (0, solid_js_web.delegateEvents)(["contextmenu", "keydown"]);
 // src/features/pinned-toolbar/ui/gui/toolbar.tsx
-var _tmpl$$31 = /*#__PURE__*/ (0, solid_js_web.template)(`<span data-toolbar-visible>`);
+var _tmpl$$32 = /*#__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;
@@ -8384,7 +8416,7 @@ function GuiPinnedToolbar(props) {
 					return hidden().length > 0;
 				},
 				get children() {
-					var _el$2 = _tmpl$$31();
+					var _el$2 = _tmpl$$32();
 					(0, solid_js_web.insert)(_el$2, (0, solid_js_web.createComponent)(Menu, {
 						label: "More toolbar items",
 						trigger: "icon",
@@ -8475,7 +8507,7 @@ function NavigatorPinnedToolbar() {
 	});
 }
 // src/pages/navigator/ui/gui/monitoring-content.tsx
-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>`);
+var _tmpl$$31 = /*#__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)(() => {
@@ -8484,7 +8516,7 @@ function MonitoringContent(props) {
 	return (0, solid_js_web.createComponent)(NavigatorGuiContext.Provider, {
 		value: props,
 		get children() {
-			var _el$ = _tmpl$$30();
+			var _el$ = _tmpl$$31();
 			_el$.addEventListener("scroll", (event) => props.onScroll?.(event.currentTarget.scrollTop));
 			(0, solid_js_web.use)((node) => {
 				body = node;
@@ -8565,6 +8597,7 @@ function buildSearchCandidates(input) {
 			keywords: input.mcpGroups?.[item.name],
 			disabled: input.mcpBusy || !mcpToggleAction(item.status) ? "MCP operation in progress" : void 0,
 			server: item.name,
+			connected: item.status === "connected",
 			...input.mcpErrorMode === "details" && item.error && { information: {
 				title: `MCP · ${item.name}`,
 				body: `Status: ${item.status}\n\n${item.error}`
@@ -9139,7 +9172,7 @@ function createMiniWindowInteraction(props) {
 	};
 }
 // src/pages/navigator/ui/gui/mini-window.tsx
-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:grid;gap:6px;padding:8px;cursor:move;touch-action:none;user-select:none><strong data-navigator-session-title style=min-width:0;overflow:hidden;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:20px></strong><div role=group aria-label="Mini-window actions"style=display:flex;gap:4px;align-items:center><span data-navigator-move title="Drag or use arrow keys; Shift moves ten pixels"></span></div></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>`);
+var _tmpl$$30 = /*#__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:grid;gap:6px;padding:8px;cursor:move;touch-action:none;user-select:none><strong data-navigator-session-title style=min-width:0;overflow:hidden;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:20px></strong><div role=group aria-label="Mini-window actions"style=display:flex;gap:4px;align-items:center><span data-navigator-move title="Drag or use arrow keys; Shift moves ten pixels"></span></div></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 interaction = createMiniWindowInteraction(props);
 	function dragHeader(event) {
@@ -9148,7 +9181,7 @@ function NavigatorMiniWindow(props) {
 		interaction.start(event, "move");
 	}
 	return (() => {
-		var _el$ = _tmpl$$29(), _el$2 = _el$.firstChild, _el$3 = _el$2.firstChild, _el$4 = _el$3.nextSibling, _el$5 = _el$4.firstChild, _el$6 = _el$2.nextSibling, _el$7 = _el$6.firstChild;
+		var _el$ = _tmpl$$30(), _el$2 = _el$.firstChild, _el$3 = _el$2.firstChild, _el$4 = _el$3.nextSibling, _el$5 = _el$4.firstChild, _el$6 = _el$2.nextSibling, _el$7 = _el$6.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);
@@ -9252,13 +9285,13 @@ function NavigatorMiniWindow(props) {
 	"keydown"
 ]);
 // src/pages/navigator/ui/gui/monitoring-panel.tsx
-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 data-navigator-panel-header style="padding:8px 12px;display:grid;gap:6px;min-width:0"><strong data-navigator-session-title style=min-width:0;overflow:hidden;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:20px></strong><div role=group aria-label="Navigator actions"style=display:flex;gap:4px;align-items:center;flex-wrap:wrap>`);
+var _tmpl$$29 = /*#__PURE__*/ (0, solid_js_web.template)(`<div data-navigator-panel style=display:flex;flex-direction:column;height:100%;min-height:0><header data-navigator-panel-header style="padding:8px 12px;display:grid;gap:6px;min-width:0"><strong data-navigator-session-title style=min-width:0;overflow:hidden;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:20px></strong><div role=group aria-label="Navigator actions"style=display:flex;gap:4px;align-items:center;flex-wrap:wrap>`);
 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…`);
+var _tmpl$3$11 = /*#__PURE__*/ (0, solid_js_web.template)(`<p role=status> Loading Navigator…`);
 function MonitoringPanel(props) {
 	const Loader = props.ui.Loader;
 	return (() => {
-		var _el$ = _tmpl$$28(), _el$3 = _el$.firstChild.firstChild, _el$4 = _el$3.nextSibling;
+		var _el$ = _tmpl$$29(), _el$3 = _el$.firstChild.firstChild, _el$4 = _el$3.nextSibling;
 		(0, solid_js_web.insert)(_el$3, () => props.title);
 		(0, solid_js_web.insert)(_el$4, (0, solid_js_web.createComponent)(GuiIconAction, {
 			get ui() {
@@ -9333,7 +9366,7 @@ function MonitoringPanel(props) {
 					},
 					get fallback() {
 						return (() => {
-							var _el$7 = _tmpl$3$10(), _el$8 = _el$7.firstChild;
+							var _el$7 = _tmpl$3$11(), _el$8 = _el$7.firstChild;
 							(0, solid_js_web.insert)(_el$7, (0, solid_js_web.createComponent)(Loader, { size: "small" }), _el$8);
 							return _el$7;
 						})();
@@ -9398,9 +9431,9 @@ function updateProgressView(progress) {
 	};
 }
 // src/features/sidebar-settings/ui/gui/mcp-preset-menu.tsx
-var _tmpl$$27 = /*#__PURE__*/ (0, solid_js_web.template)(`<ul style="margin:8px 0;padding:0;list-style:none">`);
+var _tmpl$$28 = /*#__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>`);
+var _tmpl$3$10 = /*#__PURE__*/ (0, solid_js_web.template)(`<li>`);
 function GuiMcpPresetMenu(props) {
 	const Dialog = props.ui.Dialog;
 	const Button = props.ui.Button;
@@ -9432,7 +9465,7 @@ function GuiMcpPresetMenu(props) {
 				autofocus: true,
 				"class": "w-full"
 			}), (() => {
-				var _el$ = _tmpl$$27();
+				var _el$ = _tmpl$$28();
 				(0, solid_js_web.insert)(_el$, (0, solid_js_web.createComponent)(solid_js.For, {
 					get each() {
 						return names();
@@ -9441,7 +9474,7 @@ function GuiMcpPresetMenu(props) {
 						return _tmpl$2$20();
 					},
 					children: (name) => (() => {
-						var _el$3 = _tmpl$3$9();
+						var _el$3 = _tmpl$3$10();
 						(0, solid_js_web.insert)(_el$3, (0, solid_js_web.createComponent)(Button, {
 							variant: "ghost",
 							onClick: () => props.preview(name),
@@ -9456,7 +9489,7 @@ function GuiMcpPresetMenu(props) {
 	});
 }
 // src/features/sidebar-settings/ui/gui/mcp-preview-rows.tsx
-var _tmpl$$26 = /*#__PURE__*/ (0, solid_js_web.template)(`<section><h3></h3><ul style=padding:0;list-style:none>`);
+var _tmpl$$27 = /*#__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",
@@ -9475,7 +9508,7 @@ function GuiMcpPreviewRows(props) {
 				return props.model.preview().rows.some((row) => group(row.change) === section);
 			},
 			get children() {
-				var _el$ = _tmpl$$26(), _el$2 = _el$.firstChild, _el$3 = _el$2.nextSibling;
+				var _el$ = _tmpl$$27(), _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() {
@@ -9502,7 +9535,7 @@ function GuiMcpPreviewRows(props) {
 	});
 }
 // src/features/sidebar-settings/ui/gui/mcp-preset-preview.tsx
-var _tmpl$$25 = /*#__PURE__*/ (0, solid_js_web.template)(`<p>`);
+var _tmpl$$26 = /*#__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;
@@ -9564,7 +9597,7 @@ function GuiMcpPresetPreview(props) {
 		get children() {
 			return [
 				(() => {
-					var _el$ = _tmpl$$25();
+					var _el$ = _tmpl$$26();
 					(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$;
 				})(),
@@ -9586,7 +9619,7 @@ function GuiMcpPresetPreview(props) {
 	});
 }
 // src/features/sidebar-settings/ui/gui/settings-about.tsx
-var _tmpl$$24 = /*#__PURE__*/ (0, solid_js_web.template)(`<p role=status>`);
+var _tmpl$$25 = /*#__PURE__*/ (0, solid_js_web.template)(`<p role=status>`);
 function GuiSettingsAbout(props) {
 	const Section = props.ui.SettingsSection;
 	const Row = props.ui.SettingsRow;
@@ -9604,7 +9637,7 @@ function GuiSettingsAbout(props) {
 		title: "About Navigator",
 		get footer() {
 			return (() => {
-				var _el$ = _tmpl$$24();
+				var _el$ = _tmpl$$25();
 				(0, solid_js_web.insert)(_el$, () => props.about.status());
 				return _el$;
 			})();
@@ -9701,7 +9734,7 @@ function GuiSettingsAbout(props) {
 	})];
 }
 // src/features/sidebar-settings/ui/gui/settings-behavior.tsx
-var _tmpl$$23 = /*#__PURE__*/ (0, solid_js_web.template)(`<div style=display:flex;gap:8px;align-items:center>`);
+var _tmpl$$24 = /*#__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;
@@ -9785,7 +9818,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$$23();
+							var _el$ = _tmpl$$24();
 							(0, solid_js_web.insert)(_el$, (0, solid_js_web.createComponent)(TextInput, {
 								label: "Limits refresh in minutes",
 								get value() {
@@ -9868,7 +9901,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>`);
+var _tmpl$$23 = /*#__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;
@@ -9877,187 +9910,215 @@ function GuiSettingsCatalogs(props) {
 	const skillGroups = () => [...new Set(Object.values(props.preferences.skillGroups()))].sort();
 	const mcpGroups = () => [...new Set(Object.values(props.preferences.mcpServerGroups()))].sort();
 	return [
-		(0, solid_js_web.createComponent)(Section, {
-			title: "Quick Actions",
-			footer: "Visibility and order are scoped. Favorites are private and user-wide; usage never reorders actions.",
+		(0, solid_js_web.createComponent)(solid_js.Show, {
+			get when() {
+				return props.section === "actions";
+			},
 			get children() {
-				return (0, solid_js_web.createComponent)(GuiSortableList, {
-					get ui() {
-						return props.ui;
-					},
-					label: "Quick Action order",
-					get items() {
-						return props.catalogs.actions();
-					},
-					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 (() => {
-								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)(Switch, {
-								get label() {
-									return `Show action ${action().label}`;
-								},
-								hideLabel: true,
-								get checked() {
-									return props.preferences.selectedQuickActionVisible(action().id);
+				return (0, solid_js_web.createComponent)(Section, {
+					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)(GuiSortableList, {
+							get ui() {
+								return props.ui;
+							},
+							label: "Quick Action order",
+							get items() {
+								return props.catalogs.actions();
+							},
+							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 (() => {
+										var _el$ = _tmpl$$23();
+										(0, solid_js_web.insert)(_el$, handle, null);
+										(0, solid_js_web.insert)(_el$, () => action().label, null);
+										return _el$;
+									})();
 								},
-								onChange: () => props.preferences.toggleQuickAction(action().id)
-							});
-						}
-					})
+								get children() {
+									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)
+									});
+								}
+							})
+						});
+					}
 				});
 			}
 		}),
-		(0, solid_js_web.createComponent)(Section, {
-			title: "Skill groups",
-			footer: "Assignments use exact source locations and remain private across worktrees. Skills without a source cannot be assigned.",
+		(0, solid_js_web.createComponent)(solid_js.Show, {
+			get when() {
+				return props.section === "skills";
+			},
 			get children() {
-				return [(0, solid_js_web.createComponent)(solid_js.For, {
-					get each() {
-						return props.catalogs.skills();
-					},
-					children: (skill) => (0, solid_js_web.createComponent)(Row, {
-						get title() {
-							return skill.name;
-						},
-						get description() {
-							return skill.location ?? "No exact source location reported by this host.";
-						},
-						get children() {
-							return (0, solid_js_web.createComponent)(GuiGroupControl, {
-								get ui() {
-									return props.ui;
-								},
-								get label() {
-									return `${skill.name} (${skill.location ?? "source unavailable"})`;
-								},
-								get disabled() {
-									return !skill.location;
-								},
-								get value() {
-									return (0, solid_js_web.memo)(() => !!skill.location)() ? props.preferences.skillGroups()[skill.location] : void 0;
+				return (0, solid_js_web.createComponent)(Section, {
+					title: "Skill groups",
+					footer: "Assignments use exact source locations and remain private across worktrees. Skills without a source cannot be assigned.",
+					get children() {
+						return [(0, solid_js_web.createComponent)(solid_js.For, {
+							get each() {
+								return props.catalogs.skills();
+							},
+							children: (skill) => (0, solid_js_web.createComponent)(Row, {
+								get title() {
+									return skill.name;
 								},
-								get groups() {
-									return skillGroups();
+								get description() {
+									return skill.location ?? "No exact source location reported by this host.";
 								},
-								save: (group) => {
-									if (skill.location) props.preferences.setSkillGroup(skill.location, group);
+								get children() {
+									return (0, solid_js_web.createComponent)(GuiGroupControl, {
+										get ui() {
+											return props.ui;
+										},
+										get label() {
+											return `${skill.name} (${skill.location ?? "source unavailable"})`;
+										},
+										get disabled() {
+											return !skill.location;
+										},
+										get value() {
+											return (0, solid_js_web.memo)(() => !!skill.location)() ? props.preferences.skillGroups()[skill.location] : void 0;
+										},
+										get groups() {
+											return skillGroups();
+										},
+										save: (group) => {
+											if (skill.location) props.preferences.setSkillGroup(skill.location, group);
+										}
+									});
 								}
-							});
-						}
-					})
-				}), (0, solid_js_web.createComponent)(solid_js.Show, {
-					get when() {
-						return props.catalogs.skills().length === 0;
-					},
-					get children() {
-						return (0, solid_js_web.createComponent)(Row, {
-							title: "No Skills loaded",
-							description: "Open a session to load its native Skill source."
-						});
+							})
+						}), (0, solid_js_web.createComponent)(solid_js.Show, {
+							get when() {
+								return props.catalogs.skills().length === 0;
+							},
+							get children() {
+								return (0, solid_js_web.createComponent)(Row, {
+									title: "No Skills loaded",
+									description: "Open a session to load its native Skill source."
+								});
+							}
+						})];
 					}
-				})];
+				});
 			}
 		}),
-		(0, solid_js_web.createComponent)(Section, {
-			title: "MCP groups",
-			footer: "One named group per exact server name. Absent server assignments are retained.",
+		(0, solid_js_web.createComponent)(solid_js.Show, {
+			get when() {
+				return props.section === "mcp";
+			},
 			get children() {
-				return [(0, solid_js_web.createComponent)(solid_js.For, {
-					get each() {
-						return props.catalogs.mcpServers();
-					},
-					children: (name) => (0, solid_js_web.createComponent)(Row, {
-						title: name,
-						get children() {
-							return (0, solid_js_web.createComponent)(GuiGroupControl, {
-								get ui() {
-									return props.ui;
-								},
-								label: name,
-								get value() {
-									return props.preferences.mcpServerGroups()[name];
-								},
-								get groups() {
-									return mcpGroups();
-								},
-								save: (group) => props.preferences.setMcpServerGroup(name, group)
-							});
-						}
-					})
-				}), (0, solid_js_web.createComponent)(solid_js.Show, {
-					get when() {
-						return props.catalogs.mcpServers().length === 0;
-					},
+				return (0, solid_js_web.createComponent)(Section, {
+					title: "MCP groups",
+					footer: "One named group per exact server name. Absent server assignments are retained.",
 					get children() {
-						return (0, solid_js_web.createComponent)(Row, {
-							title: "No MCP servers loaded",
-							description: "Open a session with configured MCP servers."
-						});
+						return [(0, solid_js_web.createComponent)(solid_js.For, {
+							get each() {
+								return props.catalogs.mcpServers();
+							},
+							children: (name) => (0, solid_js_web.createComponent)(Row, {
+								title: name,
+								get children() {
+									return (0, solid_js_web.createComponent)(GuiGroupControl, {
+										get ui() {
+											return props.ui;
+										},
+										label: name,
+										get value() {
+											return props.preferences.mcpServerGroups()[name];
+										},
+										get groups() {
+											return mcpGroups();
+										},
+										save: (group) => props.preferences.setMcpServerGroup(name, group)
+									});
+								}
+							})
+						}), (0, solid_js_web.createComponent)(solid_js.Show, {
+							get when() {
+								return props.catalogs.mcpServers().length === 0;
+							},
+							get children() {
+								return (0, solid_js_web.createComponent)(Row, {
+									title: "No MCP servers loaded",
+									description: "Open a session with configured MCP servers."
+								});
+							}
+						})];
 					}
-				})];
+				});
 			}
 		}),
-		(0, solid_js_web.createComponent)(Section, {
-			title: "Trusted Skills",
-			footer: "Revoking trust restores confirmation. It never runs or removes a Skill.",
+		(0, solid_js_web.createComponent)(solid_js.Show, {
+			get when() {
+				return props.section === "skills";
+			},
 			get children() {
-				return [
-					(0, solid_js_web.createComponent)(solid_js.For, {
-						get each() {
-							return props.preferences.trustedSkillLocations();
-						},
-						children: (location) => (0, solid_js_web.createComponent)(Row, {
-							title: "Trusted Skill source",
-							description: location,
-							get children() {
-								return (0, solid_js_web.createComponent)(Button, {
-									onClick: () => props.preferences.revokeSkillConfirmation(location),
-									children: "Require confirmation"
-								});
-							}
-						})
-					}),
-					(0, solid_js_web.createComponent)(solid_js.Show, {
-						get when() {
-							return props.preferences.trustedSkillLocations().length === 0;
-						},
-						get children() {
-							return (0, solid_js_web.createComponent)(Row, { title: "All Skills require confirmation" });
-						}
-					}),
-					(0, solid_js_web.createComponent)(Row, {
-						title: "Reset Skill trust",
-						get children() {
-							return (0, solid_js_web.createComponent)(Button, {
-								onClick: () => void props.reset("trust"),
-								children: "Require confirmation for every Skill"
-							});
-						}
-					})
-				];
+				return (0, solid_js_web.createComponent)(Section, {
+					title: "Trusted Skills",
+					footer: "Revoking trust restores confirmation. It never runs or removes a Skill.",
+					get children() {
+						return [
+							(0, solid_js_web.createComponent)(solid_js.For, {
+								get each() {
+									return props.preferences.trustedSkillLocations();
+								},
+								children: (location) => (0, solid_js_web.createComponent)(Row, {
+									title: "Trusted Skill source",
+									description: location,
+									get children() {
+										return (0, solid_js_web.createComponent)(Button, {
+											onClick: () => props.preferences.revokeSkillConfirmation(location),
+											children: "Require confirmation"
+										});
+									}
+								})
+							}),
+							(0, solid_js_web.createComponent)(solid_js.Show, {
+								get when() {
+									return props.preferences.trustedSkillLocations().length === 0;
+								},
+								get children() {
+									return (0, solid_js_web.createComponent)(Row, { title: "All Skills require confirmation" });
+								}
+							}),
+							(0, solid_js_web.createComponent)(Row, {
+								title: "Reset Skill trust",
+								get children() {
+									return (0, solid_js_web.createComponent)(Button, {
+										onClick: () => void props.reset("trust"),
+										children: "Require confirmation for every Skill"
+									});
+								}
+							})
+						];
+					}
+				});
 			}
 		})
 	];
 }
 // src/features/sidebar-settings/ui/gui/preset-controls.tsx
-var _tmpl$$21 = /*#__PURE__*/ (0, solid_js_web.template)(`<div role=group style=display:flex;gap:8px;flex-wrap:wrap>`);
+var _tmpl$$22 = /*#__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$$21();
+		var _el$ = _tmpl$$22();
 		(0, solid_js_web.insert)(_el$, (0, solid_js_web.createComponent)(Button, {
 			size: "small",
 			onClick: () => void props.presets.manage(props.kind, props.name, "rename"),
@@ -10078,7 +10139,7 @@ function GuiPresetControls(props) {
 	})();
 }
 // src/features/sidebar-settings/ui/gui/settings-presets.tsx
-var _tmpl$$20 = /*#__PURE__*/ (0, solid_js_web.template)(`<div style=display:flex;gap:8px;flex-wrap:wrap>`);
+var _tmpl$$21 = /*#__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;
@@ -10118,7 +10179,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$$20();
+						var _el$ = _tmpl$$21();
 						(0, solid_js_web.insert)(_el$, (0, solid_js_web.createComponent)(TextInput, {
 							label: "New preset name",
 							get value() {
@@ -10260,33 +10321,153 @@ function GuiSettingsResets(props) {
 		footer: "Every reset needs confirmation and applies only to its described data. Host themes and client configuration are never changed.",
 		get children() {
 			return [
-				(0, solid_js_web.createComponent)(Row, {
-					title: "Layout",
-					description: "Restore configured visibility, expansion and order for the selected scope.",
+				(0, solid_js_web.createComponent)(solid_js.Show, {
+					get when() {
+						return props.section === "layout";
+					},
 					get children() {
-						return (0, solid_js_web.createComponent)(Button, {
-							onClick: () => void props.reset("layout"),
-							children: "Restore layout"
+						return (0, solid_js_web.createComponent)(Row, {
+							title: "Layout",
+							description: "Restore configured visibility, expansion and order for the selected scope.",
+							get children() {
+								return (0, solid_js_web.createComponent)(Button, {
+									onClick: () => void props.reset("layout"),
+									children: "Restore layout"
+								});
+							}
+						});
+					}
+				}),
+				(0, solid_js_web.createComponent)(solid_js.Show, {
+					get when() {
+						return props.section === "behavior";
+					},
+					get children() {
+						return (0, solid_js_web.createComponent)(Row, {
+							title: "Shared behavior",
+							description: "Restore all Navigator behavior defaults in this scope, including terminal-only settings shared with TUI instances.",
+							get children() {
+								return (0, solid_js_web.createComponent)(Button, {
+									onClick: () => void props.reset("behavior"),
+									children: "Restore shared behavior"
+								});
+							}
 						});
 					}
 				}),
+				(0, solid_js_web.createComponent)(solid_js.Show, {
+					get when() {
+						return props.section === "mcp";
+					},
+					get children() {
+						return (0, solid_js_web.createComponent)(Row, {
+							title: "Remembered MCP states",
+							description: "Forget desired states in this scope without changing the current connections.",
+							get children() {
+								return (0, solid_js_web.createComponent)(Button, {
+									onClick: () => void props.reset("mcp"),
+									children: "Clear remembered MCP states"
+								});
+							}
+						});
+					}
+				})
+			];
+		}
+	});
+}
+// src/features/sidebar-settings/ui/gui/settings-scope.tsx
+var _tmpl$$20 = /*#__PURE__*/ (0, solid_js_web.template)(`<p role=status>`);
+function GuiSettingsScope(props) {
+	const Section = props.ui.SettingsSection;
+	const Row = props.ui.SettingsRow;
+	const Select = props.ui.Select;
+	const Button = props.ui.Button;
+	const [busy, setBusy] = (0, solid_js.createSignal)(false);
+	const [status, setStatus] = (0, solid_js.createSignal)("");
+	async function run(action, message) {
+		if (busy()) return;
+		setBusy(true);
+		setStatus("");
+		try {
+			await action();
+			setStatus(message);
+		} catch (error) {
+			setStatus(error instanceof Error ? error.message : "Settings could not be saved. Try again.");
+		} finally {
+			setBusy(false);
+		}
+	}
+	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$ = _tmpl$$20();
+					(0, solid_js_web.insert)(_el$, status);
+					return _el$;
+				}
+			});
+		},
+		get children() {
+			return [
 				(0, solid_js_web.createComponent)(Row, {
-					title: "Shared behavior",
-					description: "Restore all Navigator behavior defaults in this scope, including terminal-only settings shared with TUI instances.",
+					title: "Scope",
+					description: "Global applies everywhere. Worktree overrides use the currently selected server and location.",
 					get children() {
-						return (0, solid_js_web.createComponent)(Button, {
-							onClick: () => void props.reset("behavior"),
-							children: "Restore shared behavior"
+						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)(solid_js.Show, {
+					get when() {
+						return props.layout;
+					},
+					get children() {
+						return (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: "Remembered MCP states",
-					description: "Forget desired states in this scope without changing the current connections.",
+					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, {
-							onClick: () => void props.reset("mcp"),
-							children: "Clear remembered MCP states"
+							get busy() {
+								return busy();
+							},
+							onClick: () => void run(props.preferences.reloadFromFile, "Private preferences reloaded."),
+							children: "Reload preferences"
 						});
 					}
 				})
@@ -10411,28 +10592,48 @@ function GuiSettingsSections(props) {
 }
 // src/features/sidebar-settings/ui/gui/settings-page.tsx
 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>`);
+var _tmpl$2$15 = /*#__PURE__*/ (0, solid_js_web.template)(`<section style=gap:32px;min-width:0>`);
+var tabs = [
+	{
+		id: "layout",
+		label: "Layout"
+	},
+	{
+		id: "behavior",
+		label: "Behavior"
+	},
+	{
+		id: "actions",
+		label: "Quick Actions"
+	},
+	{
+		id: "skills",
+		label: "Skills"
+	},
+	{
+		id: "mcp",
+		label: "MCP"
+	},
+	{
+		id: "presets",
+		label: "Presets"
+	},
+	{
+		id: "about",
+		label: "About"
+	}
+];
 function GuiNavigatorSettings(props) {
 	const Layout = props.ui.SettingsLayout;
-	const Section = props.ui.SettingsSection;
-	const Row = props.ui.SettingsRow;
-	const Select = props.ui.Select;
-	const Button = props.ui.Button;
-	const [busy, setBusy] = (0, solid_js.createSignal)(false);
-	const [status, setStatus] = (0, solid_js.createSignal)("");
-	async function run(action, message) {
-		if (busy()) return;
-		setBusy(true);
-		setStatus("");
-		try {
-			await action();
-			setStatus(message);
-		} catch (error) {
-			setStatus(error instanceof Error ? error.message : "Settings could not be saved. Try again.");
-		} finally {
-			setBusy(false);
-		}
-	}
+	const [selected, setSelected] = (0, solid_js.createSignal)("layout");
+	const [visited, setVisited] = (0, solid_js.createSignal)(["layout"]);
+	const select = (id) => {
+		setVisited((current) => current.includes(id) ? current : [...current, id]);
+		setSelected(id);
+	};
+	(0, solid_js.createEffect)(() => {
+		if (props.target === "navigator-overflow" || props.target === "navigator-quota-refresh") select("behavior");
+	});
 	return (0, solid_js_web.createComponent)(Layout, {
 		title: "Navigator",
 		description: "Shared sidebar settings for this Desktop and your local TUI instances.",
@@ -10447,90 +10648,102 @@ function GuiNavigatorSettings(props) {
 					},
 					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$15();
-											(0, solid_js_web.insert)(_el$2, status);
-											return _el$2;
-										}
-									});
+							(0, solid_js_web.createComponent)(GuiTabs, {
+								get ui() {
+									return props.ui;
 								},
-								get children() {
-									return [
-										(0, solid_js_web.createComponent)(Row, {
-											title: "Scope",
-											description: "Global applies everywhere. Worktree overrides use the currently selected server and location.",
+								label: "Navigator settings categories",
+								get selected() {
+									return selected();
+								},
+								options: tabs,
+								onSelect: select
+							}),
+							(0, solid_js_web.createComponent)(GuiSettingsScope, (0, solid_js_web.mergeProps)(props, { get layout() {
+								return selected() === "layout";
+							} })),
+							(0, solid_js_web.createComponent)(solid_js.For, {
+								each: tabs,
+								children: (tab) => (0, solid_js_web.createComponent)(solid_js.Show, {
+									get when() {
+										return visited().includes(tab.id);
+									},
+									get children() {
+										var _el$2 = _tmpl$2$15();
+										(0, solid_js_web.insert)(_el$2, (0, solid_js_web.createComponent)(solid_js.Show, {
+											get when() {
+												return tab.id === "layout";
+											},
 											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;
-													}
-												});
+												return [(0, solid_js_web.createComponent)(GuiSettingsSections, props), (0, solid_js_web.createComponent)(GuiSettingsResets, (0, solid_js_web.mergeProps)(props, { section: "layout" }))];
 											}
-										}),
-										(0, solid_js_web.createComponent)(Row, {
-											title: "Layout default",
-											description: "Changing section visibility or order does not implicitly replace the saved default.",
+										}), null);
+										(0, solid_js_web.insert)(_el$2, (0, solid_js_web.createComponent)(solid_js.Show, {
+											get when() {
+												return tab.id === "behavior";
+											},
 											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"
-												});
+												return [(0, solid_js_web.createComponent)(GuiSettingsBehavior, props), (0, solid_js_web.createComponent)(GuiSettingsResets, (0, solid_js_web.mergeProps)(props, { section: "behavior" }))];
+											}
+										}), null);
+										(0, solid_js_web.insert)(_el$2, (0, solid_js_web.createComponent)(solid_js.Show, {
+											get when() {
+												return tab.id === "actions" || tab.id === "skills" || tab.id === "mcp";
+											},
+											get children() {
+												return (0, solid_js_web.createComponent)(GuiSettingsCatalogs, (0, solid_js_web.mergeProps)(props, { get section() {
+													return tab.id;
+												} }));
 											}
-										}),
-										(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.",
+										}), null);
+										(0, solid_js_web.insert)(_el$2, (0, solid_js_web.createComponent)(solid_js.Show, {
+											get when() {
+												return tab.id === "mcp";
+											},
+											get children() {
+												return (0, solid_js_web.createComponent)(GuiSettingsResets, (0, solid_js_web.mergeProps)(props, { section: "mcp" }));
+											}
+										}), null);
+										(0, solid_js_web.insert)(_el$2, (0, solid_js_web.createComponent)(solid_js.Show, {
+											get when() {
+												return tab.id === "presets";
+											},
 											get children() {
-												return (0, solid_js_web.createComponent)(Button, {
-													get busy() {
-														return busy();
+												return (0, solid_js_web.createComponent)(GuiSettingsPresets, props);
+											}
+										}), null);
+										(0, solid_js_web.insert)(_el$2, (0, solid_js_web.createComponent)(solid_js.Show, {
+											get when() {
+												return tab.id === "about";
+											},
+											get children() {
+												return (0, solid_js_web.createComponent)(GuiSettingsAbout, {
+													get ui() {
+														return props.ui;
+													},
+													get about() {
+														return props.about;
 													},
-													onClick: () => void run(props.preferences.reloadFromFile, "Private preferences reloaded."),
-													children: "Reload preferences"
+													get showGuide() {
+														return props.showGuide;
+													}
 												});
 											}
-										})
-									];
-								}
-							}),
-							(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;
-								}
+										}), null);
+										(0, solid_js_web.effect)((_p$) => {
+											var _v$ = selected() !== tab.id, _v$2 = `${tab.label} settings`, _v$3 = selected() === tab.id ? "grid" : "none";
+											_v$ !== _p$.e && (_el$2.hidden = _p$.e = _v$);
+											_v$2 !== _p$.t && (0, solid_js_web.setAttribute)(_el$2, "aria-label", _p$.t = _v$2);
+											_v$3 !== _p$.a && (0, solid_js_web.setStyleProperty)(_el$2, "display", _p$.a = _v$3);
+											return _p$;
+										}, {
+											e: void 0,
+											t: void 0,
+											a: void 0
+										});
+										return _el$2;
+									}
+								})
 							})
 						];
 					}
@@ -10542,8 +10755,8 @@ function GuiNavigatorSettings(props) {
 // src/features/sidebar-settings/ui/gui/onboarding-dialog.tsx
 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$6 = /*#__PURE__*/ (0, solid_js_web.template)(`<div style=margin-top:16px><dt><strong></strong></dt><dd style="margin:4px 0 0">`);
+var _tmpl$3$9 = /*#__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 steps = createOnboardingSteps({
 	nativeTodo: true,
 	lsp: false,
@@ -10600,13 +10813,13 @@ function GuiOnboardingDialog(props) {
 					(0, solid_js_web.insert)(_el$2, () => value().summary);
 					return _el$2;
 				})(), (() => {
-					var _el$3 = _tmpl$3$8();
+					var _el$3 = _tmpl$3$9();
 					(0, solid_js_web.insert)(_el$3, (0, solid_js_web.createComponent)(solid_js.For, {
 						get each() {
 							return value().features;
 						},
 						children: (feature) => (() => {
-							var _el$4 = _tmpl$4$6(), _el$5 = _el$4.firstChild, _el$6 = _el$5.firstChild, _el$7 = _el$5.nextSibling;
+							var _el$4 = _tmpl$4$7(), _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;
@@ -10788,8 +11001,8 @@ function GuiBugReportConfirmation(props) {
 // src/features/sidebar-settings/ui/gui/layout-preset-preview.tsx
 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$5 = /*#__PURE__*/ (0, solid_js_web.template)(`<p>MCP scope: `);
+var _tmpl$3$8 = /*#__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: `);
 function GuiLayoutPresetPreview(props) {
 	const Dialog = props.ui.Dialog;
 	const Button = props.ui.Button;
@@ -10854,7 +11067,7 @@ function GuiLayoutPresetPreview(props) {
 							return props.model.layout.preview()?.rows;
 						},
 						children: (row) => (() => {
-							var _el$3 = _tmpl$3$7(), _el$4 = _el$3.firstChild, _el$5 = _el$4.nextSibling, _el$12 = _el$5.firstChild.nextSibling, _el$13 = _el$12.nextSibling.nextSibling, _el$14 = _el$13.nextSibling.nextSibling, _el$15 = _el$14.nextSibling.nextSibling, _el$16 = _el$15.nextSibling.nextSibling;
+							var _el$3 = _tmpl$3$8(), _el$4 = _el$3.firstChild, _el$5 = _el$4.nextSibling, _el$12 = _el$5.firstChild.nextSibling, _el$13 = _el$12.nextSibling.nextSibling, _el$14 = _el$13.nextSibling.nextSibling, _el$15 = _el$14.nextSibling.nextSibling, _el$16 = _el$15.nextSibling.nextSibling;
 							_el$16.nextSibling;
 							(0, solid_js_web.insert)(_el$4, () => row.section);
 							(0, solid_js_web.insert)(_el$5, () => row.visibility[0] ? "visible" : "hidden", _el$12);
@@ -10873,7 +11086,7 @@ function GuiLayoutPresetPreview(props) {
 						return props.model.mcp;
 					},
 					children: (model) => [(() => {
-						var _el$17 = _tmpl$4$5();
+						var _el$17 = _tmpl$4$6();
 						_el$17.firstChild;
 						(0, solid_js_web.insert)(_el$17, () => model().scope, null);
 						return _el$17;
@@ -10888,7 +11101,7 @@ function GuiLayoutPresetPreview(props) {
 // src/features/sidebar-settings/ui/gui/portable-dialog.tsx
 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: `);
+var _tmpl$3$7 = /*#__PURE__*/ (0, solid_js_web.template)(`<p>Skipped unsupported field: `);
 function GuiPortableSettingsDialog(props) {
 	const Dialog = props.ui.Dialog;
 	const Button = props.ui.Button;
@@ -10999,7 +11212,7 @@ function GuiPortableSettingsDialog(props) {
 							return value().unsupported;
 						},
 						children: (field) => (() => {
-							var _el$12 = _tmpl$3$6();
+							var _el$12 = _tmpl$3$7();
 							_el$12.firstChild;
 							(0, solid_js_web.insert)(_el$12, field, null);
 							return _el$12;
@@ -11141,7 +11354,7 @@ function createGuiBugReport(context) {
 		let token = "";
 		(0, solid_js.onCleanup)(() => abort.abort());
 		const model = createBugReportModel({
-			navigatorVersion: "0.27.3",
+			navigatorVersion: "0.27.4",
 			openCodeVersion: context.app.version,
 			platform: context.app.platform,
 			runtime: "OpenCode Desktop GUI"
@@ -11193,8 +11406,8 @@ function createGuiBugReport(context) {
 }
 // src/app/gui/release.ts
 var guiRelease = {
-	version: "0.27.3",
-	changelog: "# Changelog\n\n## [0.27.3] - 2026-11-12\n\n- Keep the Desktop session title on its own full-width row in both the panel and floating mini-window, with readable wrapping instead of squeezing it between action labels.\n- Use native icon buttons with tooltips for familiar sidebar actions such as Search, Refresh, Settings, Float, Dock and information. Keep descriptive labels for account linking, Banked Resets, presets and other less obvious operations.\n- Remove the persistent account/model scope explanation from successful Desktop Limits. Keep the short update time, quota data and actionable warnings without changing account scope or reset-credit safeguards.\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"
+	version: "0.27.4",
+	changelog: "# Changelog\n\n## [0.27.4] - 2026-11-12\n\n- Show banked-reset expiry progress in the terminal, with readable remaining time and explicit missing or invalid dates. Keep credit use separately confirmed.\n- Use native Desktop switches for individual MCP connections, whole groups and Search Everything results, with pending feedback and separate error information.\n- Split Desktop Settings into Layout, Behavior, Quick Actions, Skills, MCP, Presets and About categories. Keep scoped preferences, existing actions and unsaved drafts when switching categories.\n- Move between Desktop category buttons with Left/Right from the currently focused button, even when it is not the selected category.\n\n## [0.27.3] - 2026-11-12\n\n- Keep the Desktop session title on its own full-width row in both the panel and floating mini-window, with readable wrapping instead of squeezing it between action labels.\n- Use native icon buttons with tooltips for familiar sidebar actions such as Search, Refresh, Settings, Float, Dock and information. Keep descriptive labels for account linking, Banked Resets, presets and other less obvious operations.\n- Remove the persistent account/model scope explanation from successful Desktop Limits. Keep the short update time, quota data and actionable warnings without changing account scope or reset-credit safeguards.\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) {
@@ -11358,7 +11571,7 @@ 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)>`);
+var _tmpl$3$6 = /*#__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 = () => {
@@ -11397,7 +11610,7 @@ function GuiResetCreditExpiry(props) {
 				return expiry();
 			},
 			children: (date) => (() => {
-				var _el$5 = _tmpl$3$5();
+				var _el$5 = _tmpl$3$6();
 				(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;
@@ -11409,9 +11622,9 @@ function GuiResetCreditExpiry(props) {
 // 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$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$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$5$3 = /*#__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;
@@ -11469,7 +11682,7 @@ function GuiResetCreditDialog(props) {
 					}
 				}),
 				(() => {
-					var _el$3 = _tmpl$3$4();
+					var _el$3 = _tmpl$3$5();
 					(0, solid_js_web.insert)(_el$3, (0, solid_js_web.createComponent)(solid_js.For, {
 						get each() {
 							return props.credits?.credits;
@@ -11506,7 +11719,7 @@ function GuiResetCreditDialog(props) {
 						return (props.credits?.availableCount ?? 0) > (props.credits?.credits?.length ?? 0);
 					},
 					get children() {
-						return [_tmpl$4$4(), (0, solid_js_web.createComponent)(Button, {
+						return [_tmpl$4$5(), (0, solid_js_web.createComponent)(Button, {
 							get disabled() {
 								return props.busy || Boolean(props.reason || props.pending);
 							},
@@ -11520,7 +11733,7 @@ function GuiResetCreditDialog(props) {
 						return props.busy;
 					},
 					get children() {
-						return _tmpl$5$2();
+						return _tmpl$5$3();
 					}
 				})
 			];
@@ -14605,28 +14818,89 @@ 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 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>`);
+var _tmpl$$7 = /*#__PURE__*/ (0, solid_js_web.template)(`<span role=status> Updating connection…`);
+var _tmpl$2$6 = /*#__PURE__*/ (0, solid_js_web.template)(`<div style=flex:1;min-width:0;overflow-wrap:anywhere>`);
+var _tmpl$3$4 = /*#__PURE__*/ (0, solid_js_web.template)(`<li style="display:flex;gap:4px;align-items:center;min-width:0;padding:3px 0">`);
+var _tmpl$4$4 = /*#__PURE__*/ (0, solid_js_web.template)(`<span role=status style=display:inline-flex;gap:6px;align-items:center>Working…`);
+var _tmpl$5$2 = /*#__PURE__*/ (0, solid_js_web.template)(`<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;
+	const Switch = props.ui.Switch;
 	return (() => {
-		var _el$ = _tmpl$2$6(), _el$2 = _el$.firstChild, _el$3 = _el$2.firstChild, _el$4 = _el$3.nextSibling;
-		_el$2.$$click = (event) => {
-			event.stopPropagation();
-			props.run();
-		};
-		(0, solid_js_web.addEventListener)(_el$2, "focus", props.focus);
-		(0, solid_js_web.insert)(_el$3, () => props.result.title);
-		(0, solid_js_web.insert)(_el$4, () => props.result.disabled || props.result.description);
-		(0, solid_js_web.insert)(_el$2, (0, solid_js_web.createComponent)(solid_js.Show, {
+		var _el$ = _tmpl$3$4();
+		(0, solid_js_web.addEventListener)(_el$, "focusin", props.focus, true);
+		(0, solid_js_web.insert)(_el$, (0, solid_js_web.createComponent)(solid_js.Show, {
 			get when() {
-				return props.busy;
+				return props.result.group === "MCP";
+			},
+			get fallback() {
+				return (() => {
+					var _el$5 = _tmpl$5$2(), _el$6 = _el$5.firstChild, _el$7 = _el$6.nextSibling;
+					_el$5.$$click = (event) => {
+						event.stopPropagation();
+						props.run();
+					};
+					(0, solid_js_web.addEventListener)(_el$5, "focus", props.focus);
+					(0, solid_js_web.insert)(_el$6, () => props.result.title);
+					(0, solid_js_web.insert)(_el$7, () => props.result.disabled || props.result.description);
+					(0, solid_js_web.insert)(_el$5, (0, solid_js_web.createComponent)(solid_js.Show, {
+						get when() {
+							return props.busy;
+						},
+						get children() {
+							var _el$8 = _tmpl$4$4(), _el$9 = _el$8.firstChild;
+							(0, solid_js_web.insert)(_el$8, (0, solid_js_web.createComponent)(Loader, { size: "small" }), _el$9);
+							return _el$8;
+						}
+					}), null);
+					(0, solid_js_web.effect)((_p$) => {
+						var _v$ = props.selected ? "true" : void 0, _v$2 = Boolean(props.result.disabled || props.busy), _v$3 = props.selected ? "var(--v2-overlay-simple-overlay-hover, color-mix(in srgb, currentColor 8%, transparent))" : "transparent", _v$4 = props.result.disabled ? "not-allowed" : "pointer";
+						_v$ !== _p$.e && (0, solid_js_web.setAttribute)(_el$5, "aria-current", _p$.e = _v$);
+						_v$2 !== _p$.t && (0, solid_js_web.setAttribute)(_el$5, "aria-disabled", _p$.t = _v$2);
+						_v$3 !== _p$.a && (0, solid_js_web.setStyleProperty)(_el$5, "background", _p$.a = _v$3);
+						_v$4 !== _p$.o && (0, solid_js_web.setStyleProperty)(_el$5, "cursor", _p$.o = _v$4);
+						return _p$;
+					}, {
+						e: void 0,
+						t: void 0,
+						a: void 0,
+						o: void 0
+					});
+					return _el$5;
+				})();
 			},
 			get children() {
-				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;
+				var _el$2 = _tmpl$2$6();
+				(0, solid_js_web.insert)(_el$2, (0, solid_js_web.createComponent)(Switch, {
+					get label() {
+						return props.result.title;
+					},
+					get description() {
+						return props.result.disabled || props.result.description;
+					},
+					get checked() {
+						return (0, solid_js_web.memo)(() => props.result.group === "MCP")() && props.result.connected === true;
+					},
+					get disabled() {
+						return Boolean(props.result.disabled || props.busy);
+					},
+					get onChange() {
+						return props.run;
+					}
+				}), null);
+				(0, solid_js_web.insert)(_el$2, (0, solid_js_web.createComponent)(solid_js.Show, {
+					get when() {
+						return props.busy;
+					},
+					get children() {
+						var _el$3 = _tmpl$$7(), _el$4 = _el$3.firstChild;
+						(0, solid_js_web.insert)(_el$3, (0, solid_js_web.createComponent)(Loader, { size: "small" }), _el$4);
+						return _el$3;
+					}
+				}), null);
+				(0, solid_js_web.effect)(() => (0, solid_js_web.setAttribute)(_el$2, "aria-busy", props.busy));
+				return _el$2;
 			}
 		}), null);
 		(0, solid_js_web.insert)(_el$, (0, solid_js_web.createComponent)(solid_js.Show, {
@@ -14661,23 +14935,10 @@ function GuiSearchResultRow(props) {
 				});
 			}
 		}), null);
-		(0, solid_js_web.effect)((_p$) => {
-			var _v$ = props.selected ? "true" : void 0, _v$2 = Boolean(props.result.disabled || props.busy), _v$3 = props.selected ? "var(--v2-overlay-simple-overlay-hover, color-mix(in srgb, currentColor 8%, transparent))" : "transparent", _v$4 = props.result.disabled ? "not-allowed" : "pointer";
-			_v$ !== _p$.e && (0, solid_js_web.setAttribute)(_el$2, "aria-current", _p$.e = _v$);
-			_v$2 !== _p$.t && (0, solid_js_web.setAttribute)(_el$2, "aria-disabled", _p$.t = _v$2);
-			_v$3 !== _p$.a && (0, solid_js_web.setStyleProperty)(_el$2, "background", _p$.a = _v$3);
-			_v$4 !== _p$.o && (0, solid_js_web.setStyleProperty)(_el$2, "cursor", _p$.o = _v$4);
-			return _p$;
-		}, {
-			e: void 0,
-			t: void 0,
-			a: void 0,
-			o: void 0
-		});
 		return _el$;
 	})();
 }
-(0, solid_js_web.delegateEvents)(["click"]);
+(0, solid_js_web.delegateEvents)(["focusin", "click"]);
 // 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>`);
@@ -15074,7 +15335,12 @@ function registerGuiSettings(context, services) {
 			title: "Limits refresh",
 			keywords: "quota interval minutes"
 		}],
-		render: () => (0, solid_js_web.createComponent)(GuiNavigatorSettings, (0, solid_js_web.mergeProps)(services, { showGuide }))
+		render: (input) => (0, solid_js_web.createComponent)(GuiNavigatorSettings, (0, solid_js_web.mergeProps)(services, {
+			get target() {
+				return input.target;
+			},
+			showGuide
+		}))
 	});
 	context.add(_opencode_plugin_gui.Command, {
 		id: "settings",
@@ -16178,7 +16444,7 @@ var setup = (context) => {
 			try {
 				await preferences.flush();
 				context.toast.show({
-					title: `Navigator 0.27.3`,
+					title: `Navigator 0.27.4`,
 					variant: "default"
 				});
 			} catch {