opencode-navigator 0.27.2 → 0.27.3

package/dist/gui-experimental.cjs

@@ -1913,7 +1913,7 @@ function providerQuotaCapability(id, canonical) {
 function quotaStatusMessage(input) {
 	const { model, snapshot, state } = input;
 	if (state.status === "error") return snapshot ? "Stale · refresh failed" : "Quota read failed · refresh to retry";
-	if (!input.showReadyMessage && snapshot?.availability === "ready" && (snapshot.windows.length > 0 || snapshot.balances?.length)) return;
+	if (snapshot?.availability === "ready" && (snapshot.windows.length > 0 || snapshot.balances?.length)) return input.showUpdatedAt ? `Updated ${new Date(snapshot.fetchedAt).toLocaleTimeString()}` : void 0;
 	if (snapshot?.message) {
 		if (snapshot.availability === "stale") return `Stale · ${snapshot.message}`;
 		return snapshot.availability === "ready" ? `Updated ${new Date(snapshot.fetchedAt).toLocaleTimeString()} · ${snapshot.message}` : snapshot.message;
@@ -1930,7 +1930,6 @@ function quotaStatusMessage(input) {
 	if (snapshot.availability === "unsupported") return "No documented quota bucket for this model";
 	if (snapshot.availability === "rate_limited") return "Provider rate-limited this read · try again later";
 	if (snapshot.availability === "stale") return "Stale provider data · refresh to update";
-	if (snapshot.availability === "ready" && input.showReadyMessage && (snapshot.windows.length > 0 || snapshot.balances?.length)) return;
 	return `Updated ${new Date(snapshot.fetchedAt).toLocaleTimeString()}`;
 }
 // src/entities/preferences/model/codex-account-bindings.ts
@@ -4714,7 +4713,7 @@ function preferencesIpc(pluginID) {
 var main = (context) => {
 	const store = desktopPreferencesStore();
 	const readAccount = createMainAccountReader(context);
-	const codex = createNodeCodexClient({ version: "0.27.2" });
+	const codex = createNodeCodexClient({ version: "0.27.3" });
 	context.onCleanup(codex.dispose);
 	context.provide(preferencesIpc(context.id), createMainPreferencesHandlers(store));
 	context.provide(localAccountIpc(context.id), { read: readAccount });
@@ -4722,7 +4721,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.2 Desktop main ready`);
+	context.log.write("info", `Navigator 0.27.3 Desktop main ready`);
 };
 // src/pages/navigator/ui/gui/context.tsx
 var NavigatorGuiContext = (0, solid_js.createContext)();
@@ -5018,2012 +5017,2056 @@ function ActionsSection() {
 		}
 	});
 }
-// src/pages/navigator/ui/gui/quota-window.tsx
-var _tmpl$$55 = /*#__PURE__*/ (0, solid_js_web.template)(`<div style="min-width:0;margin:12px 0"><div role=meter aria-valuemin=0 aria-valuemax=100 style="height:2px;background:color-mix(in srgb, currentColor 10%, transparent)"><div style=height:100%;background:currentColor;opacity:0.5></div></div><div style=display:flex;gap:8px;font-size:12px;margin-top:5px><span style=opacity:0.6;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1></span><span style=flex-shrink:0>`);
-function GuiQuotaWindow(props) {
-	const view = () => quotaPresentation(props.window);
+// 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$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>`);
+function GuiTabs(props) {
+	const Button = props.ui.Button;
+	function navigate(event) {
+		if (event.key !== "ArrowLeft" && event.key !== "ArrowRight") return;
+		const enabled = props.options.filter((option) => !option.disabled);
+		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;
+		props.onSelect(enabled[next].id);
+		event.currentTarget.querySelectorAll("button:not(:disabled)")[next]?.focus();
+	}
 	return (() => {
-		var _el$ = _tmpl$$55(), _el$2 = _el$.firstChild, _el$3 = _el$2.firstChild, _el$5 = _el$2.nextSibling.firstChild, _el$6 = _el$5.nextSibling;
-		(0, solid_js_web.insert)(_el$5, () => view().reset);
-		(0, solid_js_web.insert)(_el$6, () => view().value);
+		var _el$ = _tmpl$$55();
+		_el$.$$keydown = navigate;
+		(0, solid_js_web.insert)(_el$, (0, solid_js_web.createComponent)(solid_js.For, {
+			get each() {
+				return props.options.map((option) => option.id);
+			},
+			children: (id) => {
+				const option = () => props.options.find((item) => item.id === id);
+				return (0, solid_js_web.createComponent)(Button, {
+					size: "small",
+					get disabled() {
+						return option().disabled;
+					},
+					get variant() {
+						return props.selected === id ? "neutral" : "ghost-muted";
+					},
+					onClick: () => props.onSelect(id),
+					get children() {
+						return [(() => {
+							var _el$2 = _tmpl$2$37();
+							(0, solid_js_web.insert)(_el$2, () => option().label);
+							(0, solid_js_web.effect)((_$p) => (0, solid_js_web.setStyleProperty)(_el$2, "font-weight", props.selected === id ? "600" : "400"));
+							return _el$2;
+						})(), (0, solid_js_web.createComponent)(solid_js.Show, {
+							get when() {
+								return option().count !== void 0;
+							},
+							get children() {
+								var _el$3 = _tmpl$3$23();
+								(0, solid_js_web.insert)(_el$3, () => option().count);
+								return _el$3;
+							}
+						})];
+					}
+				});
+			}
+		}));
+		(0, solid_js_web.effect)(() => (0, solid_js_web.setAttribute)(_el$, "aria-label", props.label));
+		return _el$;
+	})();
+}
+(0, solid_js_web.delegateEvents)(["keydown"]);
+// src/shared/lib/icon-choices/index.ts
+var ICON_CHOICE_IDS = [
+	"plus",
+	"check",
+	"circle",
+	"star",
+	"pin",
+	"bolt",
+	"book",
+	"search",
+	"code",
+	"terminal",
+	"gear",
+	"shield",
+	"lock",
+	"unlock",
+	"eye",
+	"clock",
+	"refresh",
+	"history",
+	"copy",
+	"export",
+	"edit",
+	"fork",
+	"list",
+	"play",
+	"pause",
+	"stop",
+	"rocket",
+	"bug",
+	"beaker",
+	"wand",
+	"cloud",
+	"server",
+	"folder",
+	"file",
+	"heart",
+	"lightbulb",
+	"arrow-up",
+	"arrow-down",
+	"warning",
+	"close"
+];
+var choices = new Set(ICON_CHOICE_IDS);
+function isIconChoiceId(value) {
+	return choices.has(value);
+}
+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$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 native = {
+	plus: "plus",
+	check: "check",
+	search: "magnifying-glass",
+	code: "code",
+	terminal: "terminal",
+	gear: "settings-gear",
+	shield: "shield",
+	lock: "lock",
+	eye: "eye",
+	refresh: "refresh",
+	copy: "copy",
+	export: "share",
+	edit: "edit",
+	fork: "fork",
+	list: "bullet-list",
+	stop: "stop",
+	beaker: "flask",
+	server: "server",
+	folder: "folder",
+	file: "file-document",
+	"arrow-up": "arrow-up",
+	warning: "warning",
+	close: "close"
+};
+var paths = {
+	circle: ["M21 12a9 9 0 1 1-18 0a9 9 0 0 1 18 0Z"],
+	star: ["m12 3 2.7 5.5 6.1.9-4.4 4.3 1 6.1-5.4-2.9-5.4 2.9 1-6.1-4.4-4.3 6.1-.9Z"],
+	pin: ["m9 3 6 0-1 6 4 4H6l4-4Z", "M12 13v8"],
+	bolt: ["m13 2-8 12h6l-1 8 9-13h-7Z"],
+	book: ["M3 4h7l2 2 2-2h7v15h-7l-2 2-2-2H3Z", "M12 6v15"],
+	unlock: [
+		"M7 10V7a5 5 0 0 1 9-3",
+		"M5 10h14v11H5Z",
+		"M12 14v3"
+	],
+	clock: ["M21 12a9 9 0 1 1-18 0a9 9 0 0 1 18 0Z", "M12 7v5l3 2"],
+	history: [
+		"M4 8a9 9 0 1 1-1 7",
+		"M4 3v5h5",
+		"M12 7v5l3 2"
+	],
+	play: ["m7 4 13 8-13 8Z"],
+	pause: ["M8 4v16", "M16 4v16"],
+	rocket: [
+		"M9 16c0-8 6-13 12-13 0 6-5 12-13 12Z",
+		"m9 8-5 1-2 6 6-1",
+		"m16 15-1 5-6 2 1-6",
+		"m5 17-3 5 5-3"
+	],
+	bug: [
+		"M8 10h8v6a4 4 0 0 1-8 0Z",
+		"M9 10V8a3 3 0 0 1 6 0v2",
+		"M5 7l3 4M19 7l-3 4M3 14h5m8 0h5M5 21l4-3m6 0 4 3M12 11v9"
+	],
+	wand: ["m4 20 13-13 3 3L7 23Z", "M5 3v6M2 6h6M18 1v4M16 3h4"],
+	cloud: ["M7 19a5 5 0 1 1 0-10 6 6 0 0 1 11-1 5.5 5.5 0 0 1 0 11Z"],
+	heart: ["M12 21 3.5 12.5a5.5 5.5 0 0 1 8.5-7 5.5 5.5 0 0 1 8.5 7Z"],
+	lightbulb: ["M9 18v-2a7 7 0 1 1 6 0v2Z", "M9 21h6M10 24h4"],
+	"arrow-down": ["M12 3v18", "m5 14 7 7 7-7"]
+};
+function GuiIcon(props) {
+	const Icon = props.ui.Icon;
+	const id = () => isIconChoiceId(props.id) ? props.id : "bolt";
+	return (() => {
+		var _el$ = _tmpl$$54();
+		(0, solid_js_web.insert)(_el$, (0, solid_js_web.createComponent)(solid_js.Show, {
+			get when() {
+				return native[id()];
+			},
+			get fallback() {
+				return (() => {
+					var _el$2 = _tmpl$2$36();
+					(0, solid_js_web.insert)(_el$2, (0, solid_js_web.createComponent)(solid_js.For, {
+						get each() {
+							return paths[id()] ?? paths.bolt;
+						},
+						children: (path) => (() => {
+							var _el$3 = _tmpl$3$22();
+							(0, solid_js_web.setAttribute)(_el$3, "d", path);
+							return _el$3;
+						})()
+					}));
+					return _el$2;
+				})();
+			},
+			children: (name) => (0, solid_js_web.createComponent)(Icon, {
+				get name() {
+					return name();
+				},
+				size: "small"
+			})
+		}));
+		return _el$;
+	})();
+}
+// 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">`);
+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;
+		(0, solid_js_web.setAttribute)(_el$, "for", id);
+		(0, solid_js_web.insert)(_el$2, () => props.label);
+		_el$3.$$input = (event) => props.onInput(event.currentTarget.value);
+		_el$3.addEventListener("blur", () => setFocused(false));
+		_el$3.addEventListener("focus", () => setFocused(true));
+		(0, solid_js_web.setAttribute)(_el$3, "id", id);
 		(0, solid_js_web.effect)((_p$) => {
-			var _v$ = props.window.label, _v$2 = props.window.label, _v$3 = view().ratio === void 0 ? void 0 : Math.round(view().ratio * 100), _v$4 = view().value, _v$5 = `${(view().ratio ?? 0) * 100}%`;
-			_v$ !== _p$.e && (0, solid_js_web.setAttribute)(_el$, "aria-label", _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.setAttribute)(_el$2, "aria-valuenow", _p$.a = _v$3);
-			_v$4 !== _p$.o && (0, solid_js_web.setAttribute)(_el$2, "aria-valuetext", _p$.o = _v$4);
-			_v$5 !== _p$.i && (0, solid_js_web.setStyleProperty)(_el$3, "width", _p$.i = _v$5);
+			var _v$ = props.disabled, _v$2 = focused() ? "1px solid var(--v2-border-border-focus)" : "1px solid transparent", _v$3 = focused() ? "none" : "var(--v2-elevation-input)", _v$4 = props.disabled ? "0.5" : "1";
+			_v$ !== _p$.e && (_el$3.disabled = _p$.e = _v$);
+			_v$2 !== _p$.t && (0, solid_js_web.setStyleProperty)(_el$3, "outline", _p$.t = _v$2);
+			_v$3 !== _p$.a && (0, solid_js_web.setStyleProperty)(_el$3, "box-shadow", _p$.a = _v$3);
+			_v$4 !== _p$.o && (0, solid_js_web.setStyleProperty)(_el$3, "opacity", _p$.o = _v$4);
 			return _p$;
 		}, {
 			e: void 0,
 			t: void 0,
 			a: void 0,
-			o: void 0,
-			i: void 0
+			o: void 0
 		});
+		(0, solid_js_web.effect)(() => _el$3.value = props.value);
 		return _el$;
 	})();
 }
-// src/pages/navigator/ui/gui/limits-section.tsx
-var _tmpl$$54 = /*#__PURE__*/ (0, solid_js_web.template)(`<p role=alert>`);
-var _tmpl$2$37 = /*#__PURE__*/ (0, solid_js_web.template)(`<p style=opacity:0.65>`);
-var _tmpl$3$23 = /*#__PURE__*/ (0, solid_js_web.template)(`<p>: `);
-function LimitsSection() {
-	const props = useNavigatorGui();
-	const limits = () => props.runtime.limits;
-	const snapshot = () => limits()?.controller.snapshot();
-	const state = () => limits()?.controller.state();
-	const message = () => limits()?.selected() ? quotaStatusMessage({
-		model: limits()?.selected(),
-		snapshot: snapshot(),
-		state: state() ?? { status: "idle" },
-		hasAdapter: Boolean(limits()?.controller.current().adapter),
-		showReadyMessage: true
-	}) : "Select a model in chat to view its provider limits.";
-	const canLink = () => {
-		const model = limits()?.selected();
-		return model && props.onLinkAccount && limits()?.codex && model.hostConnection?.status === "ready" && canLinkCodexAccount(model) && (!model.accountID || snapshot()?.availability === "unauthenticated" && model.accountSource === "binding");
-	};
+(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>`);
+function GuiGroupControl(props) {
+	const Select = props.ui.Select;
+	const TextInput = props.ui.TextInput;
 	const Button = props.ui.Button;
-	return (0, solid_js_web.createComponent)(MonitoringSection, {
-		id: "limits",
-		title: "Limits",
-		get actions() {
-			return [(0, solid_js_web.createComponent)(solid_js.Show, {
-				get when() {
-					return (0, solid_js_web.memo)(() => !!props.onBankedResets)() && ((snapshot()?.bankedResets?.availableCount ?? 0) > 0 || props.runtime.catalogs?.preferences.pendingResetAttempt());
-				},
-				get children() {
-					return (0, solid_js_web.createComponent)(Button, {
-						size: "small",
-						variant: "ghost",
-						get onClick() {
-							return props.onBankedResets;
-						},
-						children: "Banked Resets"
-					});
-				}
-			}), (0, solid_js_web.createComponent)(Button, {
-				size: "small",
-				variant: "ghost-muted",
-				onClick: () => void limits()?.controller.refresh(true),
-				children: "Refresh"
-			})];
-		},
-		get children() {
-			return [
-				(0, solid_js_web.createComponent)(solid_js.Show, {
-					get when() {
-						return canLink();
+	const [draft, setDraft] = (0, solid_js.createSignal)("");
+	const [creating, setCreating] = (0, solid_js.createSignal)(false);
+	(0, solid_js.createEffect)(() => setDraft(props.value ?? ""));
+	return (() => {
+		var _el$ = _tmpl$$52();
+		(0, solid_js_web.insert)(_el$, (0, solid_js_web.createComponent)(Select, {
+			get label() {
+				return `${props.label} existing group`;
+			},
+			get value() {
+				return (0, solid_js_web.memo)(() => !!props.groups.includes(draft()))() ? draft() : "";
+			},
+			get options() {
+				return [{
+					value: "",
+					label: "Ungrouped"
+				}, ...props.groups.map((value) => ({
+					value,
+					label: value
+				}))];
+			},
+			onChange: (value) => {
+				setDraft(value);
+				setCreating(false);
+			},
+			get disabled() {
+				return props.disabled;
+			}
+		}), null);
+		(0, solid_js_web.insert)(_el$, (0, solid_js_web.createComponent)(Button, {
+			size: "small",
+			variant: "ghost",
+			get disabled() {
+				return props.disabled;
+			},
+			onClick: () => {
+				setCreating(true);
+				setDraft("");
+			},
+			children: "New group"
+		}), null);
+		(0, solid_js_web.insert)(_el$, (0, solid_js_web.createComponent)(solid_js.Show, {
+			get when() {
+				return creating();
+			},
+			get children() {
+				return (0, solid_js_web.createComponent)(TextInput, {
+					get label() {
+						return `${props.label} new group`;
 					},
-					get children() {
-						return (0, solid_js_web.createComponent)(Button, {
-							size: "small",
-							variant: "ghost",
-							get onClick() {
-								return props.onLinkAccount;
-							},
-							children: "Link Codex account"
-						});
-					}
-				}),
-				(0, solid_js_web.createComponent)(solid_js.Show, {
-					get when() {
-						return state()?.error;
+					get value() {
+						return draft();
 					},
-					get children() {
-						var _el$ = _tmpl$$54();
-						(0, solid_js_web.insert)(_el$, () => state()?.error?.message);
-						return _el$;
-					}
-				}),
-				(0, solid_js_web.createComponent)(solid_js.Show, {
-					get when() {
-						return message();
+					onInput: setDraft,
+					get disabled() {
+						return props.disabled;
 					},
-					get children() {
-						var _el$2 = _tmpl$2$37();
-						(0, solid_js_web.insert)(_el$2, message);
-						return _el$2;
+					get invalid() {
+						return draft().length > 64;
 					}
-				}),
-				(0, solid_js_web.createComponent)(solid_js.Show, {
-					get when() {
-						return snapshot();
+				});
+			}
+		}), null);
+		(0, solid_js_web.insert)(_el$, (0, solid_js_web.createComponent)(solid_js.Show, {
+			get when() {
+				return creating() || draft() !== (props.value ?? "");
+			},
+			get children() {
+				return [(0, solid_js_web.createComponent)(Button, {
+					size: "small",
+					get disabled() {
+						return props.disabled || draft().length > 64 || creating() && !draft().trim();
 					},
-					children: (value) => [(0, solid_js_web.createComponent)(solid_js.For, {
-						get each() {
-							return value().windows;
-						},
-						children: (window) => (0, solid_js_web.createComponent)(GuiQuotaWindow, { window })
-					}), (0, solid_js_web.createComponent)(solid_js.For, {
-						get each() {
-							return value().balances;
-						},
-						children: (balance) => (() => {
-							var _el$3 = _tmpl$3$23(), _el$4 = _el$3.firstChild;
-							(0, solid_js_web.insert)(_el$3, () => balance.label, _el$4);
-							(0, solid_js_web.insert)(_el$3, (() => {
-								var _c$ = (0, solid_js_web.memo)(() => !!balance.unlimited);
-								return () => _c$() ? "Unlimited" : `${balance.amount} ${balance.unit ?? ""}`;
-							})(), null);
-							return _el$3;
-						})()
-					})]
-				})
-			];
-		}
-	});
-}
-// src/entities/mcp/model/status.ts
-function mcpToggleAction(status) {
-	if (status === "pending") return;
-	return status === "connected" ? "disconnect" : "connect";
-}
-// src/entities/mcp/model/grouping.ts
-var BUCKET_RANK$1 = {
-	Favorites: 0,
-	Ungrouped: 2
-};
-function mcpGroupToggleAction(items) {
-	if (items.some((item) => mcpToggleAction(item.status) === "connect")) return "connect";
-	return items.some((item) => mcpToggleAction(item.status) === "disconnect") ? "disconnect" : void 0;
+					onClick: () => {
+						props.save(draft().trim() || void 0);
+						setCreating(false);
+					},
+					children: "Save group"
+				}), (0, solid_js_web.createComponent)(Button, {
+					size: "small",
+					variant: "ghost",
+					onClick: () => {
+						setDraft(props.value ?? "");
+						setCreating(false);
+					},
+					children: "Cancel"
+				})];
+			}
+		}), null);
+		(0, solid_js_web.effect)(() => (0, solid_js_web.setAttribute)(_el$, "aria-label", `${props.label} grouping`));
+		return _el$;
+	})();
 }
-function mcpGroupStatus(items, busy = false) {
-	if (busy) return "pending";
-	if (items.length > 0 && items.every((item) => item.status === "connected")) return "connected";
-	return items.find((item) => item.status !== "connected" && item.status !== "disabled")?.status ?? "disabled";
+// 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`);
+function GuiSettingsSurface(props) {
+	return (() => {
+		var _el$ = _tmpl$$51();
+		_el$.firstChild;
+		(0, solid_js_web.insert)(_el$, () => props.children, null);
+		return _el$;
+	})();
 }
-function buildMcpGroupedView(items, favorites, assignments) {
-	return items.map((item) => ({
-		...item,
-		assignedGroup: assignments[item.name],
-		bucket: favorites.has(item.name) ? "Favorites" : assignments[item.name] ?? "Ungrouped"
-	})).sort((left, right) => {
-		return (BUCKET_RANK$1[left.bucket] ?? 1) - (BUCKET_RANK$1[right.bucket] ?? 1) || left.bucket.localeCompare(right.bucket) || left.name.localeCompare(right.name);
+// src/shared/ui/gui/sortable-focus.ts
+function createSortableFocus(props) {
+	let focused;
+	(0, solid_js.createEffect)(() => {
+		const keys = props.keys();
+		const disabled = props.disabled();
+		const key = focused;
+		if (!key || disabled || !keys.includes(key)) return;
+		queueMicrotask(() => {
+			if (focused !== key || props.disabled() || document.activeElement !== document.body) return;
+			[...props.root().querySelectorAll("[data-sortable-item]")].find((node) => node.dataset.sortableItem === key)?.querySelector("button")?.focus({ preventScroll: true });
+		});
 	});
+	return {
+		enter(event) {
+			const target = event.target;
+			focused = target.getAttribute("aria-label")?.startsWith("Reorder ") ? target.closest("[data-sortable-item]")?.dataset.sortableItem : void 0;
+		},
+		leave(event) {
+			if (event.relatedTarget && !props.root().contains(event.relatedTarget)) focused = void 0;
+		}
+	};
 }
-// src/entities/mcp/model/mcp-controller.ts
-function serverKey(current, name) {
-	return JSON.stringify([current.key, name]);
-}
-function bulkDescription(operation, action) {
-	if (operation.action === "preset") return `apply ${operation.preset} MCP preset`;
-	if (operation.group) return `${action} ${operation.group} MCP group`;
-	return `${action} all MCP servers`;
-}
-function matchingMcpPreset(items, presets) {
-	if (items.length === 0) return;
-	return Object.keys(presets).sort((left, right) => left.localeCompare(right)).find((name) => {
-		const states = presets[name];
-		return Object.keys(states).length === items.length && items.every((item) => item.status === "connected" && states[item.name] === "enabled" || item.status === "disabled" && states[item.name] === "disabled");
+// src/shared/ui/gui/sortable-interaction.ts
+function createSortableInteraction(props) {
+	const [source, setSource] = (0, solid_js.createSignal)();
+	const [target, setTarget] = (0, solid_js.createSignal)();
+	const [announcement, setAnnouncement] = (0, solid_js.createSignal)("");
+	let drag;
+	const signature = () => JSON.stringify(props.keys());
+	function cancel() {
+		const previous = drag;
+		drag = void 0;
+		setSource(void 0);
+		setTarget(void 0);
+		if (previous && previous.pointer >= 0 && props.root().hasPointerCapture(previous.pointer)) props.root().releasePointerCapture(previous.pointer);
+	}
+	(0, solid_js.createEffect)(() => {
+		source();
+		if (drag && (props.disabled() || props.scope() !== drag.scope || signature() !== drag.keys)) cancel();
 	});
-}
-function createMcpModel(options, persist, preferences) {
-	const { source } = options;
-	const [snapshots, setSnapshots] = (0, solid_js.createSignal)({});
-	const [mutationCounts, setMutationCounts] = (0, solid_js.createSignal)({});
-	const [bulkStates, setBulkStates] = (0, solid_js.createSignal)({});
-	const [selectedPresets, setSelectedPresets] = (0, solid_js.createSignal)({});
-	const refreshing = /* @__PURE__ */ new Map();
-	const mutations = /* @__PURE__ */ new Map();
-	const mutationRetries = /* @__PURE__ */ new Map();
-	const bulkGenerations = /* @__PURE__ */ new Map();
-	const bulkRetries = /* @__PURE__ */ new Map();
-	const selectedPresetStates = /* @__PURE__ */ new Map();
-	const requests = createRequestState(options.signal);
-	const serverRequests = createRequestState(options.signal);
-	let activation = 0;
-	let activeTarget;
-	function changeMutationCount(current, offset) {
-		setMutationCounts((values) => {
-			const next = Math.max(0, (values[current.key] ?? 0) + offset);
-			if (next === 0) {
-				const copy = { ...values };
-				delete copy[current.key];
-				return copy;
-			}
-			return {
-				...values,
-				[current.key]: next
-			};
-		});
-	}
-	function setActive(current) {
-		if (activeTarget === current.key) return;
-		if (activeTarget) {
-			bulkGenerations.set(activeTarget, (bulkGenerations.get(activeTarget) ?? 0) + 1);
-			setBulkStates((values) => {
-				const state = values[activeTarget];
-				if (!state || state.status !== "running") return values;
-				return {
-					...values,
-					[activeTarget]: {
-						...state,
-						status: "idle"
-					}
-				};
-			});
-		}
-		activation += 1;
-		requests.abortAll();
-		serverRequests.abortAll();
-		refreshing.clear();
-		activeTarget = current.key;
-	}
-	function target() {
-		return options.target();
-	}
-	function mutating(current = target()) {
-		return (mutationCounts()[current.key] ?? 0) > 0;
-	}
-	function resetSelectedPreset(current) {
-		selectedPresetStates.delete(current.key);
-		setSelectedPresets((values) => {
-			const next = { ...values };
-			delete next[current.key];
-			return next;
-		});
-	}
-	function invalidatePresetOperation(current, name) {
-		const state = bulkStates()[current.key];
-		if (state?.action !== "preset" || state.preset !== name) return;
-		bulkRetries.delete(current.key);
-		setBulkStates((values) => ({
-			...values,
-			[current.key]: {
-				...state,
-				status: "idle",
-				completed: 0,
-				total: 0,
-				failed: []
-			}
-		}));
-	}
-	function reconcileSelectedPreset(current, items) {
-		const states = selectedPresetStates.get(current.key);
-		const bulk = bulkStates()[current.key];
-		if (!states || bulk?.action === "preset" && (bulk.status === "running" || bulk.status === "error")) return;
-		if (items.some((item) => {
-			const desired = states[item.name];
-			if (!desired) return false;
-			return (item.status === "connected" ? "enabled" : "disabled") !== desired;
-		})) resetSelectedPreset(current);
-	}
-	function clearBulkFailure(current, name) {
-		setBulkStates((values) => {
-			const state = values[current.key];
-			if (!state || state.status !== "error" || !state.failed.includes(name)) return values;
-			const failed = state.failed.filter((candidate) => candidate !== name);
-			bulkRetries.set(current.key, (bulkRetries.get(current.key) ?? []).filter((candidate) => candidate.name !== name));
-			return {
-				...values,
-				[current.key]: {
-					...state,
-					status: failed.length > 0 ? "error" : "ready",
-					failed
-				}
-			};
-		});
-	}
-	function list(current = target()) {
-		return options.cache === "source" ? source.list(current) : snapshots()[current.key] ?? source.list(current);
-	}
-	async function refresh(current = target(), force = false) {
-		const pending = refreshing.get(current.key);
-		if (pending && !force) return pending;
-		const requestState = requests.start(current.key, "refresh MCP servers", current.key in snapshots(), force);
-		if (!requestState) return pending;
-		const request = source.refresh(current, force, requestState.signal).then((items) => {
-			if (options.cache === "model" && requestState.isCurrent()) setSnapshots((value) => ({
-				...value,
-				[current.key]: items
-			}));
-			if (requestState.isCurrent()) reconcileSelectedPreset(current, items);
-			requestState.succeed();
-			return items;
-		}).catch((error) => {
-			requestState.fail(error);
-			throw error;
-		}).finally(() => {
-			requestState.finish();
-			if (refreshing.get(current.key) === request) refreshing.delete(current.key);
-		});
-		refreshing.set(current.key, request);
-		return request;
-	}
-	async function changeServer(current, name, action, operation = `${action} MCP server`, refreshAfter = true) {
-		const key = serverKey(current, name);
-		const pending = mutations.get(key);
-		if (pending) return pending;
-		const requestState = serverRequests.start(key, operation, false);
-		if (!requestState) return mutations.get(key);
-		changeMutationCount(current, 1);
-		const request = options.change(current, name, action, requestState.signal).then(() => {
-			requestState.succeed();
-			mutationRetries.delete(key);
-			clearBulkFailure(current, name);
-		}).catch((error) => {
-			requestState.fail(error);
-			if (!requestState.signal.aborted && !isAbortError(error)) mutationRetries.set(key, () => changeServer(current, name, action, operation));
-			throw error;
-		}).finally(() => {
-			requestState.finish();
-			changeMutationCount(current, -1);
-			if (mutations.get(key) === request) mutations.delete(key);
-		});
-		mutations.set(key, request);
-		await request;
-		if (refreshAfter) await refresh(current, true);
-	}
-	function save(current, name, disabled) {
-		if (!persist()) return;
-		preferences.setDesiredMcpState(current.scope, name, disabled ? "disabled" : "enabled");
-	}
-	async function toggle(name) {
-		const current = target();
-		const item = list(current).find((candidate) => candidate.name === name);
-		const action = item && mcpToggleAction(item.status);
-		if (!action || mutations.has(serverKey(current, name))) return;
-		activation += 1;
-		resetSelectedPreset(current);
-		save(current, name, action === "disconnect");
-		await changeServer(current, name, action);
-	}
-	async function activate(current = target()) {
-		setActive(current);
-		const generation = ++activation;
-		const hydration = preferences.load();
-		if (!hydration) return;
-		await hydration;
-		const items = await refresh(current, true);
-		if (!persist() || generation !== activation || target().key !== current.key) return;
-		const results = await Promise.allSettled(items.map(async (item) => {
-			if (!persist() || generation !== activation || target().key !== current.key) return;
-			const desired = preferences.desiredMcpState(current.scope, item.name);
-			const action = mcpToggleAction(item.status);
-			if (desired === "disabled" && action === "disconnect") await changeServer(current, item.name, "disconnect", "restore MCP preference", false);
-			if (desired === "enabled" && action === "connect") await changeServer(current, item.name, "connect", "restore MCP preference", false);
-		}));
-		const failed = options.signal?.aborted ? [] : results.flatMap((result, index) => result.status === "rejected" && !isAbortError(result.reason) ? [items[index].name] : []);
-		if (failed.length > 0) options.notifications.show({
-			variant: "warning",
-			title: "MCP preferences",
-			message: `Could not restore: ${failed.join(", ")}`
-		});
-		if (generation === activation && target().key === current.key) await refresh(current, true);
+	function escape(event) {
+		if (event.key !== "Escape") return;
+		event.preventDefault();
+		event.stopPropagation();
+		cancel();
 	}
-	function reconnect(current = target()) {
-		return retryBackgroundRefresh(() => activate(current), { signal: options.signal });
+	(0, solid_js.createEffect)(() => {
+		if (!source()) return;
+		globalThis.window.addEventListener("keydown", escape, { capture: true });
+		(0, solid_js.onCleanup)(() => globalThis.window.removeEventListener("keydown", escape, true));
+	});
+	(0, solid_js.onCleanup)(cancel);
+	function hover(event) {
+		if (!drag || event.pointerId !== drag.pointer) return;
+		const node = document.elementFromPoint(event.clientX, event.clientY)?.closest("[data-sortable-item]");
+		setTarget(node && props.root().contains(node) ? node.dataset.sortableItem : void 0);
 	}
-	function bulkState(current = target()) {
-		return bulkStates()[current.key] ?? {
-			action: "connect",
-			status: "idle",
-			completed: 0,
-			total: 0,
-			failed: []
+	function start(event, id) {
+		if (event.button !== 0 || props.disabled() || drag) return;
+		event.preventDefault();
+		event.stopPropagation();
+		drag = {
+			id,
+			pointer: event.pointerId,
+			scope: props.scope(),
+			keys: signature()
 		};
+		props.root().setPointerCapture(event.pointerId);
+		setSource(id);
+		setTarget(id);
 	}
-	async function changeMany(operation, changes, current = target()) {
-		if (mutating(current)) return;
-		setActive(current);
-		const generation = (bulkGenerations.get(current.key) ?? 0) + 1;
-		bulkGenerations.set(current.key, generation);
-		setBulkStates((values) => ({
-			...values,
-			[current.key]: {
-				...operation,
-				status: "running",
-				completed: 0,
-				total: changes.length,
-				failed: []
+	function end(event) {
+		if (!drag || event.pointerId !== drag.pointer) return;
+		hover(event);
+		const current = drag;
+		const destination = target();
+		const valid = !props.disabled() && props.scope() === current.scope && signature() === current.keys;
+		cancel();
+		if (valid && destination && current.id !== destination) props.move(current.id, destination);
+	}
+	function key(event, id) {
+		if (event.key === "Escape") {
+			if (drag) {
+				event.preventDefault();
+				event.stopPropagation();
+				cancel();
 			}
-		}));
-		if (changes.length === 0) {
-			setBulkStates((values) => ({
-				...values,
-				[current.key]: {
-					...operation,
-					status: "ready",
-					completed: 0,
-					total: 0,
-					failed: []
-				}
-			}));
 			return;
 		}
-		const failed = [];
-		const retry = [];
-		await Promise.all(changes.map(async ({ name, action }) => {
-			if (operation.action !== "preset") save(current, name, action === "disconnect");
-			try {
-				await changeServer(current, name, action, bulkDescription(operation, action), false);
-			} catch (error) {
-				if (!isAbortError(error)) {
-					failed.push(name);
-					retry.push({
-						name,
-						action
-					});
-				}
-			} finally {
-				setBulkStates((values) => {
-					if (bulkGenerations.get(current.key) !== generation) return values;
-					const state = values[current.key];
-					if (!state || state.action !== operation.action) return values;
-					return {
-						...values,
-						[current.key]: {
-							...state,
-							completed: state.completed + 1
-						}
-					};
-				});
-			}
-		}));
-		if (bulkGenerations.get(current.key) !== generation) return;
-		bulkRetries.set(current.key, retry);
-		if (activeTarget === current.key) await refresh(current, true).catch(() => {});
-		failed.sort((left, right) => left.localeCompare(right));
-		setBulkStates((values) => ({
-			...values,
-			[current.key]: {
-				...operation,
-				status: failed.length > 0 ? "error" : "ready",
-				completed: changes.length,
-				total: changes.length,
-				failed
+		if (props.disabled()) return;
+		if ([" ", "Enter"].includes(event.key) && !event.repeat) {
+			event.preventDefault();
+			event.stopPropagation();
+			if (!drag) {
+				drag = {
+					id,
+					pointer: -1,
+					scope: props.scope(),
+					keys: signature()
+				};
+				setSource(id);
+				setTarget(id);
+				setAnnouncement("Picked up. Use arrow keys, Space to drop, or Escape to cancel.");
+			} else if (drag.pointer === -1 && drag.id === id) {
+				const destination = target();
+				const valid = props.scope() === drag.scope && signature() === drag.keys;
+				cancel();
+				if (valid && destination && destination !== id) props.move(id, destination);
 			}
-		}));
-		if (failed.length > 0 && activeTarget === current.key) {
-			let action = operation.action === "preset" ? `apply ${operation.preset}` : operation.action;
-			if (operation.group) action += ` ${operation.group}`;
-			options.notifications.show({
-				variant: "warning",
-				title: "MCP servers",
-				message: `Could not ${action}: ${failed.join(", ")}`
-			});
+			return;
 		}
+		if (drag?.pointer !== -1 || drag.id !== id || !["ArrowUp", "ArrowDown"].includes(event.key)) return;
+		const keys = props.keys();
+		const index = keys.indexOf(target() ?? id);
+		const destination = keys[index + (event.key === "ArrowUp" ? -1 : 1)];
+		if (!destination || index === -1) return;
+		event.preventDefault();
+		event.stopPropagation();
+		setTarget(destination);
+		setAnnouncement(`Drop at position ${keys.indexOf(destination) + 1} of ${keys.length}`);
 	}
 	return {
-		list,
-		refresh,
-		reconnect,
-		activate,
-		deactivate(current) {
-			if (activeTarget !== current.key) return;
-			activeTarget = void 0;
-			activation += 1;
-			bulkGenerations.set(current.key, (bulkGenerations.get(current.key) ?? 0) + 1);
-			setBulkStates((values) => {
-				const state = values[current.key];
-				if (!state || state.status !== "running") return values;
-				return {
-					...values,
-					[current.key]: {
-						...state,
-						status: "idle"
-					}
-				};
-			});
-			requests.abortAll();
-			serverRequests.abortAll();
-			refreshing.clear();
-		},
+		source,
 		target,
-		toggle,
-		persist,
-		state(current = target()) {
-			return requests.state(current.key);
-		},
-		retry(current = target()) {
-			return refresh(current, true);
-		},
-		serverState(name, current = target()) {
-			return serverRequests.state(serverKey(current, name));
-		},
-		retryServer(name, current = target()) {
-			return mutationRetries.get(serverKey(current, name))?.();
-		},
-		mutating,
-		bulkState,
-		selectedPreset(current = target()) {
-			return selectedPresets()[current.key];
-		},
-		capturePreset(current = target()) {
-			return Object.fromEntries(list(current).map((item) => [item.name, item.status === "connected" ? "enabled" : "disabled"]));
-		},
-		applyPreset(name, states, current = target()) {
-			if (mutating(current)) return;
-			const { changes } = mcpPresetPreview(list(current), states);
-			if (persist()) {
-				if (preferences.setDesiredMcpStates) preferences.setDesiredMcpStates(current.scope, states);
-				else for (const [server, state] of Object.entries(states)) preferences.setDesiredMcpState(current.scope, server, state);
-			}
-			setSelectedPresets((values) => ({
-				...values,
-				[current.key]: name
-			}));
-			selectedPresetStates.set(current.key, { ...states });
-			return changeMany({
-				action: "preset",
-				preset: name
-			}, changes, current);
-		},
-		updateSelectedPreset(name, current = target()) {
-			invalidatePresetOperation(current, name);
-			if (selectedPresets()[current.key] === name) resetSelectedPreset(current);
-		},
-		renameSelectedPreset(previous, current = target()) {
-			invalidatePresetOperation(current, previous);
-			if (selectedPresets()[current.key] === previous) resetSelectedPreset(current);
-		},
-		clearSelectedPreset(name, current = target()) {
-			invalidatePresetOperation(current, name);
-			if (selectedPresets()[current.key] === name) resetSelectedPreset(current);
-		},
-		connectAll(current = target()) {
-			if (mutating(current)) return;
-			resetSelectedPreset(current);
-			return changeMany({ action: "connect" }, list(current).filter((item) => mcpToggleAction(item.status) === "connect").map((item) => ({
-				name: item.name,
-				action: "connect"
-			})), current);
-		},
-		disconnectAll(current = target()) {
-			if (mutating(current)) return;
-			resetSelectedPreset(current);
-			return changeMany({ action: "disconnect" }, list(current).filter((item) => mcpToggleAction(item.status) === "disconnect").map((item) => ({
-				name: item.name,
-				action: "disconnect"
-			})), current);
-		},
-		toggleGroup(group, names, current = target()) {
-			if (target().key !== current.key || mutating(current) || bulkState(current).status === "running") return;
-			const selected = new Set(names);
-			const items = list(current).filter((item) => selected.has(item.name));
-			const action = mcpGroupToggleAction(items);
-			if (!action) return;
-			resetSelectedPreset(current);
-			if (action === "connect") {
-				for (const item of items) if (item.status === "connected") save(current, item.name, false);
-			}
-			return changeMany({
-				action,
-				group
-			}, items.filter((item) => mcpToggleAction(item.status) === action).map((item) => ({
-				name: item.name,
-				action
-			})), current);
-		},
-		retryBulk(current = target()) {
-			const state = bulkState(current);
-			if (state.status !== "error" || state.failed.length === 0) return;
-			const changes = bulkRetries.get(current.key) ?? [];
-			return changeMany({
-				action: state.action,
-				...state.preset && { preset: state.preset },
-				...state.group && { group: state.group }
-			}, changes, current);
-		}
+		announcement,
+		start,
+		hover,
+		end,
+		key,
+		cancel
 	};
 }
-// src/pages/navigator/ui/gui/mcp-indicator.tsx
-var _tmpl$$53 = /*#__PURE__*/ (0, solid_js_web.template)(`<span aria-hidden=true style="display:inline-flex;width:12px;height:12px;flex-shrink:0;border-radius:50%;border:1px solid currentColor">`);
-var _tmpl$2$36 = /*#__PURE__*/ (0, solid_js_web.template)(`<span role=img style=display:inline-flex;width:16px;height:16px;flex-shrink:0;align-items:center;justify-content:center>`);
-function McpIndicator(props) {
-	const Loader = useNavigatorGui().ui.Loader;
+// 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$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>`);
+function GuiSortableList(props) {
+	let root;
+	const help = (0, solid_js.createUniqueId)();
+	const IconButton = props.ui.IconButton;
+	const keys = () => props.items.map((item) => props.itemKey(item));
+	const focus = createSortableFocus({
+		root: () => root,
+		keys,
+		disabled: () => Boolean(props.disabled)
+	});
+	const interaction = createSortableInteraction({
+		keys,
+		scope: () => props.scope,
+		disabled: () => Boolean(props.disabled),
+		root: () => root,
+		move: (from, to) => props.move(from, to)
+	});
 	return (() => {
-		var _el$ = _tmpl$2$36();
-		(0, solid_js_web.insert)(_el$, (0, solid_js_web.createComponent)(solid_js.Show, {
-			get when() {
-				return props.status !== "pending";
-			},
-			get fallback() {
-				return (0, solid_js_web.createComponent)(Loader, { size: "small" });
+		var _el$ = _tmpl$$50(), _el$2 = _el$.firstChild;
+		_el$2.firstChild;
+		(0, solid_js_web.addEventListener)(_el$, "lostpointercapture", interaction.cancel);
+		(0, solid_js_web.addEventListener)(_el$, "pointercancel", interaction.cancel);
+		(0, solid_js_web.addEventListener)(_el$, "pointerup", interaction.end, true);
+		(0, solid_js_web.addEventListener)(_el$, "pointermove", interaction.hover, true);
+		(0, solid_js_web.addEventListener)(_el$, "focusout", focus.leave, true);
+		(0, solid_js_web.addEventListener)(_el$, "focusin", focus.enter, true);
+		(0, solid_js_web.use)((node) => {
+			root = node;
+		}, _el$);
+		(0, solid_js_web.setAttribute)(_el$, "aria-describedby", help);
+		(0, solid_js_web.insert)(_el$, (0, solid_js_web.createComponent)(solid_js.For, {
+			get each() {
+				return keys();
 			},
-			get children() {
-				var _el$2 = _tmpl$$53();
-				(0, solid_js_web.effect)((_p$) => {
-					var _v$ = props.status === "connected" ? "currentColor" : "transparent", _v$2 = props.status === "failed" ? 1 : .65;
-					_v$ !== _p$.e && (0, solid_js_web.setStyleProperty)(_el$2, "background", _p$.e = _v$);
-					_v$2 !== _p$.t && (0, solid_js_web.setStyleProperty)(_el$2, "opacity", _p$.t = _v$2);
-					return _p$;
-				}, {
-					e: void 0,
-					t: void 0
-				});
-				return _el$2;
+			children: (key) => {
+				const item = () => props.items.find((value) => props.itemKey(value) === key);
+				return (() => {
+					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();
+						_el$5.$$keydown = (event) => interaction.key(event, key);
+						_el$5.$$pointerdown = (event) => interaction.start(event, key);
+						(0, solid_js_web.insert)(_el$5, (0, solid_js_web.createComponent)(IconButton, {
+							icon: "dot-grid",
+							get label() {
+								return `Reorder ${props.itemLabel(item())}`;
+							},
+							get disabled() {
+								return props.disabled || keys().length < 2;
+							}
+						}));
+						return _el$5;
+					})()));
+					(0, solid_js_web.effect)((_p$) => {
+						var _v$ = keys().indexOf(key) + 1, _v$2 = keys().length, _v$3 = interaction.source() === key ? "0.65" : "1", _v$4 = interaction.target() === key && interaction.source() !== key ? "1px dashed var(--v2-border-border-focus)" : void 0;
+						_v$ !== _p$.e && (0, solid_js_web.setAttribute)(_el$4, "aria-posinset", _p$.e = _v$);
+						_v$2 !== _p$.t && (0, solid_js_web.setAttribute)(_el$4, "aria-setsize", _p$.t = _v$2);
+						_v$3 !== _p$.a && (0, solid_js_web.setStyleProperty)(_el$4, "opacity", _p$.a = _v$3);
+						_v$4 !== _p$.o && (0, solid_js_web.setStyleProperty)(_el$4, "outline", _p$.o = _v$4);
+						return _p$;
+					}, {
+						e: void 0,
+						t: void 0,
+						a: void 0,
+						o: void 0
+					});
+					return _el$4;
+				})();
 			}
-		}));
-		(0, solid_js_web.effect)(() => (0, solid_js_web.setAttribute)(_el$, "aria-label", props.status));
+		}), _el$2);
+		(0, solid_js_web.setAttribute)(_el$2, "id", help);
+		(0, solid_js_web.insert)(_el$2, () => interaction.announcement(), null);
+		(0, solid_js_web.effect)(() => (0, solid_js_web.setAttribute)(_el$, "aria-label", props.label));
 		return _el$;
 	})();
 }
-// src/pages/navigator/ui/gui/mcp-row.tsx
-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 Button = services.ui.Button;
-	return (0, solid_js_web.createComponent)(CatalogRow, {
-		get title() {
-			return props.item.name;
-		},
-		get details() {
-			return props.item.title;
-		},
-		get favorite() {
-			return catalogs().preferences.favoriteMcpServers().has(props.item.name);
-		},
-		get bookmarkDisabled() {
-			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";
+(0, solid_js_web.delegateEvents)([
+	"focusin",
+	"focusout",
+	"pointermove",
+	"pointerup",
+	"pointerdown",
+	"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)>`);
+function GuiProgress(props) {
+	const Loader = props.ui.Loader;
+	return (() => {
+		var _el$ = _tmpl$$49(), _el$3 = _el$.firstChild.nextSibling, _el$5 = _el$3.nextSibling.firstChild;
+		(0, solid_js_web.insert)(_el$3, (0, solid_js_web.createComponent)(solid_js.Show, {
+			get when() {
+				return props.value === void 0;
+			},
+			get children() {
+				return (0, solid_js_web.createComponent)(Loader, { size: "small" });
+			}
+		}), null);
+		(0, solid_js_web.insert)(_el$3, () => props.label, null);
+		(0, solid_js_web.effect)((_p$) => {
+			var _v$ = props.label, _v$2 = props.value === void 0 ? void 0 : Math.floor(props.value * 100), _v$3 = props.label, _v$4 = props.value === void 0 ? "" : void 0, _v$5 = props.value === void 0 ? "25%" : `${Math.min(1, Math.max(0, props.value)) * 100}%`, _v$6 = props.value === void 0 ? "navigator-install-pulse 1.2s linear infinite" : void 0;
+			_v$ !== _p$.e && (0, solid_js_web.setAttribute)(_el$, "aria-label", _p$.e = _v$);
+			_v$2 !== _p$.t && (0, solid_js_web.setAttribute)(_el$, "aria-valuenow", _p$.t = _v$2);
+			_v$3 !== _p$.a && (0, solid_js_web.setAttribute)(_el$, "aria-valuetext", _p$.a = _v$3);
+			_v$4 !== _p$.o && (0, solid_js_web.setAttribute)(_el$5, "data-navigator-install-pulse", _p$.o = _v$4);
+			_v$5 !== _p$.i && (0, solid_js_web.setStyleProperty)(_el$5, "width", _p$.i = _v$5);
+			_v$6 !== _p$.n && (0, solid_js_web.setStyleProperty)(_el$5, "animation", _p$.n = _v$6);
+			return _p$;
+		}, {
+			e: void 0,
+			t: void 0,
+			a: void 0,
+			o: void 0,
+			i: void 0,
+			n: void 0
+		});
+		return _el$;
+	})();
+}
+// src/shared/ui/gui/icon-action.tsx
+function GuiIconAction(props) {
+	const IconButton = props.ui.IconButton;
+	const Tooltip = props.ui.Tooltip;
+	return (0, solid_js_web.createComponent)(Tooltip, {
+		get value() {
+			return props.label;
 		},
-		activate: () => void catalogs().mcp.toggle(props.item.name).catch(() => {}),
-		get trailing() {
-			return (0, solid_js_web.createComponent)(solid_js.Show, {
-				get when() {
-					return error();
+		get children() {
+			return (0, solid_js_web.createComponent)(IconButton, {
+				get icon() {
+					return props.icon;
 				},
-				get children() {
-					return (0, solid_js_web.createComponent)(Button, {
-						size: "small",
-						variant: "ghost",
-						onClick: () => services.onMcpInformation({
-							...props.item,
-							error: error()
-						}),
-						children: "Info"
-					});
+				get label() {
+					return props.label;
+				},
+				size: "small",
+				get variant() {
+					return props.variant ?? "ghost-muted";
+				},
+				get disabled() {
+					return props.disabled;
+				},
+				get busy() {
+					return props.busy;
+				},
+				get onClick() {
+					return props.onClick;
 				}
 			});
 		}
 	});
 }
-// src/pages/navigator/ui/gui/mcp-group.tsx
-var _tmpl$$52 = /*#__PURE__*/ (0, solid_js_web.template)(`<strong style=overflow:hidden;text-overflow:ellipsis;white-space:nowrap>`);
-var _tmpl$2$35 = /*#__PURE__*/ (0, solid_js_web.template)(`<span style=opacity:0.6;font-weight:400>`);
-var _tmpl$3$22 = /*#__PURE__*/ (0, solid_js_web.template)(`<div><ul style="margin:0;padding:0 0 0 10px;list-style:none">`);
-function GuiMcpGroup(props) {
-	const services = useNavigatorGui();
-	const catalogs = () => services.runtime.catalogs;
-	const view = () => catalogs().views.mcp;
-	const bucket = () => view().bucket(props.group);
-	const busy = () => catalogs().mcp.bulkState().group === props.group && catalogs().mcp.bulkState().status === "running";
-	const Button = services.ui.Button;
+// 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>`);
+function GuiQuotaWindow(props) {
+	const view = () => quotaPresentation(props.window);
 	return (() => {
-		var _el$ = _tmpl$3$22(), _el$4 = _el$.firstChild;
-		(0, solid_js_web.insert)(_el$, (0, solid_js_web.createComponent)(Button, {
-			variant: "ghost",
-			size: "small",
-			get disabled() {
-				return catalogs().mcp.mutating();
-			},
-			onClick: () => void catalogs().mcp.toggleGroup(props.group, bucket().map((item) => item.name))?.catch(() => {}),
-			get children() {
-				return [
-					(0, solid_js_web.createComponent)(McpIndicator, { get status() {
-						return mcpGroupStatus(bucket(), busy());
-					} }),
-					(() => {
-						var _el$2 = _tmpl$$52();
-						(0, solid_js_web.insert)(_el$2, () => props.group);
-						return _el$2;
-					})(),
-					(() => {
-						var _el$3 = _tmpl$2$35();
-						(0, solid_js_web.insert)(_el$3, () => bucket().length);
-						return _el$3;
-					})()
-				];
-			}
-		}), _el$4);
-		(0, solid_js_web.insert)(_el$4, (0, solid_js_web.createComponent)(solid_js.For, {
-			get each() {
-				return view().visibility.visible().filter((item) => item.bucket === props.group).map((item) => item.name);
-			},
-			children: (name) => (0, solid_js_web.createComponent)(solid_js.Show, {
-				get when() {
-					return view().visibility.visible().find((item) => item.name === name);
-				},
-				children: (item) => (0, solid_js_web.createComponent)(GuiMcpRow, { get item() {
-					return item();
-				} })
-			})
-		}));
+		var _el$ = _tmpl$$48(), _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$) => {
+			var _v$ = props.window.label, _v$2 = props.window.label, _v$3 = view().ratio === void 0 ? void 0 : Math.round(view().ratio * 100), _v$4 = view().value, _v$5 = `${(view().ratio ?? 0) * 100}%`;
+			_v$ !== _p$.e && (0, solid_js_web.setAttribute)(_el$, "aria-label", _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.setAttribute)(_el$2, "aria-valuenow", _p$.a = _v$3);
+			_v$4 !== _p$.o && (0, solid_js_web.setAttribute)(_el$2, "aria-valuetext", _p$.o = _v$4);
+			_v$5 !== _p$.i && (0, solid_js_web.setStyleProperty)(_el$3, "width", _p$.i = _v$5);
+			return _p$;
+		}, {
+			e: void 0,
+			t: void 0,
+			a: void 0,
+			o: void 0,
+			i: void 0
+		});
 		return _el$;
 	})();
 }
-// src/pages/navigator/ui/gui/mcp-section.tsx
-var _tmpl$$51 = /*#__PURE__*/ (0, solid_js_web.template)(`<p role=alert>`);
-var _tmpl$2$34 = /*#__PURE__*/ (0, solid_js_web.template)(`<p role=status>/<!> servers updated`);
-var _tmpl$3$21 = /*#__PURE__*/ (0, solid_js_web.template)(`<div style=display:flex;flex-direction:column;gap:12px>`);
-var _tmpl$4$12 = /*#__PURE__*/ (0, solid_js_web.template)(`<p style=opacity:0.65>No matching MCP servers.`);
-function McpSection() {
-	const services = useNavigatorGui();
-	const catalogs = () => services.runtime.catalogs;
-	const view = () => catalogs().views.mcp;
-	const state = () => catalogs().mcp.state();
-	const bulk = () => catalogs().mcp.bulkState();
-	const matched = () => matchingMcpPreset(catalogs().mcp.list(), catalogs().preferences.mcpPresets());
-	const Button = services.ui.Button;
+// src/pages/navigator/ui/gui/limits-section.tsx
+var _tmpl$$47 = /*#__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>: `);
+function LimitsSection() {
+	const props = useNavigatorGui();
+	const limits = () => props.runtime.limits;
+	const snapshot = () => limits()?.controller.snapshot();
+	const state = () => limits()?.controller.state();
+	const message = () => limits()?.selected() ? quotaStatusMessage({
+		model: limits()?.selected(),
+		snapshot: snapshot(),
+		state: state() ?? { status: "idle" },
+		hasAdapter: Boolean(limits()?.controller.current().adapter),
+		showUpdatedAt: true
+	}) : "Select a model in chat to view its provider limits.";
+	const canLink = () => {
+		const model = limits()?.selected();
+		return model && props.onLinkAccount && limits()?.codex && model.hostConnection?.status === "ready" && canLinkCodexAccount(model) && (!model.accountID || snapshot()?.availability === "unauthenticated" && model.accountSource === "binding");
+	};
+	const Button = props.ui.Button;
 	return (0, solid_js_web.createComponent)(MonitoringSection, {
-		id: "mcp",
-		title: "MCP",
-		get count() {
-			return view().all().length;
-		},
+		id: "limits",
+		title: "Limits",
 		get actions() {
-			return (0, solid_js_web.createComponent)(solid_js.Show, {
+			return [(0, solid_js_web.createComponent)(solid_js.Show, {
 				get when() {
-					return services.onMcpPresets;
+					return (0, solid_js_web.memo)(() => !!props.onBankedResets)() && ((snapshot()?.bankedResets?.availableCount ?? 0) > 0 || props.runtime.catalogs?.preferences.pendingResetAttempt());
 				},
 				get children() {
 					return (0, solid_js_web.createComponent)(Button, {
 						size: "small",
 						variant: "ghost",
 						get onClick() {
-							return services.onMcpPresets;
+							return props.onBankedResets;
 						},
-						get children() {
-							return matched() || "Preset";
-						}
+						children: "Banked Resets"
 					});
 				}
-			});
+			}), (0, solid_js_web.createComponent)(GuiIconAction, {
+				get ui() {
+					return props.ui;
+				},
+				icon: "refresh",
+				label: "Refresh",
+				onClick: () => void limits()?.controller.refresh(true)
+			})];
 		},
 		get children() {
 			return [
-				(0, solid_js_web.createComponent)(SectionFilter, {
-					label: "Filter MCP",
-					placeholder: "Filter servers and groups",
-					get value() {
-						return view().query();
-					},
-					get change() {
-						return view().setQuery;
-					}
-				}),
-				(0, solid_js_web.createComponent)(solid_js.Show, {
-					get when() {
-						return state().error;
+				(0, solid_js_web.createComponent)(solid_js.Show, {
+					get when() {
+						return canLink();
 					},
 					get children() {
-						return [(() => {
-							var _el$ = _tmpl$$51();
-							(0, solid_js_web.insert)(_el$, () => state().error?.message);
-							return _el$;
-						})(), (0, solid_js_web.createComponent)(Button, {
+						return (0, solid_js_web.createComponent)(Button, {
 							size: "small",
-							onClick: () => void catalogs().mcp.retry().catch(() => {}),
-							children: "Retry"
-						})];
+							variant: "ghost",
+							get onClick() {
+								return props.onLinkAccount;
+							},
+							children: "Link Codex account"
+						});
 					}
 				}),
 				(0, solid_js_web.createComponent)(solid_js.Show, {
 					get when() {
-						return bulk().status === "running" || bulk().status === "error";
+						return state()?.error;
 					},
 					get children() {
-						return [(() => {
-							var _el$2 = _tmpl$2$34(), _el$3 = _el$2.firstChild, _el$5 = _el$3.nextSibling;
-							_el$5.nextSibling;
-							(0, solid_js_web.insert)(_el$2, () => bulk().completed, _el$3);
-							(0, solid_js_web.insert)(_el$2, () => bulk().total, _el$5);
-							return _el$2;
-						})(), (0, solid_js_web.createComponent)(solid_js.Show, {
-							get when() {
-								return bulk().status === "error";
-							},
-							get children() {
-								return (0, solid_js_web.createComponent)(Button, {
-									size: "small",
-									onClick: () => void catalogs().mcp.retryBulk()?.catch(() => {}),
-									children: "Retry failed servers"
-								});
-							}
-						})];
+						var _el$ = _tmpl$$47();
+						(0, solid_js_web.insert)(_el$, () => state()?.error?.message);
+						return _el$;
 					}
 				}),
-				(() => {
-					var _el$6 = _tmpl$3$21();
-					(0, solid_js_web.insert)(_el$6, (0, solid_js_web.createComponent)(solid_js.For, {
-						get each() {
-							return view().groups();
-						},
-						get fallback() {
-							return _tmpl$4$12();
-						},
-						children: (group) => (0, solid_js_web.createComponent)(GuiMcpGroup, { group })
-					}));
-					return _el$6;
-				})(),
 				(0, solid_js_web.createComponent)(solid_js.Show, {
 					get when() {
-						return view().visibility.canToggle();
+						return message();
 					},
 					get children() {
-						return (0, solid_js_web.createComponent)(Button, {
-							size: "small",
-							variant: "ghost",
-							onClick: () => view().visibility.expanded() ? view().visibility.showLess() : view().visibility.showAll(),
-							get children() {
-								return (0, solid_js_web.memo)(() => !!view().visibility.expanded())() ? "Show less" : `Show ${view().visibility.hiddenCount()} more`;
-							}
-						});
-					}
-				})
-			];
-		}
-	});
-}
-// src/pages/navigator/ui/gui/skill-row.tsx
-function GuiSkillRow(props) {
-	const services = useNavigatorGui();
-	const preferences = () => services.runtime.catalogs.preferences;
-	const Menu = services.ui.Menu;
-	const pinned = () => preferences().toolbarPins().some((pin) => pin.kind === "skill" && pin.location === props.skill.location);
-	return (0, solid_js_web.createComponent)(CatalogRow, {
-		get title() {
-			return props.skill.name;
-		},
-		get details() {
-			return props.skill.description;
-		},
-		get favorite() {
-			return preferences().isFavoriteSkill(props.skill);
-		},
-		get bookmarkDisabled() {
-			return !preferences().ready();
-		},
-		bookmark: () => preferences().toggleFavoriteSkill(props.skill),
-		activate: () => services.onSkill(props.skill),
-		get trailing() {
-			return (0, solid_js_web.createComponent)(Menu, {
-				get label() {
-					return `Options for Skill ${props.skill.name}`;
-				},
-				get items() {
-					return [{
-						label: pinned() ? "Configure toolbar button" : "Pin to toolbar",
-						icon: "plus",
-						disabled: !preferences().ready(),
-						onSelect: () => services.onPin({
-							kind: "skill",
-							location: props.skill.location,
-							name: props.skill.name,
-							icon: "book"
-						})
-					}];
-				}
-			});
-		}
-	});
-}
-// src/pages/navigator/ui/gui/skills-section.tsx
-var _tmpl$$50 = /*#__PURE__*/ (0, solid_js_web.template)(`<p role=alert>`);
-var _tmpl$2$33 = /*#__PURE__*/ (0, solid_js_web.template)(`<div style=display:flex;flex-direction:column;gap:12px>`);
-var _tmpl$3$20 = /*#__PURE__*/ (0, solid_js_web.template)(`<p style=opacity:0.65>No matching Skills.`);
-var _tmpl$4$11 = /*#__PURE__*/ (0, solid_js_web.template)(`<div><h3 style="font-size:12px;opacity:0.65;margin:0 0 4px"></h3><ul style="margin:0;padding:0 0 0 10px;list-style:none">`);
-function SkillsSection() {
-	const services = useNavigatorGui();
-	const catalogs = () => services.runtime.catalogs;
-	const view = () => catalogs().views.skills;
-	const Button = services.ui.Button;
-	return (0, solid_js_web.createComponent)(MonitoringSection, {
-		id: "skills",
-		title: "Skills",
-		get count() {
-			return view().all().length;
-		},
-		get children() {
-			return [
-				(0, solid_js_web.createComponent)(SectionFilter, {
-					label: "Filter Skills",
-					placeholder: "Filter skills and groups",
-					get value() {
-						return view().query();
-					},
-					get change() {
-						return view().setQuery;
+						var _el$2 = _tmpl$2$34();
+						(0, solid_js_web.insert)(_el$2, message);
+						return _el$2;
 					}
 				}),
 				(0, solid_js_web.createComponent)(solid_js.Show, {
 					get when() {
-						return catalogs().skills.error();
+						return snapshot();
 					},
-					get children() {
-						return [(() => {
-							var _el$ = _tmpl$$50();
-							(0, solid_js_web.insert)(_el$, () => catalogs().skills.error());
-							return _el$;
-						})(), (0, solid_js_web.createComponent)(Button, {
-							size: "small",
-							onClick: () => void catalogs().skills.retry().catch(() => {}),
-							children: "Retry"
-						})];
-					}
-				}),
-				(() => {
-					var _el$2 = _tmpl$2$33();
-					(0, solid_js_web.insert)(_el$2, (0, solid_js_web.createComponent)(solid_js.For, {
+					children: (value) => [(0, solid_js_web.createComponent)(solid_js.For, {
 						get each() {
-							return view().groups();
+							return value().windows;
 						},
-						get fallback() {
-							return _tmpl$3$20();
+						children: (window) => (0, solid_js_web.createComponent)(GuiQuotaWindow, { window })
+					}), (0, solid_js_web.createComponent)(solid_js.For, {
+						get each() {
+							return value().balances;
 						},
-						children: (group) => (() => {
-							var _el$4 = _tmpl$4$11(), _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() {
-									return view().visibility.visible().filter((item) => item.bucket === group).map((item) => item.location);
-								},
-								children: (location) => (0, solid_js_web.createComponent)(solid_js.Show, {
-									get when() {
-										return view().visibility.visible().find((item) => item.location === location);
-									},
-									children: (item) => (0, solid_js_web.createComponent)(GuiSkillRow, { get skill() {
-										return item();
-									} })
-								})
-							}));
-							return _el$4;
+						children: (balance) => (() => {
+							var _el$3 = _tmpl$3$20(), _el$4 = _el$3.firstChild;
+							(0, solid_js_web.insert)(_el$3, () => balance.label, _el$4);
+							(0, solid_js_web.insert)(_el$3, (() => {
+								var _c$ = (0, solid_js_web.memo)(() => !!balance.unlimited);
+								return () => _c$() ? "Unlimited" : `${balance.amount} ${balance.unit ?? ""}`;
+							})(), null);
+							return _el$3;
 						})()
-					}));
-					return _el$2;
-				})(),
-				(0, solid_js_web.createComponent)(solid_js.Show, {
-					get when() {
-						return view().visibility.canToggle();
-					},
-					get children() {
-						return (0, solid_js_web.createComponent)(Button, {
-							size: "small",
-							variant: "ghost",
-							onClick: () => view().visibility.expanded() ? view().visibility.showLess() : view().visibility.showAll(),
-							get children() {
-								return (0, solid_js_web.memo)(() => !!view().visibility.expanded())() ? "Show less" : `Show ${view().visibility.hiddenCount()} more`;
-							}
-						});
-					}
+					})]
 				})
 			];
 		}
 	});
 }
-// src/entities/subagent/model/history.ts
-function createSubagentHistory({ now = Date.now } = {}) {
-	const targets = /* @__PURE__ */ new Map();
-	const [revision, setRevision] = (0, solid_js.createSignal)(0);
-	function state(key) {
-		let value = targets.get(key);
-		if (!value) {
-			value = {
-				known: /* @__PURE__ */ new Set(),
-				active: /* @__PURE__ */ new Map(),
-				recent: []
-			};
-			targets.set(key, value);
-		}
-		return value;
-	}
-	function changed() {
-		setRevision((value) => value + 1);
-	}
-	return {
-		observeStatus(key, sessionID, status, at = now(), nativeStart) {
-			const value = state(key);
-			const run = value.active.get(sessionID);
-			const isKnown = value.known.has(sessionID);
-			value.known.add(sessionID);
-			if (status.type === "idle") {
-				if (!run) return;
-				value.active.delete(sessionID);
-				value.recent = [{
-					...run,
-					finishedAt: Math.max(at, run.startedAt),
-					outcome: run.outcome ?? "finished"
-				}, ...value.recent].sort((a, b) => b.finishedAt - a.finishedAt || a.sessionID.localeCompare(b.sessionID)).slice(0, 10);
-			} else {
-				const exact = typeof nativeStart === "number" && Number.isFinite(nativeStart) && nativeStart > 0 && nativeStart <= at ? nativeStart : void 0;
-				if (run) {
-					if (exact === void 0 || run.nativeStartedAt !== void 0 && exact <= run.nativeStartedAt) return;
-					const next = exact > run.startedAt ? { sessionID } : run;
-					value.active.set(sessionID, {
-						...next,
-						startedAt: exact,
-						nativeStartedAt: exact,
-						startedBeforeObservation: false
-					});
-					changed();
-					return;
-				}
-				value.recent = value.recent.filter((item) => item.sessionID !== sessionID);
-				value.active.set(sessionID, {
-					sessionID,
-					startedAt: exact ?? at,
-					startedBeforeObservation: exact === void 0 && !isKnown,
-					...exact !== void 0 && { nativeStartedAt: exact }
-				});
-			}
-			changed();
-		},
-		observeError(key, sessionID, error, at = now()) {
-			if (!sessionID) return;
-			const value = state(key);
-			const run = value.active.get(sessionID) ?? value.recent.find((item) => item.sessionID === sessionID);
-			if (!run || at < run.startedAt && !run.startedBeforeObservation) return;
-			const isCancelled = error?.name === "MessageAbortedError";
-			const data = error && "data" in error ? error.data : void 0;
-			const fallbackMessage = isCancelled ? "Session aborted" : "Session error";
-			const message = data && typeof data === "object" && "message" in data && typeof data.message === "string" ? data.message : fallbackMessage;
-			const next = {
-				...run,
-				startedAt: Math.min(run.startedAt, at),
-				outcome: isCancelled ? "cancelled" : "error",
-				errorMessage: message
-			};
-			if (value.active.has(sessionID)) value.active.set(sessionID, next);
-			else value.recent = value.recent.map((item) => item.sessionID === sessionID ? next : item);
-			changed();
-		},
-		remove(key, sessionID) {
-			const value = targets.get(key);
-			if (!value) return;
-			value.known.delete(sessionID);
-			value.active.delete(sessionID);
-			value.recent = value.recent.filter((item) => item.sessionID !== sessionID);
-			changed();
-		},
-		active(key, sessionID) {
-			revision();
-			return targets.get(key)?.active.get(sessionID);
-		},
-		recent(key) {
-			revision();
-			return targets.get(key)?.recent ?? [];
-		}
-	};
+// src/entities/mcp/model/status.ts
+function mcpToggleAction(status) {
+	if (status === "pending") return;
+	return status === "connected" ? "disconnect" : "connect";
 }
-// src/entities/subagent/model/subagent-controller.ts
-var POLL_INTERVAL_MS = 5e3;
-function activeStatus(status) {
-	return status?.type === "busy" || status?.type === "retry";
+// src/entities/mcp/model/grouping.ts
+var BUCKET_RANK$1 = {
+	Favorites: 0,
+	Ungrouped: 2
+};
+function mcpGroupToggleAction(items) {
+	if (items.some((item) => mcpToggleAction(item.status) === "connect")) return "connect";
+	return items.some((item) => mcpToggleAction(item.status) === "disconnect") ? "disconnect" : void 0;
 }
-function createSubagentModel(options) {
-	const source = options.source;
-	const now = options.now ?? Date.now;
-	const history = createSubagentHistory({ now });
-	const [children, setChildren] = (0, solid_js.createSignal)({});
-	const [statuses, setStatuses] = (0, solid_js.createSignal)({});
+function mcpGroupStatus(items, busy = false) {
+	if (busy) return "pending";
+	if (items.length > 0 && items.every((item) => item.status === "connected")) return "connected";
+	return items.find((item) => item.status !== "connected" && item.status !== "disabled")?.status ?? "disabled";
+}
+function buildMcpGroupedView(items, favorites, assignments) {
+	return items.map((item) => ({
+		...item,
+		assignedGroup: assignments[item.name],
+		bucket: favorites.has(item.name) ? "Favorites" : assignments[item.name] ?? "Ungrouped"
+	})).sort((left, right) => {
+		return (BUCKET_RANK$1[left.bucket] ?? 1) - (BUCKET_RANK$1[right.bucket] ?? 1) || left.bucket.localeCompare(right.bucket) || left.name.localeCompare(right.name);
+	});
+}
+// src/entities/mcp/model/mcp-controller.ts
+function serverKey(current, name) {
+	return JSON.stringify([current.key, name]);
+}
+function bulkDescription(operation, action) {
+	if (operation.action === "preset") return `apply ${operation.preset} MCP preset`;
+	if (operation.group) return `${action} ${operation.group} MCP group`;
+	return `${action} all MCP servers`;
+}
+function matchingMcpPreset(items, presets) {
+	if (items.length === 0) return;
+	return Object.keys(presets).sort((left, right) => left.localeCompare(right)).find((name) => {
+		const states = presets[name];
+		return Object.keys(states).length === items.length && items.every((item) => item.status === "connected" && states[item.name] === "enabled" || item.status === "disabled" && states[item.name] === "disabled");
+	});
+}
+function createMcpModel(options, persist, preferences) {
+	const { source } = options;
+	const [snapshots, setSnapshots] = (0, solid_js.createSignal)({});
+	const [mutationCounts, setMutationCounts] = (0, solid_js.createSignal)({});
+	const [bulkStates, setBulkStates] = (0, solid_js.createSignal)({});
+	const [selectedPresets, setSelectedPresets] = (0, solid_js.createSignal)({});
 	const refreshing = /* @__PURE__ */ new Map();
-	const journals = /* @__PURE__ */ new Set();
-	const [unavailable, setUnavailable] = (0, solid_js.createSignal)({});
-	const targets = /* @__PURE__ */ new Map();
-	const remoteFailures = /* @__PURE__ */ new Map();
-	const remoteRetryAt = /* @__PURE__ */ new Map();
-	const requests = createRequestState(options.lifecycle.signal);
+	const mutations = /* @__PURE__ */ new Map();
+	const mutationRetries = /* @__PURE__ */ new Map();
+	const bulkGenerations = /* @__PURE__ */ new Map();
+	const bulkRetries = /* @__PURE__ */ new Map();
+	const selectedPresetStates = /* @__PURE__ */ new Map();
+	const requests = createRequestState(options.signal);
+	const serverRequests = createRequestState(options.signal);
+	let activation = 0;
 	let activeTarget;
-	let leases = /* @__PURE__ */ new Set();
-	let pollTimer;
-	const snapshots = () => options.cache === "source" ? Object.fromEntries([...targets].map(([key, current]) => [key, source.list(current.parentID)])) : children();
-	function target(parentID) {
-		return options.target(parentID);
+	function changeMutationCount(current, offset) {
+		setMutationCounts((values) => {
+			const next = Math.max(0, (values[current.key] ?? 0) + offset);
+			if (next === 0) {
+				const copy = { ...values };
+				delete copy[current.key];
+				return copy;
+			}
+			return {
+				...values,
+				[current.key]: next
+			};
+		});
 	}
-	function applySession(items, parentID, mutation) {
-		const next = items.filter((item) => item.id !== (mutation.type === "upsert" ? mutation.info.id : mutation.sessionID));
-		if (mutation.type === "upsert" && mutation.info.parentID === parentID) next.push(mutation.info);
-		return next.sort((a, b) => a.time.created - b.time.created || a.id.localeCompare(b.id));
+	function setActive(current) {
+		if (activeTarget === current.key) return;
+		if (activeTarget) {
+			bulkGenerations.set(activeTarget, (bulkGenerations.get(activeTarget) ?? 0) + 1);
+			setBulkStates((values) => {
+				const state = values[activeTarget];
+				if (!state || state.status !== "running") return values;
+				return {
+					...values,
+					[activeTarget]: {
+						...state,
+						status: "idle"
+					}
+				};
+			});
+		}
+		activation += 1;
+		requests.abortAll();
+		serverRequests.abortAll();
+		refreshing.clear();
+		activeTarget = current.key;
 	}
-	function applyStatus(current, mutation) {
-		return {
-			...current,
-			[mutation.sessionID]: mutation.status
-		};
+	function target() {
+		return options.target();
 	}
-	function recordSession(mutation) {
-		const sessionID = mutation.type === "upsert" ? mutation.info.id : mutation.sessionID;
-		for (const key of targets.keys()) {
-			remoteFailures.delete(JSON.stringify([key, sessionID]));
-			remoteRetryAt.delete(JSON.stringify([key, sessionID]));
-			if (mutation.type === "remove") history.remove(key, sessionID);
-		}
-		for (const journal of journals) journal.sessions.push(mutation);
-		if (options.cache === "model") setChildren((current) => Object.fromEntries(Object.entries(current).map(([key, items]) => [key, applySession(items, targets.get(key).parentID, mutation)])));
+	function mutating(current = target()) {
+		return (mutationCounts()[current.key] ?? 0) > 0;
 	}
-	function recordStatus(input) {
-		const mutation = {
-			...input,
-			at: now(),
-			startedAt: source?.startedAt?.(input.sessionID),
-			observed: /* @__PURE__ */ new Set()
-		};
-		for (const journal of journals) journal.statuses.push(mutation);
-		(0, solid_js.batch)(() => {
-			for (const [key, items] of Object.entries(snapshots())) {
-				if (items.every((item) => item.id !== mutation.sessionID)) continue;
-				history.observeStatus(key, mutation.sessionID, mutation.status, mutation.at, mutation.startedAt);
-				mutation.observed.add(key);
+	function resetSelectedPreset(current) {
+		selectedPresetStates.delete(current.key);
+		setSelectedPresets((values) => {
+			const next = { ...values };
+			delete next[current.key];
+			return next;
+		});
+	}
+	function invalidatePresetOperation(current, name) {
+		const state = bulkStates()[current.key];
+		if (state?.action !== "preset" || state.preset !== name) return;
+		bulkRetries.delete(current.key);
+		setBulkStates((values) => ({
+			...values,
+			[current.key]: {
+				...state,
+				status: "idle",
+				completed: 0,
+				total: 0,
+				failed: []
 			}
-			if (options.cache === "model") setStatuses((current) => Object.fromEntries(Object.entries(current).map(([key, value]) => [key, applyStatus(value, mutation)])));
+		}));
+	}
+	function reconcileSelectedPreset(current, items) {
+		const states = selectedPresetStates.get(current.key);
+		const bulk = bulkStates()[current.key];
+		if (!states || bulk?.action === "preset" && (bulk.status === "running" || bulk.status === "error")) return;
+		if (items.some((item) => {
+			const desired = states[item.name];
+			if (!desired) return false;
+			return (item.status === "connected" ? "enabled" : "disabled") !== desired;
+		})) resetSelectedPreset(current);
+	}
+	function clearBulkFailure(current, name) {
+		setBulkStates((values) => {
+			const state = values[current.key];
+			if (!state || state.status !== "error" || !state.failed.includes(name)) return values;
+			const failed = state.failed.filter((candidate) => candidate !== name);
+			bulkRetries.set(current.key, (bulkRetries.get(current.key) ?? []).filter((candidate) => candidate.name !== name));
+			return {
+				...values,
+				[current.key]: {
+					...state,
+					status: failed.length > 0 ? "error" : "ready",
+					failed
+				}
+			};
 		});
 	}
-	function recordError(input) {
-		if (!input.sessionID) return;
-		const mutation = {
-			sessionID: input.sessionID,
-			error: input.error,
-			at: now(),
-			observed: /* @__PURE__ */ new Set()
-		};
-		for (const journal of journals) journal.errors.push(mutation);
-		for (const [key, items] of Object.entries(snapshots())) {
-			if (items.every((item) => item.id !== mutation.sessionID)) continue;
-			history.observeError(key, mutation.sessionID, mutation.error, mutation.at);
-			mutation.observed.add(key);
-		}
+	function list(current = target()) {
+		return options.cache === "source" ? source.list(current) : snapshots()[current.key] ?? source.list(current);
 	}
-	async function refreshTarget(current, force = false) {
+	async function refresh(current = target(), force = false) {
 		const pending = refreshing.get(current.key);
 		if (pending && !force) return pending;
-		const journal = {
-			sessions: [],
-			statuses: [],
-			errors: []
-		};
-		journals.add(journal);
-		targets.set(current.key, current);
-		const requestState = requests.start(current.key, "refresh subagents", current.key in children(), force);
-		if (!requestState) {
-			journals.delete(journal);
-			return pending;
-		}
-		const signal = AbortSignal.any([requestState.signal, AbortSignal.timeout(5e3)]);
-		const request = options.snapshot(current, signal).then(async (snapshot) => {
-			let nextChildren = snapshot.sessions;
-			for (const mutation of journal.sessions) nextChildren = applySession(nextChildren, current.parentID, mutation);
-			let nextStatuses = { ...snapshot.statuses };
-			const missing = {};
-			const remoteStatuses = options.remoteStatus ? await Promise.all(nextChildren.map(async (session) => {
-				const key = JSON.stringify([current.key, session.id]);
-				return (remoteRetryAt.get(key) ?? 0) <= now() ? options.remoteStatus(session, requestState.signal) : {
-					sessionID: session.id,
-					failed: true,
-					cooldown: true,
-					status: void 0
-				};
-			})) : [];
-			if (!requestState.isCurrent()) return;
-			for (const result of remoteStatuses) {
-				if (!result) continue;
-				const key = JSON.stringify([current.key, result.sessionID]);
-				if (result.failed) {
-					missing[result.sessionID] = true;
-					if (!("cooldown" in result)) {
-						const failures = (remoteFailures.get(key) ?? 0) + 1;
-						remoteFailures.set(key, failures);
-						if (failures >= 3) remoteRetryAt.set(key, now() + 3e4);
-					}
-					const previous = statuses()[current.key]?.[result.sessionID];
-					if (previous) nextStatuses[result.sessionID] = previous;
-					else delete nextStatuses[result.sessionID];
-					continue;
-				}
-				remoteFailures.delete(key);
-				remoteRetryAt.delete(key);
-				nextStatuses[result.sessionID] = result.status ?? { type: "idle" };
-			}
-			for (const mutation of journal.sessions) nextChildren = applySession(nextChildren, current.parentID, mutation);
-			for (const mutation of journal.statuses) nextStatuses = applyStatus(nextStatuses, mutation);
-			if (requestState.isCurrent()) (0, solid_js.batch)(() => {
-				for (const session of nextChildren) {
-					const mutations = journal.statuses.filter((mutation) => mutation.sessionID === session.id);
-					if (mutations.length > 0) {
-						for (const mutation of mutations) if (!mutation.observed.has(current.key)) history.observeStatus(current.key, session.id, mutation.status, mutation.at, mutation.startedAt);
-					} else if (!missing[session.id]) {
-						const status = nextStatuses[session.id] ?? { type: "idle" };
-						nextStatuses[session.id] = status;
-						history.observeStatus(current.key, session.id, status, now(), source?.startedAt?.(session.id));
-					}
-					for (const mutation of journal.errors) if (mutation.sessionID === session.id && !mutation.observed.has(current.key)) history.observeError(current.key, session.id, mutation.error, mutation.at);
-				}
-				if (options.cache === "model") {
-					setChildren((value) => ({
-						...value,
-						[current.key]: nextChildren
-					}));
-					setStatuses((value) => ({
-						...value,
-						[current.key]: nextStatuses
-					}));
-				}
-				setUnavailable((value) => ({
-					...value,
-					[current.key]: missing
-				}));
-			});
+		const requestState = requests.start(current.key, "refresh MCP servers", current.key in snapshots(), force);
+		if (!requestState) return pending;
+		const request = source.refresh(current, force, requestState.signal).then((items) => {
+			if (options.cache === "model" && requestState.isCurrent()) setSnapshots((value) => ({
+				...value,
+				[current.key]: items
+			}));
+			if (requestState.isCurrent()) reconcileSelectedPreset(current, items);
 			requestState.succeed();
+			return items;
 		}).catch((error) => {
 			requestState.fail(error);
 			throw error;
 		}).finally(() => {
-			journals.delete(journal);
 			requestState.finish();
 			if (refreshing.get(current.key) === request) refreshing.delete(current.key);
 		});
 		refreshing.set(current.key, request);
 		return request;
 	}
-	function refresh(parentID, force = false) {
-		return refreshTarget(target(parentID), force);
+	async function changeServer(current, name, action, operation = `${action} MCP server`, refreshAfter = true) {
+		const key = serverKey(current, name);
+		const pending = mutations.get(key);
+		if (pending) return pending;
+		const requestState = serverRequests.start(key, operation, false);
+		if (!requestState) return mutations.get(key);
+		changeMutationCount(current, 1);
+		const request = options.change(current, name, action, requestState.signal).then(() => {
+			requestState.succeed();
+			mutationRetries.delete(key);
+			clearBulkFailure(current, name);
+		}).catch((error) => {
+			requestState.fail(error);
+			if (!requestState.signal.aborted && !isAbortError(error)) mutationRetries.set(key, () => changeServer(current, name, action, operation));
+			throw error;
+		}).finally(() => {
+			requestState.finish();
+			changeMutationCount(current, -1);
+			if (mutations.get(key) === request) mutations.delete(key);
+		});
+		mutations.set(key, request);
+		await request;
+		if (refreshAfter) await refresh(current, true);
 	}
-	function list(parentID) {
-		const current = target(parentID);
-		const currentStatuses = options.cache === "source" ? Object.fromEntries(source.list(parentID).map((item) => [item.id, source.status(item.id)])) : statuses()[current.key] ?? {};
-		return (snapshots()[current.key] ?? []).map((session) => ({
-			session,
-			status: currentStatuses[session.id] ?? (unavailable()[current.key]?.[session.id] ? void 0 : source.status(session.id))
-		})).filter((item) => activeStatus(item.status)).map((item) => ({
-			...item,
-			run: history.active(current.key, item.session.id),
-			unavailable: unavailable()[current.key]?.[item.session.id]
-		}));
+	function save(current, name, disabled) {
+		if (!persist()) return;
+		preferences.setDesiredMcpState(current.scope, name, disabled ? "disabled" : "enabled");
 	}
-	function recent(parentID) {
-		const current = target(parentID);
-		const sessions = new Map((snapshots()[current.key] ?? []).map((session) => [session.id, session]));
-		return history.recent(current.key).flatMap((run) => {
-			const session = sessions.get(run.sessionID);
-			return session ? [{
-				session,
-				status: { type: "idle" },
-				run,
-				unavailable: false
-			}] : [];
+	async function toggle(name) {
+		const current = target();
+		const item = list(current).find((candidate) => candidate.name === name);
+		const action = item && mcpToggleAction(item.status);
+		if (!action || mutations.has(serverKey(current, name))) return;
+		activation += 1;
+		resetSelectedPreset(current);
+		save(current, name, action === "disconnect");
+		await changeServer(current, name, action);
+	}
+	async function activate(current = target()) {
+		setActive(current);
+		const generation = ++activation;
+		const hydration = preferences.load();
+		if (!hydration) return;
+		await hydration;
+		const items = await refresh(current, true);
+		if (!persist() || generation !== activation || target().key !== current.key) return;
+		const results = await Promise.allSettled(items.map(async (item) => {
+			if (!persist() || generation !== activation || target().key !== current.key) return;
+			const desired = preferences.desiredMcpState(current.scope, item.name);
+			const action = mcpToggleAction(item.status);
+			if (desired === "disabled" && action === "disconnect") await changeServer(current, item.name, "disconnect", "restore MCP preference", false);
+			if (desired === "enabled" && action === "connect") await changeServer(current, item.name, "connect", "restore MCP preference", false);
+		}));
+		const failed = options.signal?.aborted ? [] : results.flatMap((result, index) => result.status === "rejected" && !isAbortError(result.reason) ? [items[index].name] : []);
+		if (failed.length > 0) options.notifications.show({
+			variant: "warning",
+			title: "MCP preferences",
+			message: `Could not restore: ${failed.join(", ")}`
 		});
+		if (generation === activation && target().key === current.key) await refresh(current, true);
 	}
-	const unsubscribe = options.subscribe((event) => {
-		switch (event.type) {
-			case "upsert":
-				recordSession(event);
-				break;
-			case "remove":
-				recordSession(event);
-				recordStatus({
-					sessionID: event.sessionID,
-					status: { type: "idle" }
-				});
-				break;
-			case "status":
-				recordStatus(event);
-				break;
-			case "error":
-				recordError(event);
-				break;
-			case "reconnect": {
-				const current = activeTarget ? targets.get(activeTarget) : void 0;
-				if (current) retryBackgroundRefresh(() => refreshTarget(current), { signal: options.lifecycle.signal }).catch(() => {});
-				break;
+	function reconnect(current = target()) {
+		return retryBackgroundRefresh(() => activate(current), { signal: options.signal });
+	}
+	function bulkState(current = target()) {
+		return bulkStates()[current.key] ?? {
+			action: "connect",
+			status: "idle",
+			completed: 0,
+			total: 0,
+			failed: []
+		};
+	}
+	async function changeMany(operation, changes, current = target()) {
+		if (mutating(current)) return;
+		setActive(current);
+		const generation = (bulkGenerations.get(current.key) ?? 0) + 1;
+		bulkGenerations.set(current.key, generation);
+		setBulkStates((values) => ({
+			...values,
+			[current.key]: {
+				...operation,
+				status: "running",
+				completed: 0,
+				total: changes.length,
+				failed: []
 			}
+		}));
+		if (changes.length === 0) {
+			setBulkStates((values) => ({
+				...values,
+				[current.key]: {
+					...operation,
+					status: "ready",
+					completed: 0,
+					total: 0,
+					failed: []
+				}
+			}));
+			return;
 		}
-	});
-	options.lifecycle.onDispose(() => {
-		unsubscribe();
-		if (pollTimer) clearTimeout(pollTimer);
-	});
-	return {
-		target,
-		list,
-		recent,
-		refresh,
-		state(parentID) {
-			return requests.state(target(parentID).key);
-		},
-		retry(parentID) {
-			return refresh(parentID, true);
-		},
-		activate(parentID) {
-			const current = target(parentID);
-			targets.set(current.key, current);
-			if (activeTarget !== current.key) {
-				if (pollTimer) clearTimeout(pollTimer);
-				requests.abortAll();
-				refreshing.clear();
-				activeTarget = current.key;
-				leases = /* @__PURE__ */ new Set();
-				const poll = () => {
-					if (activeTarget !== current.key || options.lifecycle.signal.aborted) return;
-					refreshTarget(current).catch(() => {});
-					pollTimer = setTimeout(poll, POLL_INTERVAL_MS);
-				};
-				if (options.cache === "model") pollTimer = setTimeout(poll, POLL_INTERVAL_MS);
-			}
-			const lease = Symbol(current.key);
-			leases.add(lease);
-			return () => {
-				if (activeTarget !== current.key || !leases.delete(lease) || leases.size > 0) return;
-				activeTarget = void 0;
-				if (pollTimer) clearTimeout(pollTimer);
-				pollTimer = void 0;
-				requests.abortAll();
-				refreshing.clear();
-			};
-		},
-		open(sessionID) {
-			options.open(sessionID);
+		const failed = [];
+		const retry = [];
+		await Promise.all(changes.map(async ({ name, action }) => {
+			if (operation.action !== "preset") save(current, name, action === "disconnect");
+			try {
+				await changeServer(current, name, action, bulkDescription(operation, action), false);
+			} catch (error) {
+				if (!isAbortError(error)) {
+					failed.push(name);
+					retry.push({
+						name,
+						action
+					});
+				}
+			} finally {
+				setBulkStates((values) => {
+					if (bulkGenerations.get(current.key) !== generation) return values;
+					const state = values[current.key];
+					if (!state || state.action !== operation.action) return values;
+					return {
+						...values,
+						[current.key]: {
+							...state,
+							completed: state.completed + 1
+						}
+					};
+				});
+			}
+		}));
+		if (bulkGenerations.get(current.key) !== generation) return;
+		bulkRetries.set(current.key, retry);
+		if (activeTarget === current.key) await refresh(current, true).catch(() => {});
+		failed.sort((left, right) => left.localeCompare(right));
+		setBulkStates((values) => ({
+			...values,
+			[current.key]: {
+				...operation,
+				status: failed.length > 0 ? "error" : "ready",
+				completed: changes.length,
+				total: changes.length,
+				failed
+			}
+		}));
+		if (failed.length > 0 && activeTarget === current.key) {
+			let action = operation.action === "preset" ? `apply ${operation.preset}` : operation.action;
+			if (operation.group) action += ` ${operation.group}`;
+			options.notifications.show({
+				variant: "warning",
+				title: "MCP servers",
+				message: `Could not ${action}: ${failed.join(", ")}`
+			});
 		}
-	};
-}
-// src/entities/subagent/model/view.ts
-function filterSubagentView(rows, mode, query) {
-	const needle = query.trim().toLocaleLowerCase();
-	return rows.filter((row) => {
-		if (mode === "active" && row.group !== "Active") return false;
-		if (mode === "recent" && row.group !== "Recent") return false;
-		if (mode === "errors" && row.run?.outcome !== "error" && !row.unavailable) return false;
-		return !needle || [
-			row.session.title,
-			row.session.id,
-			row.run?.errorMessage
-		].some((value) => value?.toLocaleLowerCase().includes(needle));
-	});
-}
-function countSubagentView(rows, query) {
+	}
 	return {
-		all: filterSubagentView(rows, "all", query).length,
-		active: filterSubagentView(rows, "active", query).length,
-		recent: filterSubagentView(rows, "recent", query).length,
-		errors: filterSubagentView(rows, "errors", query).length
-	};
-}
-function buildSubagentView(active, recent) {
-	const priority = (item) => {
-		if (item.run?.errorMessage || item.unavailable) return 0;
-		return item.status.type === "retry" ? 1 : 2;
+		list,
+		refresh,
+		reconnect,
+		activate,
+		deactivate(current) {
+			if (activeTarget !== current.key) return;
+			activeTarget = void 0;
+			activation += 1;
+			bulkGenerations.set(current.key, (bulkGenerations.get(current.key) ?? 0) + 1);
+			setBulkStates((values) => {
+				const state = values[current.key];
+				if (!state || state.status !== "running") return values;
+				return {
+					...values,
+					[current.key]: {
+						...state,
+						status: "idle"
+					}
+				};
+			});
+			requests.abortAll();
+			serverRequests.abortAll();
+			refreshing.clear();
+		},
+		target,
+		toggle,
+		persist,
+		state(current = target()) {
+			return requests.state(current.key);
+		},
+		retry(current = target()) {
+			return refresh(current, true);
+		},
+		serverState(name, current = target()) {
+			return serverRequests.state(serverKey(current, name));
+		},
+		retryServer(name, current = target()) {
+			return mutationRetries.get(serverKey(current, name))?.();
+		},
+		mutating,
+		bulkState,
+		selectedPreset(current = target()) {
+			return selectedPresets()[current.key];
+		},
+		capturePreset(current = target()) {
+			return Object.fromEntries(list(current).map((item) => [item.name, item.status === "connected" ? "enabled" : "disabled"]));
+		},
+		applyPreset(name, states, current = target()) {
+			if (mutating(current)) return;
+			const { changes } = mcpPresetPreview(list(current), states);
+			if (persist()) {
+				if (preferences.setDesiredMcpStates) preferences.setDesiredMcpStates(current.scope, states);
+				else for (const [server, state] of Object.entries(states)) preferences.setDesiredMcpState(current.scope, server, state);
+			}
+			setSelectedPresets((values) => ({
+				...values,
+				[current.key]: name
+			}));
+			selectedPresetStates.set(current.key, { ...states });
+			return changeMany({
+				action: "preset",
+				preset: name
+			}, changes, current);
+		},
+		updateSelectedPreset(name, current = target()) {
+			invalidatePresetOperation(current, name);
+			if (selectedPresets()[current.key] === name) resetSelectedPreset(current);
+		},
+		renameSelectedPreset(previous, current = target()) {
+			invalidatePresetOperation(current, previous);
+			if (selectedPresets()[current.key] === previous) resetSelectedPreset(current);
+		},
+		clearSelectedPreset(name, current = target()) {
+			invalidatePresetOperation(current, name);
+			if (selectedPresets()[current.key] === name) resetSelectedPreset(current);
+		},
+		connectAll(current = target()) {
+			if (mutating(current)) return;
+			resetSelectedPreset(current);
+			return changeMany({ action: "connect" }, list(current).filter((item) => mcpToggleAction(item.status) === "connect").map((item) => ({
+				name: item.name,
+				action: "connect"
+			})), current);
+		},
+		disconnectAll(current = target()) {
+			if (mutating(current)) return;
+			resetSelectedPreset(current);
+			return changeMany({ action: "disconnect" }, list(current).filter((item) => mcpToggleAction(item.status) === "disconnect").map((item) => ({
+				name: item.name,
+				action: "disconnect"
+			})), current);
+		},
+		toggleGroup(group, names, current = target()) {
+			if (target().key !== current.key || mutating(current) || bulkState(current).status === "running") return;
+			const selected = new Set(names);
+			const items = list(current).filter((item) => selected.has(item.name));
+			const action = mcpGroupToggleAction(items);
+			if (!action) return;
+			resetSelectedPreset(current);
+			if (action === "connect") {
+				for (const item of items) if (item.status === "connected") save(current, item.name, false);
+			}
+			return changeMany({
+				action,
+				group
+			}, items.filter((item) => mcpToggleAction(item.status) === action).map((item) => ({
+				name: item.name,
+				action
+			})), current);
+		},
+		retryBulk(current = target()) {
+			const state = bulkState(current);
+			if (state.status !== "error" || state.failed.length === 0) return;
+			const changes = bulkRetries.get(current.key) ?? [];
+			return changeMany({
+				action: state.action,
+				...state.preset && { preset: state.preset },
+				...state.group && { group: state.group }
+			}, changes, current);
+		}
 	};
-	return [...[...active].sort((a, b) => priority(a) - priority(b)).map((item) => ({
-		...item,
-		group: "Active"
-	})), ...[...recent].sort((a, b) => (b.run?.finishedAt ?? 0) - (a.run?.finishedAt ?? 0) || a.session.id.localeCompare(b.session.id)).map((item) => ({
-		...item,
-		group: "Recent"
-	}))];
-}
-function formatSubagentDuration(startedAt, now) {
-	const seconds = Math.max(0, Math.floor((now - startedAt) / 1e3));
-	let value = `${seconds}s`;
-	if (seconds >= 3600) value = `${Math.floor(seconds / 3600)}h ${String(Math.floor(seconds / 60) % 60).padStart(2, "0")}m`;
-	else if (seconds >= 60) value = `${Math.floor(seconds / 60)}m ${String(seconds % 60).padStart(2, "0")}s`;
-	return value;
-}
-function createSubagentClock(key) {
-	const [now, setNow] = (0, solid_js.createSignal)(Date.now());
-	(0, solid_js.createEffect)(() => {
-		if (key() === void 0) return;
-		setNow(Date.now());
-		const timer = setInterval(() => setNow(Date.now()), 1e3);
-		(0, solid_js.onCleanup)(() => clearInterval(timer));
-	});
-	return now;
 }
-// src/shared/ui/gui/tabs.tsx
-var _tmpl$$49 = /*#__PURE__*/ (0, solid_js_web.template)(`<nav style=display:flex;gap:4px;flex-wrap:wrap>`);
-var _tmpl$2$32 = /*#__PURE__*/ (0, solid_js_web.template)(`<span>`);
-var _tmpl$3$19 = /*#__PURE__*/ (0, solid_js_web.template)(`<span style=opacity:0.6;font-weight:400>`);
-function GuiTabs(props) {
-	const Button = props.ui.Button;
-	function navigate(event) {
-		if (event.key !== "ArrowLeft" && event.key !== "ArrowRight") return;
-		const enabled = props.options.filter((option) => !option.disabled);
-		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;
-		props.onSelect(enabled[next].id);
-		event.currentTarget.querySelectorAll("button:not(:disabled)")[next]?.focus();
-	}
+// 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$$49();
-		_el$.$$keydown = navigate;
-		(0, solid_js_web.insert)(_el$, (0, solid_js_web.createComponent)(solid_js.For, {
-			get each() {
-				return props.options.map((option) => option.id);
+		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";
 			},
-			children: (id) => {
-				const option = () => props.options.find((item) => item.id === id);
-				return (0, solid_js_web.createComponent)(Button, {
-					size: "small",
-					get disabled() {
-						return option().disabled;
+			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
+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;
+	return (0, solid_js_web.createComponent)(CatalogRow, {
+		get title() {
+			return props.item.name;
+		},
+		get details() {
+			return props.item.title;
+		},
+		get favorite() {
+			return catalogs().preferences.favoriteMcpServers().has(props.item.name);
+		},
+		get bookmarkDisabled() {
+			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";
+		},
+		activate: () => void catalogs().mcp.toggle(props.item.name).catch(() => {}),
+		get trailing() {
+			return (0, solid_js_web.createComponent)(solid_js.Show, {
+				get when() {
+					return error();
+				},
+				get children() {
+					return (0, solid_js_web.createComponent)(GuiIconAction, {
+						get ui() {
+							return services.ui;
+						},
+						icon: "info",
+						get label() {
+							return `Information about ${props.item.name}`;
+						},
+						onClick: () => services.onMcpInformation({
+							...props.item,
+							error: error()
+						})
+					});
+				}
+			});
+		}
+	});
+}
+// 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$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">`);
+function GuiMcpGroup(props) {
+	const services = useNavigatorGui();
+	const catalogs = () => services.runtime.catalogs;
+	const view = () => catalogs().views.mcp;
+	const bucket = () => view().bucket(props.group);
+	const busy = () => catalogs().mcp.bulkState().group === props.group && catalogs().mcp.bulkState().status === "running";
+	const Button = services.ui.Button;
+	return (() => {
+		var _el$ = _tmpl$3$19(), _el$4 = _el$.firstChild;
+		(0, solid_js_web.insert)(_el$, (0, solid_js_web.createComponent)(Button, {
+			variant: "ghost",
+			size: "small",
+			get disabled() {
+				return catalogs().mcp.mutating();
+			},
+			onClick: () => void catalogs().mcp.toggleGroup(props.group, bucket().map((item) => item.name))?.catch(() => {}),
+			get children() {
+				return [
+					(0, solid_js_web.createComponent)(McpIndicator, { get status() {
+						return mcpGroupStatus(bucket(), busy());
+					} }),
+					(() => {
+						var _el$2 = _tmpl$$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;
+					})()
+				];
+			}
+		}), _el$4);
+		(0, solid_js_web.insert)(_el$4, (0, solid_js_web.createComponent)(solid_js.For, {
+			get each() {
+				return view().visibility.visible().filter((item) => item.bucket === props.group).map((item) => item.name);
+			},
+			children: (name) => (0, solid_js_web.createComponent)(solid_js.Show, {
+				get when() {
+					return view().visibility.visible().find((item) => item.name === name);
+				},
+				children: (item) => (0, solid_js_web.createComponent)(GuiMcpRow, { get item() {
+					return item();
+				} })
+			})
+		}));
+		return _el$;
+	})();
+}
+// src/pages/navigator/ui/gui/mcp-section.tsx
+var _tmpl$$44 = /*#__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.`);
+function McpSection() {
+	const services = useNavigatorGui();
+	const catalogs = () => services.runtime.catalogs;
+	const view = () => catalogs().views.mcp;
+	const state = () => catalogs().mcp.state();
+	const bulk = () => catalogs().mcp.bulkState();
+	const matched = () => matchingMcpPreset(catalogs().mcp.list(), catalogs().preferences.mcpPresets());
+	const Button = services.ui.Button;
+	return (0, solid_js_web.createComponent)(MonitoringSection, {
+		id: "mcp",
+		title: "MCP",
+		get count() {
+			return view().all().length;
+		},
+		get actions() {
+			return (0, solid_js_web.createComponent)(solid_js.Show, {
+				get when() {
+					return services.onMcpPresets;
+				},
+				get children() {
+					return (0, solid_js_web.createComponent)(Button, {
+						size: "small",
+						variant: "ghost",
+						get onClick() {
+							return services.onMcpPresets;
+						},
+						get children() {
+							return matched() || "Preset";
+						}
+					});
+				}
+			});
+		},
+		get children() {
+			return [
+				(0, solid_js_web.createComponent)(SectionFilter, {
+					label: "Filter MCP",
+					placeholder: "Filter servers and groups",
+					get value() {
+						return view().query();
 					},
-					get variant() {
-						return props.selected === id ? "neutral" : "ghost-muted";
+					get change() {
+						return view().setQuery;
+					}
+				}),
+				(0, solid_js_web.createComponent)(solid_js.Show, {
+					get when() {
+						return state().error;
 					},
-					onClick: () => props.onSelect(id),
 					get children() {
 						return [(() => {
-							var _el$2 = _tmpl$2$32();
-							(0, solid_js_web.insert)(_el$2, () => option().label);
-							(0, solid_js_web.effect)((_$p) => (0, solid_js_web.setStyleProperty)(_el$2, "font-weight", props.selected === id ? "600" : "400"));
+							var _el$ = _tmpl$$44();
+							(0, solid_js_web.insert)(_el$, () => state().error?.message);
+							return _el$;
+						})(), (0, solid_js_web.createComponent)(GuiIconAction, {
+							get ui() {
+								return services.ui;
+							},
+							icon: "refresh",
+							label: "Retry",
+							onClick: () => void catalogs().mcp.retry().catch(() => {})
+						})];
+					}
+				}),
+				(0, solid_js_web.createComponent)(solid_js.Show, {
+					get when() {
+						return bulk().status === "running" || bulk().status === "error";
+					},
+					get children() {
+						return [(() => {
+							var _el$2 = _tmpl$2$31(), _el$3 = _el$2.firstChild, _el$5 = _el$3.nextSibling;
+							_el$5.nextSibling;
+							(0, solid_js_web.insert)(_el$2, () => bulk().completed, _el$3);
+							(0, solid_js_web.insert)(_el$2, () => bulk().total, _el$5);
 							return _el$2;
 						})(), (0, solid_js_web.createComponent)(solid_js.Show, {
 							get when() {
-								return option().count !== void 0;
+								return bulk().status === "error";
 							},
 							get children() {
-								var _el$3 = _tmpl$3$19();
-								(0, solid_js_web.insert)(_el$3, () => option().count);
-								return _el$3;
+								return (0, solid_js_web.createComponent)(Button, {
+									size: "small",
+									onClick: () => void catalogs().mcp.retryBulk()?.catch(() => {}),
+									children: "Retry failed servers"
+								});
 							}
 						})];
 					}
-				});
-			}
-		}));
-		(0, solid_js_web.effect)(() => (0, solid_js_web.setAttribute)(_el$, "aria-label", props.label));
-		return _el$;
-	})();
+				}),
+				(() => {
+					var _el$6 = _tmpl$3$18();
+					(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();
+						},
+						children: (group) => (0, solid_js_web.createComponent)(GuiMcpGroup, { group })
+					}));
+					return _el$6;
+				})(),
+				(0, solid_js_web.createComponent)(solid_js.Show, {
+					get when() {
+						return view().visibility.canToggle();
+					},
+					get children() {
+						return (0, solid_js_web.createComponent)(Button, {
+							size: "small",
+							variant: "ghost",
+							onClick: () => view().visibility.expanded() ? view().visibility.showLess() : view().visibility.showAll(),
+							get children() {
+								return (0, solid_js_web.memo)(() => !!view().visibility.expanded())() ? "Show less" : `Show ${view().visibility.hiddenCount()} more`;
+							}
+						});
+					}
+				})
+			];
+		}
+	});
 }
-(0, solid_js_web.delegateEvents)(["keydown"]);
-// src/shared/lib/icon-choices/index.ts
-var ICON_CHOICE_IDS = [
-	"plus",
-	"check",
-	"circle",
-	"star",
-	"pin",
-	"bolt",
-	"book",
-	"search",
-	"code",
-	"terminal",
-	"gear",
-	"shield",
-	"lock",
-	"unlock",
-	"eye",
-	"clock",
-	"refresh",
-	"history",
-	"copy",
-	"export",
-	"edit",
-	"fork",
-	"list",
-	"play",
-	"pause",
-	"stop",
-	"rocket",
-	"bug",
-	"beaker",
-	"wand",
-	"cloud",
-	"server",
-	"folder",
-	"file",
-	"heart",
-	"lightbulb",
-	"arrow-up",
-	"arrow-down",
-	"warning",
-	"close"
-];
-var choices = new Set(ICON_CHOICE_IDS);
-function isIconChoiceId(value) {
-	return choices.has(value);
-}
-function iconChoiceLabel(id) {
-	return id.replaceAll("-", " ");
+// src/pages/navigator/ui/gui/skill-row.tsx
+function GuiSkillRow(props) {
+	const services = useNavigatorGui();
+	const preferences = () => services.runtime.catalogs.preferences;
+	const Menu = services.ui.Menu;
+	const pinned = () => preferences().toolbarPins().some((pin) => pin.kind === "skill" && pin.location === props.skill.location);
+	return (0, solid_js_web.createComponent)(CatalogRow, {
+		get title() {
+			return props.skill.name;
+		},
+		get details() {
+			return props.skill.description;
+		},
+		get favorite() {
+			return preferences().isFavoriteSkill(props.skill);
+		},
+		get bookmarkDisabled() {
+			return !preferences().ready();
+		},
+		bookmark: () => preferences().toggleFavoriteSkill(props.skill),
+		activate: () => services.onSkill(props.skill),
+		get trailing() {
+			return (0, solid_js_web.createComponent)(Menu, {
+				get label() {
+					return `Options for Skill ${props.skill.name}`;
+				},
+				get items() {
+					return [{
+						label: pinned() ? "Configure toolbar button" : "Pin to toolbar",
+						icon: "plus",
+						disabled: !preferences().ready(),
+						onSelect: () => services.onPin({
+							kind: "skill",
+							location: props.skill.location,
+							name: props.skill.name,
+							icon: "book"
+						})
+					}];
+				}
+			});
+		}
+	});
 }
-// src/shared/ui/gui/icon.tsx
-var _tmpl$$48 = /*#__PURE__*/ (0, solid_js_web.template)(`<span aria-hidden=true style=display:inline-flex;width:18px;height:18px;flex-shrink:0;align-items:center;justify-content:center>`);
-var _tmpl$2$31 = /*#__PURE__*/ (0, solid_js_web.template)(`<svg width=16 height=16 viewBox="0 0 24 26"fill=none stroke=currentColor stroke-width=1.7 stroke-linecap=round stroke-linejoin=round>`);
-var _tmpl$3$18 = /*#__PURE__*/ (0, solid_js_web.template)(`<svg><path></svg>`, false, true, false);
-var native = {
-	plus: "plus",
-	check: "check",
-	search: "magnifying-glass",
-	code: "code",
-	terminal: "terminal",
-	gear: "settings-gear",
-	shield: "shield",
-	lock: "lock",
-	eye: "eye",
-	refresh: "refresh",
-	copy: "copy",
-	export: "share",
-	edit: "edit",
-	fork: "fork",
-	list: "bullet-list",
-	stop: "stop",
-	beaker: "flask",
-	server: "server",
-	folder: "folder",
-	file: "file-document",
-	"arrow-up": "arrow-up",
-	warning: "warning",
-	close: "close"
-};
-var paths = {
-	circle: ["M21 12a9 9 0 1 1-18 0a9 9 0 0 1 18 0Z"],
-	star: ["m12 3 2.7 5.5 6.1.9-4.4 4.3 1 6.1-5.4-2.9-5.4 2.9 1-6.1-4.4-4.3 6.1-.9Z"],
-	pin: ["m9 3 6 0-1 6 4 4H6l4-4Z", "M12 13v8"],
-	bolt: ["m13 2-8 12h6l-1 8 9-13h-7Z"],
-	book: ["M3 4h7l2 2 2-2h7v15h-7l-2 2-2-2H3Z", "M12 6v15"],
-	unlock: [
-		"M7 10V7a5 5 0 0 1 9-3",
-		"M5 10h14v11H5Z",
-		"M12 14v3"
-	],
-	clock: ["M21 12a9 9 0 1 1-18 0a9 9 0 0 1 18 0Z", "M12 7v5l3 2"],
-	history: [
-		"M4 8a9 9 0 1 1-1 7",
-		"M4 3v5h5",
-		"M12 7v5l3 2"
-	],
-	play: ["m7 4 13 8-13 8Z"],
-	pause: ["M8 4v16", "M16 4v16"],
-	rocket: [
-		"M9 16c0-8 6-13 12-13 0 6-5 12-13 12Z",
-		"m9 8-5 1-2 6 6-1",
-		"m16 15-1 5-6 2 1-6",
-		"m5 17-3 5 5-3"
-	],
-	bug: [
-		"M8 10h8v6a4 4 0 0 1-8 0Z",
-		"M9 10V8a3 3 0 0 1 6 0v2",
-		"M5 7l3 4M19 7l-3 4M3 14h5m8 0h5M5 21l4-3m6 0 4 3M12 11v9"
-	],
-	wand: ["m4 20 13-13 3 3L7 23Z", "M5 3v6M2 6h6M18 1v4M16 3h4"],
-	cloud: ["M7 19a5 5 0 1 1 0-10 6 6 0 0 1 11-1 5.5 5.5 0 0 1 0 11Z"],
-	heart: ["M12 21 3.5 12.5a5.5 5.5 0 0 1 8.5-7 5.5 5.5 0 0 1 8.5 7Z"],
-	lightbulb: ["M9 18v-2a7 7 0 1 1 6 0v2Z", "M9 21h6M10 24h4"],
-	"arrow-down": ["M12 3v18", "m5 14 7 7 7-7"]
-};
-function GuiIcon(props) {
-	const Icon = props.ui.Icon;
-	const id = () => isIconChoiceId(props.id) ? props.id : "bolt";
-	return (() => {
-		var _el$ = _tmpl$$48();
-		(0, solid_js_web.insert)(_el$, (0, solid_js_web.createComponent)(solid_js.Show, {
-			get when() {
-				return native[id()];
-			},
-			get fallback() {
-				return (() => {
-					var _el$2 = _tmpl$2$31();
+// src/pages/navigator/ui/gui/skills-section.tsx
+var _tmpl$$43 = /*#__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">`);
+function SkillsSection() {
+	const services = useNavigatorGui();
+	const catalogs = () => services.runtime.catalogs;
+	const view = () => catalogs().views.skills;
+	const Button = services.ui.Button;
+	return (0, solid_js_web.createComponent)(MonitoringSection, {
+		id: "skills",
+		title: "Skills",
+		get count() {
+			return view().all().length;
+		},
+		get children() {
+			return [
+				(0, solid_js_web.createComponent)(SectionFilter, {
+					label: "Filter Skills",
+					placeholder: "Filter skills and groups",
+					get value() {
+						return view().query();
+					},
+					get change() {
+						return view().setQuery;
+					}
+				}),
+				(0, solid_js_web.createComponent)(solid_js.Show, {
+					get when() {
+						return catalogs().skills.error();
+					},
+					get children() {
+						return [(() => {
+							var _el$ = _tmpl$$43();
+							(0, solid_js_web.insert)(_el$, () => catalogs().skills.error());
+							return _el$;
+						})(), (0, solid_js_web.createComponent)(GuiIconAction, {
+							get ui() {
+								return services.ui;
+							},
+							icon: "refresh",
+							label: "Retry",
+							onClick: () => void catalogs().skills.retry().catch(() => {})
+						})];
+					}
+				}),
+				(() => {
+					var _el$2 = _tmpl$2$30();
 					(0, solid_js_web.insert)(_el$2, (0, solid_js_web.createComponent)(solid_js.For, {
 						get each() {
-							return paths[id()] ?? paths.bolt;
+							return view().groups();
 						},
-						children: (path) => (() => {
-							var _el$3 = _tmpl$3$18();
-							(0, solid_js_web.setAttribute)(_el$3, "d", path);
-							return _el$3;
+						get fallback() {
+							return _tmpl$3$17();
+						},
+						children: (group) => (() => {
+							var _el$4 = _tmpl$4$11(), _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() {
+									return view().visibility.visible().filter((item) => item.bucket === group).map((item) => item.location);
+								},
+								children: (location) => (0, solid_js_web.createComponent)(solid_js.Show, {
+									get when() {
+										return view().visibility.visible().find((item) => item.location === location);
+									},
+									children: (item) => (0, solid_js_web.createComponent)(GuiSkillRow, { get skill() {
+										return item();
+									} })
+								})
+							}));
+							return _el$4;
 						})()
 					}));
 					return _el$2;
-				})();
-			},
-			children: (name) => (0, solid_js_web.createComponent)(Icon, {
-				get name() {
-					return name();
-				},
-				size: "small"
-			})
-		}));
-		return _el$;
-	})();
+				})(),
+				(0, solid_js_web.createComponent)(solid_js.Show, {
+					get when() {
+						return view().visibility.canToggle();
+					},
+					get children() {
+						return (0, solid_js_web.createComponent)(Button, {
+							size: "small",
+							variant: "ghost",
+							onClick: () => view().visibility.expanded() ? view().visibility.showLess() : view().visibility.showAll(),
+							get children() {
+								return (0, solid_js_web.memo)(() => !!view().visibility.expanded())() ? "Show less" : `Show ${view().visibility.hiddenCount()} more`;
+							}
+						});
+					}
+				})
+			];
+		}
+	});
 }
-// src/shared/ui/gui/multiline-field.tsx
-var _tmpl$$47 = /*#__PURE__*/ (0, solid_js_web.template)(`<label style=display:grid;gap:8px><span></span><textarea style="width:100%;box-sizing:border-box;min-height:160px;max-height:40vh;resize:vertical;color:var(--v2-text-text-base, inherit);background:var(--v2-background-bg-base, transparent);border:0;caret-color:var(--v2-text-text-base, auto);border-radius:6px;padding:8px;font:inherit">`);
-function GuiMultilineField(props) {
-	const id = (0, solid_js.createUniqueId)();
-	const [focused, setFocused] = (0, solid_js.createSignal)(false);
-	return (() => {
-		var _el$ = _tmpl$$47(), _el$2 = _el$.firstChild, _el$3 = _el$2.nextSibling;
-		(0, solid_js_web.setAttribute)(_el$, "for", id);
-		(0, solid_js_web.insert)(_el$2, () => props.label);
-		_el$3.$$input = (event) => props.onInput(event.currentTarget.value);
-		_el$3.addEventListener("blur", () => setFocused(false));
-		_el$3.addEventListener("focus", () => setFocused(true));
-		(0, solid_js_web.setAttribute)(_el$3, "id", id);
-		(0, solid_js_web.effect)((_p$) => {
-			var _v$ = props.disabled, _v$2 = focused() ? "1px solid var(--v2-border-border-focus)" : "1px solid transparent", _v$3 = focused() ? "none" : "var(--v2-elevation-input)", _v$4 = props.disabled ? "0.5" : "1";
-			_v$ !== _p$.e && (_el$3.disabled = _p$.e = _v$);
-			_v$2 !== _p$.t && (0, solid_js_web.setStyleProperty)(_el$3, "outline", _p$.t = _v$2);
-			_v$3 !== _p$.a && (0, solid_js_web.setStyleProperty)(_el$3, "box-shadow", _p$.a = _v$3);
-			_v$4 !== _p$.o && (0, solid_js_web.setStyleProperty)(_el$3, "opacity", _p$.o = _v$4);
-			return _p$;
-		}, {
-			e: void 0,
-			t: void 0,
-			a: void 0,
-			o: void 0
-		});
-		(0, solid_js_web.effect)(() => _el$3.value = props.value);
-		return _el$;
-	})();
-}
-(0, solid_js_web.delegateEvents)(["input"]);
-// src/shared/ui/gui/group-control.tsx
-var _tmpl$$46 = /*#__PURE__*/ (0, solid_js_web.template)(`<div role=group style=display:flex;gap:8px;flex-wrap:wrap>`);
-function GuiGroupControl(props) {
-	const Select = props.ui.Select;
-	const TextInput = props.ui.TextInput;
-	const Button = props.ui.Button;
-	const [draft, setDraft] = (0, solid_js.createSignal)("");
-	const [creating, setCreating] = (0, solid_js.createSignal)(false);
-	(0, solid_js.createEffect)(() => setDraft(props.value ?? ""));
-	return (() => {
-		var _el$ = _tmpl$$46();
-		(0, solid_js_web.insert)(_el$, (0, solid_js_web.createComponent)(Select, {
-			get label() {
-				return `${props.label} existing group`;
-			},
-			get value() {
-				return (0, solid_js_web.memo)(() => !!props.groups.includes(draft()))() ? draft() : "";
-			},
-			get options() {
-				return [{
-					value: "",
-					label: "Ungrouped"
-				}, ...props.groups.map((value) => ({
-					value,
-					label: value
-				}))];
-			},
-			onChange: (value) => {
-				setDraft(value);
-				setCreating(false);
-			},
-			get disabled() {
-				return props.disabled;
-			}
-		}), null);
-		(0, solid_js_web.insert)(_el$, (0, solid_js_web.createComponent)(Button, {
-			size: "small",
-			variant: "ghost",
-			get disabled() {
-				return props.disabled;
-			},
-			onClick: () => {
-				setCreating(true);
-				setDraft("");
-			},
-			children: "New group"
-		}), null);
-		(0, solid_js_web.insert)(_el$, (0, solid_js_web.createComponent)(solid_js.Show, {
-			get when() {
-				return creating();
-			},
-			get children() {
-				return (0, solid_js_web.createComponent)(TextInput, {
-					get label() {
-						return `${props.label} new group`;
-					},
-					get value() {
-						return draft();
-					},
-					onInput: setDraft,
-					get disabled() {
-						return props.disabled;
-					},
-					get invalid() {
-						return draft().length > 64;
-					}
+// src/entities/subagent/model/history.ts
+function createSubagentHistory({ now = Date.now } = {}) {
+	const targets = /* @__PURE__ */ new Map();
+	const [revision, setRevision] = (0, solid_js.createSignal)(0);
+	function state(key) {
+		let value = targets.get(key);
+		if (!value) {
+			value = {
+				known: /* @__PURE__ */ new Set(),
+				active: /* @__PURE__ */ new Map(),
+				recent: []
+			};
+			targets.set(key, value);
+		}
+		return value;
+	}
+	function changed() {
+		setRevision((value) => value + 1);
+	}
+	return {
+		observeStatus(key, sessionID, status, at = now(), nativeStart) {
+			const value = state(key);
+			const run = value.active.get(sessionID);
+			const isKnown = value.known.has(sessionID);
+			value.known.add(sessionID);
+			if (status.type === "idle") {
+				if (!run) return;
+				value.active.delete(sessionID);
+				value.recent = [{
+					...run,
+					finishedAt: Math.max(at, run.startedAt),
+					outcome: run.outcome ?? "finished"
+				}, ...value.recent].sort((a, b) => b.finishedAt - a.finishedAt || a.sessionID.localeCompare(b.sessionID)).slice(0, 10);
+			} else {
+				const exact = typeof nativeStart === "number" && Number.isFinite(nativeStart) && nativeStart > 0 && nativeStart <= at ? nativeStart : void 0;
+				if (run) {
+					if (exact === void 0 || run.nativeStartedAt !== void 0 && exact <= run.nativeStartedAt) return;
+					const next = exact > run.startedAt ? { sessionID } : run;
+					value.active.set(sessionID, {
+						...next,
+						startedAt: exact,
+						nativeStartedAt: exact,
+						startedBeforeObservation: false
+					});
+					changed();
+					return;
+				}
+				value.recent = value.recent.filter((item) => item.sessionID !== sessionID);
+				value.active.set(sessionID, {
+					sessionID,
+					startedAt: exact ?? at,
+					startedBeforeObservation: exact === void 0 && !isKnown,
+					...exact !== void 0 && { nativeStartedAt: exact }
 				});
 			}
-		}), null);
-		(0, solid_js_web.insert)(_el$, (0, solid_js_web.createComponent)(solid_js.Show, {
-			get when() {
-				return creating() || draft() !== (props.value ?? "");
-			},
-			get children() {
-				return [(0, solid_js_web.createComponent)(Button, {
-					size: "small",
-					get disabled() {
-						return props.disabled || draft().length > 64 || creating() && !draft().trim();
-					},
-					onClick: () => {
-						props.save(draft().trim() || void 0);
-						setCreating(false);
-					},
-					children: "Save group"
-				}), (0, solid_js_web.createComponent)(Button, {
-					size: "small",
-					variant: "ghost",
-					onClick: () => {
-						setDraft(props.value ?? "");
-						setCreating(false);
-					},
-					children: "Cancel"
-				})];
+			changed();
+		},
+		observeError(key, sessionID, error, at = now()) {
+			if (!sessionID) return;
+			const value = state(key);
+			const run = value.active.get(sessionID) ?? value.recent.find((item) => item.sessionID === sessionID);
+			if (!run || at < run.startedAt && !run.startedBeforeObservation) return;
+			const isCancelled = error?.name === "MessageAbortedError";
+			const data = error && "data" in error ? error.data : void 0;
+			const fallbackMessage = isCancelled ? "Session aborted" : "Session error";
+			const message = data && typeof data === "object" && "message" in data && typeof data.message === "string" ? data.message : fallbackMessage;
+			const next = {
+				...run,
+				startedAt: Math.min(run.startedAt, at),
+				outcome: isCancelled ? "cancelled" : "error",
+				errorMessage: message
+			};
+			if (value.active.has(sessionID)) value.active.set(sessionID, next);
+			else value.recent = value.recent.map((item) => item.sessionID === sessionID ? next : item);
+			changed();
+		},
+		remove(key, sessionID) {
+			const value = targets.get(key);
+			if (!value) return;
+			value.known.delete(sessionID);
+			value.active.delete(sessionID);
+			value.recent = value.recent.filter((item) => item.sessionID !== sessionID);
+			changed();
+		},
+		active(key, sessionID) {
+			revision();
+			return targets.get(key)?.active.get(sessionID);
+		},
+		recent(key) {
+			revision();
+			return targets.get(key)?.recent ?? [];
+		}
+	};
+}
+// src/entities/subagent/model/subagent-controller.ts
+var POLL_INTERVAL_MS = 5e3;
+function activeStatus(status) {
+	return status?.type === "busy" || status?.type === "retry";
+}
+function createSubagentModel(options) {
+	const source = options.source;
+	const now = options.now ?? Date.now;
+	const history = createSubagentHistory({ now });
+	const [children, setChildren] = (0, solid_js.createSignal)({});
+	const [statuses, setStatuses] = (0, solid_js.createSignal)({});
+	const refreshing = /* @__PURE__ */ new Map();
+	const journals = /* @__PURE__ */ new Set();
+	const [unavailable, setUnavailable] = (0, solid_js.createSignal)({});
+	const targets = /* @__PURE__ */ new Map();
+	const remoteFailures = /* @__PURE__ */ new Map();
+	const remoteRetryAt = /* @__PURE__ */ new Map();
+	const requests = createRequestState(options.lifecycle.signal);
+	let activeTarget;
+	let leases = /* @__PURE__ */ new Set();
+	let pollTimer;
+	const snapshots = () => options.cache === "source" ? Object.fromEntries([...targets].map(([key, current]) => [key, source.list(current.parentID)])) : children();
+	function target(parentID) {
+		return options.target(parentID);
+	}
+	function applySession(items, parentID, mutation) {
+		const next = items.filter((item) => item.id !== (mutation.type === "upsert" ? mutation.info.id : mutation.sessionID));
+		if (mutation.type === "upsert" && mutation.info.parentID === parentID) next.push(mutation.info);
+		return next.sort((a, b) => a.time.created - b.time.created || a.id.localeCompare(b.id));
+	}
+	function applyStatus(current, mutation) {
+		return {
+			...current,
+			[mutation.sessionID]: mutation.status
+		};
+	}
+	function recordSession(mutation) {
+		const sessionID = mutation.type === "upsert" ? mutation.info.id : mutation.sessionID;
+		for (const key of targets.keys()) {
+			remoteFailures.delete(JSON.stringify([key, sessionID]));
+			remoteRetryAt.delete(JSON.stringify([key, sessionID]));
+			if (mutation.type === "remove") history.remove(key, sessionID);
+		}
+		for (const journal of journals) journal.sessions.push(mutation);
+		if (options.cache === "model") setChildren((current) => Object.fromEntries(Object.entries(current).map(([key, items]) => [key, applySession(items, targets.get(key).parentID, mutation)])));
+	}
+	function recordStatus(input) {
+		const mutation = {
+			...input,
+			at: now(),
+			startedAt: source?.startedAt?.(input.sessionID),
+			observed: /* @__PURE__ */ new Set()
+		};
+		for (const journal of journals) journal.statuses.push(mutation);
+		(0, solid_js.batch)(() => {
+			for (const [key, items] of Object.entries(snapshots())) {
+				if (items.every((item) => item.id !== mutation.sessionID)) continue;
+				history.observeStatus(key, mutation.sessionID, mutation.status, mutation.at, mutation.startedAt);
+				mutation.observed.add(key);
+			}
+			if (options.cache === "model") setStatuses((current) => Object.fromEntries(Object.entries(current).map(([key, value]) => [key, applyStatus(value, mutation)])));
+		});
+	}
+	function recordError(input) {
+		if (!input.sessionID) return;
+		const mutation = {
+			sessionID: input.sessionID,
+			error: input.error,
+			at: now(),
+			observed: /* @__PURE__ */ new Set()
+		};
+		for (const journal of journals) journal.errors.push(mutation);
+		for (const [key, items] of Object.entries(snapshots())) {
+			if (items.every((item) => item.id !== mutation.sessionID)) continue;
+			history.observeError(key, mutation.sessionID, mutation.error, mutation.at);
+			mutation.observed.add(key);
+		}
+	}
+	async function refreshTarget(current, force = false) {
+		const pending = refreshing.get(current.key);
+		if (pending && !force) return pending;
+		const journal = {
+			sessions: [],
+			statuses: [],
+			errors: []
+		};
+		journals.add(journal);
+		targets.set(current.key, current);
+		const requestState = requests.start(current.key, "refresh subagents", current.key in children(), force);
+		if (!requestState) {
+			journals.delete(journal);
+			return pending;
+		}
+		const signal = AbortSignal.any([requestState.signal, AbortSignal.timeout(5e3)]);
+		const request = options.snapshot(current, signal).then(async (snapshot) => {
+			let nextChildren = snapshot.sessions;
+			for (const mutation of journal.sessions) nextChildren = applySession(nextChildren, current.parentID, mutation);
+			let nextStatuses = { ...snapshot.statuses };
+			const missing = {};
+			const remoteStatuses = options.remoteStatus ? await Promise.all(nextChildren.map(async (session) => {
+				const key = JSON.stringify([current.key, session.id]);
+				return (remoteRetryAt.get(key) ?? 0) <= now() ? options.remoteStatus(session, requestState.signal) : {
+					sessionID: session.id,
+					failed: true,
+					cooldown: true,
+					status: void 0
+				};
+			})) : [];
+			if (!requestState.isCurrent()) return;
+			for (const result of remoteStatuses) {
+				if (!result) continue;
+				const key = JSON.stringify([current.key, result.sessionID]);
+				if (result.failed) {
+					missing[result.sessionID] = true;
+					if (!("cooldown" in result)) {
+						const failures = (remoteFailures.get(key) ?? 0) + 1;
+						remoteFailures.set(key, failures);
+						if (failures >= 3) remoteRetryAt.set(key, now() + 3e4);
+					}
+					const previous = statuses()[current.key]?.[result.sessionID];
+					if (previous) nextStatuses[result.sessionID] = previous;
+					else delete nextStatuses[result.sessionID];
+					continue;
+				}
+				remoteFailures.delete(key);
+				remoteRetryAt.delete(key);
+				nextStatuses[result.sessionID] = result.status ?? { type: "idle" };
 			}
-		}), null);
-		(0, solid_js_web.effect)(() => (0, solid_js_web.setAttribute)(_el$, "aria-label", `${props.label} grouping`));
-		return _el$;
-	})();
-}
-// src/shared/ui/gui/settings-surface.tsx
-var _tmpl$$45 = /*#__PURE__*/ (0, solid_js_web.template)(`<div data-navigator-settings><style>\n[data-navigator-settings] \{ display: grid; gap: 32px; min-width: 0; container-type: inline-size; }\n[data-navigator-settings] [data-component="settings-row"] \{ display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); align-items: center; gap: 20px; }\n[data-navigator-settings] [data-slot="settings-row-copy"] \{ min-width: 0; overflow-wrap: anywhere; }\n[data-navigator-settings] :is(button, input, textarea, [role="switch"]) \{ scroll-margin-block: 96px; }\n[data-navigator-settings] [data-slot="settings-row-control"] \{ min-width: 0; max-width: 100%; width: 100%; flex-wrap: wrap; gap: 8px; }\n[data-navigator-settings] [data-slot="settings-row-control"] > * \{ min-width: 0; max-width: 100%; }\n[data-navigator-settings] [data-slot="settings-row-control"] > div:not([data-component]) \{ width: 100%; flex-wrap: wrap; }\n[data-navigator-settings] [data-component="button-v2"] \{ white-space: normal; height: auto; min-height: 24px; overflow-wrap: anywhere; }\n[data-navigator-settings] [data-component="text-input-v2"] \{ min-width: 0; max-width: 100%; }\n[data-navigator-settings] [data-sortable-item]:not(:last-of-type) > [data-component="settings-row"] \{ border-bottom: 0.5px solid var(--v2-border-border-base); }\n@container (max-width: 640px) \{\n  [data-navigator-settings] [data-component="settings-row"] \{ grid-template-columns: minmax(0, 1fr); gap: 12px; }\n  [data-navigator-settings] [data-slot="settings-row-control"] \{ justify-content: flex-start; }\n}\n`);
-function GuiSettingsSurface(props) {
-	return (() => {
-		var _el$ = _tmpl$$45();
-		_el$.firstChild;
-		(0, solid_js_web.insert)(_el$, () => props.children, null);
-		return _el$;
-	})();
-}
-// src/shared/ui/gui/sortable-focus.ts
-function createSortableFocus(props) {
-	let focused;
-	(0, solid_js.createEffect)(() => {
-		const keys = props.keys();
-		const disabled = props.disabled();
-		const key = focused;
-		if (!key || disabled || !keys.includes(key)) return;
-		queueMicrotask(() => {
-			if (focused !== key || props.disabled() || document.activeElement !== document.body) return;
-			[...props.root().querySelectorAll("[data-sortable-item]")].find((node) => node.dataset.sortableItem === key)?.querySelector("button")?.focus({ preventScroll: true });
+			for (const mutation of journal.sessions) nextChildren = applySession(nextChildren, current.parentID, mutation);
+			for (const mutation of journal.statuses) nextStatuses = applyStatus(nextStatuses, mutation);
+			if (requestState.isCurrent()) (0, solid_js.batch)(() => {
+				for (const session of nextChildren) {
+					const mutations = journal.statuses.filter((mutation) => mutation.sessionID === session.id);
+					if (mutations.length > 0) {
+						for (const mutation of mutations) if (!mutation.observed.has(current.key)) history.observeStatus(current.key, session.id, mutation.status, mutation.at, mutation.startedAt);
+					} else if (!missing[session.id]) {
+						const status = nextStatuses[session.id] ?? { type: "idle" };
+						nextStatuses[session.id] = status;
+						history.observeStatus(current.key, session.id, status, now(), source?.startedAt?.(session.id));
+					}
+					for (const mutation of journal.errors) if (mutation.sessionID === session.id && !mutation.observed.has(current.key)) history.observeError(current.key, session.id, mutation.error, mutation.at);
+				}
+				if (options.cache === "model") {
+					setChildren((value) => ({
+						...value,
+						[current.key]: nextChildren
+					}));
+					setStatuses((value) => ({
+						...value,
+						[current.key]: nextStatuses
+					}));
+				}
+				setUnavailable((value) => ({
+					...value,
+					[current.key]: missing
+				}));
+			});
+			requestState.succeed();
+		}).catch((error) => {
+			requestState.fail(error);
+			throw error;
+		}).finally(() => {
+			journals.delete(journal);
+			requestState.finish();
+			if (refreshing.get(current.key) === request) refreshing.delete(current.key);
 		});
-	});
-	return {
-		enter(event) {
-			const target = event.target;
-			focused = target.getAttribute("aria-label")?.startsWith("Reorder ") ? target.closest("[data-sortable-item]")?.dataset.sortableItem : void 0;
-		},
-		leave(event) {
-			if (event.relatedTarget && !props.root().contains(event.relatedTarget)) focused = void 0;
-		}
-	};
-}
-// src/shared/ui/gui/sortable-interaction.ts
-function createSortableInteraction(props) {
-	const [source, setSource] = (0, solid_js.createSignal)();
-	const [target, setTarget] = (0, solid_js.createSignal)();
-	const [announcement, setAnnouncement] = (0, solid_js.createSignal)("");
-	let drag;
-	const signature = () => JSON.stringify(props.keys());
-	function cancel() {
-		const previous = drag;
-		drag = void 0;
-		setSource(void 0);
-		setTarget(void 0);
-		if (previous && previous.pointer >= 0 && props.root().hasPointerCapture(previous.pointer)) props.root().releasePointerCapture(previous.pointer);
-	}
-	(0, solid_js.createEffect)(() => {
-		source();
-		if (drag && (props.disabled() || props.scope() !== drag.scope || signature() !== drag.keys)) cancel();
-	});
-	function escape(event) {
-		if (event.key !== "Escape") return;
-		event.preventDefault();
-		event.stopPropagation();
-		cancel();
+		refreshing.set(current.key, request);
+		return request;
 	}
-	(0, solid_js.createEffect)(() => {
-		if (!source()) return;
-		globalThis.window.addEventListener("keydown", escape, { capture: true });
-		(0, solid_js.onCleanup)(() => globalThis.window.removeEventListener("keydown", escape, true));
-	});
-	(0, solid_js.onCleanup)(cancel);
-	function hover(event) {
-		if (!drag || event.pointerId !== drag.pointer) return;
-		const node = document.elementFromPoint(event.clientX, event.clientY)?.closest("[data-sortable-item]");
-		setTarget(node && props.root().contains(node) ? node.dataset.sortableItem : void 0);
+	function refresh(parentID, force = false) {
+		return refreshTarget(target(parentID), force);
 	}
-	function start(event, id) {
-		if (event.button !== 0 || props.disabled() || drag) return;
-		event.preventDefault();
-		event.stopPropagation();
-		drag = {
-			id,
-			pointer: event.pointerId,
-			scope: props.scope(),
-			keys: signature()
-		};
-		props.root().setPointerCapture(event.pointerId);
-		setSource(id);
-		setTarget(id);
+	function list(parentID) {
+		const current = target(parentID);
+		const currentStatuses = options.cache === "source" ? Object.fromEntries(source.list(parentID).map((item) => [item.id, source.status(item.id)])) : statuses()[current.key] ?? {};
+		return (snapshots()[current.key] ?? []).map((session) => ({
+			session,
+			status: currentStatuses[session.id] ?? (unavailable()[current.key]?.[session.id] ? void 0 : source.status(session.id))
+		})).filter((item) => activeStatus(item.status)).map((item) => ({
+			...item,
+			run: history.active(current.key, item.session.id),
+			unavailable: unavailable()[current.key]?.[item.session.id]
+		}));
 	}
-	function end(event) {
-		if (!drag || event.pointerId !== drag.pointer) return;
-		hover(event);
-		const current = drag;
-		const destination = target();
-		const valid = !props.disabled() && props.scope() === current.scope && signature() === current.keys;
-		cancel();
-		if (valid && destination && current.id !== destination) props.move(current.id, destination);
+	function recent(parentID) {
+		const current = target(parentID);
+		const sessions = new Map((snapshots()[current.key] ?? []).map((session) => [session.id, session]));
+		return history.recent(current.key).flatMap((run) => {
+			const session = sessions.get(run.sessionID);
+			return session ? [{
+				session,
+				status: { type: "idle" },
+				run,
+				unavailable: false
+			}] : [];
+		});
 	}
-	function key(event, id) {
-		if (event.key === "Escape") {
-			if (drag) {
-				event.preventDefault();
-				event.stopPropagation();
-				cancel();
+	const unsubscribe = options.subscribe((event) => {
+		switch (event.type) {
+			case "upsert":
+				recordSession(event);
+				break;
+			case "remove":
+				recordSession(event);
+				recordStatus({
+					sessionID: event.sessionID,
+					status: { type: "idle" }
+				});
+				break;
+			case "status":
+				recordStatus(event);
+				break;
+			case "error":
+				recordError(event);
+				break;
+			case "reconnect": {
+				const current = activeTarget ? targets.get(activeTarget) : void 0;
+				if (current) retryBackgroundRefresh(() => refreshTarget(current), { signal: options.lifecycle.signal }).catch(() => {});
+				break;
 			}
-			return;
 		}
-		if (props.disabled()) return;
-		if ([" ", "Enter"].includes(event.key) && !event.repeat) {
-			event.preventDefault();
-			event.stopPropagation();
-			if (!drag) {
-				drag = {
-					id,
-					pointer: -1,
-					scope: props.scope(),
-					keys: signature()
+	});
+	options.lifecycle.onDispose(() => {
+		unsubscribe();
+		if (pollTimer) clearTimeout(pollTimer);
+	});
+	return {
+		target,
+		list,
+		recent,
+		refresh,
+		state(parentID) {
+			return requests.state(target(parentID).key);
+		},
+		retry(parentID) {
+			return refresh(parentID, true);
+		},
+		activate(parentID) {
+			const current = target(parentID);
+			targets.set(current.key, current);
+			if (activeTarget !== current.key) {
+				if (pollTimer) clearTimeout(pollTimer);
+				requests.abortAll();
+				refreshing.clear();
+				activeTarget = current.key;
+				leases = /* @__PURE__ */ new Set();
+				const poll = () => {
+					if (activeTarget !== current.key || options.lifecycle.signal.aborted) return;
+					refreshTarget(current).catch(() => {});
+					pollTimer = setTimeout(poll, POLL_INTERVAL_MS);
 				};
-				setSource(id);
-				setTarget(id);
-				setAnnouncement("Picked up. Use arrow keys, Space to drop, or Escape to cancel.");
-			} else if (drag.pointer === -1 && drag.id === id) {
-				const destination = target();
-				const valid = props.scope() === drag.scope && signature() === drag.keys;
-				cancel();
-				if (valid && destination && destination !== id) props.move(id, destination);
+				if (options.cache === "model") pollTimer = setTimeout(poll, POLL_INTERVAL_MS);
 			}
-			return;
+			const lease = Symbol(current.key);
+			leases.add(lease);
+			return () => {
+				if (activeTarget !== current.key || !leases.delete(lease) || leases.size > 0) return;
+				activeTarget = void 0;
+				if (pollTimer) clearTimeout(pollTimer);
+				pollTimer = void 0;
+				requests.abortAll();
+				refreshing.clear();
+			};
+		},
+		open(sessionID) {
+			options.open(sessionID);
 		}
-		if (drag?.pointer !== -1 || drag.id !== id || !["ArrowUp", "ArrowDown"].includes(event.key)) return;
-		const keys = props.keys();
-		const index = keys.indexOf(target() ?? id);
-		const destination = keys[index + (event.key === "ArrowUp" ? -1 : 1)];
-		if (!destination || index === -1) return;
-		event.preventDefault();
-		event.stopPropagation();
-		setTarget(destination);
-		setAnnouncement(`Drop at position ${keys.indexOf(destination) + 1} of ${keys.length}`);
-	}
-	return {
-		source,
-		target,
-		announcement,
-		start,
-		hover,
-		end,
-		key,
-		cancel
 	};
 }
-// src/shared/ui/gui/sortable-list.tsx
-var _tmpl$$44 = /*#__PURE__*/ (0, solid_js_web.template)(`<div role=list><span role=status aria-live=polite style=position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)>Drag a handle, or press Space, use arrow keys, then Space to drop. Escape cancels. `);
-var _tmpl$2$30 = /*#__PURE__*/ (0, solid_js_web.template)(`<div role=listitem>`);
-var _tmpl$3$17 = /*#__PURE__*/ (0, solid_js_web.template)(`<span title="Drag to reorder, or Space, arrow keys, Space. Escape cancels."style=display:inline-flex;touch-action:none;cursor:grab>`);
-function GuiSortableList(props) {
-	let root;
-	const help = (0, solid_js.createUniqueId)();
-	const IconButton = props.ui.IconButton;
-	const keys = () => props.items.map((item) => props.itemKey(item));
-	const focus = createSortableFocus({
-		root: () => root,
-		keys,
-		disabled: () => Boolean(props.disabled)
-	});
-	const interaction = createSortableInteraction({
-		keys,
-		scope: () => props.scope,
-		disabled: () => Boolean(props.disabled),
-		root: () => root,
-		move: (from, to) => props.move(from, to)
+// src/entities/subagent/model/view.ts
+function filterSubagentView(rows, mode, query) {
+	const needle = query.trim().toLocaleLowerCase();
+	return rows.filter((row) => {
+		if (mode === "active" && row.group !== "Active") return false;
+		if (mode === "recent" && row.group !== "Recent") return false;
+		if (mode === "errors" && row.run?.outcome !== "error" && !row.unavailable) return false;
+		return !needle || [
+			row.session.title,
+			row.session.id,
+			row.run?.errorMessage
+		].some((value) => value?.toLocaleLowerCase().includes(needle));
 	});
-	return (() => {
-		var _el$ = _tmpl$$44(), _el$2 = _el$.firstChild;
-		_el$2.firstChild;
-		(0, solid_js_web.addEventListener)(_el$, "lostpointercapture", interaction.cancel);
-		(0, solid_js_web.addEventListener)(_el$, "pointercancel", interaction.cancel);
-		(0, solid_js_web.addEventListener)(_el$, "pointerup", interaction.end, true);
-		(0, solid_js_web.addEventListener)(_el$, "pointermove", interaction.hover, true);
-		(0, solid_js_web.addEventListener)(_el$, "focusout", focus.leave, true);
-		(0, solid_js_web.addEventListener)(_el$, "focusin", focus.enter, true);
-		(0, solid_js_web.use)((node) => {
-			root = node;
-		}, _el$);
-		(0, solid_js_web.setAttribute)(_el$, "aria-describedby", help);
-		(0, solid_js_web.insert)(_el$, (0, solid_js_web.createComponent)(solid_js.For, {
-			get each() {
-				return keys();
-			},
-			children: (key) => {
-				const item = () => props.items.find((value) => props.itemKey(value) === key);
-				return (() => {
-					var _el$4 = _tmpl$2$30();
-					(0, solid_js_web.setAttribute)(_el$4, "data-sortable-item", key);
-					(0, solid_js_web.insert)(_el$4, () => props.children(item, (() => {
-						var _el$5 = _tmpl$3$17();
-						_el$5.$$keydown = (event) => interaction.key(event, key);
-						_el$5.$$pointerdown = (event) => interaction.start(event, key);
-						(0, solid_js_web.insert)(_el$5, (0, solid_js_web.createComponent)(IconButton, {
-							icon: "dot-grid",
-							get label() {
-								return `Reorder ${props.itemLabel(item())}`;
-							},
-							get disabled() {
-								return props.disabled || keys().length < 2;
-							}
-						}));
-						return _el$5;
-					})()));
-					(0, solid_js_web.effect)((_p$) => {
-						var _v$ = keys().indexOf(key) + 1, _v$2 = keys().length, _v$3 = interaction.source() === key ? "0.65" : "1", _v$4 = interaction.target() === key && interaction.source() !== key ? "1px dashed var(--v2-border-border-focus)" : void 0;
-						_v$ !== _p$.e && (0, solid_js_web.setAttribute)(_el$4, "aria-posinset", _p$.e = _v$);
-						_v$2 !== _p$.t && (0, solid_js_web.setAttribute)(_el$4, "aria-setsize", _p$.t = _v$2);
-						_v$3 !== _p$.a && (0, solid_js_web.setStyleProperty)(_el$4, "opacity", _p$.a = _v$3);
-						_v$4 !== _p$.o && (0, solid_js_web.setStyleProperty)(_el$4, "outline", _p$.o = _v$4);
-						return _p$;
-					}, {
-						e: void 0,
-						t: void 0,
-						a: void 0,
-						o: void 0
-					});
-					return _el$4;
-				})();
-			}
-		}), _el$2);
-		(0, solid_js_web.setAttribute)(_el$2, "id", help);
-		(0, solid_js_web.insert)(_el$2, () => interaction.announcement(), null);
-		(0, solid_js_web.effect)(() => (0, solid_js_web.setAttribute)(_el$, "aria-label", props.label));
-		return _el$;
-	})();
 }
-(0, solid_js_web.delegateEvents)([
-	"focusin",
-	"focusout",
-	"pointermove",
-	"pointerup",
-	"pointerdown",
-	"keydown"
-]);
-// src/shared/ui/gui/progress.tsx
-var _tmpl$$43 = /*#__PURE__*/ (0, solid_js_web.template)(`<div role=progressbar aria-valuemin=0 aria-valuemax=100 style=display:grid;gap:6px;min-width:0><style>@keyframes navigator-install-pulse \{ from \{ transform: translateX(-100%); } to \{ transform: translateX(400%); } }\n@media (prefers-reduced-motion: reduce) \{ [data-navigator-install-pulse] \{ animation: none !important; } }</style><span style=display:flex;gap:6px;align-items:center></span><span style=display:block;height:3px;overflow:hidden;background:var(--v2-border-border-base)><span style=display:block;height:100%;background:var(--v2-text-text-base)>`);
-function GuiProgress(props) {
-	const Loader = props.ui.Loader;
-	return (() => {
-		var _el$ = _tmpl$$43(), _el$3 = _el$.firstChild.nextSibling, _el$5 = _el$3.nextSibling.firstChild;
-		(0, solid_js_web.insert)(_el$3, (0, solid_js_web.createComponent)(solid_js.Show, {
-			get when() {
-				return props.value === void 0;
-			},
-			get children() {
-				return (0, solid_js_web.createComponent)(Loader, { size: "small" });
-			}
-		}), null);
-		(0, solid_js_web.insert)(_el$3, () => props.label, null);
-		(0, solid_js_web.effect)((_p$) => {
-			var _v$ = props.label, _v$2 = props.value === void 0 ? void 0 : Math.floor(props.value * 100), _v$3 = props.label, _v$4 = props.value === void 0 ? "" : void 0, _v$5 = props.value === void 0 ? "25%" : `${Math.min(1, Math.max(0, props.value)) * 100}%`, _v$6 = props.value === void 0 ? "navigator-install-pulse 1.2s linear infinite" : void 0;
-			_v$ !== _p$.e && (0, solid_js_web.setAttribute)(_el$, "aria-label", _p$.e = _v$);
-			_v$2 !== _p$.t && (0, solid_js_web.setAttribute)(_el$, "aria-valuenow", _p$.t = _v$2);
-			_v$3 !== _p$.a && (0, solid_js_web.setAttribute)(_el$, "aria-valuetext", _p$.a = _v$3);
-			_v$4 !== _p$.o && (0, solid_js_web.setAttribute)(_el$5, "data-navigator-install-pulse", _p$.o = _v$4);
-			_v$5 !== _p$.i && (0, solid_js_web.setStyleProperty)(_el$5, "width", _p$.i = _v$5);
-			_v$6 !== _p$.n && (0, solid_js_web.setStyleProperty)(_el$5, "animation", _p$.n = _v$6);
-			return _p$;
-		}, {
-			e: void 0,
-			t: void 0,
-			a: void 0,
-			o: void 0,
-			i: void 0,
-			n: void 0
-		});
-		return _el$;
-	})();
+function countSubagentView(rows, query) {
+	return {
+		all: filterSubagentView(rows, "all", query).length,
+		active: filterSubagentView(rows, "active", query).length,
+		recent: filterSubagentView(rows, "recent", query).length,
+		errors: filterSubagentView(rows, "errors", query).length
+	};
+}
+function buildSubagentView(active, recent) {
+	const priority = (item) => {
+		if (item.run?.errorMessage || item.unavailable) return 0;
+		return item.status.type === "retry" ? 1 : 2;
+	};
+	return [...[...active].sort((a, b) => priority(a) - priority(b)).map((item) => ({
+		...item,
+		group: "Active"
+	})), ...[...recent].sort((a, b) => (b.run?.finishedAt ?? 0) - (a.run?.finishedAt ?? 0) || a.session.id.localeCompare(b.session.id)).map((item) => ({
+		...item,
+		group: "Recent"
+	}))];
+}
+function formatSubagentDuration(startedAt, now) {
+	const seconds = Math.max(0, Math.floor((now - startedAt) / 1e3));
+	let value = `${seconds}s`;
+	if (seconds >= 3600) value = `${Math.floor(seconds / 3600)}h ${String(Math.floor(seconds / 60) % 60).padStart(2, "0")}m`;
+	else if (seconds >= 60) value = `${Math.floor(seconds / 60)}m ${String(seconds % 60).padStart(2, "0")}s`;
+	return value;
+}
+function createSubagentClock(key) {
+	const [now, setNow] = (0, solid_js.createSignal)(Date.now());
+	(0, solid_js.createEffect)(() => {
+		if (key() === void 0) return;
+		setNow(Date.now());
+		const timer = setInterval(() => setNow(Date.now()), 1e3);
+		(0, solid_js.onCleanup)(() => clearInterval(timer));
+	});
+	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">`);
@@ -7452,11 +7495,13 @@ function TodoSection() {
 									},
 									children: "Enable Todo"
 								}), null);
-								(0, solid_js_web.insert)(_el$6, (0, solid_js_web.createComponent)(Button, {
-									size: "small",
-									variant: "ghost",
-									onClick: () => void props.runtime.refresh(true),
-									children: "Retry"
+								(0, solid_js_web.insert)(_el$6, (0, solid_js_web.createComponent)(GuiIconAction, {
+									get ui() {
+										return props.ui;
+									},
+									icon: "refresh",
+									label: "Retry",
+									onClick: () => void props.runtime.refresh(true)
 								}), null);
 								return _el$6;
 							})();
@@ -9094,10 +9139,8 @@ 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:flex;align-items:center;gap:4px;padding:8px;flex-wrap:wrap;cursor:move;touch-action:none;user-select:none><span data-navigator-move title="Drag or use arrow keys; Shift moves ten pixels"></span><strong style=flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap></strong></header><footer style=display:flex;gap:4px;padding:6px;align-items:center><span title="Drag or use arrow keys; Shift resizes ten pixels"style=margin-left:auto;cursor:nwse-resize;touch-action:none>`);
+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>`);
 function NavigatorMiniWindow(props) {
-	const Button = props.ui.Button;
-	const IconButton = props.ui.IconButton;
 	const interaction = createMiniWindowInteraction(props);
 	function dragHeader(event) {
 		const target = event.target;
@@ -9105,63 +9148,77 @@ 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$2.nextSibling, _el$6 = _el$5.firstChild;
+		var _el$ = _tmpl$$29(), _el$2 = _el$.firstChild, _el$3 = _el$2.firstChild, _el$4 = _el$3.nextSibling, _el$5 = _el$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);
 		(0, solid_js_web.addEventListener)(_el$2, "pointermove", interaction.move, true);
 		_el$2.$$pointerdown = dragHeader;
-		_el$3.$$keydown = (event) => interaction.key(event, "move");
-		(0, solid_js_web.insert)(_el$3, (0, solid_js_web.createComponent)(IconButton, {
+		(0, solid_js_web.insert)(_el$3, () => props.title);
+		_el$5.$$keydown = (event) => interaction.key(event, "move");
+		(0, solid_js_web.insert)(_el$5, (0, solid_js_web.createComponent)(GuiIconAction, {
+			get ui() {
+				return props.ui;
+			},
 			icon: "dot-grid",
 			label: "Move Navigator mini-window"
 		}));
-		(0, solid_js_web.insert)(_el$4, () => props.title);
-		(0, solid_js_web.insert)(_el$2, (0, solid_js_web.createComponent)(Button, {
-			size: "small",
-			variant: "ghost",
+		(0, solid_js_web.insert)(_el$4, (0, solid_js_web.createComponent)(GuiIconAction, {
+			get ui() {
+				return props.ui;
+			},
+			icon: "layout-right",
+			label: "Dock",
 			get onClick() {
 				return props.redock;
-			},
-			children: "Dock"
+			}
 		}), null);
-		(0, solid_js_web.insert)(_el$, () => props.children, _el$5);
-		(0, solid_js_web.insert)(_el$5, (0, solid_js_web.createComponent)(Button, {
-			size: "small",
-			variant: "ghost",
+		(0, solid_js_web.insert)(_el$, () => props.children, _el$6);
+		(0, solid_js_web.insert)(_el$6, (0, solid_js_web.createComponent)(GuiIconAction, {
+			get ui() {
+				return props.ui;
+			},
+			icon: "magnifying-glass",
+			label: "Search",
 			get onClick() {
 				return props.search;
+			}
+		}), _el$7);
+		(0, solid_js_web.insert)(_el$6, (0, solid_js_web.createComponent)(GuiIconAction, {
+			get ui() {
+				return props.ui;
 			},
-			children: "Search"
-		}), _el$6);
-		(0, solid_js_web.insert)(_el$5, (0, solid_js_web.createComponent)(Button, {
-			size: "small",
-			variant: "ghost-muted",
+			icon: "refresh",
+			label: "Refresh",
 			get onClick() {
 				return props.refresh;
+			}
+		}), _el$7);
+		(0, solid_js_web.insert)(_el$6, (0, solid_js_web.createComponent)(GuiIconAction, {
+			get ui() {
+				return props.ui;
 			},
-			children: "Refresh"
-		}), _el$6);
-		(0, solid_js_web.insert)(_el$5, (0, solid_js_web.createComponent)(Button, {
-			size: "small",
-			variant: "ghost-muted",
+			icon: "outline-reset",
+			label: "Reset position",
 			get onClick() {
 				return interaction.reset;
+			}
+		}), _el$7);
+		_el$7.$$keydown = (event) => interaction.key(event, "resize");
+		(0, solid_js_web.addEventListener)(_el$7, "lostpointercapture", interaction.end);
+		(0, solid_js_web.addEventListener)(_el$7, "pointercancel", interaction.end);
+		(0, solid_js_web.addEventListener)(_el$7, "pointerup", interaction.end, true);
+		(0, solid_js_web.addEventListener)(_el$7, "pointermove", interaction.move, true);
+		_el$7.$$pointerdown = (event) => interaction.start(event, "resize");
+		(0, solid_js_web.insert)(_el$7, (0, solid_js_web.createComponent)(GuiIconAction, {
+			get ui() {
+				return props.ui;
 			},
-			children: "Reset position"
-		}), _el$6);
-		_el$6.$$keydown = (event) => interaction.key(event, "resize");
-		(0, solid_js_web.addEventListener)(_el$6, "lostpointercapture", interaction.end);
-		(0, solid_js_web.addEventListener)(_el$6, "pointercancel", interaction.end);
-		(0, solid_js_web.addEventListener)(_el$6, "pointerup", interaction.end, true);
-		(0, solid_js_web.addEventListener)(_el$6, "pointermove", interaction.move, true);
-		_el$6.$$pointerdown = (event) => interaction.start(event, "resize");
-		(0, solid_js_web.insert)(_el$6, (0, solid_js_web.createComponent)(IconButton, {
 			icon: "outline-expand",
 			label: "Resize Navigator mini-window"
 		}));
 		(0, solid_js_web.effect)((_p$) => {
-			var _v$ = `Navigator mini-window: ${props.title}`, _v$2 = props.modal, _v$3 = props.modal, _v$4 = `${props.rect.x}px`, _v$5 = `${props.rect.y}px`, _v$6 = `${props.rect.width}px`, _v$7 = `${props.rect.height}px`, _v$8 = props.modal ? "hidden" : "visible", _v$9 = props.mode;
+			var _v$ = `Navigator mini-window: ${props.title}`, _v$2 = props.modal, _v$3 = props.modal, _v$4 = `${props.rect.x}px`, _v$5 = `${props.rect.y}px`, _v$6 = `${props.rect.width}px`, _v$7 = `${props.rect.height}px`, _v$8 = props.modal ? "hidden" : "visible", _v$9 = props.mode, _v$0 = props.title;
 			_v$ !== _p$.e && (0, solid_js_web.setAttribute)(_el$, "aria-label", _p$.e = _v$);
 			_v$2 !== _p$.t && (0, solid_js_web.setAttribute)(_el$, "aria-hidden", _p$.t = _v$2);
 			_v$3 !== _p$.a && (_el$.inert = _p$.a = _v$3);
@@ -9171,6 +9228,7 @@ function NavigatorMiniWindow(props) {
 			_v$7 !== _p$.s && (0, solid_js_web.setStyleProperty)(_el$, "height", _p$.s = _v$7);
 			_v$8 !== _p$.h && (0, solid_js_web.setStyleProperty)(_el$, "visibility", _p$.h = _v$8);
 			_v$9 !== _p$.r && (0, solid_js_web.setStyleProperty)(_el$, "color-scheme", _p$.r = _v$9);
+			_v$0 !== _p$.d && (0, solid_js_web.setAttribute)(_el$3, "title", _p$.d = _v$0);
 			return _p$;
 		}, {
 			e: void 0,
@@ -9181,7 +9239,8 @@ function NavigatorMiniWindow(props) {
 			n: void 0,
 			s: void 0,
 			h: void 0,
-			r: void 0
+			r: void 0,
+			d: void 0
 		});
 		return _el$;
 	})();
@@ -9193,48 +9252,56 @@ 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 style="padding:8px 12px;display:flex;gap:4px;align-items:center"><strong style=flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap>`);
+var _tmpl$$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$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$10 = /*#__PURE__*/ (0, solid_js_web.template)(`<p role=status> Loading Navigator…`);
 function MonitoringPanel(props) {
-	const Button = props.ui.Button;
+	const Loader = props.ui.Loader;
 	return (() => {
-		var _el$ = _tmpl$$28(), _el$2 = _el$.firstChild, _el$3 = _el$2.firstChild;
+		var _el$ = _tmpl$$28(), _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$2, (0, solid_js_web.createComponent)(Button, {
-			size: "small",
-			variant: "ghost",
+		(0, solid_js_web.insert)(_el$4, (0, solid_js_web.createComponent)(GuiIconAction, {
+			get ui() {
+				return props.ui;
+			},
+			icon: "magnifying-glass",
+			label: "Search",
 			get onClick() {
 				return props.search;
-			},
-			children: "Search"
+			}
 		}), null);
-		(0, solid_js_web.insert)(_el$2, (0, solid_js_web.createComponent)(Button, {
-			size: "small",
-			variant: "ghost-muted",
-			onClick: () => void props.runtime?.refresh(true),
-			children: "Refresh"
+		(0, solid_js_web.insert)(_el$4, (0, solid_js_web.createComponent)(GuiIconAction, {
+			get ui() {
+				return props.ui;
+			},
+			icon: "refresh",
+			label: "Refresh",
+			onClick: () => void props.runtime?.refresh(true)
 		}), null);
-		(0, solid_js_web.insert)(_el$2, (0, solid_js_web.createComponent)(Button, {
-			size: "small",
-			variant: "ghost",
+		(0, solid_js_web.insert)(_el$4, (0, solid_js_web.createComponent)(GuiIconAction, {
+			get ui() {
+				return props.ui;
+			},
+			icon: "expand",
+			label: "Float",
 			get onClick() {
 				return props.float;
-			},
-			children: "Float"
+			}
 		}), null);
-		(0, solid_js_web.insert)(_el$2, (0, solid_js_web.createComponent)(solid_js.Show, {
+		(0, solid_js_web.insert)(_el$4, (0, solid_js_web.createComponent)(solid_js.Show, {
 			get when() {
 				return props.onSettings;
 			},
 			get children() {
-				return (0, solid_js_web.createComponent)(Button, {
-					size: "small",
-					variant: "ghost",
+				return (0, solid_js_web.createComponent)(GuiIconAction, {
+					get ui() {
+						return props.ui;
+					},
+					icon: "settings-gear",
+					label: "Settings",
 					get onClick() {
 						return props.onSettings;
-					},
-					children: "Settings"
+					}
 				});
 			}
 		}), null);
@@ -9244,16 +9311,19 @@ function MonitoringPanel(props) {
 			},
 			get fallback() {
 				return (() => {
-					var _el$4 = _tmpl$2$21();
-					_el$4.firstChild;
-					(0, solid_js_web.insert)(_el$4, (0, solid_js_web.createComponent)(Button, {
-						size: "small",
+					var _el$5 = _tmpl$2$21();
+					_el$5.firstChild;
+					(0, solid_js_web.insert)(_el$5, (0, solid_js_web.createComponent)(GuiIconAction, {
+						get ui() {
+							return props.ui;
+						},
+						icon: "layout-right",
+						label: "Dock Navigator",
 						get onClick() {
 							return props.dock;
-						},
-						children: "Dock Navigator"
+						}
 					}), null);
-					return _el$4;
+					return _el$5;
 				})();
 			},
 			get children() {
@@ -9262,7 +9332,11 @@ function MonitoringPanel(props) {
 						return props.runtime;
 					},
 					get fallback() {
-						return _tmpl$3$10();
+						return (() => {
+							var _el$7 = _tmpl$3$10(), _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;
+						})();
 					},
 					children: (runtime) => (0, solid_js_web.createComponent)(MonitoringContent, (0, solid_js_web.mergeProps)(props, { get runtime() {
 						return runtime();
@@ -11067,7 +11141,7 @@ function createGuiBugReport(context) {
 		let token = "";
 		(0, solid_js.onCleanup)(() => abort.abort());
 		const model = createBugReportModel({
-			navigatorVersion: "0.27.2",
+			navigatorVersion: "0.27.3",
 			openCodeVersion: context.app.version,
 			platform: context.app.platform,
 			runtime: "OpenCode Desktop GUI"
@@ -11119,8 +11193,8 @@ function createGuiBugReport(context) {
 }
 // src/app/gui/release.ts
 var guiRelease = {
-	version: "0.27.2",
-	changelog: "# Changelog\n\n## [0.27.2] - 2026-11-11\n\n- Keep Desktop Settings fields and actions inside their rows at narrow widths, with readable labels and compact group creation.\n- Reorder Desktop sections, Quick Actions, toolbar pins and button icons by dragging their handles, or use Space and arrow keys to move them with the keyboard. Escape cancels an unfinished move.\n- Show download and installation progress in place of the running version in TUI and inline in Desktop About. Show real percentages only when byte totals are available; otherwise show the active stage.\n- Bring Desktop section arrows, loading indicators and Todo rows closer to native OpenCode. Completed and cancelled tasks use muted, struck-through text with distinct status icons.\n- Remove duplicate model and reasoning-effort selectors from the Desktop sidebar. Select them below chat instead; Limits continue to follow the active model.\n\n## [0.27.1] - 2026-11-11\n\n- Drag the Desktop mini-window by its header as well as its move handle, while keeping Dock a separate action. Match its surface and controls to OpenCode's light and dark themes.\n- Use native Desktop switches and selectors for Skill trust and Todo configuration, and align multiline fields with the host theme and focus styles.\n- Show a remaining-lifetime scale and time until expiry for banked reset credits with provider-supplied dates. Keep missing expiry explicit and prevent selecting expired credits for review.\n\n## [0.27.0] - 2026-11-11\n\n- Add an experimental OpenCode Desktop interface with a native panel, narrow-screen drawer, and opt-in in-app mini-window. Move, resize, reset and redock it with the mouse or keyboard while keeping the selected session and filters.\n- Bring Search Everything, Skills, MCP groups and presets, Quick Actions, and customizable toolbar pins to Desktop. Share private favorites, trust decisions and preferences with local TUI instances without duplicating monitoring.\n- Add native Desktop settings with scoped section controls, groups, reviewed presets and project profiles, portable import/export, a seven-slide setup guide, About, browsable release history and editable GitHub Bug reports.\n- Keep superseded Desktop configuration reads from showing a false error after a newer refresh, while preserving genuine failures and retry guidance.\n- Show verified provider/account quotas in Desktop with explicit account linking and separately confirmed banked resets. Keep remote sessions isolated from local accounts and preserve unresolved reset attempts across retries.\n- Support OpenCode 1.19.5 and 2.2.6 while preserving both TUI adapters, existing settings, pinned-source updates and read-only legacy Todo archives.\n\n## [0.26.0] - 2026-11-06\n\n- Prevent background retries from accumulating cancellation listeners and preferences loading from waiting indefinitely on recovery markers.\n- Show exact active Subagent durations from OpenCode 2's native execution start time, preserving the observation fallback when timing is unavailable. Keep interrupted executions marked as cancelled in recent history.\n\n## [0.25.0] - 2026-10-31\n\n- Offer Enable Todo when OpenCode 2's native tool is disabled, with an existing server-config picker, exact change preview and separate confirmation. Preserve unrelated JSONC content and refuse stale targets; distinguish disabled Todo from an enabled empty list.\n- Update the seven-slide setup wizard for native Todo enablement, provider/account limits, multi-icon or text-only toolbar pins, About/changelog and Bug reports. Describe each host's real permissions/LSP capabilities and keep navigation visible while short-terminal content scrolls.\n\n## [0.24.0] - 2026-10-31\n\n- Support the latest stable OpenCode 1.19.5 and 2.2.5 releases, preserving both host adapters and existing sidebar behavior.\n- Preserve Limits scales and reset-credit controls across equivalent quota snapshots and unrelated workspace events, while retaining current-account and credential-change guards.\n- Keep rounded selection backgrounds consistent in nested dialogs and highlighted rows.\n- Configure each toolbar button with zero to three icons and optional custom text, including text-only buttons. Keep legacy/state choices, unsaved drafts, rounded clipping, and width-aware More/wrapping.\n- Keep Quick Action rows and their hover/focus state stable while typing in the main prompt on both supported OpenCode hosts.\n- Show toolbar hover/focus hints without moving Limits or other sections, preserving centered, uniformly sized icon controls and empty-toolbar collapse.\n- Add Settings → About with the running versions, explicit update status/checking, confirmed updates, and a versioned changelog that can be reopened independently of first-launch upgrade notes.\n- Prepare editable Bug reports with confirmed sending through authenticated GitHub CLI and an independent Open in browser action. Retain drafts through errors and cancellation, and require manual review before retrying an uncertain submission.\n\n## [0.23.0] - 2026-10-28\n\n- Support only the latest stable OpenCode 1.x and 2.x releases, currently 1.19.5 and 2.2.0, including the newer terminal renderer.\n- Keep Skills, MCP servers, and Subagents current as OpenCode 2 updates, and launch the intended Skill when multiple sources have the same name.\n- Show OpenCode Console workspace budgets and Go allowance through the public host usage API without a Navigator server plugin. Preserve workspace scope, native units, reset times, and explicit failure/retry states.\n- Preserve Navigator shortcuts and nested-dialog navigation with OpenCode 2.2's keyboard handling.\n- Verify a supported runtime before changing a pinned Navigator snapshot, preserving the installed version when no compatible verifier is available.\n\n## [0.22.0] - 2026-10-23\n\n- Pin Quick Actions and Skills to a compact sidebar toolbar independently of bookmarks. Choose icons in a searchable picker, customize supported state icons, reorder buttons, and select a More menu or wrapping rows. Preserve Skill confirmations, unavailable reasons, keyboard navigation, and Text fallback; hide the toolbar entirely when empty.\n- Use OpenCode 2's built-in Todo history for the sidebar, with native completed-write and revert semantics, existing filters/progress, and manual Refresh. Keep edits in ordinary chat, preserve previous Navigator tasks as a read-only archive, and retain the independent provider-quota server integration.\n- Support OpenCode 2.1's plugin and rendering APIs while retaining the OpenCode 1.x adapter; restore custom dialogs and rounded selections on the newer native renderer.\n- Replace the shortcut toast with an icon-led hint featuring highlighted keys, navigation/update groups, a distinct Escape action, and responsive Text/no-corner-font layouts. Keep prompt focus and share its action list with scrollable keyboard help.\n- Update Subagent status immediately from OpenCode 2's execution lifecycle and keep unresolved external credentials separate from verified provider accounts.\n- Keep OpenCode updates on the current major line and preserve pinned-source Navigator updates when a target release needs newer runtime dependencies.\n\n## [0.21.8] - 2026-10-09\n\n- Make the unfilled part of Limits scales substantially quieter, matching the theme-derived sidebar-divider tone. Keep the filled segment, reset text, and remaining values readable in both icon modes and after theme changes.\n\n## [0.21.7] - 2026-10-09\n\n- Remove the vertical guide and its reserved gutter from Limits in both icon modes. Keep full-width quota scales, reset-left/remaining-right details, and one blank row between quota windows.\n\n## [0.21.6] - 2026-10-09\n\n- Refine Limits with a continuous muted guide, full-width thin-line quota scales, and reset-left/remaining-right details. Keep long reset text from overlapping the remaining value and preserve Text fallback, resize clipping, and existing controls.\n\n## [0.21.5] - 2026-10-07\n\n- Make automatic Limits refresh configurable in scoped Behavior settings and portable configuration, with a five-minute default and one-minute minimum. Keep manual Refresh and supported model/account switches immediate.\n- Avoid extra quota polling from unrelated preference changes and unchanged provider-account metadata observations.\n\n## [0.21.4] - 2026-10-07\n\n- Add `c` to Navigator shortcuts for a manual update check and `u` to check then confirm a Navigator update. Report available, current, or unavailable results, preserve the installation method and scope, and require a restart after updating.\n- Ignore cancelled, outdated, and repeated update confirmations, and recover from stalled update checks without blocking later checks.\n\n## [0.21.3] - 2026-10-06\n\n- Replace block quota meters with full-width adaptive thin-line scales and keep quota rows inside the sidebar's padding after resize. Show only reset time below each meter, removing technical account and window-duration suffixes.\n\n## [0.21.2] - 2026-10-06\n\n- Make Limits compact with clickable provider/model and variant controls, remaining-headroom progress rows, and muted reset times. Move Refresh and Banked Resets into the section header, remove the section counter and Provider sources action, and keep reset consumption behind a separate confirmation.\n\n## [0.21.1] - 2026-10-06\n\n- Fix Codex account quota windows being hidden when the provider omits model metadata. Show ordinary usage as shared account quota, retain banked-reset counts, and keep separate model buckets explicitly associated.\n\n## [0.21.0] - 2026-10-06\n\n- Automatically verify Codex account identity from OpenCode 2's ChatGPT connection. When host identity is unavailable, confirm a private binding once per connection or provider and reuse it across models, projects, and sessions; preserve compatible older confirmations and isolate conflicting ones until relinked.\n- Expand OpenCode 2 Limits with documented native subscription allowances, API rate-limit observations, configured capacities, account balances, and key budgets. Keep provider-native units, currencies, model associations, and active-account boundaries explicit.\n- Add Provider sources to explain each provider's supported measurements, required permissions, and unavailable APIs without guessing remaining quota.\n- Keep available account balances visible when a separate subscription read fails, and show exhausted NanoGPT subscription windows instead of hiding them.\n- Keep stale quota guidance visible after failed refreshes, reject late results after credential changes, and recover from stalled provider reads without blocking model response streams.\n\n## [0.20.0] - 2026-10-05\n\n- Add a default-visible Limits section for the selected model's provider-native quota windows, reset times, account identity, and freshness. Codex CLI support requires an explicit private account binding; unsupported providers show calm guidance.\n- Review Codex banked reset credits and use them only after a separate confirmation and fresh eligibility checks. Preserve the same attempt key when reconciling an uncertain result, including after a restart.\n- Save named, commit-safe project layout and MCP profiles to `.opencode/navigator.json` with the `opencode-navigator-profile` command, an explicit preview, and `--apply`; profile application remains manual.\n\n## [0.19.3] - 2026-10-03\n\n- Indent grouped Todo, Subagent, Skill, and MCP rows and align MCP server status indicators with their group headings.\n- Place Skill, MCP, and Quick Action bookmarks before item names. Reveal unselected bookmarks on hover or keyboard focus, keep favorites visible, and keep labels steady.\n\n## [0.19.2] - 2026-10-02\n\n- Show MCP group connection states with the same radio-style indicators as individual servers, without Connect/Disconnect labels on group headings.\n\n## [0.19.1] - 2026-10-02\n\n- Remember the OpenCode 1.x auto-approve mode as a user-wide default for new sessions, including changes made through the host's permission toggle.\n\n## [0.19.0] - 2026-10-02\n\n- Connect or disconnect all eligible MCP servers in a group from its heading, including filtered-out items, with keyboard access and failed-only retry.\n- Organize Skills into user-wide groups by source location, with Favorites first and group names searchable across the full catalog.\n- Reload saved Navigator settings from disk in another running OpenCode session without restarting it.\n\n## [0.18.2] - 2026-10-02\n\n- Open the host Settings dialog from the OpenCode 2.x Permissions Quick Action, where the user can change between `prompt` and `auto accept`; keep the direct auto-approve toggle on OpenCode 1.x.\n\n## [0.18.1] - 2026-10-01\n\n- Show calm Todo setup guidance in OpenCode 2.x when Navigator's server plugin is absent, without a request error or Retry control. Actual server failures still offer Retry.\n- Keep Quick Action names readable in narrow sidebars by placing unavailable reasons below them and showing shortcuts only when they fit.\n\n## [0.18.0] - 2026-10-01\n\n- Add durable per-session Todo lists to OpenCode 2.x through a separately configured Navigator server plugin and an agent Todo tool.\n- Update Todo in the sidebar as tasks change, and offer an off-by-default per-session switch for model-context Todo instructions.\n- Keep Todo visible with setup guidance when the OpenCode 2.x server plugin is missing.\n\n## [0.17.3] - 2026-09-30\n\n## [0.17.2] - 2026-09-30\n\n- Update a pinned local Navigator installation from its version label while keeping its file or directory source unchanged.\n- Hide the session title and creation date independently with Global/Worktree settings in OpenCode 1.x.\n\n## [0.17.1] - 2026-09-29\n\n- Fix the local Navigator installation changing unexpectedly when rebuilding the repository; it now stays on its pinned version.\n\n## [0.17.0] - 2026-09-29\n\n- Add an opt-in Behavior setting to start a new session directly in chat with the sidebar from Home or New session.\n- Remember the previously installed Navigator version and show the intervening release notes once after an update.\n\n## [0.16.1] - 2026-09-25\n\n- Make the entire OpenCode or Navigator version label open its own update confirmation when an update is available. The separator and the other version remain inactive.\n- Replace the small update arrow with a more prominent filled-circle Nerd Font indicator, retaining an ASCII fallback.\n\n## [0.16.0] - 2026-09-25\n\n- Show both OpenCode and Navigator versions in the OpenCode 2.x footer.\n- Confirm updates from the footer or command palette, preserve the original installation method and scope, and report the outcome with a restart reminder.\n\nEarlier release notes are available on [GitHub Releases](https://github.com/St1ggy/opencode-navigator/releases).\n\n[0.22.0]: https://github.com/St1ggy/opencode-navigator/compare/v0.21.8...v0.22.0\n[0.21.8]: https://github.com/St1ggy/opencode-navigator/compare/v0.21.7...v0.21.8\n[0.21.7]: https://github.com/St1ggy/opencode-navigator/compare/v0.21.6...v0.21.7\n[0.21.6]: https://github.com/St1ggy/opencode-navigator/compare/v0.21.5...v0.21.6\n[0.21.5]: https://github.com/St1ggy/opencode-navigator/compare/v0.21.4...v0.21.5\n[0.21.4]: https://github.com/St1ggy/opencode-navigator/compare/v0.21.3...v0.21.4\n[0.21.3]: https://github.com/St1ggy/opencode-navigator/compare/v0.21.2...v0.21.3\n[0.21.2]: https://github.com/St1ggy/opencode-navigator/compare/v0.21.1...v0.21.2\n[0.21.1]: https://github.com/St1ggy/opencode-navigator/compare/v0.21.0...v0.21.1\n[0.21.0]: https://github.com/St1ggy/opencode-navigator/compare/v0.20.0...v0.21.0\n[0.20.0]: https://github.com/St1ggy/opencode-navigator/compare/v0.19.3...v0.20.0\n[0.19.3]: https://github.com/St1ggy/opencode-navigator/compare/v0.19.2...v0.19.3\n[0.19.2]: https://github.com/St1ggy/opencode-navigator/compare/v0.19.1...v0.19.2\n[0.19.1]: https://github.com/St1ggy/opencode-navigator/compare/v0.19.0...v0.19.1\n[0.19.0]: https://github.com/St1ggy/opencode-navigator/compare/v0.18.2...v0.19.0\n[0.18.2]: https://github.com/St1ggy/opencode-navigator/compare/v0.18.1...v0.18.2\n[0.18.1]: https://github.com/St1ggy/opencode-navigator/compare/v0.18.0...v0.18.1\n[0.18.0]: https://github.com/St1ggy/opencode-navigator/compare/v0.17.3...v0.18.0\n[0.17.3]: https://github.com/St1ggy/opencode-navigator/compare/v0.17.2...v0.17.3\n[0.17.2]: https://github.com/St1ggy/opencode-navigator/compare/v0.17.1...v0.17.2\n[0.17.1]: https://github.com/St1ggy/opencode-navigator/compare/v0.17.0...v0.17.1\n[0.17.0]: https://github.com/St1ggy/opencode-navigator/compare/v0.16.1...v0.17.0\n[0.16.1]: https://github.com/St1ggy/opencode-navigator/compare/v0.16.0...v0.16.1\n[0.16.0]: https://github.com/St1ggy/opencode-navigator/compare/v0.15.0...v0.16.0\n"
+	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"
 };
 // src/app/gui/about.ts
 function createGuiAbout(context) {
@@ -16104,7 +16178,7 @@ var setup = (context) => {
 			try {
 				await preferences.flush();
 				context.toast.show({
-					title: `Navigator 0.27.2`,
+					title: `Navigator 0.27.3`,
 					variant: "default"
 				});
 			} catch {