@codemem/server 0.26.2 → 0.27.0

package/static/app.js

@@ -435,6 +435,12 @@
 	}
 	//#endregion
 	//#region src/lib/state.ts
+	var ALL_TAB_IDS = [
+		"feed",
+		"health",
+		"sync",
+		"coordinator-admin"
+	];
 	var TAB_KEY = "codemem-tab";
 	var FEED_FILTER_KEY = "codemem-feed-filter";
 	var FEED_SCOPE_KEY = "codemem-feed-scope";
@@ -503,27 +509,28 @@
 		syncDiagnosticsOpen: false,
 		syncPairingOpen: false
 	};
+	function shouldShowCoordinatorAdminTab(status) {
+		if (!status) return true;
+		return status.has_admin_secret === true;
+	}
+	function getVisibleTabs(status) {
+		return shouldShowCoordinatorAdminTab(status) ? [...ALL_TAB_IDS] : ALL_TAB_IDS.filter((tabId) => tabId !== "coordinator-admin");
+	}
+	function resolveAccessibleTab(tab, status) {
+		return getVisibleTabs(status).includes(tab) ? tab : "sync";
+	}
 	function getActiveTab() {
 		const hash = window.location.hash.replace("#", "");
-		if ([
-			"feed",
-			"health",
-			"sync",
-			"coordinator-admin"
-		].includes(hash)) return hash;
+		if (ALL_TAB_IDS.includes(hash)) return resolveAccessibleTab(hash, state.lastCoordinatorAdminStatus);
 		const saved = localStorage.getItem(TAB_KEY);
-		if (saved && [
-			"feed",
-			"health",
-			"sync",
-			"coordinator-admin"
-		].includes(saved)) return saved;
+		if (saved && ALL_TAB_IDS.includes(saved)) return resolveAccessibleTab(saved, state.lastCoordinatorAdminStatus);
 		return "feed";
 	}
 	function setActiveTab(tab) {
-		state.activeTab = tab;
-		window.location.hash = tab;
-		localStorage.setItem(TAB_KEY, tab);
+		const nextTab = resolveAccessibleTab(tab, state.lastCoordinatorAdminStatus);
+		state.activeTab = nextTab;
+		window.location.hash = nextTab;
+		localStorage.setItem(TAB_KEY, nextTab);
 	}
 	function getFeedTypeFilter() {
 		const saved = localStorage.getItem(FEED_FILTER_KEY) || "all";
@@ -6729,6 +6736,16 @@
 		});
 	}
 	//#endregion
+	//#region src/components/primitives/text-area.tsx
+	function TextArea(props) {
+		return /* @__PURE__ */ u("textarea", { ...props });
+	}
+	//#endregion
+	//#region src/components/primitives/text-input.tsx
+	function TextInput(props) {
+		return /* @__PURE__ */ u("input", { ...props });
+	}
+	//#endregion
 	//#region src/lib/notice.ts
 	var hideAbort = null;
 	function hideGlobalNotice() {
@@ -7468,7 +7485,7 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
 						}) : null,
 						request.kind === "input" ? /* @__PURE__ */ u("div", {
 							className: "field",
-							children: [/* @__PURE__ */ u("input", {
+							children: [/* @__PURE__ */ u(TextInput, {
 								"aria-describedby": errorText ? `${descriptionId} ${inputErrorId}` : descriptionId,
 								autoFocus: true,
 								className: errorText ? "sync-dialog-input sync-field-error" : "sync-dialog-input",
@@ -7886,13 +7903,14 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
 		return _$1(RadixTabsContent, {
 			className: "coordinator-admin-panel",
 			value: "invites"
-		}, _$1("h3", null, "Create teammate invite"), _$1("p", { class: "peer-submeta" }, summary.readiness === "ready" ? "Generate a coordinator-backed invite from the same operator surface that will later handle join requests and device administration." : "Finish setup first. Invite creation stays disabled until the local coordinator admin configuration is ready."), _$1("div", { class: "coordinator-admin-form-grid" }, _$1("label", { class: "coordinator-admin-field" }, _$1("span", null, "Group"), _$1("input", {
+		}, _$1("h3", null, "Create teammate invite"), _$1("p", { class: "peer-submeta" }, summary.readiness === "ready" ? "Generate a coordinator-backed invite from the same operator surface that will later handle join requests and device administration." : "Finish setup first. Invite creation stays disabled until the local coordinator admin configuration is ready."), _$1("div", { class: "coordinator-admin-form-grid" }, _$1("label", { class: "coordinator-admin-field" }, _$1("span", null, "Group"), _$1(TextInput, {
 			class: "peer-scope-input",
 			disabled: summary.readiness !== "ready",
 			onInput: (event) => {
 				inviteGroup = String(event.currentTarget.value || "");
 			},
 			placeholder: activeGroup || "team-alpha",
+			type: "text",
 			value: inviteGroup
 		})), _$1("label", { class: "coordinator-admin-field" }, _$1("span", null, "Join policy"), _$1(RadixSelect, {
 			ariaLabel: "Invite join policy",
@@ -7914,7 +7932,7 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
 			triggerClassName: "sync-radix-select-trigger sync-actor-select",
 			value: invitePolicy,
 			viewportClassName: "sync-radix-select-viewport"
-		})), _$1("label", { class: "coordinator-admin-field" }, _$1("span", null, "Expires in (hours)"), _$1("input", {
+		})), _$1("label", { class: "coordinator-admin-field" }, _$1("span", null, "Expires in (hours)"), _$1(TextInput, {
 			class: "peer-scope-input",
 			disabled: summary.readiness !== "ready",
 			min: "1",
@@ -7930,7 +7948,7 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
 				createInviteFromAdminPanel();
 			},
 			type: "button"
-		}, invitePending ? "Creating…" : "Create invite"), effectiveGroup ? _$1("span", { class: "peer-submeta" }, `Using group ${effectiveGroup}`) : null), output ? _$1("label", { class: "coordinator-admin-field" }, _$1("span", null, "Generated invite"), _$1("textarea", {
+		}, invitePending ? "Creating…" : "Create invite"), effectiveGroup ? _$1("span", { class: "peer-submeta" }, `Using group ${effectiveGroup}`) : null), output ? _$1("label", { class: "coordinator-admin-field" }, _$1("span", null, "Generated invite"), _$1(TextArea, {
 			class: "feed-search coordinator-admin-output",
 			readOnly: true,
 			value: output
@@ -7953,21 +7971,23 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
 		return _$1(RadixTabsContent, {
 			className: "coordinator-admin-panel",
 			value: "groups"
-		}, _$1("h3", null, "Groups"), _$1("p", { class: "peer-submeta" }, selectedGroup ? `Managing ${selectedGroup}${configuredGroup && configuredGroup !== selectedGroup ? ` · this node uses ${configuredGroup} for discovery` : ""}` : configuredGroup ? `This node uses ${configuredGroup} for discovery. Select a group below to manage it.` : "No group selected yet. Create one or select an existing group to manage."), groups.length ? _$1("p", { class: "peer-submeta" }, countParts.join(" · ")) : null, !targetExists && selectedGroup ? _$1("div", { class: "peer-meta coordinator-admin-inline-warning" }, `The selected admin target group (${selectedGroup}) is configured locally but does not exist in the coordinator yet. Create it below or switch to another group once one exists.`) : null, _$1("div", { class: "coordinator-admin-form-grid" }, _$1("label", { class: "coordinator-admin-field" }, _$1("span", null, "New group id"), _$1("input", {
+		}, _$1("h3", null, "Groups"), _$1("p", { class: "peer-submeta" }, selectedGroup ? `Managing ${selectedGroup}${configuredGroup && configuredGroup !== selectedGroup ? ` · this node uses ${configuredGroup} for discovery` : ""}` : configuredGroup ? `This node uses ${configuredGroup} for discovery. Select a group below to manage it.` : "No group selected yet. Create one or select an existing group to manage."), groups.length ? _$1("p", { class: "peer-submeta" }, countParts.join(" · ")) : null, !targetExists && selectedGroup ? _$1("div", { class: "peer-meta coordinator-admin-inline-warning" }, `The selected admin target group (${selectedGroup}) is configured locally but does not exist in the coordinator yet. Create it below or switch to another group once one exists.`) : null, _$1("div", { class: "coordinator-admin-form-grid" }, _$1("label", { class: "coordinator-admin-field" }, _$1("span", null, "New group id"), _$1(TextInput, {
 			class: "peer-scope-input",
 			disabled: summary.readiness !== "ready" || groupActionPendingKind === "create",
 			onInput: (event) => {
 				createGroupId = String(event.currentTarget.value || "");
 			},
 			placeholder: "team-alpha",
+			type: "text",
 			value: createGroupId
-		})), _$1("label", { class: "coordinator-admin-field" }, _$1("span", null, "Display name"), _$1("input", {
+		})), _$1("label", { class: "coordinator-admin-field" }, _$1("span", null, "Display name"), _$1(TextInput, {
 			class: "peer-scope-input",
 			disabled: summary.readiness !== "ready" || groupActionPendingKind === "create",
 			onInput: (event) => {
 				createGroupDisplayName = String(event.currentTarget.value || "");
 			},
 			placeholder: "Team Alpha",
+			type: "text",
 			value: createGroupDisplayName
 		}))), _$1("div", { class: "section-actions coordinator-admin-groups-toolbar" }, _$1("div", { class: "coordinator-admin-primary-actions" }, _$1("button", {
 			class: "settings-button",
@@ -7995,12 +8015,13 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
 			return _$1("div", {
 				class: "peer-card",
 				key: group.group_id
-			}, _$1("div", { class: "peer-title" }, _$1("strong", null, draftName)), _$1("div", { class: "peer-meta" }, `Group ID: ${group.group_id}`), _$1("div", { class: "peer-submeta" }, archived ? "Archived" : "Active"), configuredGroup === group.group_id ? _$1("div", { class: "peer-submeta" }, "This node is configured to use this group for coordinator-backed discovery.") : null, _$1("label", { class: "coordinator-admin-field" }, _$1("span", null, "Display name"), _$1("input", {
+			}, _$1("div", { class: "peer-title" }, _$1("strong", null, draftName)), _$1("div", { class: "peer-meta" }, `Group ID: ${group.group_id}`), _$1("div", { class: "peer-submeta" }, archived ? "Archived" : "Active"), configuredGroup === group.group_id ? _$1("div", { class: "peer-submeta" }, "This node is configured to use this group for coordinator-backed discovery.") : null, _$1("label", { class: "coordinator-admin-field" }, _$1("span", null, "Display name"), _$1(TextInput, {
 				class: "peer-scope-input",
 				disabled: summary.readiness !== "ready" || pending,
 				onInput: (event) => {
 					groupRenameDrafts.set(group.group_id, String(event.currentTarget.value || ""));
 				},
+				type: "text",
 				value: draftName
 			})), _$1("div", { class: "peer-actions" }, _$1("button", {
 				class: "settings-button",
@@ -8118,12 +8139,13 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
 			return _$1("div", {
 				class: "peer-card",
 				key: deviceId || String(item.fingerprint || "unknown")
-			}, _$1("div", { class: "peer-title" }, _$1("strong", null, draft || displayName)), _$1("div", { class: "peer-meta" }, `Device: ${deviceId || "unknown"}`), groupId ? _$1("div", { class: "peer-submeta" }, `Group: ${groupId}`) : null, _$1("div", { class: "peer-submeta" }, enabled ? "Enabled" : "Disabled"), _$1("div", { class: "coordinator-admin-form-grid" }, _$1("label", { class: "coordinator-admin-field" }, _$1("span", null, "Display name"), _$1("input", {
+			}, _$1("div", { class: "peer-title" }, _$1("strong", null, draft || displayName)), _$1("div", { class: "peer-meta" }, `Device: ${deviceId || "unknown"}`), groupId ? _$1("div", { class: "peer-submeta" }, `Group: ${groupId}`) : null, _$1("div", { class: "peer-submeta" }, enabled ? "Enabled" : "Disabled"), _$1("div", { class: "coordinator-admin-form-grid" }, _$1("label", { class: "coordinator-admin-field" }, _$1("span", null, "Display name"), _$1(TextInput, {
 				class: "peer-scope-input",
 				disabled: summary.readiness !== "ready" || pending,
 				onInput: (event) => {
 					deviceRenameDrafts.set(deviceId, String(event.currentTarget.value || ""));
 				},
+				type: "text",
 				value: draft
 			}))), _$1("div", { class: "peer-actions" }, _$1("button", {
 				disabled: !deviceId || pending || summary.readiness !== "ready",
@@ -9494,6 +9516,19 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
 		const firstPageKeys = new Set(firstPageItems.map(itemKey));
 		return mergeFeedItems(currentItems.filter((item) => !firstPageKeys.has(itemKey(item))), firstPageItems);
 	}
+	function syncInspectorQueryDraft(options) {
+		return options.hasInspectorOverride ? options.inspectorQuery : options.feedQuery;
+	}
+	function parseInspectorWorkingSet(value) {
+		return value.split(/\n|,/).map((item) => item.trim()).filter(Boolean);
+	}
+	function packTraceContextKey(options) {
+		return JSON.stringify([
+			options.project,
+			options.query.trim(),
+			options.workingSetFiles
+		]);
+	}
 	function replaceFeedItem(updatedItem) {
 		const key = itemKey(updatedItem);
 		state.lastFeedItems = state.lastFeedItems.map((item) => itemKey(item) === key ? updatedItem : item);
@@ -10063,19 +10098,34 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
 			key: `${label}:${candidate.id}`
 		}, _$1("div", { className: "feed-card-header" }, [_$1("div", { className: "feed-card-title" }, `${candidate.rank}. ${candidate.title}`), _$1("div", { className: "feed-card-meta" }, `#${candidate.id} · ${candidate.kind}${candidate.section ? ` · ${candidate.section}` : ""}`)]), _$1("div", { className: "feed-card-body" }, [_$1("div", null, candidate.preview || "No preview available."), candidate.reasons.length ? _$1("div", { className: "section-meta" }, `Reasons: ${candidate.reasons.join(", ")}`) : null])))));
 	}
-	function ContextInspectorPanel() {
-		const [open, setOpen] = d(false);
+	function ContextInspectorPanel({ open }) {
+		const [inspectorQuery, setInspectorQuery] = d(() => String(state.feedQuery || ""));
+		const [hasSeededInspectorQuery, setHasSeededInspectorQuery] = d(false);
+		const [hasInspectorOverride, setHasInspectorOverride] = d(false);
 		const [workingSetText, setWorkingSetText] = d("");
 		const [loading, setLoading] = d(false);
 		const [error, setError] = d("");
 		const [errorContextKey, setErrorContextKey] = d("");
 		const [trace, setTrace] = d(null);
-		const currentQuery = String(state.feedQuery || "").trim();
+		const latestTraceRequestId = A$1(0);
+		const feedQuery = String(state.feedQuery || "");
+		const currentQuery = String(inspectorQuery || "").trim();
 		const currentProject = state.currentProject || null;
-		const currentContextKey = JSON.stringify([currentProject, currentQuery]);
-		const visibleTrace = trace && trace.inputs.query === currentQuery && trace.inputs.project === currentProject ? trace : null;
+		const currentWorkingSetFiles = parseInspectorWorkingSet(workingSetText);
+		const currentContextKey = packTraceContextKey({
+			project: currentProject,
+			query: currentQuery,
+			workingSetFiles: currentWorkingSetFiles
+		});
+		const visibleTrace = trace && packTraceContextKey({
+			project: trace.inputs.project,
+			query: trace.inputs.query,
+			workingSetFiles: trace.inputs.working_set_files
+		}) === currentContextKey ? trace : null;
 		const visibleError = error && errorContextKey === currentContextKey ? error : "";
 		y(() => {
+			latestTraceRequestId.current += 1;
+			setLoading(false);
 			setError("");
 			setErrorContextKey("");
 			setTrace((currentTrace) => {
@@ -10083,11 +10133,34 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
 				if (currentTrace.inputs.query !== currentQuery || currentTrace.inputs.project !== currentProject) return null;
 				return currentTrace;
 			});
-		}, [currentProject, currentQuery]);
+		}, [currentContextKey]);
+		y(() => {
+			if (open && !hasSeededInspectorQuery) {
+				setInspectorQuery(syncInspectorQueryDraft({
+					feedQuery,
+					hasInspectorOverride,
+					inspectorQuery
+				}));
+				setHasSeededInspectorQuery(true);
+			}
+		}, [
+			feedQuery,
+			hasInspectorOverride,
+			hasSeededInspectorQuery,
+			inspectorQuery,
+			open
+		]);
 		const runTrace = async () => {
 			const context = currentQuery;
 			const project = currentProject;
-			const contextKey = JSON.stringify([project, context]);
+			const workingSetFiles = currentWorkingSetFiles;
+			const contextKey = packTraceContextKey({
+				project,
+				query: context,
+				workingSetFiles
+			});
+			const requestId = latestTraceRequestId.current + 1;
+			latestTraceRequestId.current = requestId;
 			if (!context) {
 				setError("Enter a query to inspect.");
 				setErrorContextKey(contextKey);
@@ -10101,50 +10174,51 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
 				const nextTrace = await tracePack({
 					context,
 					project,
-					working_set_files: workingSetText.split(/\n|,/).map((value) => value.trim()).filter(Boolean)
+					working_set_files: workingSetFiles
 				});
-				if (String(state.feedQuery || "").trim() !== context || (state.currentProject || null) !== project) return;
+				if (requestId !== latestTraceRequestId.current) return;
 				setTrace(nextTrace);
 			} catch (err) {
-				if (String(state.feedQuery || "").trim() !== context || (state.currentProject || null) !== project) return;
+				if (requestId !== latestTraceRequestId.current) return;
 				setError(err instanceof Error ? err.message : String(err));
 				setErrorContextKey(contextKey);
 				setTrace(null);
 			} finally {
-				setLoading(false);
+				if (requestId === latestTraceRequestId.current) setLoading(false);
 			}
 		};
 		const selected = visibleTrace?.retrieval.candidates.filter((candidate) => candidate.disposition === "selected") || [];
 		const dropped = visibleTrace?.retrieval.candidates.filter((candidate) => candidate.disposition === "dropped") || [];
 		const deduped = visibleTrace?.retrieval.candidates.filter((candidate) => candidate.disposition === "deduped") || [];
 		const trimmed = visibleTrace?.retrieval.candidates.filter((candidate) => candidate.disposition === "trimmed") || [];
-		return _$1("div", { className: "feed-inspector" }, _$1("button", {
-			className: "toggle-button",
-			onClick: () => setOpen(!open),
-			type: "button"
-		}, open ? "Hide Context Inspector" : "Open Context Inspector"), open ? _$1("div", {
+		return open ? _$1("div", { className: "feed-inspector" }, _$1("div", {
 			className: "feed-card",
+			id: "contextInspectorPanel",
 			style: "margin-top:12px;"
 		}, [
-			_$1("div", { className: "feed-card-header" }, [_$1("div", { className: "feed-card-title" }, "Context Inspector"), _$1("div", { className: "feed-card-meta" }, "Tracing the current Search query")]),
+			_$1("div", { className: "feed-card-header" }, [_$1("div", { className: "feed-card-title" }, "Context Inspector"), _$1("div", { className: "feed-card-meta" }, hasInspectorOverride ? "Tracing an inspector-specific query" : "Seeded from the feed search on first open")]),
 			_$1("div", { className: "feed-card-body" }, [
 				_$1("input", {
 					className: "feed-search",
 					onInput: (event) => {
-						state.feedQuery = String(event.currentTarget.value || "");
+						setInspectorQuery(String(event.currentTarget.value || ""));
+						setHasInspectorOverride(true);
 						setTrace(null);
 						setError("");
 						setErrorContextKey("");
-						updateFeedView();
 					},
 					placeholder: "Trace a pack query…",
-					value: state.feedQuery
+					value: inspectorQuery
 				}),
+				_$1("div", {
+					className: "section-meta",
+					style: "margin-top:8px;"
+				}, hasInspectorOverride ? "Inspector query is independent from the live feed search." : "Inspector query was seeded from the feed search and will stay independent until you change it."),
 				_$1("textarea", {
+					className: "feed-inspector-files",
 					onInput: (event) => setWorkingSetText(String(event.currentTarget.value || "")),
 					placeholder: "Optional working-set files, one per line",
 					rows: 3,
-					style: "margin-top:8px; width:100%;",
 					value: workingSetText
 				}),
 				_$1("div", { style: "display:flex; gap:8px; margin-top:8px; align-items:center;" }, _$1("button", {
@@ -10156,7 +10230,7 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
 				trace && !visibleTrace ? _$1("div", {
 					className: "section-meta",
 					style: "margin-top:8px;"
-				}, "Search context changed. Run trace again for the current query and project.") : null,
+				}, "Trace inputs changed. Run trace again for the current query, project, and working set.") : null,
 				visibleError ? _$1("div", {
 					className: "section-meta",
 					style: "margin-top:8px; color:#d96c6c;"
@@ -10186,9 +10260,10 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
 					_$1("pre", { style: "white-space:pre-wrap; overflow:auto;" }, visibleTrace.output.pack_text)
 				])
 			]) : null
-		]) : null);
+		])) : null;
 	}
 	function FeedTabView({ items, loadingText }) {
+		const [inspectorOpen, setInspectorOpen] = d(false);
 		return _$1(k$2, null, _$1("div", { className: "feed-controls" }, _$1("div", {
 			className: "section-meta",
 			id: "feedMeta"
@@ -10201,7 +10276,7 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
 			},
 			placeholder: "Search title, body, tags…",
 			value: state.feedQuery
-		}), _$1(ContextInspectorPanel, {}), _$1(FeedToggle, {
+		}), _$1(FeedToggle, {
 			active: state.feedScopeFilter,
 			id: "feedScopeToggle",
 			onSelect: (value) => {
@@ -10245,7 +10320,13 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
 					label: "Summaries"
 				}
 			]
-		}))), _$1("div", {
+		}), _$1("button", {
+			"aria-controls": "contextInspectorPanel",
+			"aria-expanded": inspectorOpen,
+			className: "settings-button feed-inspector-button",
+			onClick: () => setInspectorOpen((current) => !current),
+			type: "button"
+		}, inspectorOpen ? "Hide Context Inspector" : "Context Inspector"))), _$1(ContextInspectorPanel, { open: inspectorOpen }), _$1("div", {
 			className: "feed-list",
 			id: "feedList"
 		}, _$1(FeedList, {
@@ -10413,7 +10494,7 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
 		if (!container) return;
 		J$1(_$1(k$2, null, cards.map((card) => _$1(HealthCard, {
 			...card,
-			key: `${card.label}-${card.value}`
+			key: card.key ?? card.label
 		}))), container);
 	}
 	function renderActionList$1(container, actions) {
@@ -10554,6 +10635,7 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
 			const isFailed = job.status === "failed";
 			const detail = isFailed ? String(job.error || "unknown error").trim() : void 0;
 			return buildHealthCard({
+				key: String(job.kind || job.title || "background-maintenance"),
 				label: String(job.title || job.kind || "Background maintenance"),
 				value: isFailed ? "Failed" : progress,
 				detail,
@@ -10564,6 +10646,7 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
 		});
 		renderHealthCards(healthGrid, [
 			buildHealthCard({
+				key: "overall-health",
 				label: "Overall health",
 				value: statusLabel,
 				detail: `Weighted score ${riskScore}`,
@@ -10573,6 +10656,7 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
 			}),
 			...maintenanceCards,
 			buildHealthCard({
+				key: "pipeline-health",
 				label: "Pipeline health",
 				value: `${rawPending.toLocaleString()} pending`,
 				detail: pipelineDetail,
@@ -10580,6 +10664,7 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
 				title: "Raw-event queue pressure and flush reliability"
 			}),
 			buildHealthCard({
+				key: "retrieval-impact",
 				label: "Retrieval impact",
 				value: reductionLabel,
 				detail: retrievalDetail,
@@ -10587,6 +10672,7 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
 				title: "Reduction from memory reuse across recent usage"
 			}),
 			buildHealthCard({
+				key: "sync-health",
 				label: "Sync health",
 				value: syncCardValue,
 				detail: syncDetail,
@@ -10594,6 +10680,7 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
 				title: "Daemon state and sync recency"
 			}),
 			buildHealthCard({
+				key: "data-freshness",
 				label: "Data freshness",
 				value: formatAgeShort(packAgeSeconds),
 				detail: freshnessDetail,
@@ -11718,16 +11805,36 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
 			updateField(field, value);
 		};
 	}
-	function onCheckboxInput(field) {
-		return (event) => {
-			updateField(field, event.currentTarget.checked);
+	function onSwitchInput(field) {
+		return (checked) => {
+			updateField(field, checked);
 		};
 	}
-	function onAdvancedToggle(event) {
-		const checked = event.currentTarget.checked;
+	function onAdvancedToggle(checked) {
 		settingsShowAdvanced = checked;
 		settingsController?.setShowAdvanced(checked);
 	}
+	function SettingsSwitchRow({ checked, className, disabled = false, hidden = false, id, label, onCheckedChange }) {
+		const labelId = `${id}Label`;
+		return /* @__PURE__ */ u("div", {
+			className: className ? `field-checkbox settings-switch-row ${className}` : "field-checkbox settings-switch-row",
+			hidden,
+			children: [/* @__PURE__ */ u("label", {
+				className: "settings-switch-copy",
+				htmlFor: id,
+				id: labelId,
+				children: label
+			}), /* @__PURE__ */ u(RadixSwitch, {
+				"aria-labelledby": labelId,
+				checked,
+				className: "settings-switch",
+				disabled,
+				id,
+				onCheckedChange,
+				thumbClassName: "settings-switch-thumb"
+			})]
+		});
+	}
 	function hiddenUnlessAdvanced() {
 		return !settingsShowAdvanced;
 	}
@@ -11866,27 +11973,19 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
 							children: "Configure connection, authentication, processing, and sync behavior."
 						}),
 						/* @__PURE__ */ u("div", {
-							className: "settings-advanced-toolbar field-checkbox",
-							children: [
-								/* @__PURE__ */ u("input", {
-									checked: settingsShowAdvanced,
-									className: "cm-checkbox",
-									id: "settingsAdvancedToggle",
-									onChange: onAdvancedToggle,
-									type: "checkbox"
-								}),
-								/* @__PURE__ */ u("label", {
-									htmlFor: "settingsAdvancedToggle",
-									children: "Show advanced controls"
-								}),
-								/* @__PURE__ */ u("button", {
-									"aria-label": "About advanced controls",
-									className: "help-icon",
-									"data-tooltip": "Advanced controls include JSON fields, tuning values, and network overrides.",
-									type: "button",
-									children: "?"
-								})
-							]
+							className: "settings-advanced-toolbar",
+							children: [/* @__PURE__ */ u(SettingsSwitchRow, {
+								checked: settingsShowAdvanced,
+								id: "settingsAdvancedToggle",
+								label: "Show advanced controls",
+								onCheckedChange: onAdvancedToggle
+							}), /* @__PURE__ */ u("button", {
+								"aria-label": "About advanced controls",
+								className: "help-icon",
+								"data-tooltip": "Advanced controls include JSON fields, tuning values, and network overrides.",
+								type: "button",
+								children: "?"
+							})]
 						}),
 						/* @__PURE__ */ u(RadixTabs, {
 							ariaLabel: "Settings sections",
@@ -11957,7 +12056,7 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
 															children: "?"
 														})]
 													}),
-													/* @__PURE__ */ u("input", {
+													/* @__PURE__ */ u(TextInput, {
 														id: "observerModel",
 														onInput: onTextInput("observerModel"),
 														placeholder: "leave empty for default",
@@ -12017,7 +12116,7 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
 															htmlFor: "claudeCommand",
 															children: "Claude command (JSON argv)"
 														}),
-														/* @__PURE__ */ u("textarea", {
+														/* @__PURE__ */ u(TextArea, {
 															disabled: true,
 															id: "claudeCommand",
 															placeholder: "[\"claude\"]",
@@ -12038,7 +12137,7 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
 															htmlFor: "observerMaxChars",
 															children: "Request size limit (chars)"
 														}),
-														/* @__PURE__ */ u("input", {
+														/* @__PURE__ */ u(TextInput, {
 															id: "observerMaxChars",
 															min: "1",
 															onInput: onTextInput("observerMaxChars"),
@@ -12120,7 +12219,7 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
 															htmlFor: "observerAuthFile",
 															children: "Token file path"
 														}),
-														/* @__PURE__ */ u("input", {
+														/* @__PURE__ */ u(TextInput, {
 															disabled: true,
 															id: "observerAuthFile",
 															placeholder: "~/.codemem/work-token.txt",
@@ -12149,7 +12248,7 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
 																children: "?"
 															})]
 														}),
-														/* @__PURE__ */ u("textarea", {
+														/* @__PURE__ */ u(TextArea, {
 															disabled: true,
 															id: "observerAuthCommand",
 															placeholder: "[\"iap-auth\", \"--audience\", \"gateway\"]",
@@ -12174,7 +12273,7 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
 													children: [/* @__PURE__ */ u("label", {
 														htmlFor: "observerAuthTimeoutMs",
 														children: "Token command timeout (ms)"
-													}), /* @__PURE__ */ u("input", {
+													}), /* @__PURE__ */ u(TextInput, {
 														id: "observerAuthTimeoutMs",
 														min: "1",
 														onInput: onTextInput("observerAuthTimeoutMs"),
@@ -12188,7 +12287,7 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
 													children: [/* @__PURE__ */ u("label", {
 														htmlFor: "observerAuthCacheTtlS",
 														children: "Token cache time (s)"
-													}), /* @__PURE__ */ u("input", {
+													}), /* @__PURE__ */ u(TextInput, {
 														id: "observerAuthCacheTtlS",
 														min: "0",
 														onInput: onTextInput("observerAuthCacheTtlS"),
@@ -12213,7 +12312,7 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
 																children: "?"
 															})]
 														}),
-														/* @__PURE__ */ u("textarea", {
+														/* @__PURE__ */ u(TextArea, {
 															disabled: true,
 															id: "observerHeaders",
 															placeholder: "{\"Authorization\":\"Bearer ${auth.token}\"}",
@@ -12254,7 +12353,7 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
 														children: "?"
 													})]
 												}),
-												/* @__PURE__ */ u("input", {
+												/* @__PURE__ */ u(TextInput, {
 													id: "rawEventsSweeperIntervalS",
 													min: "1",
 													onInput: onTextInput("rawEventsSweeperIntervalS"),
@@ -12274,18 +12373,12 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
 													className: "settings-group-title",
 													children: "Tiered observer routing"
 												}),
-												/* @__PURE__ */ u("div", {
-													className: "field field-checkbox",
-													children: [/* @__PURE__ */ u("input", {
-														checked: values.observerTierRoutingEnabled,
-														className: "cm-checkbox",
-														id: "observerTierRoutingEnabled",
-														onChange: onCheckboxInput("observerTierRoutingEnabled"),
-														type: "checkbox"
-													}), /* @__PURE__ */ u("label", {
-														htmlFor: "observerTierRoutingEnabled",
-														children: "Enable tiered routing"
-													})]
+												/* @__PURE__ */ u(SettingsSwitchRow, {
+													checked: values.observerTierRoutingEnabled,
+													className: "field",
+													id: "observerTierRoutingEnabled",
+													label: "Enable tiered routing",
+													onCheckedChange: onSwitchInput("observerTierRoutingEnabled")
 												}),
 												/* @__PURE__ */ u("div", {
 													className: "small",
@@ -12307,7 +12400,7 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
 																children: "?"
 															})]
 														}),
-														/* @__PURE__ */ u("input", {
+														/* @__PURE__ */ u(TextInput, {
 															id: "observerSimpleModel",
 															onInput: onTextInput("observerSimpleModel"),
 															placeholder: "leave empty for default",
@@ -12335,7 +12428,7 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
 																children: "?"
 															})]
 														}),
-														/* @__PURE__ */ u("input", {
+														/* @__PURE__ */ u(TextInput, {
 															id: "observerRichModel",
 															onInput: onTextInput("observerRichModel"),
 															placeholder: "leave empty for default",
@@ -12347,19 +12440,13 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
 														})
 													]
 												}),
-												/* @__PURE__ */ u(Field, {
-													className: "field field-checkbox",
+												/* @__PURE__ */ u(SettingsSwitchRow, {
+													checked: values.observerRichOpenAIUseResponses,
+													className: "field",
 													hidden: !showTieredRouting,
-													children: [/* @__PURE__ */ u("input", {
-														checked: values.observerRichOpenAIUseResponses,
-														className: "cm-checkbox",
-														id: "observerRichOpenAIUseResponses",
-														onChange: onCheckboxInput("observerRichOpenAIUseResponses"),
-														type: "checkbox"
-													}), /* @__PURE__ */ u("label", {
-														htmlFor: "observerRichOpenAIUseResponses",
-														children: "Use OpenAI Responses API for rich tier"
-													})]
+													id: "observerRichOpenAIUseResponses",
+													label: "Use OpenAI Responses API for rich tier",
+													onCheckedChange: onSwitchInput("observerRichOpenAIUseResponses")
 												}),
 												/* @__PURE__ */ u(Field, {
 													className: "field settings-advanced",
@@ -12367,7 +12454,7 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
 													children: [/* @__PURE__ */ u("label", {
 														htmlFor: "observerSimpleTemperature",
 														children: "Simple tier temperature"
-													}), /* @__PURE__ */ u("input", {
+													}), /* @__PURE__ */ u(TextInput, {
 														id: "observerSimpleTemperature",
 														min: "0",
 														onInput: onTextInput("observerSimpleTemperature"),
@@ -12382,7 +12469,7 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
 													children: [/* @__PURE__ */ u("label", {
 														htmlFor: "observerRichTemperature",
 														children: "Rich tier temperature"
-													}), /* @__PURE__ */ u("input", {
+													}), /* @__PURE__ */ u(TextInput, {
 														id: "observerRichTemperature",
 														min: "0",
 														onInput: onTextInput("observerRichTemperature"),
@@ -12397,7 +12484,7 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
 													children: [/* @__PURE__ */ u("label", {
 														htmlFor: "observerRichReasoningEffort",
 														children: "Rich tier reasoning effort"
-													}), /* @__PURE__ */ u("input", {
+													}), /* @__PURE__ */ u(TextInput, {
 														id: "observerRichReasoningEffort",
 														onInput: onTextInput("observerRichReasoningEffort"),
 														placeholder: "leave empty for default",
@@ -12410,7 +12497,7 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
 													children: [/* @__PURE__ */ u("label", {
 														htmlFor: "observerRichReasoningSummary",
 														children: "Rich tier reasoning summary"
-													}), /* @__PURE__ */ u("input", {
+													}), /* @__PURE__ */ u(TextInput, {
 														id: "observerRichReasoningSummary",
 														onInput: onTextInput("observerRichReasoningSummary"),
 														placeholder: "leave empty for default",
@@ -12423,7 +12510,7 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
 													children: [/* @__PURE__ */ u("label", {
 														htmlFor: "observerRichMaxOutputTokens",
 														children: "Rich tier max output tokens"
-													}), /* @__PURE__ */ u("input", {
+													}), /* @__PURE__ */ u(TextInput, {
 														id: "observerRichMaxOutputTokens",
 														min: "1",
 														onInput: onTextInput("observerRichMaxOutputTokens"),
@@ -12450,7 +12537,7 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
 															htmlFor: "packObservationLimit",
 															children: "Observation limit"
 														}),
-														/* @__PURE__ */ u("input", {
+														/* @__PURE__ */ u(TextInput, {
 															id: "packObservationLimit",
 															min: "1",
 															onInput: onTextInput("packObservationLimit"),
@@ -12471,7 +12558,7 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
 															htmlFor: "packSessionLimit",
 															children: "Session summary limit"
 														}),
-														/* @__PURE__ */ u("input", {
+														/* @__PURE__ */ u(TextInput, {
 															id: "packSessionLimit",
 															min: "1",
 															onInput: onTextInput("packSessionLimit"),
@@ -12499,25 +12586,19 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
 												className: "settings-group-title",
 												children: "Device Sync"
 											}),
-											/* @__PURE__ */ u("div", {
-												className: "field field-checkbox",
-												children: [/* @__PURE__ */ u("input", {
-													checked: values.syncEnabled,
-													className: "cm-checkbox",
-													id: "syncEnabled",
-													onChange: onCheckboxInput("syncEnabled"),
-													type: "checkbox"
-												}), /* @__PURE__ */ u("label", {
-													htmlFor: "syncEnabled",
-													children: "Enable sync"
-												})]
+											/* @__PURE__ */ u(SettingsSwitchRow, {
+												checked: values.syncEnabled,
+												className: "field",
+												id: "syncEnabled",
+												label: "Enable sync",
+												onCheckedChange: onSwitchInput("syncEnabled")
 											}),
 											/* @__PURE__ */ u("div", {
 												className: "field",
 												children: [/* @__PURE__ */ u("label", {
 													htmlFor: "syncInterval",
 													children: "Sync interval (seconds)"
-												}), /* @__PURE__ */ u("input", {
+												}), /* @__PURE__ */ u(TextInput, {
 													id: "syncInterval",
 													min: "10",
 													onInput: onTextInput("syncInterval"),
@@ -12531,7 +12612,7 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
 												children: [/* @__PURE__ */ u("label", {
 													htmlFor: "syncHost",
 													children: "Sync host"
-												}), /* @__PURE__ */ u("input", {
+												}), /* @__PURE__ */ u(TextInput, {
 													id: "syncHost",
 													onInput: onTextInput("syncHost"),
 													placeholder: "127.0.0.1",
@@ -12544,7 +12625,7 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
 												children: [/* @__PURE__ */ u("label", {
 													htmlFor: "syncPort",
 													children: "Sync port"
-												}), /* @__PURE__ */ u("input", {
+												}), /* @__PURE__ */ u(TextInput, {
 													id: "syncPort",
 													min: "1",
 													onInput: onTextInput("syncPort"),
@@ -12552,19 +12633,13 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
 													value: values.syncPort
 												})]
 											}),
-											/* @__PURE__ */ u("div", {
-												className: "field field-checkbox settings-advanced",
+											/* @__PURE__ */ u(SettingsSwitchRow, {
+												checked: values.syncMdns,
+												className: "field settings-advanced",
 												hidden: hiddenUnlessAdvanced(),
-												children: [/* @__PURE__ */ u("input", {
-													checked: values.syncMdns,
-													className: "cm-checkbox",
-													id: "syncMdns",
-													onChange: onCheckboxInput("syncMdns"),
-													type: "checkbox"
-												}), /* @__PURE__ */ u("label", {
-													htmlFor: "syncMdns",
-													children: "Enable mDNS discovery"
-												})]
+												id: "syncMdns",
+												label: "Enable mDNS discovery",
+												onCheckedChange: onSwitchInput("syncMdns")
 											}),
 											/* @__PURE__ */ u("div", {
 												className: "field",
@@ -12573,7 +12648,7 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
 														htmlFor: "syncCoordinatorUrl",
 														children: "Coordinator URL"
 													}),
-													/* @__PURE__ */ u("input", {
+													/* @__PURE__ */ u(TextInput, {
 														disabled: true,
 														id: "syncCoordinatorUrl",
 														placeholder: "https://coord.example.com",
@@ -12592,7 +12667,7 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
 														htmlFor: "syncCoordinatorGroup",
 														children: "Coordinator group"
 													}),
-													/* @__PURE__ */ u("input", {
+													/* @__PURE__ */ u(TextInput, {
 														id: "syncCoordinatorGroup",
 														onInput: onTextInput("syncCoordinatorGroup"),
 														placeholder: "team-alpha",
@@ -12610,7 +12685,7 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
 												children: [/* @__PURE__ */ u("label", {
 													htmlFor: "syncCoordinatorTimeout",
 													children: "Coordinator timeout (seconds)"
-												}), /* @__PURE__ */ u("input", {
+												}), /* @__PURE__ */ u(TextInput, {
 													id: "syncCoordinatorTimeout",
 													min: "1",
 													onInput: onTextInput("syncCoordinatorTimeout"),
@@ -12624,7 +12699,7 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
 												children: [/* @__PURE__ */ u("label", {
 													htmlFor: "syncCoordinatorPresenceTtl",
 													children: "Presence TTL (seconds)"
-												}), /* @__PURE__ */ u("input", {
+												}), /* @__PURE__ */ u(TextInput, {
 													id: "syncCoordinatorPresenceTtl",
 													min: "1",
 													onInput: onTextInput("syncCoordinatorPresenceTtl"),
@@ -12716,8 +12791,11 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
 			})
 		}, `${item.label}-${index}`)) });
 	}
-	function AttemptsList({ attempts }) {
-		return /* @__PURE__ */ u(k$2, { children: attempts.map((attempt, index) => /* @__PURE__ */ u("div", {
+	function AttemptsList({ attempts, note }) {
+		return /* @__PURE__ */ u(k$2, { children: [note ? /* @__PURE__ */ u("div", {
+			class: "small",
+			children: note
+		}) : null, attempts.map((attempt, index) => /* @__PURE__ */ u("div", {
 			class: "diag-line",
 			children: [/* @__PURE__ */ u("div", {
 				class: "left",
@@ -12733,7 +12811,7 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
 				class: "right",
 				children: attempt.startedAt
 			})]
-		}, `${attempt.startedAt}-${attempt.peerLabel}-${index}`)) });
+		}, `${attempt.startedAt}-${attempt.peerLabel}-${index}`))] });
 	}
 	function PairingText({ text }) {
 		return /* @__PURE__ */ u(k$2, { children: text });
@@ -12751,12 +12829,15 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
 		}
 		renderIntoSyncMount(mount, /* @__PURE__ */ u(DiagnosticsGrid, { items }));
 	}
-	function renderAttemptsList(mount, attempts) {
+	function renderAttemptsList(mount, attempts, note) {
 		if (!attempts.length) {
 			clearSyncMount(mount);
 			return;
 		}
-		renderIntoSyncMount(mount, /* @__PURE__ */ u(AttemptsList, { attempts }));
+		renderIntoSyncMount(mount, /* @__PURE__ */ u(AttemptsList, {
+			attempts,
+			note
+		}));
 	}
 	function renderSyncEmptyState(mount, view) {
 		renderIntoSyncMount(mount, /* @__PURE__ */ u(SyncEmptyState, { ...view }));
@@ -12951,10 +13032,11 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
 							className: "sr-only",
 							children: "Team name"
 						}),
-						/* @__PURE__ */ u("input", {
+						/* @__PURE__ */ u(TextInput, {
 							className: "peer-scope-input",
 							id: "syncInviteGroup",
-							placeholder: "Team name (e.g. my-team)"
+							placeholder: "Team name (e.g. my-team)",
+							type: "text"
 						}),
 						/* @__PURE__ */ u("label", {
 							htmlFor: "syncInvitePolicy",
@@ -12972,7 +13054,7 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
 									htmlFor: "syncInviteTtl",
 									children: "Expires in"
 								}),
-								/* @__PURE__ */ u("input", {
+								/* @__PURE__ */ u(TextInput, {
 									className: "peer-scope-input",
 									defaultValue: "24",
 									id: "syncInviteTtl",
@@ -12996,7 +13078,7 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
 					className: "sr-only",
 					children: "Generated invite"
 				}),
-				/* @__PURE__ */ u("textarea", {
+				/* @__PURE__ */ u(TextArea, {
 					className: "feed-search",
 					id: "syncInviteOutput",
 					placeholder: "Invite will appear here",
@@ -13146,7 +13228,7 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
 		};
 	}
 	function deriveCoordinatorApprovalSummary(input) {
-		if (Boolean(input.device?.needs_local_approval) && !input.pairedLocally) return {
+		if (input.device?.needs_local_approval) return {
 			state: "needs-your-approval",
 			badgeLabel: "Needs your approval",
 			description: "Another device already trusted this one. Approve it on this device to finish reciprocal onboarding.",
@@ -13165,6 +13247,15 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
 			actionLabel: null
 		};
 	}
+	function shouldShowCoordinatorReviewAction(input) {
+		const approvalSummary = deriveCoordinatorApprovalSummary(input);
+		const deviceId = cleanText(input.device?.device_id);
+		const fingerprint = cleanText(input.device?.fingerprint);
+		if (!deviceId || !fingerprint) return false;
+		if (Boolean(input.device?.stale) || Boolean(input.hasAmbiguousCoordinatorGroup)) return false;
+		if (!input.pairedLocally) return true;
+		return approvalSummary.state === "needs-your-approval";
+	}
 	function summarizeSyncRunResult(payload) {
 		const items = Array.isArray(payload?.items) ? payload.items : [];
 		if (!items.length) return {
@@ -13820,10 +13911,12 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
 		const syncAttempts = document.getElementById("syncAttempts");
 		if (!syncAttempts) return;
 		const attempts = state.lastSyncAttempts;
+		const daemonState = String(state.lastSyncStatus?.daemon_state || "").trim();
 		if (!Array.isArray(attempts) || !attempts.length) {
 			renderSyncEmptyState(syncAttempts, noAttemptsState());
 			return;
 		}
+		const historyOnlyNote = syncAttemptsHistoryNote(daemonState, attempts.slice(0, 5).some((attempt) => attempt.status === "error"));
 		renderAttemptsList(syncAttempts, attempts.slice(0, 5).map((attempt) => {
 			const time = attempt.started_at || attempt.started_at_utc || "";
 			const peerId = String(attempt.peer_device_id || "").trim();
@@ -13840,7 +13933,10 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
 				detail: detailParts.join(" · "),
 				startedAt: time ? formatTimestamp(time) : ""
 			};
-		}));
+		}), historyOnlyNote);
+	}
+	function syncAttemptsHistoryNote(daemonState, hasVisibleErrors) {
+		return daemonState === "offline-peers" && hasVisibleErrors ? "Some recent failures may have happened before all peers went offline. Sync will resume automatically when a peer becomes reachable." : "";
 	}
 	function renderSyncDiagnosticsUnavailable() {
 		const syncStatusGrid = document.getElementById("syncStatusGrid");
@@ -14049,10 +14145,11 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
 					className: "peer-meta",
 					children: "Rename in config"
 				}) : /* @__PURE__ */ u(k$2, { children: [
-					/* @__PURE__ */ u("input", {
+					/* @__PURE__ */ u(TextInput, {
 						"aria-label": `Rename ${label}`,
 						className: "peer-scope-input actor-name-input",
 						disabled: renameBusy || mergeBusy,
+						type: "text",
 						value: name,
 						onInput: (event) => setName(event.currentTarget.value)
 					}),
@@ -14451,12 +14548,13 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
 					}), /* @__PURE__ */ u("div", {
 						className: "peer-actions",
 						children: [
-							/* @__PURE__ */ u("input", {
+							/* @__PURE__ */ u(TextInput, {
 								"aria-label": `Friendly name for ${displayName}`,
 								className: "peer-scope-input",
 								"data-device-name-input": peerId || void 0,
 								disabled: renameBusy,
 								placeholder: "Friendly device name",
+								type: "text",
 								value: renameValue,
 								onInput: (event) => setRenameValue(event.currentTarget.value)
 							}),
@@ -15635,7 +15733,11 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
 			});
 			const pairedFingerprint = String(pairedPeer?.fingerprint || "").trim();
 			const hasConflict = Boolean(pairedPeer) && Boolean(fingerprint) && Boolean(pairedFingerprint) && pairedFingerprint !== fingerprint;
-			const canAccept = Boolean(deviceId) && Boolean(fingerprint) && !pairedPeer && !device.stale && !hasAmbiguousCoordinatorGroup;
+			const canAccept = shouldShowCoordinatorReviewAction({
+				device,
+				hasAmbiguousCoordinatorGroup,
+				pairedLocally: Boolean(pairedPeer)
+			});
 			const addresses = Array.isArray(device.addresses) ? device.addresses : [];
 			const noteParts = [addresses.length ? addresses.map((address) => isSyncRedactionEnabled() ? redactAddress(String(address || "")) : String(address || "")).filter(Boolean).join(" · ") : "No fresh addresses"];
 			if (!addresses.length && displayTitle) noteParts.push(`device id: ${deviceId}`);
@@ -15651,14 +15753,14 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
 				mode = "scope-pending";
 			} else if (pairedPeer?.last_error) {
 				noteParts.push(`error: ${String(pairedPeer.last_error)}`);
-				mode = "paired";
+				if (!canAccept) mode = "paired";
 			} else if (pairedPeer?.status?.peer_state) {
 				noteParts.push(`status: ${String(pairedPeer.status.peer_state)}`);
-				mode = "paired";
+				if (!canAccept) mode = "paired";
 			} else if (!pairedPeer && device.stale) {
 				actionMessage = "Wait for a fresh coordinator presence update, then review this device again here.";
 				mode = "stale";
-			} else if (pairedPeer) mode = "paired";
+			} else if (pairedPeer && !canAccept) mode = "paired";
 			if (mode === "paired") pairedMessage = approvalSummary.state === "waiting-for-other-device" ? approvalSummary.description || "Waiting on the other device." : String(pairedPeer?.last_error || "").toLowerCase().includes("401") && String(pairedPeer?.last_error || "").toLowerCase().includes("unauthorized") ? "Waiting for the other device to trust this one before sync can work." : null;
 			return {
 				actionMessage,
@@ -16119,7 +16221,7 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
 		try {
 			const runtime = await loadRuntimeInfo();
 			if (!runtime?.version) return;
-			setRuntimeLabel(runtime.version, "724f6d5");
+			setRuntimeLabel(runtime.version, "6a10199");
 		} catch {}
 	}
 	var lastAnnouncedRefreshState = null;
@@ -16225,31 +16327,32 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
 			refresh();
 		}
 	});
-	var TAB_IDS = [
-		"feed",
-		"health",
-		"sync",
-		"coordinator-admin"
-	];
-	function switchTab(tab) {
-		setActiveTab(tab);
-		TAB_IDS.forEach((id) => {
+	function renderTabs(activeTab) {
+		const visibleTabs = new Set(getVisibleTabs(state.lastCoordinatorAdminStatus));
+		ALL_TAB_IDS.forEach((id) => {
 			const panel = $$2(`tab-${id}`);
-			if (panel) panel.hidden = id !== tab;
+			if (panel) panel.hidden = id !== activeTab || !visibleTabs.has(id);
 		});
-		TAB_IDS.forEach((id) => {
+		ALL_TAB_IDS.forEach((id) => {
 			const btn = $$2(`tabBtn-${id}`);
-			if (btn) btn.classList.toggle("active", id === tab);
+			if (!btn) return;
+			btn.hidden = !visibleTabs.has(id);
+			btn.classList.toggle("active", id === activeTab && visibleTabs.has(id));
 		});
+	}
+	function switchTab(tab) {
+		const nextTab = resolveAccessibleTab(tab, state.lastCoordinatorAdminStatus);
+		setActiveTab(nextTab);
+		renderTabs(nextTab);
 		refresh();
 	}
 	function initTabs() {
-		TAB_IDS.forEach((id) => {
+		ALL_TAB_IDS.forEach((id) => {
 			$$2(`tabBtn-${id}`)?.addEventListener("click", () => switchTab(id));
 		});
 		window.addEventListener("hashchange", () => {
 			const hash = window.location.hash.replace("#", "");
-			if (TAB_IDS.includes(hash) && hash !== state.activeTab) switchTab(hash);
+			if (ALL_TAB_IDS.includes(hash) && hash !== state.activeTab) switchTab(hash);
 		});
 		switchTab(state.activeTab);
 	}
@@ -16291,12 +16394,35 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
 		state.refreshInFlight = true;
 		try {
 			setRefreshStatus("refreshing");
+			let refreshTab = state.activeTab;
+			if (refreshTab === "coordinator-admin") {
+				try {
+					const status = await loadCoordinatorAdminStatus();
+					state.lastCoordinatorAdminStatus = status && typeof status === "object" ? status : null;
+				} catch {
+					state.lastCoordinatorAdminStatus = null;
+				}
+				refreshTab = state.activeTab;
+				refreshTab = resolveAccessibleTab(refreshTab, state.lastCoordinatorAdminStatus);
+				if (refreshTab !== state.activeTab) {
+					setActiveTab(refreshTab);
+					renderTabs(refreshTab);
+				}
+			}
 			const promises = [loadHealthData(), loadConfigData()];
-			if (state.activeTab === "feed") promises.push(loadFeedData());
-			if (state.activeTab === "sync" || state.activeTab === "health") promises.push(loadSyncData());
-			if (state.activeTab === "coordinator-admin") promises.push(loadCoordinatorAdminData());
+			if (refreshTab === "feed") promises.push(loadCoordinatorAdminStatus().then((status) => {
+				state.lastCoordinatorAdminStatus = status && typeof status === "object" ? status : null;
+			}).catch(() => {
+				state.lastCoordinatorAdminStatus = null;
+			}));
+			if (refreshTab === "feed") promises.push(loadFeedData());
+			if (refreshTab === "sync" || refreshTab === "health") promises.push(loadSyncData());
+			if (refreshTab === "coordinator-admin") promises.push(loadCoordinatorAdminData());
 			if (state.syncPairingOpen) promises.push(loadPairingData());
 			await Promise.all(promises);
+			const nextTab = resolveAccessibleTab(state.activeTab, state.lastCoordinatorAdminStatus);
+			if (nextTab !== state.activeTab) setActiveTab(nextTab);
+			renderTabs(state.activeTab);
 			setRefreshStatus("idle");
 		} catch {
 			if (!await isViewerReady()) scheduleReconnectLoop();