@codemem/server 0.28.1 → 0.29.0

package/static/app.js

@@ -2106,8 +2106,8 @@
 	var useLayoutEffect2 = globalThis?.document ? _$2 : () => {};
 	//#endregion
 	//#region ../../node_modules/.pnpm/@radix-ui+react-portal@1.1.9_react-dom@19.2.4_react@19.2.4__react@19.2.4/node_modules/@radix-ui/react-portal/dist/index.mjs
-	var PORTAL_NAME$5 = "Portal";
-	var Portal$4 = D((props, forwardedRef) => {
+	var PORTAL_NAME$6 = "Portal";
+	var Portal$5 = D((props, forwardedRef) => {
 		const { container: containerProp, ...portalProps } = props;
 		const [mounted, setMounted] = d$2(false);
 		useLayoutEffect2(() => setMounted(true), []);
@@ -2117,7 +2117,7 @@
 			ref: forwardedRef
 		}), container) : null;
 	});
-	Portal$4.displayName = PORTAL_NAME$5;
+	Portal$5.displayName = PORTAL_NAME$6;
 	//#endregion
 	//#region ../../node_modules/.pnpm/@radix-ui+react-presence@1.1.5_react-dom@19.2.4_react@19.2.4__react@19.2.4/node_modules/@radix-ui/react-presence/dist/index.mjs
 	function useStateMachine(initialState, machine) {
@@ -2686,7 +2686,7 @@
 			const timer = window.setTimeout(() => setIsAnnounced(true), 1e3);
 			return () => window.clearTimeout(timer);
 		}, []);
-		return isAnnounced ? null : /* @__PURE__ */ u(Portal$4, {
+		return isAnnounced ? null : /* @__PURE__ */ u(Portal$5, {
 			asChild: true,
 			children: /* @__PURE__ */ u(VisuallyHidden, {
 				...announceProps,
@@ -2733,10 +2733,10 @@
 		});
 	});
 	ToastAction.displayName = ACTION_NAME;
-	var CLOSE_NAME$1 = "ToastClose";
+	var CLOSE_NAME$2 = "ToastClose";
 	var ToastClose = D((props, forwardedRef) => {
 		const { __scopeToast, ...closeProps } = props;
-		const interactiveContext = useToastInteractiveContext(CLOSE_NAME$1, __scopeToast);
+		const interactiveContext = useToastInteractiveContext(CLOSE_NAME$2, __scopeToast);
 		return /* @__PURE__ */ u(ToastAnnounceExclude, {
 			asChild: true,
 			children: /* @__PURE__ */ u(Primitive.button, {
@@ -2747,7 +2747,7 @@
 			})
 		});
 	});
-	ToastClose.displayName = CLOSE_NAME$1;
+	ToastClose.displayName = CLOSE_NAME$2;
 	var ToastAnnounceExclude = D((props, forwardedRef) => {
 		const { __scopeToast, altText, ...announceExcludeProps } = props;
 		return /* @__PURE__ */ u(Primitive.div, {
@@ -2825,7 +2825,7 @@
 	}
 	var Provider$1 = ToastProvider;
 	var Viewport$1 = ToastViewport;
-	var Root2$5 = Toast;
+	var Root2$6 = Toast;
 	var Description = ToastDescription;
 	var Close = ToastClose;
 	//#endregion
@@ -2862,7 +2862,7 @@
 		return /* @__PURE__ */ u(Provider$1, {
 			duration: 8e3,
 			swipeDirection: "right",
-			children: [items.map((item) => /* @__PURE__ */ u(Root2$5, {
+			children: [items.map((item) => /* @__PURE__ */ u(Root2$6, {
 				className: `toast-root toast-${item.variant}`,
 				duration: item.durationMs,
 				onOpenChange: (open) => {
@@ -3062,6 +3062,19 @@
 		if (!resp.ok) throw new Error(payloadError(payload) || text || "request failed");
 		return payload;
 	}
+	async function moveMemoryProject(memoryId, project) {
+		const resp = await fetch("/api/memories/project", {
+			method: "POST",
+			headers: { "Content-Type": "application/json" },
+			body: JSON.stringify({
+				memory_id: memoryId,
+				project
+			})
+		});
+		const { text, payload } = await readJsonPayload(resp);
+		if (!resp.ok) throw new Error(payloadError(payload) || text || "request failed");
+		return payload;
+	}
 	async function forgetMemory(memoryId) {
 		const resp = await fetch("/api/memories/forget", {
 			method: "POST",
@@ -3213,6 +3226,26 @@
 		if (!resp.ok) throw new Error(detail || payloadError(payload) || text || "request failed");
 		return payload;
 	}
+	async function loadCoordinatorGroupPreferences(groupId) {
+		const resp = await fetch(`/api/coordinator/admin/groups/${encodeURIComponent(groupId)}/preferences`);
+		const { text, payload } = await readJsonPayload(resp);
+		if (!resp.ok) throw new Error(payloadError(payload) || text || "request failed");
+		const prefs = payload?.preferences;
+		if (!prefs) throw new Error("response missing preferences");
+		return prefs;
+	}
+	async function saveCoordinatorGroupPreferences(groupId, input) {
+		const resp = await fetch(`/api/coordinator/admin/groups/${encodeURIComponent(groupId)}/preferences`, {
+			method: "PUT",
+			headers: { "Content-Type": "application/json" },
+			body: JSON.stringify(input)
+		});
+		const { text, payload } = await readJsonPayload(resp);
+		if (!resp.ok) throw new Error(payloadError(payload) || text || "request failed");
+		const prefs = payload?.preferences;
+		if (!prefs) throw new Error("response missing preferences");
+		return prefs;
+	}
 	async function createActor(displayName) {
 		const resp = await fetch("/api/sync/actors", {
 			method: "POST",
@@ -3379,6 +3412,7 @@
 		lastSyncCoordinator: null,
 		lastCoordinatorAdminStatus: null,
 		coordinatorAdminTargetGroup: "",
+		knownProjects: [],
 		lastCoordinatorAdminGroups: [],
 		lastCoordinatorAdminJoinRequests: [],
 		lastCoordinatorAdminDevices: [],
@@ -3412,9 +3446,18 @@
 	function resolveAccessibleTab(tab, status) {
 		return getVisibleTabs(status).includes(tab) ? tab : "sync";
 	}
+	/**
+	* Parse `window.location.hash` into its top-level tab segment. Hashes with
+	* sub-view segments (e.g. `#sync/diagnostics`) return their leading tab
+	* (`sync`); sub-view state is owned per-tab.
+	*/
+	function parseTabFromHash(hash = window.location.hash) {
+		const first = hash.replace(/^#/, "").split("/")[0];
+		return ALL_TAB_IDS.includes(first) ? first : null;
+	}
 	function getActiveTab() {
-		const hash = window.location.hash.replace("#", "");
-		if (ALL_TAB_IDS.includes(hash)) return resolveAccessibleTab(hash, state.lastCoordinatorAdminStatus);
+		const fromHash = parseTabFromHash();
+		if (fromHash) return resolveAccessibleTab(fromHash, state.lastCoordinatorAdminStatus);
 		const saved = localStorage.getItem(TAB_KEY);
 		if (saved && ALL_TAB_IDS.includes(saved)) return resolveAccessibleTab(saved, state.lastCoordinatorAdminStatus);
 		return "feed";
@@ -3422,8 +3465,8 @@
 	function setActiveTab(tab) {
 		const nextTab = resolveAccessibleTab(tab, state.lastCoordinatorAdminStatus);
 		state.activeTab = nextTab;
-		window.location.hash = nextTab;
 		localStorage.setItem(TAB_KEY, nextTab);
+		if (parseTabFromHash() !== nextTab) window.location.hash = nextTab;
 	}
 	function getFeedTypeFilter() {
 		const saved = localStorage.getItem(FEED_FILTER_KEY) || "all";
@@ -3776,10 +3819,10 @@
 		});
 	});
 	TabsList.displayName = TAB_LIST_NAME;
-	var TRIGGER_NAME$5 = "TabsTrigger";
+	var TRIGGER_NAME$6 = "TabsTrigger";
 	var TabsTrigger = D((props, forwardedRef) => {
 		const { __scopeTabs, value, disabled = false, ...triggerProps } = props;
-		const context = useTabsContext(TRIGGER_NAME$5, __scopeTabs);
+		const context = useTabsContext(TRIGGER_NAME$6, __scopeTabs);
 		const rovingFocusGroupScope = useRovingFocusGroupScope$2(__scopeTabs);
 		const triggerId = makeTriggerId(context.baseId, value);
 		const contentId = makeContentId(context.baseId, value);
@@ -3814,11 +3857,11 @@
 			})
 		});
 	});
-	TabsTrigger.displayName = TRIGGER_NAME$5;
-	var CONTENT_NAME$7 = "TabsContent";
+	TabsTrigger.displayName = TRIGGER_NAME$6;
+	var CONTENT_NAME$8 = "TabsContent";
 	var TabsContent = D((props, forwardedRef) => {
 		const { __scopeTabs, value, forceMount, children, ...contentProps } = props;
-		const context = useTabsContext(CONTENT_NAME$7, __scopeTabs);
+		const context = useTabsContext(CONTENT_NAME$8, __scopeTabs);
 		const triggerId = makeTriggerId(context.baseId, value);
 		const contentId = makeContentId(context.baseId, value);
 		const isSelected = value === context.value;
@@ -3847,27 +3890,27 @@
 			})
 		});
 	});
-	TabsContent.displayName = CONTENT_NAME$7;
+	TabsContent.displayName = CONTENT_NAME$8;
 	function makeTriggerId(baseId, value) {
 		return `${baseId}-trigger-${value}`;
 	}
 	function makeContentId(baseId, value) {
 		return `${baseId}-content-${value}`;
 	}
-	var Root2$4 = Tabs;
+	var Root2$5 = Tabs;
 	var List = TabsList;
-	var Trigger$4 = TabsTrigger;
+	var Trigger$5 = TabsTrigger;
 	var Content$3 = TabsContent;
 	//#endregion
 	//#region src/components/primitives/radix-tabs.tsx
 	function RadixTabs({ ariaLabel, children, listClassName, onValueChange, tabs, triggerClassName, value }) {
-		return /* @__PURE__ */ u(Root2$4, {
+		return /* @__PURE__ */ u(Root2$5, {
 			onValueChange,
 			value,
 			children: [/* @__PURE__ */ u(List, {
 				"aria-label": ariaLabel,
 				className: listClassName,
-				children: tabs.map((tab) => /* @__PURE__ */ u(Trigger$4, {
+				children: tabs.map((tab) => /* @__PURE__ */ u(Trigger$5, {
 					className: triggerClassName,
 					disabled: tab.disabled,
 					value: tab.value,
@@ -3908,7 +3951,10 @@
 		deviceActionPendingId: "",
 		deviceActionPendingKind: "",
 		groupRenameDrafts: /* @__PURE__ */ new Map(),
-		deviceRenameDrafts: /* @__PURE__ */ new Map()
+		deviceRenameDrafts: /* @__PURE__ */ new Map(),
+		groupPreferencesOpen: /* @__PURE__ */ new Set(),
+		groupPreferencesDrafts: /* @__PURE__ */ new Map(),
+		availableProjects: []
 	};
 	//#endregion
 	//#region src/tabs/coordinator-admin/components/devices-panel.ts
@@ -3918,7 +3964,7 @@
 		return _$3(RadixTabsContent, {
 			className: "coordinator-admin-panel",
 			value: "devices"
-		}, _$3("h3", null, "Enrolled devices"), _$3("p", { class: "peer-submeta" }, summary.readiness === "ready" ? "Rename, disable, re-enable, or remove enrolled devices from the operator surface without confusing this with direct sync state." : "Finish setup first. Device administration stays disabled until coordinator admin is ready."), !items.length ? _$3("div", { class: "peer-meta" }, summary.readiness === "ready" ? "No enrolled devices found for the active coordinator group." : "Device administration will appear here once setup is complete.") : _$3("div", { class: "coordinator-admin-request-list" }, items.map((item) => {
+		}, _$3("h3", null, "Enrolled devices"), _$3("p", { class: "peer-submeta" }, summary.readiness === "ready" ? "Rename, disable, re-enable, or remove enrolled devices from the operator surface without confusing this with direct sync state." : "Finish setup first. Device administration stays disabled until coordinator admin is ready."), !items.length ? _$3("div", { class: "peer-meta" }, summary.readiness === "ready" ? "No enrolled devices found for the active coordinator group." : "Device administration will appear here once setup is complete.") : _$3("div", { class: "peer-list" }, items.map((item) => {
 			const deviceId = String(item.device_id || "").trim();
 			const groupId = String(item.group_id || state.lastCoordinatorAdminStatus?.active_group || "").trim();
 			const displayName = String(item.display_name || deviceId || "Unnamed device");
@@ -3926,7 +3972,7 @@
 			const draft = coordinatorAdminState.deviceRenameDrafts.get(deviceId) ?? String(item.display_name || "");
 			const enabled = item.enabled !== false && item.enabled !== 0;
 			return _$3("div", {
-				class: "peer-card",
+				class: "peer-card peer-card--padded",
 				key: deviceId || String(item.fingerprint || "unknown")
 			}, _$3("div", { class: "peer-title" }, _$3("strong", null, draft || displayName)), _$3("div", { class: "peer-meta" }, `Device: ${deviceId || "unknown"}`), groupId ? _$3("div", { class: "peer-submeta" }, `Group: ${groupId}`) : null, _$3("div", { class: "peer-submeta" }, enabled ? "Enabled" : "Disabled"), _$3("div", { class: "coordinator-admin-form-grid" }, _$3("label", { class: "coordinator-admin-field" }, _$3("span", null, "Display name"), _$3(TextInput, {
 				class: "peer-scope-input",
@@ -3960,337 +4006,121 @@
 		})));
 	}
 	//#endregion
-	//#region ../../node_modules/.pnpm/@radix-ui+react-use-previous@1.1.1_react@19.2.4/node_modules/@radix-ui/react-use-previous/dist/index.mjs
-	function usePrevious(value) {
-		const ref = A$1({
-			value,
-			previous: value
-		});
-		return T$1(() => {
-			if (ref.current.value !== value) {
-				ref.current.previous = ref.current.value;
-				ref.current.value = value;
-			}
-			return ref.current.previous;
-		}, [value]);
-	}
-	//#endregion
-	//#region ../../node_modules/.pnpm/@radix-ui+react-use-size@1.1.1_react@19.2.4/node_modules/@radix-ui/react-use-size/dist/index.mjs
-	function useSize(element) {
-		const [size, setSize] = d$2(void 0);
-		useLayoutEffect2(() => {
-			if (element) {
-				setSize({
-					width: element.offsetWidth,
-					height: element.offsetHeight
-				});
-				const resizeObserver = new ResizeObserver((entries) => {
-					if (!Array.isArray(entries)) return;
-					if (!entries.length) return;
-					const entry = entries[0];
-					let width;
-					let height;
-					if ("borderBoxSize" in entry) {
-						const borderSizeEntry = entry["borderBoxSize"];
-						const borderSize = Array.isArray(borderSizeEntry) ? borderSizeEntry[0] : borderSizeEntry;
-						width = borderSize["inlineSize"];
-						height = borderSize["blockSize"];
-					} else {
-						width = element.offsetWidth;
-						height = element.offsetHeight;
-					}
-					setSize({
-						width,
-						height
-					});
-				});
-				resizeObserver.observe(element, { box: "border-box" });
-				return () => resizeObserver.unobserve(element);
-			} else setSize(void 0);
-		}, [element]);
-		return size;
-	}
-	//#endregion
-	//#region ../../node_modules/.pnpm/@radix-ui+react-switch@1.2.6_react-dom@19.2.4_react@19.2.4__react@19.2.4/node_modules/@radix-ui/react-switch/dist/index.mjs
-	var SWITCH_NAME = "Switch";
-	var [createSwitchContext, createSwitchScope] = createContextScope(SWITCH_NAME);
-	var [SwitchProvider, useSwitchContext] = createSwitchContext(SWITCH_NAME);
-	var Switch = D((props, forwardedRef) => {
-		const { __scopeSwitch, name, checked: checkedProp, defaultChecked, required, disabled, value = "on", onCheckedChange, form, ...switchProps } = props;
-		const [button, setButton] = d$2(null);
-		const composedRefs = useComposedRefs(forwardedRef, (node) => setButton(node));
-		const hasConsumerStoppedPropagationRef = A$1(false);
-		const isFormControl = button ? form || !!button.closest("form") : true;
-		const [checked, setChecked] = useControllableState({
-			prop: checkedProp,
-			defaultProp: defaultChecked ?? false,
-			onChange: onCheckedChange,
-			caller: SWITCH_NAME
+	//#region ../../node_modules/.pnpm/@radix-ui+react-collapsible@1.1.12_react-dom@19.2.4_react@19.2.4__react@19.2.4/node_modules/@radix-ui/react-collapsible/dist/index.mjs
+	var COLLAPSIBLE_NAME = "Collapsible";
+	var [createCollapsibleContext, createCollapsibleScope] = createContextScope(COLLAPSIBLE_NAME);
+	var [CollapsibleProvider, useCollapsibleContext] = createCollapsibleContext(COLLAPSIBLE_NAME);
+	var Collapsible = D((props, forwardedRef) => {
+		const { __scopeCollapsible, open: openProp, defaultOpen, disabled, onOpenChange, ...collapsibleProps } = props;
+		const [open, setOpen] = useControllableState({
+			prop: openProp,
+			defaultProp: defaultOpen ?? false,
+			onChange: onOpenChange,
+			caller: COLLAPSIBLE_NAME
 		});
-		return /* @__PURE__ */ u(SwitchProvider, {
-			scope: __scopeSwitch,
-			checked,
+		return /* @__PURE__ */ u(CollapsibleProvider, {
+			scope: __scopeCollapsible,
 			disabled,
-			children: [/* @__PURE__ */ u(Primitive.button, {
-				type: "button",
-				role: "switch",
-				"aria-checked": checked,
-				"aria-required": required,
-				"data-state": getState$3(checked),
+			contentId: useId(),
+			open,
+			onOpenToggle: q$2(() => setOpen((prevOpen) => !prevOpen), [setOpen]),
+			children: /* @__PURE__ */ u(Primitive.div, {
+				"data-state": getState$4(open),
 				"data-disabled": disabled ? "" : void 0,
-				disabled,
-				value,
-				...switchProps,
-				ref: composedRefs,
-				onClick: composeEventHandlers(props.onClick, (event) => {
-					setChecked((prevChecked) => !prevChecked);
-					if (isFormControl) {
-						hasConsumerStoppedPropagationRef.current = event.isPropagationStopped();
-						if (!hasConsumerStoppedPropagationRef.current) event.stopPropagation();
-					}
-				})
-			}), isFormControl && /* @__PURE__ */ u(SwitchBubbleInput, {
-				control: button,
-				bubbles: !hasConsumerStoppedPropagationRef.current,
-				name,
-				value,
-				checked,
-				required,
-				disabled,
-				form,
-				style: { transform: "translateX(-100%)" }
-			})]
+				...collapsibleProps,
+				ref: forwardedRef
+			})
 		});
 	});
-	Switch.displayName = SWITCH_NAME;
-	var THUMB_NAME = "SwitchThumb";
-	var SwitchThumb = D((props, forwardedRef) => {
-		const { __scopeSwitch, ...thumbProps } = props;
-		const context = useSwitchContext(THUMB_NAME, __scopeSwitch);
-		return /* @__PURE__ */ u(Primitive.span, {
-			"data-state": getState$3(context.checked),
+	Collapsible.displayName = COLLAPSIBLE_NAME;
+	var TRIGGER_NAME$5 = "CollapsibleTrigger";
+	var CollapsibleTrigger = D((props, forwardedRef) => {
+		const { __scopeCollapsible, ...triggerProps } = props;
+		const context = useCollapsibleContext(TRIGGER_NAME$5, __scopeCollapsible);
+		return /* @__PURE__ */ u(Primitive.button, {
+			type: "button",
+			"aria-controls": context.contentId,
+			"aria-expanded": context.open || false,
+			"data-state": getState$4(context.open),
 			"data-disabled": context.disabled ? "" : void 0,
-			...thumbProps,
-			ref: forwardedRef
+			disabled: context.disabled,
+			...triggerProps,
+			ref: forwardedRef,
+			onClick: composeEventHandlers(props.onClick, context.onOpenToggle)
 		});
 	});
-	SwitchThumb.displayName = THUMB_NAME;
-	var BUBBLE_INPUT_NAME$2 = "SwitchBubbleInput";
-	var SwitchBubbleInput = D(({ __scopeSwitch, control, checked, bubbles = true, ...props }, forwardedRef) => {
+	CollapsibleTrigger.displayName = TRIGGER_NAME$5;
+	var CONTENT_NAME$7 = "CollapsibleContent";
+	var CollapsibleContent = D((props, forwardedRef) => {
+		const { forceMount, ...contentProps } = props;
+		const context = useCollapsibleContext(CONTENT_NAME$7, props.__scopeCollapsible);
+		return /* @__PURE__ */ u(Presence, {
+			present: forceMount || context.open,
+			children: ({ present }) => /* @__PURE__ */ u(CollapsibleContentImpl, {
+				...contentProps,
+				ref: forwardedRef,
+				present
+			})
+		});
+	});
+	CollapsibleContent.displayName = CONTENT_NAME$7;
+	var CollapsibleContentImpl = D((props, forwardedRef) => {
+		const { __scopeCollapsible, present, children, ...contentProps } = props;
+		const context = useCollapsibleContext(CONTENT_NAME$7, __scopeCollapsible);
+		const [isPresent, setIsPresent] = d$2(present);
 		const ref = A$1(null);
-		const composedRefs = useComposedRefs(ref, forwardedRef);
-		const prevChecked = usePrevious(checked);
-		const controlSize = useSize(control);
+		const composedRefs = useComposedRefs(forwardedRef, ref);
+		const heightRef = A$1(0);
+		const height = heightRef.current;
+		const widthRef = A$1(0);
+		const width = widthRef.current;
+		const isOpen = context.open || isPresent;
+		const isMountAnimationPreventedRef = A$1(isOpen);
+		const originalStylesRef = A$1(void 0);
 		y$2(() => {
-			const input = ref.current;
-			if (!input) return;
-			const inputProto = window.HTMLInputElement.prototype;
-			const setChecked = Object.getOwnPropertyDescriptor(inputProto, "checked").set;
-			if (prevChecked !== checked && setChecked) {
-				const event = new Event("click", { bubbles });
-				setChecked.call(input, checked);
-				input.dispatchEvent(event);
+			const rAF = requestAnimationFrame(() => isMountAnimationPreventedRef.current = false);
+			return () => cancelAnimationFrame(rAF);
+		}, []);
+		useLayoutEffect2(() => {
+			const node = ref.current;
+			if (node) {
+				originalStylesRef.current = originalStylesRef.current || {
+					transitionDuration: node.style.transitionDuration,
+					animationName: node.style.animationName
+				};
+				node.style.transitionDuration = "0s";
+				node.style.animationName = "none";
+				const rect = node.getBoundingClientRect();
+				heightRef.current = rect.height;
+				widthRef.current = rect.width;
+				if (!isMountAnimationPreventedRef.current) {
+					node.style.transitionDuration = originalStylesRef.current.transitionDuration;
+					node.style.animationName = originalStylesRef.current.animationName;
+				}
+				setIsPresent(present);
 			}
-		}, [
-			prevChecked,
-			checked,
-			bubbles
-		]);
-		return /* @__PURE__ */ u("input", {
-			type: "checkbox",
-			"aria-hidden": true,
-			defaultChecked: checked,
-			...props,
-			tabIndex: -1,
+		}, [context.open, present]);
+		return /* @__PURE__ */ u(Primitive.div, {
+			"data-state": getState$4(context.open),
+			"data-disabled": context.disabled ? "" : void 0,
+			id: context.contentId,
+			hidden: !isOpen,
+			...contentProps,
 			ref: composedRefs,
 			style: {
-				...props.style,
-				...controlSize,
-				position: "absolute",
-				pointerEvents: "none",
-				opacity: 0,
-				margin: 0
-			}
+				[`--radix-collapsible-content-height`]: height ? `${height}px` : void 0,
+				[`--radix-collapsible-content-width`]: width ? `${width}px` : void 0,
+				...props.style
+			},
+			children: isOpen && children
 		});
 	});
-	SwitchBubbleInput.displayName = BUBBLE_INPUT_NAME$2;
-	function getState$3(checked) {
-		return checked ? "checked" : "unchecked";
-	}
-	var Root$3 = Switch;
-	var Thumb = SwitchThumb;
-	//#endregion
-	//#region src/components/primitives/radix-switch.tsx
-	function RadixSwitch({ "aria-labelledby": ariaLabelledBy, checked, className, disabled = false, id, name, onCheckedChange, thumbClassName }) {
-		return /* @__PURE__ */ u(Root$3, {
-			"aria-labelledby": ariaLabelledBy,
-			checked,
-			className,
-			disabled,
-			id,
-			name,
-			onCheckedChange,
-			children: /* @__PURE__ */ u(Thumb, { className: thumbClassName })
-		});
-	}
-	//#endregion
-	//#region src/tabs/coordinator-admin/data/target-group.ts
-	function adminTargetStorageKey(coordinatorUrl) {
-		return `${ADMIN_TARGET_GROUP_KEY}:${String(coordinatorUrl || "").trim()}`;
-	}
-	function readStoredAdminTargetGroup(coordinatorUrl) {
-		try {
-			return localStorage.getItem(adminTargetStorageKey(coordinatorUrl)) || "";
-		} catch {
-			return "";
-		}
-	}
-	function writeStoredAdminTargetGroup(coordinatorUrl, groupId) {
-		try {
-			localStorage.setItem(adminTargetStorageKey(coordinatorUrl), groupId);
-		} catch {}
-	}
-	function currentAdminTargetGroup() {
-		return String(state.coordinatorAdminTargetGroup || "").trim();
-	}
-	function setAdminTargetGroup(groupId) {
-		state.coordinatorAdminTargetGroup = groupId;
-		writeStoredAdminTargetGroup(state.lastCoordinatorAdminStatus?.coordinator_url || null, groupId);
-	}
-	function availableCoordinatorGroups() {
-		return (Array.isArray(state.lastCoordinatorAdminGroups) ? state.lastCoordinatorAdminGroups : []).map((group) => ({
-			archived_at: group.archived_at ?? null,
-			display_name: group.display_name ?? null,
-			group_id: String(group.group_id || "").trim()
-		})).filter((group) => group.group_id);
-	}
-	function reconcileGroupRenameDrafts() {
-		const next = /* @__PURE__ */ new Map();
-		for (const group of availableCoordinatorGroups()) next.set(group.group_id, group.display_name || group.group_id);
-		coordinatorAdminState.groupRenameDrafts.clear();
-		for (const [groupId, name] of next.entries()) coordinatorAdminState.groupRenameDrafts.set(groupId, name);
-	}
-	function currentAdminTargetGroupRecord() {
-		const target = currentAdminTargetGroup();
-		return availableCoordinatorGroups().find((group) => group.group_id === target) || null;
-	}
-	function resolveAdminTargetGroup() {
-		const status = state.lastCoordinatorAdminStatus;
-		const groups = availableCoordinatorGroups();
-		const configured = String(status?.active_group || "").trim();
-		const stored = readStoredAdminTargetGroup(status?.coordinator_url || null);
-		const current = currentAdminTargetGroup();
-		const availableIds = new Set(groups.map((group) => group.group_id));
-		const candidate = current || stored || configured || groups[0]?.group_id || "";
-		const resolved = candidate && (availableIds.size === 0 || availableIds.has(candidate)) ? candidate : configured || groups[0]?.group_id || "";
-		setAdminTargetGroup(resolved);
-		return resolved;
-	}
-	function reconcileDeviceRenameDrafts() {
-		const next = /* @__PURE__ */ new Map();
-		const items = Array.isArray(state.lastCoordinatorAdminDevices) ? state.lastCoordinatorAdminDevices : [];
-		for (const item of items) {
-			const deviceId = String(item.device_id || "").trim();
-			if (!deviceId) continue;
-			next.set(deviceId, String(item.display_name || ""));
-		}
-		coordinatorAdminState.deviceRenameDrafts.clear();
-		for (const [deviceId, name] of next.entries()) coordinatorAdminState.deviceRenameDrafts.set(deviceId, name);
-	}
-	//#endregion
-	//#region src/tabs/coordinator-admin/components/groups-panel.ts
-	function renderGroupsPanel(deps) {
-		const { summary, createGroup, runGroup, renderShell, reloadData } = deps;
-		const configuredGroup = String(state.lastCoordinatorAdminStatus?.active_group || "").trim();
-		const selectedGroup = currentAdminTargetGroup();
-		const groups = availableCoordinatorGroups();
-		const activeGroups = groups.filter((group) => !group.archived_at);
-		const archivedGroups = groups.filter((group) => group.archived_at);
-		const visibleGroups = coordinatorAdminState.showArchivedGroups ? groups : activeGroups;
-		const targetExists = selectedGroup ? groups.some((group) => group.group_id === selectedGroup) : false;
-		const countParts = [`${activeGroups.length} active`];
-		if (archivedGroups.length) countParts.push(`${archivedGroups.length} archived`);
-		return _$3(RadixTabsContent, {
-			className: "coordinator-admin-panel",
-			value: "groups"
-		}, _$3("h3", null, "Groups"), _$3("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 ? _$3("p", { class: "peer-submeta" }, countParts.join(" · ")) : null, !targetExists && selectedGroup ? _$3("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, _$3("div", { class: "coordinator-admin-form-grid" }, _$3("label", { class: "coordinator-admin-field" }, _$3("span", null, "New group id"), _$3(TextInput, {
-			class: "peer-scope-input",
-			disabled: summary.readiness !== "ready" || coordinatorAdminState.groupActionPendingKind === "create",
-			onInput: (event) => {
-				coordinatorAdminState.createGroupId = String(event.currentTarget.value || "");
-			},
-			placeholder: "team-alpha",
-			type: "text",
-			value: coordinatorAdminState.createGroupId
-		})), _$3("label", { class: "coordinator-admin-field" }, _$3("span", null, "Display name"), _$3(TextInput, {
-			class: "peer-scope-input",
-			disabled: summary.readiness !== "ready" || coordinatorAdminState.groupActionPendingKind === "create",
-			onInput: (event) => {
-				coordinatorAdminState.createGroupDisplayName = String(event.currentTarget.value || "");
-			},
-			placeholder: "Team Alpha",
-			type: "text",
-			value: coordinatorAdminState.createGroupDisplayName
-		}))), _$3("div", { class: "section-actions coordinator-admin-groups-toolbar" }, _$3("div", { class: "coordinator-admin-primary-actions" }, _$3("button", {
-			class: "settings-button",
-			disabled: summary.readiness !== "ready" || coordinatorAdminState.groupActionPendingKind === "create",
-			onClick: () => createGroup(),
-			type: "button"
-		}, coordinatorAdminState.groupActionPendingKind === "create" ? "Creating…" : "Create group")), _$3("div", { class: "coordinator-admin-secondary-actions" }, _$3("label", { class: "coordinator-admin-inline-filter" }, _$3("span", {
-			class: "section-meta",
-			id: "coordinatorAdminShowArchivedLabel"
-		}, "Show archived"), _$3(RadixSwitch, {
-			"aria-labelledby": "coordinatorAdminShowArchivedLabel",
-			checked: coordinatorAdminState.showArchivedGroups,
-			className: "coordinator-admin-switch",
-			disabled: summary.readiness !== "ready",
-			onCheckedChange: (checked) => {
-				coordinatorAdminState.showArchivedGroups = checked;
-				renderShell();
-			},
-			thumbClassName: "coordinator-admin-switch-thumb"
-		})))), !visibleGroups.length ? _$3("div", { class: "peer-meta coordinator-admin-empty-state" }, summary.readiness === "ready" ? coordinatorAdminState.showArchivedGroups ? "No coordinator groups are available yet." : "No active groups yet. Create one to get started." : "Group browsing will appear here once setup is complete.") : _$3("div", { class: "coordinator-admin-request-list" }, visibleGroups.map((group) => {
-			const selected = group.group_id === selectedGroup;
-			const pending = coordinatorAdminState.groupActionPendingId === group.group_id;
-			const archived = Boolean(group.archived_at);
-			const draftName = coordinatorAdminState.groupRenameDrafts.get(group.group_id) ?? group.display_name ?? group.group_id;
-			return _$3("div", {
-				class: "peer-card",
-				key: group.group_id
-			}, _$3("div", { class: "peer-title" }, _$3("strong", null, draftName)), _$3("div", { class: "peer-meta" }, `Group ID: ${group.group_id}`), _$3("div", { class: "peer-submeta" }, archived ? "Archived" : "Active"), configuredGroup === group.group_id ? _$3("div", { class: "peer-submeta" }, "This node is configured to use this group for coordinator-backed discovery.") : null, _$3("label", { class: "coordinator-admin-field" }, _$3("span", null, "Display name"), _$3(TextInput, {
-				class: "peer-scope-input",
-				disabled: summary.readiness !== "ready" || pending,
-				onInput: (event) => {
-					coordinatorAdminState.groupRenameDrafts.set(group.group_id, String(event.currentTarget.value || ""));
-				},
-				type: "text",
-				value: draftName
-			})), _$3("div", { class: "peer-actions" }, _$3("button", {
-				class: "settings-button",
-				disabled: summary.readiness !== "ready" || selected,
-				onClick: () => {
-					setAdminTargetGroup(group.group_id);
-					reloadData();
-				},
-				type: "button"
-			}, selected ? "Managing" : "Manage"), _$3("button", {
-				class: "settings-button",
-				disabled: summary.readiness !== "ready" || pending,
-				onClick: () => runGroup(group.group_id, draftName, "rename"),
-				type: "button"
-			}, pending && coordinatorAdminState.groupActionPendingKind === "rename" ? "Renaming…" : "Rename"), _$3("button", {
-				class: archived ? "settings-button" : "settings-button danger",
-				disabled: summary.readiness !== "ready" || pending,
-				onClick: () => runGroup(group.group_id, group.display_name || group.group_id, archived ? "unarchive" : "archive"),
-				type: "button"
-			}, pending && coordinatorAdminState.groupActionPendingKind === (archived ? "unarchive" : "archive") ? archived ? "Restoring…" : "Archiving…" : archived ? "Unarchive" : "Archive")));
-		})));
-	}
-	//#endregion
-	//#region ../../node_modules/.pnpm/@radix-ui+number@1.1.1/node_modules/@radix-ui/number/dist/index.mjs
-	function clamp$1(value, [min, max]) {
-		return Math.min(max, Math.max(min, value));
+	function getState$4(open) {
+		return open ? "open" : "closed";
 	}
+	var Root$3 = Collapsible;
+	var Trigger$4 = CollapsibleTrigger;
+	var Content$2 = CollapsibleContent;
 	//#endregion
 	//#region ../../node_modules/.pnpm/@radix-ui+react-focus-guards@1.1.3_react@19.2.4/node_modules/@radix-ui/react-focus-guards/dist/index.mjs
 	var count = 0;
@@ -4531,7 +4361,7 @@
 		bottom: "top",
 		top: "bottom"
 	};
-	function clamp(start, value, end) {
+	function clamp$1(start, value, end) {
 		return max(start, min(value, end));
 	}
 	function evaluate(value, param) {
@@ -4841,7 +4671,7 @@
 			const min$1 = minPadding;
 			const max = clientSize - arrowDimensions[length] - maxPadding;
 			const center = clientSize / 2 - arrowDimensions[length] / 2 + centerToReference;
-			const offset = clamp(min$1, center, max);
+			const offset = clamp$1(min$1, center, max);
 			const shouldAddOffset = !middlewareData.arrow && getAlignment(placement) != null && center !== offset && rects.reference[length] / 2 - (center < min$1 ? minPadding : maxPadding) - arrowDimensions[length] / 2 < 0;
 			const alignmentOffset = shouldAddOffset ? center < min$1 ? center - min$1 : center - max : 0;
 			return {
@@ -5067,14 +4897,14 @@
 					const maxSide = mainAxis === "y" ? "bottom" : "right";
 					const min = mainAxisCoord + overflow[minSide];
 					const max = mainAxisCoord - overflow[maxSide];
-					mainAxisCoord = clamp(min, mainAxisCoord, max);
+					mainAxisCoord = clamp$1(min, mainAxisCoord, max);
 				}
 				if (checkCrossAxis) {
 					const minSide = crossAxis === "y" ? "top" : "left";
 					const maxSide = crossAxis === "y" ? "bottom" : "right";
 					const min = crossAxisCoord + overflow[minSide];
 					const max = crossAxisCoord - overflow[maxSide];
-					crossAxisCoord = clamp(min, crossAxisCoord, max);
+					crossAxisCoord = clamp$1(min, crossAxisCoord, max);
 				}
 				const limitedCoords = limiter.fn({
 					...state,
@@ -6176,6 +6006,42 @@
 	Arrow$1.displayName = NAME;
 	var Root$2 = Arrow$1;
 	//#endregion
+	//#region ../../node_modules/.pnpm/@radix-ui+react-use-size@1.1.1_react@19.2.4/node_modules/@radix-ui/react-use-size/dist/index.mjs
+	function useSize(element) {
+		const [size, setSize] = d$2(void 0);
+		useLayoutEffect2(() => {
+			if (element) {
+				setSize({
+					width: element.offsetWidth,
+					height: element.offsetHeight
+				});
+				const resizeObserver = new ResizeObserver((entries) => {
+					if (!Array.isArray(entries)) return;
+					if (!entries.length) return;
+					const entry = entries[0];
+					let width;
+					let height;
+					if ("borderBoxSize" in entry) {
+						const borderSizeEntry = entry["borderBoxSize"];
+						const borderSize = Array.isArray(borderSizeEntry) ? borderSizeEntry[0] : borderSizeEntry;
+						width = borderSize["inlineSize"];
+						height = borderSize["blockSize"];
+					} else {
+						width = element.offsetWidth;
+						height = element.offsetHeight;
+					}
+					setSize({
+						width,
+						height
+					});
+				});
+				resizeObserver.observe(element, { box: "border-box" });
+				return () => resizeObserver.unobserve(element);
+			} else setSize(void 0);
+		}, [element]);
+		return size;
+	}
+	//#endregion
 	//#region ../../node_modules/.pnpm/@radix-ui+react-popper@1.2.8_react-dom@19.2.4_react@19.2.4__react@19.2.4/node_modules/@radix-ui/react-popper/dist/index.mjs
 	var POPPER_NAME = "Popper";
 	var [createPopperContext, createPopperScope] = createContextScope(POPPER_NAME);
@@ -6191,10 +6057,10 @@
 		});
 	};
 	Popper.displayName = POPPER_NAME;
-	var ANCHOR_NAME$1 = "PopperAnchor";
+	var ANCHOR_NAME$2 = "PopperAnchor";
 	var PopperAnchor = D((props, forwardedRef) => {
 		const { __scopePopper, virtualRef, ...anchorProps } = props;
-		const context = usePopperContext(ANCHOR_NAME$1, __scopePopper);
+		const context = usePopperContext(ANCHOR_NAME$2, __scopePopper);
 		const ref = A$1(null);
 		const composedRefs = useComposedRefs(forwardedRef, ref);
 		const anchorRef = A$1(null);
@@ -6208,7 +6074,7 @@
 			ref: composedRefs
 		});
 	});
-	PopperAnchor.displayName = ANCHOR_NAME$1;
+	PopperAnchor.displayName = ANCHOR_NAME$2;
 	var CONTENT_NAME$6 = "PopperContent";
 	var [PopperContentProvider, useContentContext] = createPopperContext(CONTENT_NAME$6);
 	var PopperContent = D((props, forwardedRef) => {
@@ -6327,7 +6193,7 @@
 		});
 	});
 	PopperContent.displayName = CONTENT_NAME$6;
-	var ARROW_NAME$4 = "PopperArrow";
+	var ARROW_NAME$5 = "PopperArrow";
 	var OPPOSITE_SIDE = {
 		top: "bottom",
 		right: "left",
@@ -6336,7 +6202,7 @@
 	};
 	var PopperArrow = D(function PopperArrow2(props, forwardedRef) {
 		const { __scopePopper, ...arrowProps } = props;
-		const contentContext = useContentContext(ARROW_NAME$4, __scopePopper);
+		const contentContext = useContentContext(ARROW_NAME$5, __scopePopper);
 		const baseSide = OPPOSITE_SIDE[contentContext.placedSide];
 		return /* @__PURE__ */ u("span", {
 			ref: contentContext.onArrowChange,
@@ -6369,7 +6235,7 @@
 			})
 		});
 	});
-	PopperArrow.displayName = ARROW_NAME$4;
+	PopperArrow.displayName = ARROW_NAME$5;
 	function isNotNull(value) {
 		return value !== null;
 	}
@@ -6414,9 +6280,9 @@
 		const [side, align = "center"] = placement.split("-");
 		return [side, align];
 	}
-	var Root2$3 = Popper;
+	var Root2$4 = Popper;
 	var Anchor = PopperAnchor;
-	var Content$2 = PopperContent;
+	var Content$1 = PopperContent;
 	var Arrow = PopperArrow;
 	//#endregion
 	//#region ../../node_modules/.pnpm/aria-hidden@1.2.6/node_modules/aria-hidden/dist/es2015/index.js
@@ -7225,17 +7091,919 @@
 		return shadowParent;
 	}
 	//#endregion
-	//#region ../../node_modules/.pnpm/react-remove-scroll@2.7.2_react@19.2.4/node_modules/react-remove-scroll/dist/es2015/sidecar.js
-	var sidecar_default = exportSidecar(effectCar, RemoveScrollSideCar);
-	//#endregion
-	//#region ../../node_modules/.pnpm/react-remove-scroll@2.7.2_react@19.2.4/node_modules/react-remove-scroll/dist/es2015/Combination.js
-	var ReactRemoveScroll = D(function(props, ref) {
-		return _$3(RemoveScroll, __assign({}, props, {
-			ref,
-			sideCar: sidecar_default
-		}));
-	});
-	ReactRemoveScroll.classNames = RemoveScroll.classNames;
+	//#region ../../node_modules/.pnpm/react-remove-scroll@2.7.2_react@19.2.4/node_modules/react-remove-scroll/dist/es2015/sidecar.js
+	var sidecar_default = exportSidecar(effectCar, RemoveScrollSideCar);
+	//#endregion
+	//#region ../../node_modules/.pnpm/react-remove-scroll@2.7.2_react@19.2.4/node_modules/react-remove-scroll/dist/es2015/Combination.js
+	var ReactRemoveScroll = D(function(props, ref) {
+		return _$3(RemoveScroll, __assign({}, props, {
+			ref,
+			sideCar: sidecar_default
+		}));
+	});
+	ReactRemoveScroll.classNames = RemoveScroll.classNames;
+	//#endregion
+	//#region ../../node_modules/.pnpm/@radix-ui+react-popover@1.1.15_react-dom@19.2.4_react@19.2.4__react@19.2.4/node_modules/@radix-ui/react-popover/dist/index.mjs
+	var POPOVER_NAME = "Popover";
+	var [createPopoverContext, createPopoverScope] = createContextScope(POPOVER_NAME, [createPopperScope]);
+	var usePopperScope$3 = createPopperScope();
+	var [PopoverProvider, usePopoverContext] = createPopoverContext(POPOVER_NAME);
+	var Popover = (props) => {
+		const { __scopePopover, children, open: openProp, defaultOpen, onOpenChange, modal = false } = props;
+		const popperScope = usePopperScope$3(__scopePopover);
+		const triggerRef = A$1(null);
+		const [hasCustomAnchor, setHasCustomAnchor] = d$2(false);
+		const [open, setOpen] = useControllableState({
+			prop: openProp,
+			defaultProp: defaultOpen ?? false,
+			onChange: onOpenChange,
+			caller: POPOVER_NAME
+		});
+		return /* @__PURE__ */ u(Root2$4, {
+			...popperScope,
+			children: /* @__PURE__ */ u(PopoverProvider, {
+				scope: __scopePopover,
+				contentId: useId(),
+				triggerRef,
+				open,
+				onOpenChange: setOpen,
+				onOpenToggle: q$2(() => setOpen((prevOpen) => !prevOpen), [setOpen]),
+				hasCustomAnchor,
+				onCustomAnchorAdd: q$2(() => setHasCustomAnchor(true), []),
+				onCustomAnchorRemove: q$2(() => setHasCustomAnchor(false), []),
+				modal,
+				children
+			})
+		});
+	};
+	Popover.displayName = POPOVER_NAME;
+	var ANCHOR_NAME$1 = "PopoverAnchor";
+	var PopoverAnchor = D((props, forwardedRef) => {
+		const { __scopePopover, ...anchorProps } = props;
+		const context = usePopoverContext(ANCHOR_NAME$1, __scopePopover);
+		const popperScope = usePopperScope$3(__scopePopover);
+		const { onCustomAnchorAdd, onCustomAnchorRemove } = context;
+		y$2(() => {
+			onCustomAnchorAdd();
+			return () => onCustomAnchorRemove();
+		}, [onCustomAnchorAdd, onCustomAnchorRemove]);
+		return /* @__PURE__ */ u(Anchor, {
+			...popperScope,
+			...anchorProps,
+			ref: forwardedRef
+		});
+	});
+	PopoverAnchor.displayName = ANCHOR_NAME$1;
+	var TRIGGER_NAME$4 = "PopoverTrigger";
+	var PopoverTrigger = D((props, forwardedRef) => {
+		const { __scopePopover, ...triggerProps } = props;
+		const context = usePopoverContext(TRIGGER_NAME$4, __scopePopover);
+		const popperScope = usePopperScope$3(__scopePopover);
+		const composedTriggerRef = useComposedRefs(forwardedRef, context.triggerRef);
+		const trigger = /* @__PURE__ */ u(Primitive.button, {
+			type: "button",
+			"aria-haspopup": "dialog",
+			"aria-expanded": context.open,
+			"aria-controls": context.contentId,
+			"data-state": getState$3(context.open),
+			...triggerProps,
+			ref: composedTriggerRef,
+			onClick: composeEventHandlers(props.onClick, context.onOpenToggle)
+		});
+		return context.hasCustomAnchor ? trigger : /* @__PURE__ */ u(Anchor, {
+			asChild: true,
+			...popperScope,
+			children: trigger
+		});
+	});
+	PopoverTrigger.displayName = TRIGGER_NAME$4;
+	var PORTAL_NAME$5 = "PopoverPortal";
+	var [PortalProvider$3, usePortalContext$3] = createPopoverContext(PORTAL_NAME$5, { forceMount: void 0 });
+	var PopoverPortal = (props) => {
+		const { __scopePopover, forceMount, children, container } = props;
+		const context = usePopoverContext(PORTAL_NAME$5, __scopePopover);
+		return /* @__PURE__ */ u(PortalProvider$3, {
+			scope: __scopePopover,
+			forceMount,
+			children: /* @__PURE__ */ u(Presence, {
+				present: forceMount || context.open,
+				children: /* @__PURE__ */ u(Portal$5, {
+					asChild: true,
+					container,
+					children
+				})
+			})
+		});
+	};
+	PopoverPortal.displayName = PORTAL_NAME$5;
+	var CONTENT_NAME$5 = "PopoverContent";
+	var PopoverContent = D((props, forwardedRef) => {
+		const portalContext = usePortalContext$3(CONTENT_NAME$5, props.__scopePopover);
+		const { forceMount = portalContext.forceMount, ...contentProps } = props;
+		const context = usePopoverContext(CONTENT_NAME$5, props.__scopePopover);
+		return /* @__PURE__ */ u(Presence, {
+			present: forceMount || context.open,
+			children: context.modal ? /* @__PURE__ */ u(PopoverContentModal, {
+				...contentProps,
+				ref: forwardedRef
+			}) : /* @__PURE__ */ u(PopoverContentNonModal, {
+				...contentProps,
+				ref: forwardedRef
+			})
+		});
+	});
+	PopoverContent.displayName = CONTENT_NAME$5;
+	var Slot$3 = /* @__PURE__ */ createSlot("PopoverContent.RemoveScroll");
+	var PopoverContentModal = D((props, forwardedRef) => {
+		const context = usePopoverContext(CONTENT_NAME$5, props.__scopePopover);
+		const contentRef = A$1(null);
+		const composedRefs = useComposedRefs(forwardedRef, contentRef);
+		const isRightClickOutsideRef = A$1(false);
+		y$2(() => {
+			const content = contentRef.current;
+			if (content) return hideOthers(content);
+		}, []);
+		return /* @__PURE__ */ u(ReactRemoveScroll, {
+			as: Slot$3,
+			allowPinchZoom: true,
+			children: /* @__PURE__ */ u(PopoverContentImpl, {
+				...props,
+				ref: composedRefs,
+				trapFocus: context.open,
+				disableOutsidePointerEvents: true,
+				onCloseAutoFocus: composeEventHandlers(props.onCloseAutoFocus, (event) => {
+					event.preventDefault();
+					if (!isRightClickOutsideRef.current) context.triggerRef.current?.focus();
+				}),
+				onPointerDownOutside: composeEventHandlers(props.onPointerDownOutside, (event) => {
+					const originalEvent = event.detail.originalEvent;
+					const ctrlLeftClick = originalEvent.button === 0 && originalEvent.ctrlKey === true;
+					isRightClickOutsideRef.current = originalEvent.button === 2 || ctrlLeftClick;
+				}, { checkForDefaultPrevented: false }),
+				onFocusOutside: composeEventHandlers(props.onFocusOutside, (event) => event.preventDefault(), { checkForDefaultPrevented: false })
+			})
+		});
+	});
+	var PopoverContentNonModal = D((props, forwardedRef) => {
+		const context = usePopoverContext(CONTENT_NAME$5, props.__scopePopover);
+		const hasInteractedOutsideRef = A$1(false);
+		const hasPointerDownOutsideRef = A$1(false);
+		return /* @__PURE__ */ u(PopoverContentImpl, {
+			...props,
+			ref: forwardedRef,
+			trapFocus: false,
+			disableOutsidePointerEvents: false,
+			onCloseAutoFocus: (event) => {
+				props.onCloseAutoFocus?.(event);
+				if (!event.defaultPrevented) {
+					if (!hasInteractedOutsideRef.current) context.triggerRef.current?.focus();
+					event.preventDefault();
+				}
+				hasInteractedOutsideRef.current = false;
+				hasPointerDownOutsideRef.current = false;
+			},
+			onInteractOutside: (event) => {
+				props.onInteractOutside?.(event);
+				if (!event.defaultPrevented) {
+					hasInteractedOutsideRef.current = true;
+					if (event.detail.originalEvent.type === "pointerdown") hasPointerDownOutsideRef.current = true;
+				}
+				const target = event.target;
+				if (context.triggerRef.current?.contains(target)) event.preventDefault();
+				if (event.detail.originalEvent.type === "focusin" && hasPointerDownOutsideRef.current) event.preventDefault();
+			}
+		});
+	});
+	var PopoverContentImpl = D((props, forwardedRef) => {
+		const { __scopePopover, trapFocus, onOpenAutoFocus, onCloseAutoFocus, disableOutsidePointerEvents, onEscapeKeyDown, onPointerDownOutside, onFocusOutside, onInteractOutside, ...contentProps } = props;
+		const context = usePopoverContext(CONTENT_NAME$5, __scopePopover);
+		const popperScope = usePopperScope$3(__scopePopover);
+		useFocusGuards();
+		return /* @__PURE__ */ u(FocusScope, {
+			asChild: true,
+			loop: true,
+			trapped: trapFocus,
+			onMountAutoFocus: onOpenAutoFocus,
+			onUnmountAutoFocus: onCloseAutoFocus,
+			children: /* @__PURE__ */ u(DismissableLayer, {
+				asChild: true,
+				disableOutsidePointerEvents,
+				onInteractOutside,
+				onEscapeKeyDown,
+				onPointerDownOutside,
+				onFocusOutside,
+				onDismiss: () => context.onOpenChange(false),
+				children: /* @__PURE__ */ u(Content$1, {
+					"data-state": getState$3(context.open),
+					role: "dialog",
+					id: context.contentId,
+					...popperScope,
+					...contentProps,
+					ref: forwardedRef,
+					style: {
+						...contentProps.style,
+						"--radix-popover-content-transform-origin": "var(--radix-popper-transform-origin)",
+						"--radix-popover-content-available-width": "var(--radix-popper-available-width)",
+						"--radix-popover-content-available-height": "var(--radix-popper-available-height)",
+						"--radix-popover-trigger-width": "var(--radix-popper-anchor-width)",
+						"--radix-popover-trigger-height": "var(--radix-popper-anchor-height)"
+					}
+				})
+			})
+		});
+	});
+	var CLOSE_NAME$1 = "PopoverClose";
+	var PopoverClose = D((props, forwardedRef) => {
+		const { __scopePopover, ...closeProps } = props;
+		const context = usePopoverContext(CLOSE_NAME$1, __scopePopover);
+		return /* @__PURE__ */ u(Primitive.button, {
+			type: "button",
+			...closeProps,
+			ref: forwardedRef,
+			onClick: composeEventHandlers(props.onClick, () => context.onOpenChange(false))
+		});
+	});
+	PopoverClose.displayName = CLOSE_NAME$1;
+	var ARROW_NAME$4 = "PopoverArrow";
+	var PopoverArrow = D((props, forwardedRef) => {
+		const { __scopePopover, ...arrowProps } = props;
+		return /* @__PURE__ */ u(Arrow, {
+			...usePopperScope$3(__scopePopover),
+			...arrowProps,
+			ref: forwardedRef
+		});
+	});
+	PopoverArrow.displayName = ARROW_NAME$4;
+	function getState$3(open) {
+		return open ? "open" : "closed";
+	}
+	var Root2$3 = Popover;
+	var Anchor2$1 = PopoverAnchor;
+	var Trigger$3 = PopoverTrigger;
+	var Portal$4 = PopoverPortal;
+	var Content2$4 = PopoverContent;
+	//#endregion
+	//#region src/components/primitives/project-scope-picker.tsx
+	function normalize$1(value) {
+		return value.trim();
+	}
+	function ProjectScopePicker({ values, onValuesChange, availableProjects, placeholder, emptyLabel, disabled, "aria-labelledby": ariaLabelledby }) {
+		const [open, setOpen] = d$2(false);
+		const [query, setQuery] = d$2("");
+		const [activeIndex, setActiveIndex] = d$2(0);
+		const inputRef = A$1(null);
+		const allKnown = T$1(() => {
+			const seen = /* @__PURE__ */ new Set();
+			const out = [];
+			for (const item of [...availableProjects, ...values]) {
+				const trimmed = normalize$1(item);
+				if (!trimmed || seen.has(trimmed)) continue;
+				seen.add(trimmed);
+				out.push(trimmed);
+			}
+			return out.sort((a, b) => a.localeCompare(b));
+		}, [availableProjects, values]);
+		const trimmedQuery = normalize$1(query);
+		const loweredQuery = trimmedQuery.toLowerCase();
+		const filtered = T$1(() => {
+			if (!loweredQuery) return allKnown;
+			return allKnown.filter((project) => project.toLowerCase().includes(loweredQuery));
+		}, [allKnown, loweredQuery]);
+		const exactMatchExists = trimmedQuery ? allKnown.some((project) => project.toLowerCase() === loweredQuery) : false;
+		const showCreateRow = Boolean(trimmedQuery) && !exactMatchExists;
+		const rowCount = filtered.length + (showCreateRow ? 1 : 0);
+		y$2(() => {
+			if (activeIndex >= rowCount) setActiveIndex(Math.max(0, rowCount - 1));
+		}, [rowCount, activeIndex]);
+		y$2(() => {
+			if (!open) return;
+			const raf = requestAnimationFrame(() => inputRef.current?.focus());
+			return () => cancelAnimationFrame(raf);
+		}, [open]);
+		const toggleProject = (project) => {
+			if (values.includes(project)) onValuesChange(values.filter((value) => value !== project));
+			else onValuesChange(Array.from(new Set([...values, project])));
+		};
+		const createProject = (project) => {
+			const trimmed = normalize$1(project);
+			if (!trimmed) return;
+			onValuesChange(Array.from(new Set([...values, trimmed])));
+			setQuery("");
+			setActiveIndex(0);
+		};
+		const activateRow = (index) => {
+			if (index < filtered.length) {
+				const project = filtered[index];
+				if (project) toggleProject(project);
+				return;
+			}
+			if (showCreateRow) createProject(trimmedQuery);
+		};
+		const handleSearchKeyDown = (event) => {
+			if (event.key === "ArrowDown") {
+				event.preventDefault();
+				setActiveIndex((prev) => Math.min(rowCount - 1, prev + 1));
+				return;
+			}
+			if (event.key === "ArrowUp") {
+				event.preventDefault();
+				setActiveIndex((prev) => Math.max(0, prev - 1));
+				return;
+			}
+			if (event.key === "Enter") {
+				event.preventDefault();
+				activateRow(activeIndex);
+				return;
+			}
+		};
+		const removeValue = (value) => {
+			onValuesChange(values.filter((existing) => existing !== value));
+		};
+		return /* @__PURE__ */ u("div", {
+			class: "project-scope-picker",
+			children: [/* @__PURE__ */ u("ul", {
+				"aria-labelledby": ariaLabelledby,
+				class: "project-scope-picker-selected",
+				children: values.length === 0 ? /* @__PURE__ */ u("li", {
+					class: "project-scope-picker-selected-empty",
+					children: emptyLabel || "No projects selected."
+				}) : values.map((value) => /* @__PURE__ */ u("li", {
+					class: "project-scope-picker-selected-chip",
+					children: [/* @__PURE__ */ u("span", { children: value }), !disabled ? /* @__PURE__ */ u("button", {
+						"aria-label": `Remove ${value}`,
+						class: "project-scope-picker-selected-remove",
+						onClick: () => removeValue(value),
+						type: "button",
+						children: "×"
+					}) : null]
+				}, value))
+			}), /* @__PURE__ */ u(Root2$3, {
+				onOpenChange: (next) => {
+					setOpen(next);
+					if (!next) {
+						setQuery("");
+						setActiveIndex(0);
+					}
+				},
+				open,
+				children: [/* @__PURE__ */ u(Trigger$3, {
+					asChild: true,
+					children: /* @__PURE__ */ u("button", {
+						class: "project-scope-picker-trigger settings-button",
+						disabled,
+						type: "button",
+						children: [/* @__PURE__ */ u("span", {
+							"aria-hidden": "true",
+							children: "+"
+						}), /* @__PURE__ */ u("span", { children: placeholder || "Add project" })]
+					})
+				}), /* @__PURE__ */ u(Portal$4, { children: /* @__PURE__ */ u(Content2$4, {
+					align: "start",
+					class: "project-scope-picker-popover",
+					sideOffset: 6,
+					children: [/* @__PURE__ */ u("input", {
+						"aria-label": "Search projects",
+						class: "project-scope-picker-search",
+						onInput: (event) => {
+							setQuery(event.currentTarget.value);
+							setActiveIndex(0);
+						},
+						onKeyDown: handleSearchKeyDown,
+						placeholder: "Search or create…",
+						ref: inputRef,
+						type: "text",
+						value: query
+					}), /* @__PURE__ */ u("div", {
+						class: "project-scope-picker-results",
+						role: "listbox",
+						children: [
+							filtered.length === 0 && !showCreateRow ? /* @__PURE__ */ u("div", {
+								class: "project-scope-picker-empty-row",
+								children: "No projects yet. Type a name to create one."
+							}) : null,
+							filtered.map((project, index) => {
+								const selected = values.includes(project);
+								return /* @__PURE__ */ u("button", {
+									"aria-selected": selected,
+									class: index === activeIndex ? "project-scope-picker-row project-scope-picker-row--active" : "project-scope-picker-row",
+									onClick: () => {
+										setActiveIndex(index);
+										toggleProject(project);
+									},
+									onMouseEnter: () => setActiveIndex(index),
+									role: "option",
+									type: "button",
+									children: [/* @__PURE__ */ u("span", {
+										class: "project-scope-picker-row-check",
+										"aria-hidden": "true",
+										children: selected ? "✓" : ""
+									}), /* @__PURE__ */ u("span", {
+										class: "project-scope-picker-row-label",
+										children: project
+									})]
+								}, project);
+							}),
+							showCreateRow ? /* @__PURE__ */ u("button", {
+								"aria-selected": false,
+								class: activeIndex === filtered.length ? "project-scope-picker-row project-scope-picker-row--create project-scope-picker-row--active" : "project-scope-picker-row project-scope-picker-row--create",
+								onClick: () => createProject(trimmedQuery),
+								onMouseEnter: () => setActiveIndex(filtered.length),
+								role: "option",
+								type: "button",
+								children: [/* @__PURE__ */ u("span", {
+									class: "project-scope-picker-row-check",
+									"aria-hidden": "true",
+									children: "+"
+								}), /* @__PURE__ */ u("span", {
+									class: "project-scope-picker-row-label",
+									children: `Create "${trimmedQuery}"`
+								})]
+							}) : null
+						]
+					})]
+				}) })]
+			})]
+		});
+	}
+	//#endregion
+	//#region ../../node_modules/.pnpm/@radix-ui+react-use-previous@1.1.1_react@19.2.4/node_modules/@radix-ui/react-use-previous/dist/index.mjs
+	function usePrevious(value) {
+		const ref = A$1({
+			value,
+			previous: value
+		});
+		return T$1(() => {
+			if (ref.current.value !== value) {
+				ref.current.previous = ref.current.value;
+				ref.current.value = value;
+			}
+			return ref.current.previous;
+		}, [value]);
+	}
+	//#endregion
+	//#region ../../node_modules/.pnpm/@radix-ui+react-switch@1.2.6_react-dom@19.2.4_react@19.2.4__react@19.2.4/node_modules/@radix-ui/react-switch/dist/index.mjs
+	var SWITCH_NAME = "Switch";
+	var [createSwitchContext, createSwitchScope] = createContextScope(SWITCH_NAME);
+	var [SwitchProvider, useSwitchContext] = createSwitchContext(SWITCH_NAME);
+	var Switch = D((props, forwardedRef) => {
+		const { __scopeSwitch, name, checked: checkedProp, defaultChecked, required, disabled, value = "on", onCheckedChange, form, ...switchProps } = props;
+		const [button, setButton] = d$2(null);
+		const composedRefs = useComposedRefs(forwardedRef, (node) => setButton(node));
+		const hasConsumerStoppedPropagationRef = A$1(false);
+		const isFormControl = button ? form || !!button.closest("form") : true;
+		const [checked, setChecked] = useControllableState({
+			prop: checkedProp,
+			defaultProp: defaultChecked ?? false,
+			onChange: onCheckedChange,
+			caller: SWITCH_NAME
+		});
+		return /* @__PURE__ */ u(SwitchProvider, {
+			scope: __scopeSwitch,
+			checked,
+			disabled,
+			children: [/* @__PURE__ */ u(Primitive.button, {
+				type: "button",
+				role: "switch",
+				"aria-checked": checked,
+				"aria-required": required,
+				"data-state": getState$2(checked),
+				"data-disabled": disabled ? "" : void 0,
+				disabled,
+				value,
+				...switchProps,
+				ref: composedRefs,
+				onClick: composeEventHandlers(props.onClick, (event) => {
+					setChecked((prevChecked) => !prevChecked);
+					if (isFormControl) {
+						hasConsumerStoppedPropagationRef.current = event.isPropagationStopped();
+						if (!hasConsumerStoppedPropagationRef.current) event.stopPropagation();
+					}
+				})
+			}), isFormControl && /* @__PURE__ */ u(SwitchBubbleInput, {
+				control: button,
+				bubbles: !hasConsumerStoppedPropagationRef.current,
+				name,
+				value,
+				checked,
+				required,
+				disabled,
+				form,
+				style: { transform: "translateX(-100%)" }
+			})]
+		});
+	});
+	Switch.displayName = SWITCH_NAME;
+	var THUMB_NAME = "SwitchThumb";
+	var SwitchThumb = D((props, forwardedRef) => {
+		const { __scopeSwitch, ...thumbProps } = props;
+		const context = useSwitchContext(THUMB_NAME, __scopeSwitch);
+		return /* @__PURE__ */ u(Primitive.span, {
+			"data-state": getState$2(context.checked),
+			"data-disabled": context.disabled ? "" : void 0,
+			...thumbProps,
+			ref: forwardedRef
+		});
+	});
+	SwitchThumb.displayName = THUMB_NAME;
+	var BUBBLE_INPUT_NAME$2 = "SwitchBubbleInput";
+	var SwitchBubbleInput = D(({ __scopeSwitch, control, checked, bubbles = true, ...props }, forwardedRef) => {
+		const ref = A$1(null);
+		const composedRefs = useComposedRefs(ref, forwardedRef);
+		const prevChecked = usePrevious(checked);
+		const controlSize = useSize(control);
+		y$2(() => {
+			const input = ref.current;
+			if (!input) return;
+			const inputProto = window.HTMLInputElement.prototype;
+			const setChecked = Object.getOwnPropertyDescriptor(inputProto, "checked").set;
+			if (prevChecked !== checked && setChecked) {
+				const event = new Event("click", { bubbles });
+				setChecked.call(input, checked);
+				input.dispatchEvent(event);
+			}
+		}, [
+			prevChecked,
+			checked,
+			bubbles
+		]);
+		return /* @__PURE__ */ u("input", {
+			type: "checkbox",
+			"aria-hidden": true,
+			defaultChecked: checked,
+			...props,
+			tabIndex: -1,
+			ref: composedRefs,
+			style: {
+				...props.style,
+				...controlSize,
+				position: "absolute",
+				pointerEvents: "none",
+				opacity: 0,
+				margin: 0
+			}
+		});
+	});
+	SwitchBubbleInput.displayName = BUBBLE_INPUT_NAME$2;
+	function getState$2(checked) {
+		return checked ? "checked" : "unchecked";
+	}
+	var Root$1 = Switch;
+	var Thumb = SwitchThumb;
+	//#endregion
+	//#region src/components/primitives/radix-switch.tsx
+	function RadixSwitch({ "aria-labelledby": ariaLabelledBy, checked, className, disabled = false, id, name, onCheckedChange, thumbClassName }) {
+		return /* @__PURE__ */ u(Root$1, {
+			"aria-labelledby": ariaLabelledBy,
+			checked,
+			className,
+			disabled,
+			id,
+			name,
+			onCheckedChange,
+			children: /* @__PURE__ */ u(Thumb, { className: thumbClassName })
+		});
+	}
+	//#endregion
+	//#region src/lib/notice.ts
+	/**
+	* Legacy signature kept for callsite stability. Now delegates to the Radix
+	* Toast host (mounted once at app boot). Historically rendered via a static
+	* #globalNotice div; that markup is gone — ToastHost owns the UI.
+	*/
+	function showGlobalNotice(message, type = "success") {
+		pushToast(message, type);
+	}
+	//#endregion
+	//#region src/tabs/coordinator-admin/data/target-group.ts
+	function adminTargetStorageKey(coordinatorUrl) {
+		return `${ADMIN_TARGET_GROUP_KEY}:${String(coordinatorUrl || "").trim()}`;
+	}
+	function readStoredAdminTargetGroup(coordinatorUrl) {
+		try {
+			return localStorage.getItem(adminTargetStorageKey(coordinatorUrl)) || "";
+		} catch {
+			return "";
+		}
+	}
+	function writeStoredAdminTargetGroup(coordinatorUrl, groupId) {
+		try {
+			localStorage.setItem(adminTargetStorageKey(coordinatorUrl), groupId);
+		} catch {}
+	}
+	function currentAdminTargetGroup() {
+		return String(state.coordinatorAdminTargetGroup || "").trim();
+	}
+	function setAdminTargetGroup(groupId) {
+		state.coordinatorAdminTargetGroup = groupId;
+		writeStoredAdminTargetGroup(state.lastCoordinatorAdminStatus?.coordinator_url || null, groupId);
+	}
+	function availableCoordinatorGroups() {
+		return (Array.isArray(state.lastCoordinatorAdminGroups) ? state.lastCoordinatorAdminGroups : []).map((group) => ({
+			archived_at: group.archived_at ?? null,
+			display_name: group.display_name ?? null,
+			group_id: String(group.group_id || "").trim()
+		})).filter((group) => group.group_id);
+	}
+	function reconcileGroupRenameDrafts() {
+		const next = /* @__PURE__ */ new Map();
+		for (const group of availableCoordinatorGroups()) next.set(group.group_id, group.display_name || group.group_id);
+		coordinatorAdminState.groupRenameDrafts.clear();
+		for (const [groupId, name] of next.entries()) coordinatorAdminState.groupRenameDrafts.set(groupId, name);
+	}
+	function currentAdminTargetGroupRecord() {
+		const target = currentAdminTargetGroup();
+		return availableCoordinatorGroups().find((group) => group.group_id === target) || null;
+	}
+	function resolveAdminTargetGroup() {
+		const status = state.lastCoordinatorAdminStatus;
+		const groups = availableCoordinatorGroups();
+		const configured = String(status?.active_group || "").trim();
+		const stored = readStoredAdminTargetGroup(status?.coordinator_url || null);
+		const current = currentAdminTargetGroup();
+		const availableIds = new Set(groups.map((group) => group.group_id));
+		const candidate = current || stored || configured || groups[0]?.group_id || "";
+		const resolved = candidate && (availableIds.size === 0 || availableIds.has(candidate)) ? candidate : configured || groups[0]?.group_id || "";
+		setAdminTargetGroup(resolved);
+		return resolved;
+	}
+	function reconcileDeviceRenameDrafts() {
+		const next = /* @__PURE__ */ new Map();
+		const items = Array.isArray(state.lastCoordinatorAdminDevices) ? state.lastCoordinatorAdminDevices : [];
+		for (const item of items) {
+			const deviceId = String(item.device_id || "").trim();
+			if (!deviceId) continue;
+			next.set(deviceId, String(item.display_name || ""));
+		}
+		coordinatorAdminState.deviceRenameDrafts.clear();
+		for (const [deviceId, name] of next.entries()) coordinatorAdminState.deviceRenameDrafts.set(deviceId, name);
+	}
+	//#endregion
+	//#region src/tabs/coordinator-admin/components/groups-panel.ts
+	function ChevronRightIcon$1() {
+		return _$3("svg", {
+			"aria-hidden": "true",
+			fill: "none",
+			stroke: "currentColor",
+			"stroke-linecap": "round",
+			"stroke-linejoin": "round",
+			"stroke-width": "2",
+			viewBox: "0 0 24 24",
+			xmlns: "http://www.w3.org/2000/svg"
+		}, _$3("title", null, "Chevron"), _$3("path", { d: "m9 18 6-6-6-6" }));
+	}
+	function emptyDraft() {
+		return {
+			projects_include: [],
+			projects_exclude: [],
+			auto_seed_scope: true,
+			loaded: false,
+			saving: false,
+			error: ""
+		};
+	}
+	async function openGroupPreferences(groupId, renderShell) {
+		const draft = emptyDraft();
+		coordinatorAdminState.groupPreferencesDrafts.set(groupId, draft);
+		coordinatorAdminState.groupPreferencesOpen.add(groupId);
+		renderShell();
+		try {
+			const prefs = await loadCoordinatorGroupPreferences(groupId);
+			coordinatorAdminState.groupPreferencesDrafts.set(groupId, {
+				projects_include: Array.isArray(prefs.projects_include) ? [...prefs.projects_include] : [],
+				projects_exclude: Array.isArray(prefs.projects_exclude) ? [...prefs.projects_exclude] : [],
+				auto_seed_scope: prefs.auto_seed_scope,
+				loaded: true,
+				saving: false,
+				error: ""
+			});
+		} catch (error) {
+			coordinatorAdminState.groupPreferencesDrafts.set(groupId, {
+				...draft,
+				loaded: true,
+				error: error instanceof Error ? error.message : "Failed to load preferences."
+			});
+		}
+		renderShell();
+	}
+	function closeGroupPreferences(groupId, renderShell) {
+		coordinatorAdminState.groupPreferencesOpen.delete(groupId);
+		coordinatorAdminState.groupPreferencesDrafts.delete(groupId);
+		renderShell();
+	}
+	async function saveGroupPreferences(groupId, renderShell) {
+		const initial = coordinatorAdminState.groupPreferencesDrafts.get(groupId);
+		if (!initial) return;
+		if (initial.saving) return;
+		const payload = {
+			projects_include: initial.projects_include.length > 0 ? [...initial.projects_include] : null,
+			projects_exclude: initial.projects_exclude.length > 0 ? [...initial.projects_exclude] : null,
+			auto_seed_scope: initial.auto_seed_scope
+		};
+		coordinatorAdminState.groupPreferencesDrafts.set(groupId, {
+			...initial,
+			saving: true,
+			error: ""
+		});
+		renderShell();
+		try {
+			await saveCoordinatorGroupPreferences(groupId, payload);
+			showGlobalNotice("Group scope defaults saved. New peers enrolled through this team will use these defaults.");
+			closeGroupPreferences(groupId, renderShell);
+		} catch (error) {
+			const latest = coordinatorAdminState.groupPreferencesDrafts.get(groupId);
+			if (!latest) return;
+			coordinatorAdminState.groupPreferencesDrafts.set(groupId, {
+				...latest,
+				saving: false,
+				error: error instanceof Error ? error.message : "Failed to save preferences."
+			});
+			renderShell();
+		}
+	}
+	function renderGroupPreferencesEditor(groupId, renderShell, ready) {
+		const draft = coordinatorAdminState.groupPreferencesDrafts.get(groupId);
+		if (!draft) return null;
+		if (!draft.loaded) return _$3("div", { class: "peer-submeta" }, "Loading scope defaults…");
+		const autoSeedLabelId = `coord-admin-scope-autoseed-${groupId}`;
+		const includeLabelId = `coord-admin-scope-include-${groupId}`;
+		const excludeLabelId = `coord-admin-scope-exclude-${groupId}`;
+		const fieldsDisabled = !ready || draft.saving || !draft.auto_seed_scope;
+		return _$3(k$3, null, _$3("h4", { class: "coordinator-admin-drawer-title" }, "Scope defaults"), _$3("div", { class: "peer-submeta" }, "When enabled, new peers enrolled through this team start with the project filters below. Existing peers are unchanged."), _$3("label", { class: "coordinator-admin-inline-filter" }, _$3("span", {
+			class: "section-meta",
+			id: autoSeedLabelId
+		}, "Auto-seed scope on new peers"), _$3(RadixSwitch, {
+			"aria-labelledby": autoSeedLabelId,
+			checked: draft.auto_seed_scope,
+			className: "coordinator-admin-switch",
+			disabled: !ready || draft.saving,
+			onCheckedChange: (checked) => {
+				const current = coordinatorAdminState.groupPreferencesDrafts.get(groupId) ?? draft;
+				coordinatorAdminState.groupPreferencesDrafts.set(groupId, {
+					...current,
+					auto_seed_scope: checked
+				});
+				renderShell();
+			},
+			thumbClassName: "coordinator-admin-switch-thumb"
+		})), _$3("div", { class: "coordinator-admin-field" }, _$3("span", { id: includeLabelId }, "Include projects"), _$3(ProjectScopePicker, {
+			"aria-labelledby": includeLabelId,
+			availableProjects: coordinatorAdminState.availableProjects,
+			disabled: fieldsDisabled,
+			emptyLabel: "All projects allowed.",
+			onValuesChange: (next) => {
+				const current = coordinatorAdminState.groupPreferencesDrafts.get(groupId) ?? draft;
+				coordinatorAdminState.groupPreferencesDrafts.set(groupId, {
+					...current,
+					projects_include: next
+				});
+				renderShell();
+			},
+			placeholder: "Add project",
+			values: draft.projects_include
+		}), _$3("span", { class: "peer-submeta" }, "Leave empty to allow every project. Type to search or create a new name.")), _$3("div", { class: "coordinator-admin-field" }, _$3("span", { id: excludeLabelId }, "Exclude projects"), _$3(ProjectScopePicker, {
+			"aria-labelledby": excludeLabelId,
+			availableProjects: coordinatorAdminState.availableProjects,
+			disabled: fieldsDisabled,
+			emptyLabel: "Nothing excluded.",
+			onValuesChange: (next) => {
+				const current = coordinatorAdminState.groupPreferencesDrafts.get(groupId) ?? draft;
+				coordinatorAdminState.groupPreferencesDrafts.set(groupId, {
+					...current,
+					projects_exclude: next
+				});
+				renderShell();
+			},
+			placeholder: "Add project",
+			values: draft.projects_exclude
+		})), draft.error ? _$3("div", { class: "peer-submeta coordinator-admin-error" }, draft.error) : null, _$3("div", { class: "peer-actions" }, _$3("button", {
+			class: "settings-button",
+			disabled: !ready || draft.saving,
+			onClick: () => void saveGroupPreferences(groupId, renderShell),
+			type: "button"
+		}, draft.saving ? "Saving…" : "Save defaults"), _$3("button", {
+			class: "settings-button",
+			disabled: draft.saving,
+			onClick: () => closeGroupPreferences(groupId, renderShell),
+			type: "button"
+		}, "Cancel")));
+	}
+	function renderGroupsPanel(deps) {
+		const { summary, createGroup, runGroup, renderShell, reloadData } = deps;
+		const configuredGroup = String(state.lastCoordinatorAdminStatus?.active_group || "").trim();
+		const selectedGroup = currentAdminTargetGroup();
+		const groups = availableCoordinatorGroups();
+		const activeGroups = groups.filter((group) => !group.archived_at);
+		const archivedGroups = groups.filter((group) => group.archived_at);
+		const visibleGroups = coordinatorAdminState.showArchivedGroups ? groups : activeGroups;
+		const targetExists = selectedGroup ? groups.some((group) => group.group_id === selectedGroup) : false;
+		const countParts = [`${activeGroups.length} active`];
+		if (archivedGroups.length) countParts.push(`${archivedGroups.length} archived`);
+		return _$3(RadixTabsContent, {
+			className: "coordinator-admin-panel",
+			value: "groups"
+		}, _$3("h3", null, "Groups"), _$3("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 ? _$3("p", { class: "peer-submeta" }, countParts.join(" · ")) : null, !targetExists && selectedGroup ? _$3("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, _$3("div", { class: "coordinator-admin-form-grid" }, _$3("label", { class: "coordinator-admin-field" }, _$3("span", null, "New group id"), _$3(TextInput, {
+			class: "peer-scope-input",
+			disabled: summary.readiness !== "ready" || coordinatorAdminState.groupActionPendingKind === "create",
+			onInput: (event) => {
+				coordinatorAdminState.createGroupId = String(event.currentTarget.value || "");
+			},
+			placeholder: "team-alpha",
+			type: "text",
+			value: coordinatorAdminState.createGroupId
+		})), _$3("label", { class: "coordinator-admin-field" }, _$3("span", null, "Display name"), _$3(TextInput, {
+			class: "peer-scope-input",
+			disabled: summary.readiness !== "ready" || coordinatorAdminState.groupActionPendingKind === "create",
+			onInput: (event) => {
+				coordinatorAdminState.createGroupDisplayName = String(event.currentTarget.value || "");
+			},
+			placeholder: "Team Alpha",
+			type: "text",
+			value: coordinatorAdminState.createGroupDisplayName
+		}))), _$3("div", { class: "section-actions coordinator-admin-groups-toolbar" }, _$3("div", { class: "coordinator-admin-primary-actions" }, _$3("button", {
+			class: "settings-button",
+			disabled: summary.readiness !== "ready" || coordinatorAdminState.groupActionPendingKind === "create",
+			onClick: () => createGroup(),
+			type: "button"
+		}, coordinatorAdminState.groupActionPendingKind === "create" ? "Creating…" : "Create group")), _$3("div", { class: "coordinator-admin-secondary-actions" }, _$3("label", { class: "coordinator-admin-inline-filter" }, _$3("span", {
+			class: "section-meta",
+			id: "coordinatorAdminShowArchivedLabel"
+		}, "Show archived"), _$3(RadixSwitch, {
+			"aria-labelledby": "coordinatorAdminShowArchivedLabel",
+			checked: coordinatorAdminState.showArchivedGroups,
+			className: "coordinator-admin-switch",
+			disabled: summary.readiness !== "ready",
+			onCheckedChange: (checked) => {
+				coordinatorAdminState.showArchivedGroups = checked;
+				renderShell();
+			},
+			thumbClassName: "coordinator-admin-switch-thumb"
+		})))), !visibleGroups.length ? _$3("div", { class: "peer-meta coordinator-admin-empty-state" }, summary.readiness === "ready" ? coordinatorAdminState.showArchivedGroups ? "No coordinator groups are available yet." : "No active groups yet. Create one to get started." : "Group browsing will appear here once setup is complete.") : _$3("div", { class: "peer-list" }, visibleGroups.map((group) => {
+			const selected = group.group_id === selectedGroup;
+			const pending = coordinatorAdminState.groupActionPendingId === group.group_id;
+			const archived = Boolean(group.archived_at);
+			const draftName = coordinatorAdminState.groupRenameDrafts.get(group.group_id) ?? group.display_name ?? group.group_id;
+			const scopeOpen = coordinatorAdminState.groupPreferencesOpen.has(group.group_id);
+			return _$3("div", {
+				class: "peer-card peer-card--padded",
+				key: group.group_id
+			}, _$3("div", { class: "peer-title" }, _$3("strong", null, draftName)), _$3("div", { class: "peer-meta" }, `Group ID: ${group.group_id}`), _$3("div", { class: "peer-submeta" }, archived ? "Archived" : "Active"), configuredGroup === group.group_id ? _$3("div", { class: "peer-submeta" }, "This node is configured to use this group for coordinator-backed discovery.") : null, _$3("label", { class: "coordinator-admin-field" }, _$3("span", null, "Display name"), _$3(TextInput, {
+				class: "peer-scope-input",
+				disabled: summary.readiness !== "ready" || pending,
+				onInput: (event) => {
+					coordinatorAdminState.groupRenameDrafts.set(group.group_id, String(event.currentTarget.value || ""));
+				},
+				type: "text",
+				value: draftName
+			})), _$3("div", { class: "peer-actions" }, _$3("button", {
+				class: "settings-button",
+				disabled: summary.readiness !== "ready" || selected,
+				onClick: () => {
+					setAdminTargetGroup(group.group_id);
+					reloadData();
+				},
+				type: "button"
+			}, selected ? "Managing" : "Manage"), _$3("button", {
+				class: "settings-button",
+				disabled: summary.readiness !== "ready" || pending,
+				onClick: () => runGroup(group.group_id, draftName, "rename"),
+				type: "button"
+			}, pending && coordinatorAdminState.groupActionPendingKind === "rename" ? "Renaming…" : "Rename"), _$3("button", {
+				"aria-expanded": scopeOpen,
+				"aria-controls": `coord-admin-scope-drawer-${group.group_id}`,
+				class: "settings-button coordinator-admin-scope-trigger",
+				"data-state": scopeOpen ? "open" : "closed",
+				disabled: summary.readiness !== "ready" || pending,
+				onClick: () => {
+					if (scopeOpen) closeGroupPreferences(group.group_id, renderShell);
+					else openGroupPreferences(group.group_id, renderShell);
+				},
+				type: "button"
+			}, _$3("span", null, "Scope defaults"), _$3("span", {
+				"aria-hidden": "true",
+				class: "device-row-chevron"
+			}, _$3(ChevronRightIcon$1, null))), _$3("button", {
+				class: archived ? "settings-button" : "settings-button danger",
+				disabled: summary.readiness !== "ready" || pending,
+				onClick: () => runGroup(group.group_id, group.display_name || group.group_id, archived ? "unarchive" : "archive"),
+				type: "button"
+			}, pending && coordinatorAdminState.groupActionPendingKind === (archived ? "unarchive" : "archive") ? archived ? "Restoring…" : "Archiving…" : archived ? "Unarchive" : "Archive")), _$3(Root$3, {
+				open: scopeOpen,
+				onOpenChange: (open) => {
+					if (open) openGroupPreferences(group.group_id, renderShell);
+					else closeGroupPreferences(group.group_id, renderShell);
+				}
+			}, _$3(Content$2, {
+				"aria-label": `Scope defaults for ${draftName}`,
+				class: "coordinator-admin-group-preferences",
+				id: `coord-admin-scope-drawer-${group.group_id}`
+			}, scopeOpen ? renderGroupPreferencesEditor(group.group_id, renderShell, summary.readiness === "ready") : null)));
+		})));
+	}
+	//#endregion
+	//#region ../../node_modules/.pnpm/@radix-ui+number@1.1.1/node_modules/@radix-ui/number/dist/index.mjs
+	function clamp(value, [min, max]) {
+		return Math.min(max, Math.max(min, value));
+	}
 	//#endregion
 	//#region ../../node_modules/.pnpm/@radix-ui+react-select@2.2.6_react-dom@19.2.4_react@19.2.4__react@19.2.4/node_modules/@radix-ui/react-select/dist/index.mjs
 	var OPEN_KEYS = [
@@ -7274,7 +8042,7 @@
 		const isFormControl = trigger ? form || !!trigger.closest("form") : true;
 		const [nativeOptionsSet, setNativeOptionsSet] = d$2(/* @__PURE__ */ new Set());
 		const nativeSelectKey = Array.from(nativeOptionsSet).map((option) => option.props.value).join(";");
-		return /* @__PURE__ */ u(Root2$3, {
+		return /* @__PURE__ */ u(Root2$4, {
 			...popperScope,
 			children: /* @__PURE__ */ u(SelectProvider, {
 				required,
@@ -7325,11 +8093,11 @@
 		});
 	};
 	Select.displayName = SELECT_NAME;
-	var TRIGGER_NAME$4 = "SelectTrigger";
+	var TRIGGER_NAME$3 = "SelectTrigger";
 	var SelectTrigger = D((props, forwardedRef) => {
 		const { __scopeSelect, disabled = false, ...triggerProps } = props;
 		const popperScope = usePopperScope$2(__scopeSelect);
-		const context = useSelectContext(TRIGGER_NAME$4, __scopeSelect);
+		const context = useSelectContext(TRIGGER_NAME$3, __scopeSelect);
 		const isDisabled = context.disabled || disabled;
 		const composedRefs = useComposedRefs(forwardedRef, context.onTriggerChange);
 		const getItems = useCollection$1(__scopeSelect);
@@ -7391,7 +8159,7 @@
 			})
 		});
 	});
-	SelectTrigger.displayName = TRIGGER_NAME$4;
+	SelectTrigger.displayName = TRIGGER_NAME$3;
 	var VALUE_NAME = "SelectValue";
 	var SelectValue = D((props, forwardedRef) => {
 		const { __scopeSelect, className, style, children, placeholder = "", ...valueProps } = props;
@@ -7423,15 +8191,15 @@
 	SelectIcon.displayName = ICON_NAME;
 	var PORTAL_NAME$4 = "SelectPortal";
 	var SelectPortal = (props) => {
-		return /* @__PURE__ */ u(Portal$4, {
+		return /* @__PURE__ */ u(Portal$5, {
 			asChild: true,
 			...props
 		});
 	};
 	SelectPortal.displayName = PORTAL_NAME$4;
-	var CONTENT_NAME$5 = "SelectContent";
+	var CONTENT_NAME$4 = "SelectContent";
 	var SelectContent = D((props, forwardedRef) => {
-		const context = useSelectContext(CONTENT_NAME$5, props.__scopeSelect);
+		const context = useSelectContext(CONTENT_NAME$4, props.__scopeSelect);
 		const [fragment, setFragment] = d$2();
 		useLayoutEffect2(() => {
 			setFragment(new DocumentFragment());
@@ -7451,14 +8219,14 @@
 			ref: forwardedRef
 		});
 	});
-	SelectContent.displayName = CONTENT_NAME$5;
+	SelectContent.displayName = CONTENT_NAME$4;
 	var CONTENT_MARGIN = 10;
-	var [SelectContentProvider, useSelectContentContext] = createSelectContext(CONTENT_NAME$5);
+	var [SelectContentProvider, useSelectContentContext] = createSelectContext(CONTENT_NAME$4);
 	var CONTENT_IMPL_NAME = "SelectContentImpl";
 	var Slot$2 = /* @__PURE__ */ createSlot("SelectContent.RemoveScroll");
 	var SelectContentImpl = D((props, forwardedRef) => {
 		const { __scopeSelect, position = "item-aligned", onCloseAutoFocus, onEscapeKeyDown, onPointerDownOutside, side, sideOffset, align, alignOffset, arrowPadding, collisionBoundary, collisionPadding, sticky, hideWhenDetached, avoidCollisions, ...contentProps } = props;
-		const context = useSelectContext(CONTENT_NAME$5, __scopeSelect);
+		const context = useSelectContext(CONTENT_NAME$4, __scopeSelect);
 		const [content, setContent] = d$2(null);
 		const [viewport, setViewport] = d$2(null);
 		const composedRefs = useComposedRefs(forwardedRef, (node) => setContent(node));
@@ -7648,8 +8416,8 @@
 	var ITEM_ALIGNED_POSITION_NAME = "SelectItemAlignedPosition";
 	var SelectItemAlignedPosition = D((props, forwardedRef) => {
 		const { __scopeSelect, onPlaced, ...popperProps } = props;
-		const context = useSelectContext(CONTENT_NAME$5, __scopeSelect);
-		const contentContext = useSelectContentContext(CONTENT_NAME$5, __scopeSelect);
+		const context = useSelectContext(CONTENT_NAME$4, __scopeSelect);
+		const contentContext = useSelectContentContext(CONTENT_NAME$4, __scopeSelect);
 		const [contentWrapper, setContentWrapper] = d$2(null);
 		const [content, setContent] = d$2(null);
 		const composedRefs = useComposedRefs(forwardedRef, (node) => setContent(node));
@@ -7670,7 +8438,7 @@
 					const minContentWidth = triggerRect.width + leftDelta;
 					const contentWidth = Math.max(minContentWidth, contentRect.width);
 					const rightEdge = window.innerWidth - CONTENT_MARGIN;
-					const clampedLeft = clamp$1(left, [CONTENT_MARGIN, Math.max(CONTENT_MARGIN, rightEdge - contentWidth)]);
+					const clampedLeft = clamp(left, [CONTENT_MARGIN, Math.max(CONTENT_MARGIN, rightEdge - contentWidth)]);
 					contentWrapper.style.minWidth = minContentWidth + "px";
 					contentWrapper.style.left = clampedLeft + "px";
 				} else {
@@ -7680,7 +8448,7 @@
 					const minContentWidth = triggerRect.width + rightDelta;
 					const contentWidth = Math.max(minContentWidth, contentRect.width);
 					const leftEdge = window.innerWidth - CONTENT_MARGIN;
-					const clampedRight = clamp$1(right, [CONTENT_MARGIN, Math.max(CONTENT_MARGIN, leftEdge - contentWidth)]);
+					const clampedRight = clamp(right, [CONTENT_MARGIN, Math.max(CONTENT_MARGIN, leftEdge - contentWidth)]);
 					contentWrapper.style.minWidth = minContentWidth + "px";
 					contentWrapper.style.right = clampedRight + "px";
 				}
@@ -7774,7 +8542,7 @@
 	var POPPER_POSITION_NAME = "SelectPopperPosition";
 	var SelectPopperPosition = D((props, forwardedRef) => {
 		const { __scopeSelect, align = "start", collisionPadding = CONTENT_MARGIN, ...popperProps } = props;
-		return /* @__PURE__ */ u(Content$2, {
+		return /* @__PURE__ */ u(Content$1, {
 			...usePopperScope$2(__scopeSelect),
 			...popperProps,
 			ref: forwardedRef,
@@ -7792,7 +8560,7 @@
 		});
 	});
 	SelectPopperPosition.displayName = POPPER_POSITION_NAME;
-	var [SelectViewportProvider, useSelectViewportContext] = createSelectContext(CONTENT_NAME$5, {});
+	var [SelectViewportProvider, useSelectViewportContext] = createSelectContext(CONTENT_NAME$4, {});
 	var VIEWPORT_NAME = "SelectViewport";
 	var SelectViewport = D((props, forwardedRef) => {
 		const { __scopeSelect, nonce, ...viewportProps } = props;
@@ -8173,7 +8941,7 @@
 		return array.map((_, index) => array[(startIndex + index) % array.length]);
 	}
 	var Root2$2 = Select;
-	var Trigger$3 = SelectTrigger;
+	var Trigger$2 = SelectTrigger;
 	var Value = SelectValue;
 	var Icon = SelectIcon;
 	var Portal$3 = SelectPortal;
@@ -8224,7 +8992,7 @@
 			disabled,
 			onValueChange: (nextValue) => onValueChange(decodeValue(nextValue)),
 			value: value ? encodeValue(value) : void 0,
-			children: [/* @__PURE__ */ u(Trigger$3, {
+			children: [/* @__PURE__ */ u(Trigger$2, {
 				"aria-label": ariaLabel,
 				className: triggerClassName ?? className,
 				"data-value": value,
@@ -8333,13 +9101,13 @@
 		return _$3(RadixTabsContent, {
 			className: "coordinator-admin-panel",
 			value: "join-requests"
-		}, _$3("h3", null, "Pending join requests"), _$3("p", { class: "peer-submeta" }, summary.readiness === "ready" ? "Approve or deny teammate join requests from the dedicated operator surface instead of burying them in Sync." : "Finish setup first. Join request review stays disabled until coordinator admin is ready."), !items.length ? _$3("div", { class: "peer-meta" }, summary.readiness === "ready" ? "No pending join requests right now." : "Join request review will appear here once setup is complete.") : _$3("div", { class: "coordinator-admin-request-list" }, items.map((item) => {
+		}, _$3("h3", null, "Pending join requests"), _$3("p", { class: "peer-submeta" }, summary.readiness === "ready" ? "Approve or deny teammate join requests from the dedicated operator surface instead of burying them in Sync." : "Finish setup first. Join request review stays disabled until coordinator admin is ready."), !items.length ? _$3("div", { class: "peer-meta" }, summary.readiness === "ready" ? "No pending join requests right now." : "Join request review will appear here once setup is complete.") : _$3("div", { class: "peer-list" }, items.map((item) => {
 			const requestId = String(item.request_id || "").trim();
 			const deviceId = String(item.device_id || "unknown-device");
 			const displayName = String(item.display_name || deviceId);
 			const pending = coordinatorAdminState.joinReviewPendingId === requestId;
 			return _$3("div", {
-				class: "peer-card",
+				class: "peer-card peer-card--padded",
 				key: requestId || deviceId
 			}, _$3("div", { class: "peer-title" }, _$3("strong", null, displayName)), _$3("div", { class: "peer-meta" }, `Device: ${deviceId}`), _$3("div", { class: "peer-actions" }, _$3("button", {
 				class: "settings-button",
@@ -8355,16 +9123,6 @@
 		})));
 	}
 	//#endregion
-	//#region src/lib/notice.ts
-	/**
-	* Legacy signature kept for callsite stability. Now delegates to the Radix
-	* Toast host (mounted once at app boot). Historically rendered via a static
-	* #globalNotice div; that markup is gone — ToastHost owns the UI.
-	*/
-	function showGlobalNotice(message, type = "success") {
-		pushToast(message, type);
-	}
-	//#endregion
 	//#region ../../node_modules/.pnpm/@radix-ui+react-dialog@1.1.15_react-dom@19.2.4_react@19.2.4__react@19.2.4/node_modules/@radix-ui/react-dialog/dist/index.mjs
 	var DIALOG_NAME = "Dialog";
 	var [createDialogContext, createDialogScope] = createContextScope(DIALOG_NAME);
@@ -8394,23 +9152,23 @@
 		});
 	};
 	Dialog.displayName = DIALOG_NAME;
-	var TRIGGER_NAME$3 = "DialogTrigger";
+	var TRIGGER_NAME$2 = "DialogTrigger";
 	var DialogTrigger = D((props, forwardedRef) => {
 		const { __scopeDialog, ...triggerProps } = props;
-		const context = useDialogContext(TRIGGER_NAME$3, __scopeDialog);
+		const context = useDialogContext(TRIGGER_NAME$2, __scopeDialog);
 		const composedTriggerRef = useComposedRefs(forwardedRef, context.triggerRef);
 		return /* @__PURE__ */ u(Primitive.button, {
 			type: "button",
 			"aria-haspopup": "dialog",
 			"aria-expanded": context.open,
 			"aria-controls": context.contentId,
-			"data-state": getState$2(context.open),
+			"data-state": getState$1(context.open),
 			...triggerProps,
 			ref: composedTriggerRef,
 			onClick: composeEventHandlers(props.onClick, context.onOpenToggle)
 		});
 	});
-	DialogTrigger.displayName = TRIGGER_NAME$3;
+	DialogTrigger.displayName = TRIGGER_NAME$2;
 	var PORTAL_NAME$3 = "DialogPortal";
 	var [PortalProvider$2, usePortalContext$2] = createDialogContext(PORTAL_NAME$3, { forceMount: void 0 });
 	var DialogPortal = (props) => {
@@ -8421,7 +9179,7 @@
 			forceMount,
 			children: L.map(children, (child) => /* @__PURE__ */ u(Presence, {
 				present: forceMount || context.open,
-				children: /* @__PURE__ */ u(Portal$4, {
+				children: /* @__PURE__ */ u(Portal$5, {
 					asChild: true,
 					container,
 					children: child
@@ -8453,7 +9211,7 @@
 			allowPinchZoom: true,
 			shards: [context.contentRef],
 			children: /* @__PURE__ */ u(Primitive.div, {
-				"data-state": getState$2(context.open),
+				"data-state": getState$1(context.open),
 				...overlayProps,
 				ref: forwardedRef,
 				style: {
@@ -8463,11 +9221,11 @@
 			})
 		});
 	});
-	var CONTENT_NAME$4 = "DialogContent";
+	var CONTENT_NAME$3 = "DialogContent";
 	var DialogContent = D((props, forwardedRef) => {
-		const portalContext = usePortalContext$2(CONTENT_NAME$4, props.__scopeDialog);
+		const portalContext = usePortalContext$2(CONTENT_NAME$3, props.__scopeDialog);
 		const { forceMount = portalContext.forceMount, ...contentProps } = props;
-		const context = useDialogContext(CONTENT_NAME$4, props.__scopeDialog);
+		const context = useDialogContext(CONTENT_NAME$3, props.__scopeDialog);
 		return /* @__PURE__ */ u(Presence, {
 			present: forceMount || context.open,
 			children: context.modal ? /* @__PURE__ */ u(DialogContentModal, {
@@ -8479,9 +9237,9 @@
 			})
 		});
 	});
-	DialogContent.displayName = CONTENT_NAME$4;
+	DialogContent.displayName = CONTENT_NAME$3;
 	var DialogContentModal = D((props, forwardedRef) => {
-		const context = useDialogContext(CONTENT_NAME$4, props.__scopeDialog);
+		const context = useDialogContext(CONTENT_NAME$3, props.__scopeDialog);
 		const contentRef = A$1(null);
 		const composedRefs = useComposedRefs(forwardedRef, context.contentRef, contentRef);
 		y$2(() => {
@@ -8506,7 +9264,7 @@
 		});
 	});
 	var DialogContentNonModal = D((props, forwardedRef) => {
-		const context = useDialogContext(CONTENT_NAME$4, props.__scopeDialog);
+		const context = useDialogContext(CONTENT_NAME$3, props.__scopeDialog);
 		const hasInteractedOutsideRef = A$1(false);
 		const hasPointerDownOutsideRef = A$1(false);
 		return /* @__PURE__ */ u(DialogContentImpl, {
@@ -8537,7 +9295,7 @@
 	});
 	var DialogContentImpl = D((props, forwardedRef) => {
 		const { __scopeDialog, trapFocus, onOpenAutoFocus, onCloseAutoFocus, ...contentProps } = props;
-		const context = useDialogContext(CONTENT_NAME$4, __scopeDialog);
+		const context = useDialogContext(CONTENT_NAME$3, __scopeDialog);
 		const contentRef = A$1(null);
 		const composedRefs = useComposedRefs(forwardedRef, contentRef);
 		useFocusGuards();
@@ -8552,7 +9310,7 @@
 				id: context.contentId,
 				"aria-describedby": context.descriptionId,
 				"aria-labelledby": context.titleId,
-				"data-state": getState$2(context.open),
+				"data-state": getState$1(context.open),
 				...contentProps,
 				ref: composedRefs,
 				onDismiss: () => context.onOpenChange(false)
@@ -8596,12 +9354,12 @@
 		});
 	});
 	DialogClose.displayName = CLOSE_NAME;
-	function getState$2(open) {
+	function getState$1(open) {
 		return open ? "open" : "closed";
 	}
 	var TITLE_WARNING_NAME = "DialogTitleWarning";
 	var [WarningProvider, useWarningContext] = createContext2(TITLE_WARNING_NAME, {
-		contentName: CONTENT_NAME$4,
+		contentName: CONTENT_NAME$3,
 		titleName: TITLE_NAME,
 		docsSlug: "dialog"
 	});
@@ -8634,14 +9392,14 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
 		]);
 		return null;
 	};
-	var Root$1 = Dialog;
+	var Root = Dialog;
 	var Portal$2 = DialogPortal;
 	var Overlay = DialogOverlay;
-	var Content$1 = DialogContent;
+	var Content = DialogContent;
 	//#endregion
 	//#region src/components/primitives/radix-dialog.tsx
 	function RadixDialog({ ariaDescribedby, ariaLabelledby, children, contentClassName, contentId, modal = true, onCloseAutoFocus, onEscapeKeyDown, onInteractOutside, onOpenAutoFocus, onOpenChange, open, overlayClassName, overlayId, slotId }) {
-		return /* @__PURE__ */ u(Root$1, {
+		return /* @__PURE__ */ u(Root, {
 			modal,
 			open,
 			onOpenChange,
@@ -8651,7 +9409,7 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
 					className: overlayClassName,
 					id: overlayId
 				})
-			}), /* @__PURE__ */ u(Content$1, {
+			}), /* @__PURE__ */ u(Content, {
 				"aria-describedby": ariaDescribedby,
 				"aria-labelledby": ariaLabelledby,
 				asChild: true,
@@ -8715,6 +9473,125 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
 		return tone === "danger" ? "sync-dialog-confirm danger" : "sync-dialog-confirm";
 	}
 	//#endregion
+	//#region src/components/primitives/autocomplete-input.tsx
+	var AutocompleteInput = D(function AutocompleteInput({ value, onValueChange, suggestions, onSubmit, maxSuggestions = 20, onKeyDown, onFocus, onBlur, className, ...inputProps }, externalRef) {
+		const inputRef = A$1(null);
+		F$2(externalRef, () => inputRef.current, []);
+		const [open, setOpen] = d$2(false);
+		const [activeIndex, setActiveIndex] = d$2(-1);
+		const filtered = T$1(() => {
+			const q = value.trim().toLowerCase();
+			return (q ? suggestions.filter((s) => s.toLowerCase().includes(q)) : suggestions).slice(0, maxSuggestions);
+		}, [
+			value,
+			suggestions,
+			maxSuggestions
+		]);
+		y$2(() => {
+			if (activeIndex >= filtered.length) setActiveIndex(filtered.length - 1);
+		}, [filtered.length, activeIndex]);
+		const shouldOpen = open && filtered.length > 0;
+		const commit = (selection) => {
+			onValueChange(selection);
+			setOpen(false);
+			setActiveIndex(-1);
+			inputRef.current?.focus();
+		};
+		const handleKeyDown = (event) => {
+			if (event.key === "ArrowDown") {
+				event.preventDefault();
+				setOpen(true);
+				setActiveIndex((i) => filtered.length === 0 ? -1 : Math.min(i + 1, filtered.length - 1));
+				return;
+			}
+			if (event.key === "ArrowUp") {
+				event.preventDefault();
+				if (!open) setOpen(true);
+				setActiveIndex((i) => Math.max(i - 1, -1));
+				return;
+			}
+			if (event.key === "Escape" && shouldOpen) {
+				event.preventDefault();
+				setOpen(false);
+				setActiveIndex(-1);
+				return;
+			}
+			if ((event.key === "Tab" || event.key === "Enter") && activeIndex >= 0) {
+				const pick = filtered[activeIndex];
+				if (pick) {
+					event.preventDefault();
+					commit(pick);
+					return;
+				}
+			}
+			if (event.key === "Enter" && onSubmit) {
+				event.preventDefault();
+				onSubmit();
+				return;
+			}
+			onKeyDown?.(event);
+		};
+		return /* @__PURE__ */ u(Root2$3, {
+			open: shouldOpen,
+			onOpenChange: setOpen,
+			children: [/* @__PURE__ */ u(Anchor2$1, {
+				asChild: true,
+				children: /* @__PURE__ */ u("input", {
+					...inputProps,
+					ref: inputRef,
+					className,
+					value,
+					onInput: (event) => {
+						onValueChange(event.currentTarget.value);
+						setOpen(true);
+						setActiveIndex(-1);
+					},
+					onFocus: (event) => {
+						onFocus?.(event);
+					},
+					onBlur: (event) => {
+						window.setTimeout(() => setOpen(false), 120);
+						onBlur?.(event);
+					},
+					onKeyDown: handleKeyDown,
+					role: "combobox",
+					"aria-autocomplete": "list",
+					"aria-expanded": shouldOpen,
+					"aria-controls": "autocompleteListbox",
+					"aria-activedescendant": activeIndex >= 0 ? `autocomplete-option-${activeIndex}` : void 0
+				})
+			}), /* @__PURE__ */ u(Portal$4, { children: /* @__PURE__ */ u(Content2$4, {
+				align: "start",
+				className: "autocomplete-popover",
+				onOpenAutoFocus: (event) => event.preventDefault(),
+				onCloseAutoFocus: (event) => event.preventDefault(),
+				sideOffset: 4,
+				style: { width: "var(--radix-popover-trigger-width)" },
+				children: /* @__PURE__ */ u("div", {
+					className: "autocomplete-listbox",
+					id: "autocompleteListbox",
+					role: "listbox",
+					children: filtered.map((suggestion, index) => {
+						const active = index === activeIndex;
+						return /* @__PURE__ */ u("div", {
+							"aria-selected": active,
+							className: active ? "autocomplete-option active" : "autocomplete-option",
+							id: `autocomplete-option-${index}`,
+							onMouseDown: (event) => {
+								event.preventDefault();
+								commit(suggestion);
+							},
+							onMouseEnter: () => setActiveIndex(index),
+							role: "option",
+							tabIndex: -1,
+							children: suggestion
+						}, suggestion);
+					})
+				})
+			}) })]
+		});
+	});
+	//#endregion
 	//#region src/components/primitives/dialog-close-button.tsx
 	function DialogCloseButton({ ariaLabel, className = "modal-close-button", onClick, label = "Close" }) {
 		return /* @__PURE__ */ u("button", {
@@ -8751,7 +9628,7 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
 				type: "button",
 				role: "radio",
 				"aria-checked": checked,
-				"data-state": getState$1(checked),
+				"data-state": getState(checked),
 				"data-disabled": disabled ? "" : void 0,
 				disabled,
 				value,
@@ -8785,7 +9662,7 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
 		return /* @__PURE__ */ u(Presence, {
 			present: forceMount || context.checked,
 			children: /* @__PURE__ */ u(Primitive.span, {
-				"data-state": getState$1(context.checked),
+				"data-state": getState(context.checked),
 				"data-disabled": context.disabled ? "" : void 0,
 				...indicatorProps,
 				ref: forwardedRef
@@ -8832,7 +9709,7 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
 		});
 	});
 	RadioBubbleInput.displayName = BUBBLE_INPUT_NAME;
-	function getState$1(checked) {
+	function getState(checked) {
 		return checked ? "checked" : "unchecked";
 	}
 	var ARROW_KEYS = [
@@ -9148,7 +10025,20 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
 						}) : null,
 						request.kind === "input" ? /* @__PURE__ */ u("div", {
 							className: "field",
-							children: [/* @__PURE__ */ u(TextInput, {
+							children: [request.suggestions?.length ? /* @__PURE__ */ u(AutocompleteInput, {
+								"aria-describedby": errorText ? `${descriptionId} ${inputErrorId}` : descriptionId,
+								autoFocus: true,
+								className: errorText ? "sync-dialog-input sync-field-error" : "sync-dialog-input",
+								"data-sync-primary-action": "true",
+								onSubmit: submit,
+								onValueChange: (value) => {
+									setInputValue(value);
+									if (errorText) setErrorText(null);
+								},
+								placeholder: request.placeholder,
+								suggestions: request.suggestions,
+								value: inputValue
+							}) : /* @__PURE__ */ u(TextInput, {
 								"aria-describedby": errorText ? `${descriptionId} ${inputErrorId}` : descriptionId,
 								autoFocus: true,
 								className: errorText ? "sync-dialog-input sync-field-error" : "sync-dialog-input",
@@ -9218,6 +10108,10 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
 			if (nextOpen) return;
 			resolveCurrentDialog(request?.kind === "confirm" ? false : null);
 		};
+		const handleInteractOutside = (event) => {
+			const originalTarget = (event.detail?.originalEvent)?.target;
+			if (originalTarget instanceof Element && originalTarget.closest(".autocomplete-popover")) event.preventDefault();
+		};
 		const handleOpenAutoFocus = (event) => {
 			const legacyPrimary = document.querySelector("#syncDialog [data-sync-primary-action=\"true\"]");
 			if (request?.kind === "input" && legacyPrimary) {
@@ -9236,6 +10130,7 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
 			ariaLabelledby: titleId,
 			contentClassName: "modal",
 			contentId: "syncDialog",
+			onInteractOutside: handleInteractOutside,
 			onOpenAutoFocus: handleOpenAutoFocus,
 			onOpenChange: handleOpenChange,
 			open,
@@ -9602,6 +10497,11 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
 				state.lastCoordinatorAdminDevices = [];
 				coordinatorAdminState.deviceRenameDrafts.clear();
 			}
+			try {
+				coordinatorAdminState.availableProjects = await loadProjects$1();
+			} catch {
+				coordinatorAdminState.availableProjects = [];
+			}
 		} else {
 			state.lastCoordinatorAdminGroups = [];
 			coordinatorAdminState.groupRenameDrafts.clear();
@@ -9977,7 +10877,7 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
 				}
 			};
 		}, []);
-		return /* @__PURE__ */ u(Root2$3, {
+		return /* @__PURE__ */ u(Root2$4, {
 			...popperScope,
 			children: /* @__PURE__ */ u(TooltipContextProvider, {
 				scope: __scopeTooltip,
@@ -10009,11 +10909,11 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
 		});
 	};
 	Tooltip$1.displayName = TOOLTIP_NAME;
-	var TRIGGER_NAME$2 = "TooltipTrigger";
+	var TRIGGER_NAME$1 = "TooltipTrigger";
 	var TooltipTrigger = D((props, forwardedRef) => {
 		const { __scopeTooltip, ...triggerProps } = props;
-		const context = useTooltipContext(TRIGGER_NAME$2, __scopeTooltip);
-		const providerContext = useTooltipProviderContext(TRIGGER_NAME$2, __scopeTooltip);
+		const context = useTooltipContext(TRIGGER_NAME$1, __scopeTooltip);
+		const providerContext = useTooltipProviderContext(TRIGGER_NAME$1, __scopeTooltip);
 		const popperScope = usePopperScope$1(__scopeTooltip);
 		const composedRefs = useComposedRefs(forwardedRef, A$1(null), context.onTriggerChange);
 		const isPointerDownRef = A$1(false);
@@ -10054,7 +10954,7 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
 			})
 		});
 	});
-	TooltipTrigger.displayName = TRIGGER_NAME$2;
+	TooltipTrigger.displayName = TRIGGER_NAME$1;
 	var PORTAL_NAME$2 = "TooltipPortal";
 	var [PortalProvider$1, usePortalContext$1] = createTooltipContext(PORTAL_NAME$2, { forceMount: void 0 });
 	var TooltipPortal = (props) => {
@@ -10065,7 +10965,7 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
 			forceMount,
 			children: /* @__PURE__ */ u(Presence, {
 				present: forceMount || context.open,
-				children: /* @__PURE__ */ u(Portal$4, {
+				children: /* @__PURE__ */ u(Portal$5, {
 					asChild: true,
 					container,
 					children
@@ -10074,11 +10974,11 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
 		});
 	};
 	TooltipPortal.displayName = PORTAL_NAME$2;
-	var CONTENT_NAME$3 = "TooltipContent";
+	var CONTENT_NAME$2 = "TooltipContent";
 	var TooltipContent = D((props, forwardedRef) => {
-		const portalContext = usePortalContext$1(CONTENT_NAME$3, props.__scopeTooltip);
+		const portalContext = usePortalContext$1(CONTENT_NAME$2, props.__scopeTooltip);
 		const { forceMount = portalContext.forceMount, side = "top", ...contentProps } = props;
-		const context = useTooltipContext(CONTENT_NAME$3, props.__scopeTooltip);
+		const context = useTooltipContext(CONTENT_NAME$2, props.__scopeTooltip);
 		return /* @__PURE__ */ u(Presence, {
 			present: forceMount || context.open,
 			children: context.disableHoverableContent ? /* @__PURE__ */ u(TooltipContentImpl, {
@@ -10093,8 +10993,8 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
 		});
 	});
 	var TooltipContentHoverable = D((props, forwardedRef) => {
-		const context = useTooltipContext(CONTENT_NAME$3, props.__scopeTooltip);
-		const providerContext = useTooltipProviderContext(CONTENT_NAME$3, props.__scopeTooltip);
+		const context = useTooltipContext(CONTENT_NAME$2, props.__scopeTooltip);
+		const providerContext = useTooltipProviderContext(CONTENT_NAME$2, props.__scopeTooltip);
 		const ref = A$1(null);
 		const composedRefs = useComposedRefs(forwardedRef, ref);
 		const [pointerGraceArea, setPointerGraceArea] = d$2(null);
@@ -10171,7 +11071,7 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
 	var Slottable = /* @__PURE__ */ createSlottable("TooltipContent");
 	var TooltipContentImpl = D((props, forwardedRef) => {
 		const { __scopeTooltip, children, "aria-label": ariaLabel, onEscapeKeyDown, onPointerDownOutside, ...contentProps } = props;
-		const context = useTooltipContext(CONTENT_NAME$3, __scopeTooltip);
+		const context = useTooltipContext(CONTENT_NAME$2, __scopeTooltip);
 		const popperScope = usePopperScope$1(__scopeTooltip);
 		const { onClose } = context;
 		y$2(() => {
@@ -10194,7 +11094,7 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
 			onPointerDownOutside,
 			onFocusOutside: (event) => event.preventDefault(),
 			onDismiss: onClose,
-			children: /* @__PURE__ */ u(Content$2, {
+			children: /* @__PURE__ */ u(Content$1, {
 				"data-state": context.stateAttribute,
 				...popperScope,
 				...contentProps,
@@ -10219,7 +11119,7 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
 			})
 		});
 	});
-	TooltipContent.displayName = CONTENT_NAME$3;
+	TooltipContent.displayName = CONTENT_NAME$2;
 	var ARROW_NAME$2 = "TooltipArrow";
 	var TooltipArrow = D((props, forwardedRef) => {
 		const { __scopeTooltip, ...arrowProps } = props;
@@ -10363,7 +11263,7 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
 	}
 	var Provider = TooltipProvider$1;
 	var Root3$1 = Tooltip$1;
-	var Trigger$2 = TooltipTrigger;
+	var Trigger$1 = TooltipTrigger;
 	var Portal$1 = TooltipPortal;
 	var Content2$2 = TooltipContent;
 	var Arrow2$1 = TooltipArrow;
@@ -10396,7 +11296,7 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
 	*/
 	function Tooltip({ children, label, side = "top", align = "center", sideOffset = 6, asChild = true, disabled = false }) {
 		if (disabled) return /* @__PURE__ */ u(k$3, { children });
-		return /* @__PURE__ */ u(Root3$1, { children: [/* @__PURE__ */ u(Trigger$2, {
+		return /* @__PURE__ */ u(Root3$1, { children: [/* @__PURE__ */ u(Trigger$1, {
 			asChild,
 			children
 		}), /* @__PURE__ */ u(Portal$1, { children: /* @__PURE__ */ u(Content2$2, {
@@ -10941,7 +11841,7 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
 				document.removeEventListener("pointermove", handlePointer, { capture: true });
 			};
 		}, []);
-		return /* @__PURE__ */ u(Root2$3, {
+		return /* @__PURE__ */ u(Root2$4, {
 			...popperScope,
 			children: /* @__PURE__ */ u(MenuProvider, {
 				scope: __scopeMenu,
@@ -10981,7 +11881,7 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
 			forceMount,
 			children: /* @__PURE__ */ u(Presence, {
 				present: forceMount || context.open,
-				children: /* @__PURE__ */ u(Portal$4, {
+				children: /* @__PURE__ */ u(Portal$5, {
 					asChild: true,
 					container,
 					children
@@ -10990,13 +11890,13 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
 		});
 	};
 	MenuPortal.displayName = PORTAL_NAME$1;
-	var CONTENT_NAME$2 = "MenuContent";
-	var [MenuContentProvider, useMenuContentContext] = createMenuContext(CONTENT_NAME$2);
+	var CONTENT_NAME$1 = "MenuContent";
+	var [MenuContentProvider, useMenuContentContext] = createMenuContext(CONTENT_NAME$1);
 	var MenuContent = D((props, forwardedRef) => {
-		const portalContext = usePortalContext(CONTENT_NAME$2, props.__scopeMenu);
+		const portalContext = usePortalContext(CONTENT_NAME$1, props.__scopeMenu);
 		const { forceMount = portalContext.forceMount, ...contentProps } = props;
-		const context = useMenuContext(CONTENT_NAME$2, props.__scopeMenu);
-		const rootContext = useMenuRootContext(CONTENT_NAME$2, props.__scopeMenu);
+		const context = useMenuContext(CONTENT_NAME$1, props.__scopeMenu);
+		const rootContext = useMenuRootContext(CONTENT_NAME$1, props.__scopeMenu);
 		return /* @__PURE__ */ u(Collection.Provider, {
 			scope: props.__scopeMenu,
 			children: /* @__PURE__ */ u(Presence, {
@@ -11015,7 +11915,7 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
 		});
 	});
 	var MenuRootContentModal = D((props, forwardedRef) => {
-		const context = useMenuContext(CONTENT_NAME$2, props.__scopeMenu);
+		const context = useMenuContext(CONTENT_NAME$1, props.__scopeMenu);
 		const ref = A$1(null);
 		const composedRefs = useComposedRefs(forwardedRef, ref);
 		y$2(() => {
@@ -11033,7 +11933,7 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
 		});
 	});
 	var MenuRootContentNonModal = D((props, forwardedRef) => {
-		const context = useMenuContext(CONTENT_NAME$2, props.__scopeMenu);
+		const context = useMenuContext(CONTENT_NAME$1, props.__scopeMenu);
 		return /* @__PURE__ */ u(MenuContentImpl, {
 			...props,
 			ref: forwardedRef,
@@ -11046,8 +11946,8 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
 	var Slot = /* @__PURE__ */ createSlot("MenuContent.ScrollLock");
 	var MenuContentImpl = D((props, forwardedRef) => {
 		const { __scopeMenu, loop = false, trapFocus, onOpenAutoFocus, onCloseAutoFocus, disableOutsidePointerEvents, onEntryFocus, onEscapeKeyDown, onPointerDownOutside, onFocusOutside, onInteractOutside, onDismiss, disableOutsideScroll, ...contentProps } = props;
-		const context = useMenuContext(CONTENT_NAME$2, __scopeMenu);
-		const rootContext = useMenuRootContext(CONTENT_NAME$2, __scopeMenu);
+		const context = useMenuContext(CONTENT_NAME$1, __scopeMenu);
+		const rootContext = useMenuRootContext(CONTENT_NAME$1, __scopeMenu);
 		const popperScope = usePopperScope(__scopeMenu);
 		const rovingFocusGroupScope = useRovingFocusGroupScope(__scopeMenu);
 		const getItems = useCollection(__scopeMenu);
@@ -11134,7 +12034,7 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
 								if (!rootContext.isUsingKeyboardRef.current) event.preventDefault();
 							}),
 							preventScrollOnEntryFocus: true,
-							children: /* @__PURE__ */ u(Content$2, {
+							children: /* @__PURE__ */ u(Content$1, {
 								role: "menu",
 								"aria-orientation": "vertical",
 								"data-state": getOpenState(context.open),
@@ -11184,7 +12084,7 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
 			})
 		});
 	});
-	MenuContent.displayName = CONTENT_NAME$2;
+	MenuContent.displayName = CONTENT_NAME$1;
 	var GROUP_NAME$1 = "MenuGroup";
 	var MenuGroup = D((props, forwardedRef) => {
 		const { __scopeMenu, ...groupProps } = props;
@@ -11394,7 +12294,7 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
 			if (parentMenuContext.open === false) handleOpenChange(false);
 			return () => handleOpenChange(false);
 		}, [parentMenuContext.open, handleOpenChange]);
-		return /* @__PURE__ */ u(Root2$3, {
+		return /* @__PURE__ */ u(Root2$4, {
 			...popperScope,
 			children: /* @__PURE__ */ u(MenuProvider, {
 				scope: __scopeMenu,
@@ -11520,10 +12420,10 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
 	MenuSubTrigger.displayName = SUB_TRIGGER_NAME$1;
 	var SUB_CONTENT_NAME$1 = "MenuSubContent";
 	var MenuSubContent = D((props, forwardedRef) => {
-		const portalContext = usePortalContext(CONTENT_NAME$2, props.__scopeMenu);
+		const portalContext = usePortalContext(CONTENT_NAME$1, props.__scopeMenu);
 		const { forceMount = portalContext.forceMount, ...subContentProps } = props;
-		const context = useMenuContext(CONTENT_NAME$2, props.__scopeMenu);
-		const rootContext = useMenuRootContext(CONTENT_NAME$2, props.__scopeMenu);
+		const context = useMenuContext(CONTENT_NAME$1, props.__scopeMenu);
+		const rootContext = useMenuRootContext(CONTENT_NAME$1, props.__scopeMenu);
 		const subContext = useMenuSubContext(SUB_CONTENT_NAME$1, props.__scopeMenu);
 		const ref = A$1(null);
 		const composedRefs = useComposedRefs(forwardedRef, ref);
@@ -11673,10 +12573,10 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
 		});
 	};
 	DropdownMenu.displayName = DROPDOWN_MENU_NAME;
-	var TRIGGER_NAME$1 = "DropdownMenuTrigger";
+	var TRIGGER_NAME = "DropdownMenuTrigger";
 	var DropdownMenuTrigger = D((props, forwardedRef) => {
 		const { __scopeDropdownMenu, disabled = false, ...triggerProps } = props;
-		const context = useDropdownMenuContext(TRIGGER_NAME$1, __scopeDropdownMenu);
+		const context = useDropdownMenuContext(TRIGGER_NAME, __scopeDropdownMenu);
 		return /* @__PURE__ */ u(Anchor2, {
 			asChild: true,
 			...useMenuScope(__scopeDropdownMenu),
@@ -11710,7 +12610,7 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
 			})
 		});
 	});
-	DropdownMenuTrigger.displayName = TRIGGER_NAME$1;
+	DropdownMenuTrigger.displayName = TRIGGER_NAME;
 	var PORTAL_NAME = "DropdownMenuPortal";
 	var DropdownMenuPortal = (props) => {
 		const { __scopeDropdownMenu, ...portalProps } = props;
@@ -11720,10 +12620,10 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
 		});
 	};
 	DropdownMenuPortal.displayName = PORTAL_NAME;
-	var CONTENT_NAME$1 = "DropdownMenuContent";
+	var CONTENT_NAME = "DropdownMenuContent";
 	var DropdownMenuContent = D((props, forwardedRef) => {
 		const { __scopeDropdownMenu, ...contentProps } = props;
-		const context = useDropdownMenuContext(CONTENT_NAME$1, __scopeDropdownMenu);
+		const context = useDropdownMenuContext(CONTENT_NAME, __scopeDropdownMenu);
 		const menuScope = useMenuScope(__scopeDropdownMenu);
 		const hasInteractedOutsideRef = A$1(false);
 		return /* @__PURE__ */ u(Content2$1, {
@@ -11753,7 +12653,7 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
 			}
 		});
 	});
-	DropdownMenuContent.displayName = CONTENT_NAME$1;
+	DropdownMenuContent.displayName = CONTENT_NAME;
 	var GROUP_NAME = "DropdownMenuGroup";
 	var DropdownMenuGroup = D((props, forwardedRef) => {
 		const { __scopeDropdownMenu, ...groupProps } = props;
@@ -11873,14 +12773,14 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
 	});
 	DropdownMenuSubContent.displayName = SUB_CONTENT_NAME;
 	var Root2 = DropdownMenu;
-	var Trigger$1 = DropdownMenuTrigger;
+	var Trigger = DropdownMenuTrigger;
 	var Portal2 = DropdownMenuPortal;
 	var Content2 = DropdownMenuContent;
 	var Item2 = DropdownMenuItem;
 	//#endregion
 	//#region src/tabs/feed/components/FeedItemMenu.tsx
-	function FeedItemMenu({ disabled, onForget, title }) {
-		return _$3(Root2, null, _$3(Trigger$1, { asChild: true }, _$3("button", {
+	function FeedItemMenu({ assignProjectDisabled, disabled, onAssignProject, onForget, title }) {
+		return _$3(Root2, null, _$3(Trigger, { asChild: true }, _$3("button", {
 			"aria-label": `Actions for ${title}`,
 			className: "feed-menu-trigger",
 			type: "button"
@@ -11890,6 +12790,10 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
 			side: "bottom",
 			sideOffset: 4
 		}, _$3(Item2, {
+			className: "feed-menu-item",
+			disabled: assignProjectDisabled,
+			onSelect: () => onAssignProject()
+		}, assignProjectDisabled ? "Moving…" : "Assign to project…"), _$3(Item2, {
 			className: "feed-menu-item danger",
 			disabled,
 			onSelect: () => onForget()
@@ -11966,6 +12870,7 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
 		const [selectedVisibility, setSelectedVisibility] = d$2(visibility === "shared" ? "shared" : "private");
 		const [savingVisibility, setSavingVisibility] = d$2(false);
 		const [deletingMemory, setDeletingMemory] = d$2(false);
+		const [movingProject, setMovingProject] = d$2(false);
 		const summarySections = summaryObj ? renderSummarySections(summaryObj) : [];
 		y$2(() => {
 			if (!observationData) return;
@@ -12026,6 +12931,47 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
 				setSavingVisibility(false);
 			}
 		}
+		async function moveProject() {
+			const currentProject = String(item.project || "").trim();
+			const initialValue = currentProject;
+			const titleText = String(displayTitle || "this memory").trim();
+			const truncatedTitle = titleText.length > 80 ? `${titleText.slice(0, 79).trimEnd()}…` : titleText;
+			const description = currentProject ? `Move "${truncatedTitle}" from "${currentProject}" to another project. Pick an existing project or type a new name. Every memory in the same session will be reassigned together.` : `Assign a project to "${truncatedTitle}". Pick an existing project or type a new name. Every memory in the same session will be reassigned together.`;
+			let suggestions = [];
+			try {
+				suggestions = (await loadProjects$1()).filter((p) => p && p !== currentProject);
+			} catch {}
+			const nextProject = await openSyncInputDialog({
+				title: "Assign to project",
+				description,
+				initialValue,
+				placeholder: "Pick one or type a new project name",
+				suggestions,
+				confirmLabel: "Move",
+				cancelLabel: "Cancel",
+				validate: (value) => {
+					const trimmed = value.trim();
+					if (!trimmed) return "Enter a project name.";
+					if (trimmed === currentProject) return "Already assigned to this project.";
+					return null;
+				}
+			});
+			if (nextProject == null) return;
+			const target = nextProject.trim();
+			if (!target || target === currentProject) return;
+			setMovingProject(true);
+			try {
+				const result = await moveMemoryProject(memoryId, target);
+				const count = Number(result.moved_memory_count || 1);
+				showGlobalNotice(count > 1 ? `Moved ${count} memories from this session to "${result.project}".` : `Moved to "${result.project}".`);
+				await onReload();
+				onViewRefresh();
+			} catch (error) {
+				showGlobalNotice(error instanceof Error ? error.message : "Failed to move memory.", "warning");
+			} finally {
+				setMovingProject(false);
+			}
+		}
 		async function forgetMemory$1() {
 			const titleText = String(displayTitle || "this memory").trim();
 			if (!await openSyncConfirmDialog({
@@ -12071,7 +13017,9 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
 			label: formatDate(createdAtRaw),
 			side: "left"
 		}, _$3("div", { className: "small feed-age" }, relative)), Boolean(item.owned_by_self) && memoryId > 0 ? _$3(FeedItemMenu, {
+			assignProjectDisabled: movingProject,
 			disabled: deletingMemory,
+			onAssignProject: () => void moveProject(),
 			onForget: () => void forgetMemory$1(),
 			title: String(displayTitle || "memory")
 		}) : null)), _$3("div", { className: "feed-provenance" }, _$3(ProvenanceChip, {
@@ -12677,15 +13625,17 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
 			const pct = total && total > 0 ? ` (${Math.round(100 * current / total)}%)` : "";
 			const progress = total && total > 0 ? `${current.toLocaleString()}/${total.toLocaleString()} ${unit}${pct}` : `${current.toLocaleString()} ${unit}`;
 			const isFailed = job.status === "failed";
-			const detail = isFailed ? String(job.error || "unknown error").trim() : void 0;
+			const isCompleted = job.status === "completed";
+			const value = isFailed ? "Failed" : isCompleted ? "Complete" : progress;
+			const detail = isFailed ? String(job.error || "unknown error").trim() : isCompleted ? progress : void 0;
 			return buildHealthCard({
 				key: String(job.kind || job.title || "background-maintenance"),
 				label: String(job.title || job.kind || "Background maintenance"),
-				value: isFailed ? "Failed" : progress,
+				value,
 				detail,
-				icon: isFailed ? "alert-triangle" : "loader",
+				icon: isFailed ? "alert-triangle" : isCompleted ? "check-circle" : "loader",
 				className: isFailed ? "status-attention" : void 0,
-				title: isFailed ? `Error: ${job.error || "unknown"}` : `${String(job.title || "Maintenance")} in progress`
+				title: isFailed ? `Error: ${job.error || "unknown"}` : isCompleted ? `${String(job.title || "Maintenance")} finished` : `${String(job.title || "Maintenance")} in progress`
 			});
 		});
 		renderHealthCards(healthGrid, [
@@ -15053,22 +16003,16 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
 	function isRecord(value) {
 		return typeof value === "object" && value !== null;
 	}
+	function noPairingCommand(payloadText, hintText) {
+		state.pairingCommandRaw = "";
+		return {
+			payloadText,
+			hintText
+		};
+	}
 	function pairingView(payload) {
-		if (!isRecord(payload)) {
-			state.pairingCommandRaw = "";
-			return {
-				payloadText: "Pairing not available",
-				hintText: "Enable sync and retry."
-			};
-		}
+		if (!isRecord(payload)) return noPairingCommand("Pairing not available", "Enable sync and retry.");
 		const pairingPayload = payload;
-		if (pairingPayload.redacted) {
-			state.pairingCommandRaw = "";
-			return {
-				payloadText: "Pairing payload hidden",
-				hintText: "Diagnostics are required to view the pairing payload."
-			};
-		}
 		const safePayload = {
 			...pairingPayload,
 			addresses: Array.isArray(pairingPayload.addresses) ? pairingPayload.addresses : []
@@ -15182,122 +16126,6 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
 		if (hintMount) renderIntoSyncMount(hintMount, /* @__PURE__ */ u(PairingText, { text: view.hintText }));
 	}
 	//#endregion
-	//#region ../../node_modules/.pnpm/@radix-ui+react-collapsible@1.1.12_react-dom@19.2.4_react@19.2.4__react@19.2.4/node_modules/@radix-ui/react-collapsible/dist/index.mjs
-	var COLLAPSIBLE_NAME = "Collapsible";
-	var [createCollapsibleContext, createCollapsibleScope] = createContextScope(COLLAPSIBLE_NAME);
-	var [CollapsibleProvider, useCollapsibleContext] = createCollapsibleContext(COLLAPSIBLE_NAME);
-	var Collapsible = D((props, forwardedRef) => {
-		const { __scopeCollapsible, open: openProp, defaultOpen, disabled, onOpenChange, ...collapsibleProps } = props;
-		const [open, setOpen] = useControllableState({
-			prop: openProp,
-			defaultProp: defaultOpen ?? false,
-			onChange: onOpenChange,
-			caller: COLLAPSIBLE_NAME
-		});
-		return /* @__PURE__ */ u(CollapsibleProvider, {
-			scope: __scopeCollapsible,
-			disabled,
-			contentId: useId(),
-			open,
-			onOpenToggle: q$2(() => setOpen((prevOpen) => !prevOpen), [setOpen]),
-			children: /* @__PURE__ */ u(Primitive.div, {
-				"data-state": getState(open),
-				"data-disabled": disabled ? "" : void 0,
-				...collapsibleProps,
-				ref: forwardedRef
-			})
-		});
-	});
-	Collapsible.displayName = COLLAPSIBLE_NAME;
-	var TRIGGER_NAME = "CollapsibleTrigger";
-	var CollapsibleTrigger = D((props, forwardedRef) => {
-		const { __scopeCollapsible, ...triggerProps } = props;
-		const context = useCollapsibleContext(TRIGGER_NAME, __scopeCollapsible);
-		return /* @__PURE__ */ u(Primitive.button, {
-			type: "button",
-			"aria-controls": context.contentId,
-			"aria-expanded": context.open || false,
-			"data-state": getState(context.open),
-			"data-disabled": context.disabled ? "" : void 0,
-			disabled: context.disabled,
-			...triggerProps,
-			ref: forwardedRef,
-			onClick: composeEventHandlers(props.onClick, context.onOpenToggle)
-		});
-	});
-	CollapsibleTrigger.displayName = TRIGGER_NAME;
-	var CONTENT_NAME = "CollapsibleContent";
-	var CollapsibleContent = D((props, forwardedRef) => {
-		const { forceMount, ...contentProps } = props;
-		const context = useCollapsibleContext(CONTENT_NAME, props.__scopeCollapsible);
-		return /* @__PURE__ */ u(Presence, {
-			present: forceMount || context.open,
-			children: ({ present }) => /* @__PURE__ */ u(CollapsibleContentImpl, {
-				...contentProps,
-				ref: forwardedRef,
-				present
-			})
-		});
-	});
-	CollapsibleContent.displayName = CONTENT_NAME;
-	var CollapsibleContentImpl = D((props, forwardedRef) => {
-		const { __scopeCollapsible, present, children, ...contentProps } = props;
-		const context = useCollapsibleContext(CONTENT_NAME, __scopeCollapsible);
-		const [isPresent, setIsPresent] = d$2(present);
-		const ref = A$1(null);
-		const composedRefs = useComposedRefs(forwardedRef, ref);
-		const heightRef = A$1(0);
-		const height = heightRef.current;
-		const widthRef = A$1(0);
-		const width = widthRef.current;
-		const isOpen = context.open || isPresent;
-		const isMountAnimationPreventedRef = A$1(isOpen);
-		const originalStylesRef = A$1(void 0);
-		y$2(() => {
-			const rAF = requestAnimationFrame(() => isMountAnimationPreventedRef.current = false);
-			return () => cancelAnimationFrame(rAF);
-		}, []);
-		useLayoutEffect2(() => {
-			const node = ref.current;
-			if (node) {
-				originalStylesRef.current = originalStylesRef.current || {
-					transitionDuration: node.style.transitionDuration,
-					animationName: node.style.animationName
-				};
-				node.style.transitionDuration = "0s";
-				node.style.animationName = "none";
-				const rect = node.getBoundingClientRect();
-				heightRef.current = rect.height;
-				widthRef.current = rect.width;
-				if (!isMountAnimationPreventedRef.current) {
-					node.style.transitionDuration = originalStylesRef.current.transitionDuration;
-					node.style.animationName = originalStylesRef.current.animationName;
-				}
-				setIsPresent(present);
-			}
-		}, [context.open, present]);
-		return /* @__PURE__ */ u(Primitive.div, {
-			"data-state": getState(context.open),
-			"data-disabled": context.disabled ? "" : void 0,
-			id: context.contentId,
-			hidden: !isOpen,
-			...contentProps,
-			ref: composedRefs,
-			style: {
-				[`--radix-collapsible-content-height`]: height ? `${height}px` : void 0,
-				[`--radix-collapsible-content-width`]: width ? `${width}px` : void 0,
-				...props.style
-			},
-			children: isOpen && children
-		});
-	});
-	function getState(open) {
-		return open ? "open" : "closed";
-	}
-	var Root = Collapsible;
-	var Trigger = CollapsibleTrigger;
-	var Content = CollapsibleContent;
-	//#endregion
 	//#region src/tabs/sync/components/sync-disclosure.tsx
 	function SyncDisclosure({ open, onOpenChange, triggerId, triggerClassName, closedLabel, openLabel, contentId, contentClassName, contentHost = null, children }) {
 		const triggerRef = A$1(null);
@@ -15325,7 +16153,7 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
 				(contentRef.current?.querySelector("button:not([disabled]), input:not([disabled]), textarea:not([disabled]), select:not([disabled]), [tabindex]:not([tabindex=\"-1\"])"))?.focus();
 			});
 		}, [open]);
-		const content = /* @__PURE__ */ u(Content, {
+		const content = /* @__PURE__ */ u(Content$2, {
 			forceMount: true,
 			asChild: true,
 			children: /* @__PURE__ */ u("div", {
@@ -15336,10 +16164,10 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
 				children
 			})
 		});
-		return /* @__PURE__ */ u(Root, {
+		return /* @__PURE__ */ u(Root$3, {
 			open,
 			onOpenChange,
-			children: [/* @__PURE__ */ u(Trigger, {
+			children: [/* @__PURE__ */ u(Trigger$4, {
 				asChild: true,
 				children: /* @__PURE__ */ u("button", {
 					ref: triggerRef,
@@ -15812,12 +16640,7 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
 					title: trustSummary?.state === "needs-repairing" ? `${name} needs re-pairing` : `${name} needs review`,
 					summary: detail
 				}));
-			} else if (device.peer && peerStatus === "offline") attentionItems.push(createRepairItem({
-				id: device.deviceId,
-				name,
-				title: `${name} is offline`,
-				summary: "This device is offline or unreachable right now. Retry later, or review the local record if it should have been available."
-			}));
+			}
 			if (device.peer && trustSummary?.state === "trusted-by-you") attentionItems.push(createReviewItem({
 				id: device.deviceId,
 				key: "other-device-trust",
@@ -15883,6 +16706,10 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
 	function setTeamInvitePanelOpen(v) {
 		teamInvitePanelOpen = v;
 	}
+	var teamJoinPanelOpen = false;
+	function setTeamJoinPanelOpen(v) {
+		teamJoinPanelOpen = v;
+	}
 	var openPeerScopeEditors = /* @__PURE__ */ new Set();
 	var pendingPeerScopeReviewIds = /* @__PURE__ */ new Set();
 	var freshPeerScopeReviewIds = /* @__PURE__ */ new Set();
@@ -15958,9 +16785,6 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
 		const unique = Array.from(new Set(addresses.filter(Boolean)));
 		return typeof unique[0] === "string" ? unique[0] : "";
 	}
-	function parseScopeList(value) {
-		return value.split(",").map((item) => item.trim()).filter(Boolean);
-	}
 	function actorLabel(actor) {
 		if (!actor || typeof actor !== "object") return "Unknown person";
 		const displayName = String(actor.display_name || "").trim();
@@ -16006,53 +16830,203 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
 		if (!targetActorId || !target) return "Choose which person should keep these devices.";
 		return `Merge into ${actorDisplayLabel(target)}. Assigned devices move now; existing memories keep their current provenance.`;
 	}
-	function createChipEditor(initialValues, placeholder, emptyLabel) {
+	function createChipEditor(initialValues, placeholder, emptyLabel, availableProjects = []) {
 		let values = [...initialValues];
-		const container = el("div", "peer-scope-editor");
-		const chips = el("div", "peer-scope-chips");
-		const input = el("input", "peer-scope-input");
-		input.placeholder = placeholder;
-		const syncChips = () => {
-			chips.textContent = "";
+		let query = "";
+		let activeIndex = 0;
+		let popoverOpen = false;
+		const container = el("div", "project-scope-picker");
+		const selectedList = el("ul", "project-scope-picker-selected");
+		const trigger = el("button", "project-scope-picker-trigger settings-button");
+		trigger.type = "button";
+		const triggerLabel = el("span", null, placeholder || "Add project");
+		const triggerPlus = el("span", null, "+");
+		triggerPlus.setAttribute("aria-hidden", "true");
+		trigger.append(triggerPlus, triggerLabel);
+		trigger.setAttribute("aria-haspopup", "listbox");
+		trigger.setAttribute("aria-expanded", "false");
+		const popover = el("div", "project-scope-picker-popover project-scope-picker-popover--inline");
+		popover.hidden = true;
+		const search = el("input", "project-scope-picker-search");
+		search.type = "text";
+		search.placeholder = "Search or create…";
+		search.setAttribute("aria-label", "Search projects");
+		const results = el("div", "project-scope-picker-results");
+		results.setAttribute("role", "listbox");
+		popover.append(search, results);
+		const knownPool = () => {
+			const seen = /* @__PURE__ */ new Set();
+			const out = [];
+			for (const item of [...availableProjects, ...values]) {
+				const trimmed = item.trim();
+				if (!trimmed || seen.has(trimmed)) continue;
+				seen.add(trimmed);
+				out.push(trimmed);
+			}
+			return out.sort((a, b) => a.localeCompare(b));
+		};
+		const filteredRows = () => {
+			const all = knownPool();
+			const q = query.trim().toLowerCase();
+			if (!q) return all;
+			return all.filter((project) => project.toLowerCase().includes(q));
+		};
+		const shouldShowCreateRow = () => {
+			const q = query.trim();
+			if (!q) return false;
+			return !knownPool().some((project) => project.toLowerCase() === q.toLowerCase());
+		};
+		const toggleValue = (project) => {
+			if (values.includes(project)) values = values.filter((value) => value !== project);
+			else values = Array.from(new Set([...values, project]));
+			renderSelected();
+			renderResults();
+		};
+		const createFromQuery = () => {
+			const trimmed = query.trim();
+			if (!trimmed) return;
+			values = Array.from(new Set([...values, trimmed]));
+			query = "";
+			search.value = "";
+			activeIndex = 0;
+			renderSelected();
+			renderResults();
+		};
+		const activateRow = (index) => {
+			const rows = filteredRows();
+			if (index < rows.length) {
+				const project = rows[index];
+				if (project) toggleValue(project);
+				return;
+			}
+			if (shouldShowCreateRow()) createFromQuery();
+		};
+		const renderSelected = () => {
+			selectedList.textContent = "";
 			if (!values.length) {
-				chips.appendChild(el("span", "peer-scope-chip empty", emptyLabel));
+				const note = el("li", "project-scope-picker-selected-empty", emptyLabel);
+				selectedList.appendChild(note);
 				return;
 			}
-			values.forEach((value, index) => {
-				const chip = el("span", "peer-scope-chip");
+			values.forEach((value) => {
+				const chip = el("li", "project-scope-picker-selected-chip");
 				const label = el("span", null, value);
-				const remove = el("button", "peer-scope-chip-remove", "x");
+				const remove = el("button", "project-scope-picker-selected-remove", "×");
 				remove.type = "button";
 				remove.setAttribute("aria-label", `Remove ${value}`);
 				remove.addEventListener("click", () => {
-					values = values.filter((_, currentIndex) => currentIndex !== index);
-					syncChips();
+					values = values.filter((existing) => existing !== value);
+					renderSelected();
+					renderResults();
 				});
 				chip.append(label, remove);
-				chips.appendChild(chip);
+				selectedList.appendChild(chip);
+			});
+		};
+		const renderResults = () => {
+			results.textContent = "";
+			const rows = filteredRows();
+			const withCreate = shouldShowCreateRow();
+			const rowCount = rows.length + (withCreate ? 1 : 0);
+			if (activeIndex >= rowCount) activeIndex = Math.max(0, rowCount - 1);
+			if (!rows.length && !withCreate) {
+				const empty = el("div", "project-scope-picker-empty-row", "No projects yet. Type a name to create one.");
+				results.appendChild(empty);
+				return;
+			}
+			rows.forEach((project, index) => {
+				const selected = values.includes(project);
+				const row = el("button", index === activeIndex ? "project-scope-picker-row project-scope-picker-row--active" : "project-scope-picker-row");
+				row.type = "button";
+				row.setAttribute("role", "option");
+				row.setAttribute("aria-selected", selected ? "true" : "false");
+				const check = el("span", "project-scope-picker-row-check", selected ? "✓" : "");
+				check.setAttribute("aria-hidden", "true");
+				const labelEl = el("span", "project-scope-picker-row-label", project);
+				row.append(check, labelEl);
+				row.addEventListener("click", () => {
+					activeIndex = index;
+					toggleValue(project);
+				});
+				row.addEventListener("mouseenter", () => {
+					activeIndex = index;
+					renderResults();
+				});
+				results.appendChild(row);
 			});
+			if (withCreate) {
+				const index = rows.length;
+				const row = el("button", index === activeIndex ? "project-scope-picker-row project-scope-picker-row--create project-scope-picker-row--active" : "project-scope-picker-row project-scope-picker-row--create");
+				row.type = "button";
+				row.setAttribute("role", "option");
+				const check = el("span", "project-scope-picker-row-check", "+");
+				check.setAttribute("aria-hidden", "true");
+				const labelEl = el("span", "project-scope-picker-row-label", `Create "${query.trim()}"`);
+				row.append(check, labelEl);
+				row.addEventListener("click", () => createFromQuery());
+				row.addEventListener("mouseenter", () => {
+					activeIndex = index;
+					renderResults();
+				});
+				results.appendChild(row);
+			}
 		};
-		const commitInput = () => {
-			const incoming = parseScopeList(input.value);
-			if (incoming.length) {
-				values = Array.from(new Set([...values, ...incoming]));
-				input.value = "";
-				syncChips();
+		const setOpen = (next) => {
+			popoverOpen = next;
+			popover.hidden = !next;
+			trigger.setAttribute("aria-expanded", next ? "true" : "false");
+			if (next) {
+				query = "";
+				search.value = "";
+				activeIndex = 0;
+				renderResults();
+				requestAnimationFrame(() => search.focus());
 			}
 		};
-		input.addEventListener("keydown", (event) => {
-			if (event.key === "Enter" || event.key === ",") {
+		trigger.addEventListener("click", (event) => {
+			event.stopPropagation();
+			setOpen(!popoverOpen);
+		});
+		search.addEventListener("input", () => {
+			query = search.value;
+			activeIndex = 0;
+			renderResults();
+		});
+		search.addEventListener("keydown", (event) => {
+			const rowCount = filteredRows().length + (shouldShowCreateRow() ? 1 : 0);
+			if (event.key === "ArrowDown") {
+				event.preventDefault();
+				activeIndex = Math.min(rowCount - 1, activeIndex + 1);
+				renderResults();
+				return;
+			}
+			if (event.key === "ArrowUp") {
 				event.preventDefault();
-				commitInput();
+				activeIndex = Math.max(0, activeIndex - 1);
+				renderResults();
+				return;
+			}
+			if (event.key === "Enter") {
+				event.preventDefault();
+				activateRow(activeIndex);
+				return;
 			}
-			if (event.key === "Backspace" && !input.value && values.length) {
-				values = values.slice(0, -1);
-				syncChips();
+			if (event.key === "Escape") {
+				event.preventDefault();
+				setOpen(false);
 			}
 		});
-		input.addEventListener("blur", commitInput);
-		syncChips();
-		container.append(chips, input);
+		const onDocumentClick = (event) => {
+			if (!popoverOpen) return;
+			const target = event.target;
+			if (!target) return;
+			if (container.contains(target)) return;
+			setOpen(false);
+		};
+		document.addEventListener("click", onDocumentClick);
+		container.append(selectedList, trigger, popover);
+		renderSelected();
+		renderResults();
 		return {
 			element: container,
 			values: () => [...values]
@@ -16096,9 +17070,13 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
 			const peerLabel = String(matchedPeer?.name || "").trim() || (peerId ? peerId.slice(0, 8) : "unknown");
 			const isError = attempt.status === "error";
 			const detailParts = [];
-			if (isError && attempt.error) detailParts.push(String(attempt.error));
+			const redact = isSyncRedactionEnabled();
+			if (isError && attempt.error) {
+				const errText = String(attempt.error);
+				detailParts.push(redact ? redactIpOctets(errText) : errText);
+			}
 			if (!isError && (attempt.ops_in || attempt.ops_out)) detailParts.push(`${attempt.ops_in ?? 0} in · ${attempt.ops_out ?? 0} out`);
-			if (!isSyncRedactionEnabled() && attempt.address) detailParts.push(attempt.address);
+			if (!redact && attempt.address) detailParts.push(attempt.address);
 			return {
 				status: attempt.status || "unknown",
 				peerLabel,
@@ -16303,7 +17281,7 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
 		});
 		const pairingCopy = document.getElementById("pairingCopy");
 		if (pairingCopy) pairingCopy.onclick = async () => {
-			const text = state.pairingCommandRaw || document.getElementById("pairingPayload")?.textContent || "";
+			const text = state.pairingCommandRaw;
 			if (text) await copyToClipboard(text, pairingCopy);
 		};
 	}
@@ -16313,6 +17291,8 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
 		const pairingHint = document.getElementById("pairingHint");
 		if (!pairingPayloadEl) return;
 		renderPairingView(pairingPayloadEl, pairingHint, pairingView(state.pairingPayloadRaw));
+		const pairingCopy = document.getElementById("pairingCopy");
+		if (pairingCopy) pairingCopy.disabled = !state.pairingCommandRaw;
 	}
 	function renderRedactControl() {
 		const mount = document.getElementById(SYNC_REDACT_MOUNT_ID);
@@ -16630,6 +17610,24 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
 		renderIntoSyncMount(input.meta, /* @__PURE__ */ u(LegacyClaimMeta, { devices }));
 	}
 	//#endregion
+	//#region src/components/primitives/presence-pip.tsx
+	var DEFAULT_LABEL = {
+		online: "Online",
+		offline: "Offline",
+		degraded: "Degraded",
+		attention: "Action required",
+		syncing: "Syncing",
+		unknown: "Status unknown"
+	};
+	function PresencePip({ state, size = 8, "aria-label": ariaLabel }) {
+		return /* @__PURE__ */ u("span", {
+			"aria-label": ariaLabel ?? DEFAULT_LABEL[state],
+			className: `presence-pip presence-pip--${state}`,
+			role: "img",
+			style: `--presence-pip-size: ${size}px`
+		});
+	}
+	//#endregion
 	//#region src/tabs/sync/peer-scope-collapsible.tsx
 	function PeerScopeCollapsible({ contentHost, initialOpen, onOpenChange, children }) {
 		const [open, setOpen] = d$2(initialOpen);
@@ -16646,17 +17644,17 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
 				(contentRef.current?.querySelector("button:not([disabled]), input:not([disabled]), textarea:not([disabled]), select:not([disabled]), [tabindex]:not([tabindex=\"-1\"])"))?.focus();
 			});
 		}, [open]);
-		return /* @__PURE__ */ u(Root, {
+		return /* @__PURE__ */ u(Root$3, {
 			open,
 			onOpenChange: setOpen,
-			children: [/* @__PURE__ */ u(Trigger, {
+			children: [/* @__PURE__ */ u(Trigger$4, {
 				asChild: true,
 				children: /* @__PURE__ */ u("button", {
 					type: "button",
 					className: "settings-button",
 					children: open ? "Hide sharing scope" : "Show sharing scope"
 				})
-			}), contentHost ? $$1(/* @__PURE__ */ u(Content, {
+			}), contentHost ? $$1(/* @__PURE__ */ u(Content$2, {
 				forceMount: true,
 				ref: contentRef,
 				className: `peer-scope-editor-wrap${open ? "" : " collapsed"}`,
@@ -16683,6 +17681,46 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
 	}
 	//#endregion
 	//#region src/tabs/sync/components/sync-peers.tsx
+	function ChevronRightIcon() {
+		return /* @__PURE__ */ u("svg", {
+			"aria-hidden": "true",
+			fill: "none",
+			stroke: "currentColor",
+			"stroke-linecap": "round",
+			"stroke-linejoin": "round",
+			"stroke-width": "2",
+			viewBox: "0 0 24 24",
+			xmlns: "http://www.w3.org/2000/svg",
+			children: [/* @__PURE__ */ u("title", { children: "Chevron" }), /* @__PURE__ */ u("path", { d: "m9 18 6-6-6-6" })]
+		});
+	}
+	function presenceForPeer(peer) {
+		switch (derivePeerUiStatus(peer)) {
+			case "connected": return "online";
+			case "offline": return "offline";
+			case "needs-repair": return "attention";
+			default: return "unknown";
+		}
+	}
+	var expandedPeerId = null;
+	var expandTickCounter = 0;
+	var expandListeners = /* @__PURE__ */ new Set();
+	function setExpandedPeer(peerId) {
+		if (expandedPeerId === peerId) return;
+		expandedPeerId = peerId;
+		expandTickCounter += 1;
+		for (const listener of expandListeners) listener(expandTickCounter);
+	}
+	function useExpandedPeer() {
+		const [, setTick] = d$2(0);
+		y$2(() => {
+			expandListeners.add(setTick);
+			return () => {
+				expandListeners.delete(setTick);
+			};
+		}, []);
+		return expandedPeerId;
+	}
 	var DIRECTION_GLYPH = {
 		bidirectional: {
 			glyph: "↕",
@@ -16724,9 +17762,6 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
 		const scope = peer.project_scope || {};
 		const includeList = listText(scope.include);
 		const excludeList = listText(scope.exclude);
-		listText(scope.effective_include);
-		listText(scope.effective_exclude);
-		Boolean(scope.inherits_global);
 		const primaryAddress = pickPrimaryAddress(peer.addresses);
 		const peerAddresses = Array.isArray(peer.addresses) ? Array.from(new Set(peer.addresses.filter(Boolean).map((value) => String(value)))) : [];
 		const addressLine = peerAddresses.length ? peerAddresses.map((address) => isSyncRedactionEnabled() ? redactAddress(address) : address).join(" · ") : "No addresses";
@@ -16767,8 +17802,16 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
 			state.lastSyncPeers,
 			state.lastSyncViewModel
 		]);
-		const includeEditor = T$1(() => createChipEditor(includeList, "Add included project", "All projects"), [peerId, includeList.join("|")]);
-		const excludeEditor = T$1(() => createChipEditor(excludeList, "Add excluded project", "No exclusions"), [peerId, excludeList.join("|")]);
+		const includeEditor = T$1(() => createChipEditor(includeList, "Add project", "All projects", state.knownProjects), [
+			peerId,
+			includeList.join("|"),
+			state.knownProjects.join("|")
+		]);
+		const excludeEditor = T$1(() => createChipEditor(excludeList, "Add project", "No exclusions", state.knownProjects), [
+			peerId,
+			excludeList.join("|"),
+			state.knownProjects.join("|")
+		]);
 		y$2(() => {
 			setRenameValue(displayName);
 			setFeedback(state.syncPeerFeedbackById.get(peerId) ?? null);
@@ -16910,171 +17953,214 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
 				setResetScopeBusy(false);
 			}
 		}
-		return /* @__PURE__ */ u("div", {
-			ref: cardRef,
-			className: "peer-card",
-			"data-peer-device-id": peerId || void 0,
-			children: [/* @__PURE__ */ u("div", {
-				className: "peer-title",
-				children: [/* @__PURE__ */ u("div", { children: [
-					/* @__PURE__ */ u("strong", {
-						title: peerId || void 0,
-						children: displayName
-					}),
-					directionHint ? /* @__PURE__ */ u("span", {
-						"aria-label": directionHint.label,
-						className: "peer-direction",
-						role: "img",
-						title: directionHint.label,
-						children: directionHint.glyph
-					}) : null,
-					/* @__PURE__ */ u("div", {
-						className: "peer-meta",
-						children: [/* @__PURE__ */ u("span", {
-							className: `badge ${trustSummary.isWarning ? "badge-offline" : "badge-online"}`,
-							children: trustSummary.badgeLabel
-						}), pendingScopeReview ? /* @__PURE__ */ u("span", {
-							className: "badge actor-badge",
-							children: "Needs scope review"
-						}) : null]
-					})
-				] }), /* @__PURE__ */ u("div", {
-					className: "peer-actions",
-					children: [
-						/* @__PURE__ */ u("button", {
-							type: "button",
-							className: "settings-button",
-							disabled: !primaryAddress || syncBusy,
-							onClick: () => void sync(),
-							children: syncBusy ? "Syncing…" : "Sync now"
-						}),
-						/* @__PURE__ */ u("div", {
-							className: "sync-labeled-field",
-							children: [/* @__PURE__ */ u("label", {
-								className: "sync-labeled-field-caption",
-								htmlFor: `device-name-${peerId || "unknown"}`,
-								children: "Device name"
-							}), /* @__PURE__ */ u(TextInput, {
-								"aria-label": `Friendly name for ${displayName}`,
-								className: "peer-scope-input",
-								"data-device-name-input": peerId || void 0,
-								disabled: renameBusy,
-								id: `device-name-${peerId || "unknown"}`,
-								placeholder: "Friendly device name",
-								type: "text",
-								value: renameValue,
-								onInput: (event) => setRenameValue(event.currentTarget.value)
-							})]
-						}),
-						/* @__PURE__ */ u("button", {
-							type: "button",
-							className: "settings-button",
-							disabled: renameBusy,
-							onClick: () => void rename(),
-							children: renameLabel
-						}),
-						/* @__PURE__ */ u("button", {
-							type: "button",
-							className: "settings-button danger",
-							disabled: removeBusy,
-							onClick: () => void remove(),
-							children: removeLabel
-						})
-					]
-				})]
-			}), /* @__PURE__ */ u("div", {
-				className: "peer-scope",
-				children: [
-					scopeReviewRequested ? /* @__PURE__ */ u("div", {
-						className: "peer-meta",
-						children: "Review this device's sharing rules now if the defaults are too broad."
-					}) : pendingScopeReview ? /* @__PURE__ */ u("div", {
-						className: "peer-meta",
-						children: "Sharing rule review is still pending for this device."
-					}) : null,
-					/* @__PURE__ */ u("div", {
-						className: "peer-scope-summary",
-						children: "Device details"
-					}),
-					/* @__PURE__ */ u("div", {
-						className: "peer-addresses",
-						children: addressLine
-					}),
-					/* @__PURE__ */ u("div", {
-						className: "peer-meta",
-						children: [lastSyncAt ? `Sync: ${formatTimestamp(lastSyncAt)}` : "Sync: never", lastPingAt ? `Ping: ${formatTimestamp(lastPingAt)}` : "Ping: never"].join(" · ")
-					}),
-					/* @__PURE__ */ u("div", {
-						className: "peer-scope-summary",
-						children: "Who this device belongs to"
-					}),
-					/* @__PURE__ */ u("div", {
-						className: "peer-meta",
-						children: assignmentSummary
-					}),
-					/* @__PURE__ */ u("div", {
-						className: "peer-actor-row",
-						children: [/* @__PURE__ */ u("div", {
-							className: "sync-radix-select-host sync-actor-select-host",
-							children: /* @__PURE__ */ u(RadixSelect, {
-								ariaLabel: `Assigned person for ${displayName}`,
-								contentClassName: "sync-radix-select-content sync-actor-select-content",
-								disabled: applyActorBusy,
-								itemClassName: "sync-radix-select-item",
-								onValueChange: setSelectedActorId,
-								options: actorSelectOptions,
-								placeholder: "No person assigned yet",
-								triggerClassName: "sync-radix-select-trigger sync-actor-select",
-								value: selectedActorId,
-								viewportClassName: "sync-radix-select-viewport"
+		const isExpanded = useExpandedPeer() === peerId && peerId !== "";
+		const drawerId = `device-drawer-${peerId || "unknown"}`;
+		const presenceState = presenceForPeer(peer);
+		const syncMetaText = lastSyncAt ? `Sync: ${formatTimestamp(lastSyncAt)}` : "Sync: never";
+		const toggleLabel = `${isExpanded ? "Collapse" : "Expand"} device ${displayName}`;
+		const handleOpenChange = (open) => {
+			if (open) setExpandedPeer(peerId);
+			else if (expandedPeerId === peerId) setExpandedPeer(null);
+		};
+		return /* @__PURE__ */ u(Root$3, {
+			asChild: true,
+			open: isExpanded,
+			onOpenChange: handleOpenChange,
+			children: /* @__PURE__ */ u("div", {
+				ref: cardRef,
+				className: "peer-card",
+				"data-peer-device-id": peerId || void 0,
+				children: [/* @__PURE__ */ u(Trigger$4, {
+					asChild: true,
+					children: /* @__PURE__ */ u("button", {
+						"aria-label": toggleLabel,
+						className: "device-row-head device-row-head--trigger",
+						type: "button",
+						children: [
+							/* @__PURE__ */ u(PresencePip, { state: presenceState }),
+							/* @__PURE__ */ u("span", {
+								className: "device-row-name",
+								title: peerId || void 0,
+								children: displayName
+							}),
+							directionHint ? /* @__PURE__ */ u("span", {
+								"aria-label": directionHint.label,
+								className: "peer-direction",
+								role: "img",
+								title: directionHint.label,
+								children: directionHint.glyph
+							}) : null,
+							/* @__PURE__ */ u("span", {
+								className: "device-row-chips",
+								children: [
+									/* @__PURE__ */ u("span", {
+										className: `badge ${trustSummary.isWarning ? "badge-offline" : "badge-online"}`,
+										children: trustSummary.badgeLabel
+									}),
+									pendingScopeReview ? /* @__PURE__ */ u("span", {
+										className: "badge actor-badge",
+										children: "Needs scope review"
+									}) : null,
+									peer.discovered_via_group_id ? /* @__PURE__ */ u("span", {
+										className: "badge actor-badge",
+										title: `Discovered through coordinator group ${peer.discovered_via_group_id}`,
+										children: `via ${peer.discovered_via_group_id}`
+									}) : null
+								]
+							}),
+							/* @__PURE__ */ u("span", {
+								className: "device-row-meta",
+								children: syncMetaText
+							}),
+							/* @__PURE__ */ u("span", {
+								"aria-hidden": "true",
+								className: "device-row-chevron",
+								children: /* @__PURE__ */ u(ChevronRightIcon, {})
 							})
-						}), /* @__PURE__ */ u("button", {
-							type: "button",
-							className: "settings-button",
-							disabled: applyActorBusy,
-							onClick: () => void savePerson(),
-							children: applyActorLabel
-						})]
-					}),
-					/* @__PURE__ */ u("div", {
-						className: "peer-scope-summary",
-						children: "Advanced sharing scope"
-					}),
-					/* @__PURE__ */ u("div", {
-						className: "peer-meta",
-						children: "Review or tighten what this device can share when you need more than the global defaults."
-					}),
-					/* @__PURE__ */ u(PeerScopeCollapsible, {
-						contentHost: scopeHost,
-						initialOpen: scopeEditorOpen,
-						onOpenChange: (open) => {
-							if (open) openPeerScopeEditors.add(peerId);
-							else openPeerScopeEditors.delete(peerId);
-						},
-						children: /* @__PURE__ */ u("div", { children: [/* @__PURE__ */ u("div", {
-							className: "peer-scope-row",
-							children: [/* @__PURE__ */ u(ExistingElementSlot$1, { element: includeEditor.element }), /* @__PURE__ */ u(ExistingElementSlot$1, { element: excludeEditor.element })]
-						}), /* @__PURE__ */ u("div", {
-							className: "peer-scope-actions",
-							children: [/* @__PURE__ */ u("button", {
+						]
+					})
+				}), /* @__PURE__ */ u(Content$2, {
+					"aria-label": `Device actions for ${displayName}`,
+					className: "device-row-drawer",
+					id: drawerId,
+					children: [/* @__PURE__ */ u("div", {
+						className: "peer-actions",
+						children: [
+							/* @__PURE__ */ u("button", {
 								type: "button",
 								className: "settings-button",
-								disabled: saveScopeBusy,
-								onClick: () => void saveScope(),
-								children: saveScopeLabel
-							}), /* @__PURE__ */ u("button", {
+								disabled: !primaryAddress || syncBusy,
+								onClick: () => void sync(),
+								children: syncBusy ? "Syncing…" : "Sync now"
+							}),
+							/* @__PURE__ */ u("div", {
+								className: "sync-labeled-field",
+								children: [/* @__PURE__ */ u("label", {
+									className: "sync-labeled-field-caption",
+									htmlFor: `device-name-${peerId || "unknown"}`,
+									children: "Device name"
+								}), /* @__PURE__ */ u(TextInput, {
+									"aria-label": `Friendly name for ${displayName}`,
+									className: "peer-scope-input",
+									"data-device-name-input": peerId || void 0,
+									disabled: renameBusy,
+									id: `device-name-${peerId || "unknown"}`,
+									placeholder: "Friendly device name",
+									type: "text",
+									value: renameValue,
+									onInput: (event) => setRenameValue(event.currentTarget.value)
+								})]
+							}),
+							/* @__PURE__ */ u("button", {
 								type: "button",
 								className: "settings-button",
-								disabled: resetScopeBusy,
-								onClick: () => void resetScope(),
-								children: resetScopeLabel
-							})]
-						})] })
-					}),
-					/* @__PURE__ */ u(SyncInlineFeedback, { feedback }),
-					/* @__PURE__ */ u("div", { ref: setScopeHost })
-				]
-			})]
+								disabled: renameBusy,
+								onClick: () => void rename(),
+								children: renameLabel
+							}),
+							/* @__PURE__ */ u("button", {
+								type: "button",
+								className: "settings-button danger",
+								disabled: removeBusy,
+								onClick: () => void remove(),
+								children: removeLabel
+							})
+						]
+					}), /* @__PURE__ */ u("div", {
+						className: "peer-scope",
+						children: [
+							scopeReviewRequested ? /* @__PURE__ */ u("div", {
+								className: "peer-meta",
+								children: "Review this device's sharing rules now if the defaults are too broad."
+							}) : pendingScopeReview ? /* @__PURE__ */ u("div", {
+								className: "peer-meta",
+								children: "Sharing rule review is still pending for this device."
+							}) : null,
+							/* @__PURE__ */ u("div", {
+								className: "peer-scope-summary",
+								children: "Device details"
+							}),
+							/* @__PURE__ */ u("div", {
+								className: "peer-addresses",
+								children: addressLine
+							}),
+							/* @__PURE__ */ u("div", {
+								className: "peer-meta",
+								children: [lastSyncAt ? `Sync: ${formatTimestamp(lastSyncAt)}` : "Sync: never", lastPingAt ? `Ping: ${formatTimestamp(lastPingAt)}` : "Ping: never"].join(" · ")
+							}),
+							/* @__PURE__ */ u("div", {
+								className: "peer-scope-summary",
+								children: "Who this device belongs to"
+							}),
+							/* @__PURE__ */ u("div", {
+								className: "peer-meta",
+								children: assignmentSummary
+							}),
+							/* @__PURE__ */ u("div", {
+								className: "peer-actor-row",
+								children: [/* @__PURE__ */ u("div", {
+									className: "sync-radix-select-host sync-actor-select-host",
+									children: /* @__PURE__ */ u(RadixSelect, {
+										ariaLabel: `Assigned person for ${displayName}`,
+										contentClassName: "sync-radix-select-content sync-actor-select-content",
+										disabled: applyActorBusy,
+										itemClassName: "sync-radix-select-item",
+										onValueChange: setSelectedActorId,
+										options: actorSelectOptions,
+										placeholder: "No person assigned yet",
+										triggerClassName: "sync-radix-select-trigger sync-actor-select",
+										value: selectedActorId,
+										viewportClassName: "sync-radix-select-viewport"
+									})
+								}), /* @__PURE__ */ u("button", {
+									type: "button",
+									className: "settings-button",
+									disabled: applyActorBusy,
+									onClick: () => void savePerson(),
+									children: applyActorLabel
+								})]
+							}),
+							/* @__PURE__ */ u("div", {
+								className: "peer-scope-summary",
+								children: "Advanced sharing scope"
+							}),
+							/* @__PURE__ */ u("div", {
+								className: "peer-meta",
+								children: "Review or tighten what this device can share when you need more than the global defaults."
+							}),
+							/* @__PURE__ */ u(PeerScopeCollapsible, {
+								contentHost: scopeHost,
+								initialOpen: scopeEditorOpen,
+								onOpenChange: (open) => {
+									if (open) openPeerScopeEditors.add(peerId);
+									else openPeerScopeEditors.delete(peerId);
+								},
+								children: /* @__PURE__ */ u("div", { children: [/* @__PURE__ */ u("div", {
+									className: "peer-scope-row",
+									children: [/* @__PURE__ */ u(ExistingElementSlot$1, { element: includeEditor.element }), /* @__PURE__ */ u(ExistingElementSlot$1, { element: excludeEditor.element })]
+								}), /* @__PURE__ */ u("div", {
+									className: "peer-scope-actions",
+									children: [/* @__PURE__ */ u("button", {
+										type: "button",
+										className: "settings-button",
+										disabled: saveScopeBusy,
+										onClick: () => void saveScope(),
+										children: saveScopeLabel
+									}), /* @__PURE__ */ u("button", {
+										type: "button",
+										className: "settings-button",
+										disabled: resetScopeBusy,
+										onClick: () => void resetScope(),
+										children: resetScopeLabel
+									})]
+								})] })
+							}),
+							/* @__PURE__ */ u(SyncInlineFeedback, { feedback }),
+							/* @__PURE__ */ u("div", { ref: setScopeHost })
+						]
+					})]
+				})]
+			})
 		});
 	}
 	function SyncPeersList(props) {
@@ -17082,8 +18168,8 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
 		const syncStatus = state.lastSyncStatus;
 		const syncDisabled = syncStatus?.daemon_state === "disabled" || syncStatus?.enabled === false;
 		if (!props.peers.length) return /* @__PURE__ */ u(k$3, { children: [/* @__PURE__ */ u(SyncInlineFeedback, { feedback: sectionFeedback }), /* @__PURE__ */ u(SyncEmptyState, {
-			detail: syncDisabled ? "Turn on sync in Settings → Device Sync first, then use Show pairing command under Connect another device to connect another device." : "Use Show pairing command under Connect another device, run the command on the other device, then come back here to name it and decide who it belongs to.",
-			title: "No devices connected here yet."
+			detail: syncDisabled ? "Turn on sync in Settings → Device Sync first. Then use Invite a teammate or Paste an invite above to connect another device." : "Use Invite a teammate above to share a join code, or Paste an invite to enroll this device on an existing team.",
+			title: "No teammates yet"
 		})] });
 		return /* @__PURE__ */ u(k$3, { children: [/* @__PURE__ */ u(SyncInlineFeedback, { feedback: sectionFeedback }), props.peers.map((peer) => {
 			const peerId = String(peer.peer_device_id || peer.name || "unknown-peer");
@@ -17378,6 +18464,31 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
 		});
 	}
 	//#endregion
+	//#region src/tabs/sync/sync-view-controller.ts
+	function getSyncSubView() {
+		return window.location.hash.replace(/^#/, "") === "sync/diagnostics" ? "diagnostics" : "main";
+	}
+	function applySyncSubView(view = getSyncSubView()) {
+		const main = document.getElementById("syncMainView");
+		const diag = document.getElementById("syncDiagnosticsView");
+		if (!main || !diag) return;
+		if (view === "diagnostics") {
+			main.hidden = true;
+			diag.hidden = false;
+		} else {
+			main.hidden = false;
+			diag.hidden = true;
+		}
+	}
+	var listenerAttached = false;
+	function ensureSyncSubViewListener() {
+		if (listenerAttached) return;
+		listenerAttached = true;
+		window.addEventListener("hashchange", () => {
+			applySyncSubView();
+		});
+	}
+	//#endregion
 	//#region src/tabs/sync/team-sync/data/state.ts
 	var teamSyncState = {
 		invitePolicy: "auto_admit",
@@ -17529,16 +18640,24 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
 			if (!syncJoinButton || !syncJoinInvite) return;
 			const inviteValue = syncJoinInvite.value.trim();
 			if (!inviteValue) {
-				markFieldError(syncJoinInvite, "Paste a team invite to join.");
+				markFieldError(syncJoinInvite, "Paste a team invite or pairing payload.");
 				return;
 			}
 			clearFieldError(syncJoinInvite);
 			syncJoinButton.disabled = true;
-			syncJoinButton.textContent = "Joining…";
+			syncJoinButton.textContent = "Accepting…";
 			try {
 				const result = await importCoordinatorInvite(inviteValue);
 				state.lastTeamJoin = result;
-				let feedback = {
+				const resultType = typeof result.type === "string" ? result.type : "team_join";
+				let feedback;
+				if (resultType === "pair") {
+					const peerId = String(result.peer_device_id ?? "").trim();
+					feedback = {
+						message: peerId ? `Paired with device ${peerId.slice(0, 8)}. It will appear in People & devices.` : "Paired the device. It will appear in People & devices.",
+						tone: "success"
+					};
+				} else feedback = {
 					message: result.status === "pending" ? "Join request sent. Waiting for admin approval." : "Joined the team.",
 					tone: "success"
 				};
@@ -17549,7 +18668,7 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
 					await loadSyncData();
 				} catch (error) {
 					feedback = {
-						message: friendlyError(error, "Joined the team, but this view has not refreshed yet."),
+						message: friendlyError(error, "Accepted the invite, but this view has not refreshed yet."),
 						tone: "warning"
 					};
 					state.syncJoinFlowFeedback = feedback;
@@ -17557,7 +18676,7 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
 				}
 			} catch (error) {
 				state.syncJoinFlowFeedback = {
-					message: friendlyError(error, "Failed to import invite. Check that the invite is complete, current, and meant for this team, then try again."),
+					message: friendlyError(error, "Failed to accept. Check that the invite or pairing payload is complete and current, then try again."),
 					tone: "warning"
 				};
 				setJoinFeedbackVisibility();
@@ -17567,7 +18686,7 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
 			} finally {
 				if (syncJoinButton.disabled) {
 					syncJoinButton.disabled = false;
-					syncJoinButton.textContent = "Join team";
+					syncJoinButton.textContent = "Accept";
 				}
 			}
 		});
@@ -17646,16 +18765,38 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
 			})]
 		});
 	}
-	function SyncInviteJoinPanels({ invitePanel, invitePanelOpen, inviteRestoreParent, joinPanel, joinRestoreParent, onToggleInvitePanel, pairedPeerCount, presenceStatus }) {
+	function JoinToggleRow({ joinPanel, joinPanelOpen, joinRestoreParent, onToggle }) {
+		return /* @__PURE__ */ u(k$3, { children: [/* @__PURE__ */ u("div", {
+			className: "sync-action",
+			children: [/* @__PURE__ */ u("div", {
+				className: "sync-action-text",
+				children: ["Accept an invite or pairing.", /* @__PURE__ */ u("span", {
+					className: "sync-action-command",
+					children: "Paste a team invite to join another team, or a pairing payload to connect another device."
+				})]
+			}), /* @__PURE__ */ u("button", {
+				type: "button",
+				className: "settings-button",
+				onClick: onToggle,
+				children: joinPanelOpen ? "Hide paste form" : "Paste invite or pairing"
+			})]
+		}), joinPanel ? /* @__PURE__ */ u(ExistingElementSlot, {
+			element: joinPanel,
+			hidden: !joinPanelOpen,
+			restoreParent: joinRestoreParent
+		}) : null] });
+	}
+	function SyncInviteJoinPanels({ invitePanel, invitePanelOpen, inviteRestoreParent, joinPanel, joinPanelOpen, joinRestoreParent, onToggleInvitePanel, onToggleJoinPanel, pairedPeerCount, presenceStatus }) {
+		const notEnrolled = presenceStatus === "not_enrolled";
 		return /* @__PURE__ */ u(k$3, { children: [
-			presenceStatus === "not_enrolled" ? /* @__PURE__ */ u(k$3, { children: [
+			notEnrolled ? /* @__PURE__ */ u(k$3, { children: [
 				/* @__PURE__ */ u("div", {
 					className: "sync-action",
 					children: /* @__PURE__ */ u("div", {
 						className: "sync-action-text",
 						children: ["Join this device.", /* @__PURE__ */ u("span", {
 							className: "sync-action-command",
-							children: "Paste an invite for this device below to join an existing team."
+							children: "Paste a team invite or pairing payload below to join an existing team or connect another of your devices."
 						})]
 					})
 				}),
@@ -17679,8 +18820,17 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
 						})]
 					})
 				})
-			] }) : null,
-			presenceStatus !== "not_enrolled" ? /* @__PURE__ */ u(InviteToggleRow, {
+			] }) : /* @__PURE__ */ u(k$3, { children: [/* @__PURE__ */ u(JoinToggleRow, {
+				joinPanel,
+				joinPanelOpen,
+				joinRestoreParent,
+				onToggle: onToggleJoinPanel
+			}), /* @__PURE__ */ u("div", {
+				className: "peer-meta",
+				id: "syncJoinFeedback",
+				hidden: true
+			})] }),
+			!notEnrolled ? /* @__PURE__ */ u(InviteToggleRow, {
 				invitePanel,
 				invitePanelOpen,
 				inviteRestoreParent,
@@ -17798,41 +18948,40 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
 	function DiscoveredDeviceRow({ row, onInspectConflict, onRemoveConflict, onReview }) {
 		const [busy, setBusy] = d$2(null);
 		const [feedback, setFeedback] = d$2(null);
-		const [reviewLabel, setReviewLabel] = d$2(row.actionLabel || "Review device");
+		const defaultReviewLabel = row.actionLabel || "Pair with this device";
+		const [reviewLabel, setReviewLabel] = d$2(defaultReviewLabel);
 		const [removeLabel, setRemoveLabel] = d$2("Remove broken device record");
 		return /* @__PURE__ */ u("div", {
-			className: "actor-row",
+			className: "peer-card peer-card--padded",
 			"data-discovered-device-id": row.deviceId,
 			children: [
 				/* @__PURE__ */ u("div", {
-					className: "actor-details",
-					children: [/* @__PURE__ */ u("div", {
-						className: "actor-title",
-						children: [
-							/* @__PURE__ */ u("strong", {
-								title: row.displayTitle || void 0,
-								children: row.displayName
-							}),
-							/* @__PURE__ */ u("span", {
-								className: `badge actor-badge${row.availabilityLabel === "Offline" ? "" : " local"}`,
-								children: row.availabilityLabel
-							}),
-							/* @__PURE__ */ u("span", {
-								className: "badge actor-badge",
-								children: row.connectionLabel
-							}),
-							row.approvalBadgeLabel ? /* @__PURE__ */ u("span", {
-								className: "badge actor-badge",
-								children: row.approvalBadgeLabel
-							}) : null
-						]
-					}), /* @__PURE__ */ u("div", {
-						className: "peer-meta",
-						children: row.note
-					})]
+					className: "peer-title",
+					children: [
+						/* @__PURE__ */ u("strong", {
+							title: row.displayTitle || void 0,
+							children: row.displayName
+						}),
+						/* @__PURE__ */ u("span", {
+							className: `badge actor-badge${row.availabilityLabel === "Offline" ? "" : " local"}`,
+							children: row.availabilityLabel
+						}),
+						/* @__PURE__ */ u("span", {
+							className: "badge actor-badge",
+							children: row.connectionLabel
+						}),
+						row.approvalBadgeLabel ? /* @__PURE__ */ u("span", {
+							className: "badge actor-badge",
+							children: row.approvalBadgeLabel
+						}) : null
+					]
 				}),
 				/* @__PURE__ */ u("div", {
-					className: "actor-actions",
+					className: "peer-meta",
+					children: row.note
+				}),
+				/* @__PURE__ */ u("div", {
+					className: "peer-actions",
 					children: [
 						row.mode === "accept" ? /* @__PURE__ */ u("button", {
 							type: "button",
@@ -17841,10 +18990,10 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
 							disabled: busy !== null,
 							onClick: async () => {
 								setBusy("review");
-								setReviewLabel("Reviewing…");
+								setReviewLabel("Pairing…");
 								try {
 									setFeedback(await onReview(row) || null);
-									setReviewLabel(row.actionLabel || "Review device");
+									setReviewLabel(row.actionLabel || defaultReviewLabel);
 								} catch {
 									setReviewLabel("Retry");
 								} finally {
@@ -17870,7 +19019,7 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
 							children: "Open device details"
 						}), /* @__PURE__ */ u("button", {
 							type: "button",
-							className: "settings-button",
+							className: "settings-button danger",
 							"aria-label": `${removeLabel} for ${row.displayName}`,
 							disabled: busy !== null,
 							onClick: async () => {
@@ -17938,36 +19087,6 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
 			children
 		] });
 	}
-	function TeamStatusPortal({ mount, statusSummary }) {
-		return $$1(/* @__PURE__ */ u("div", {
-			className: "sync-team-summary",
-			children: [
-				/* @__PURE__ */ u(SectionHeading, { label: "Overview" }),
-				/* @__PURE__ */ u("div", {
-					className: "sync-team-status-row",
-					children: [/* @__PURE__ */ u("span", {
-						className: "sync-team-status-label",
-						children: "Current status"
-					}), /* @__PURE__ */ u("span", {
-						className: statusSummary.badgeClassName,
-						children: statusSummary.presenceLabel
-					})]
-				}),
-				statusSummary.headline ? /* @__PURE__ */ u("div", {
-					className: "sync-team-headline",
-					children: statusSummary.headline
-				}) : null,
-				statusSummary.detail ? /* @__PURE__ */ u("div", {
-					className: "section-meta",
-					children: statusSummary.detail
-				}) : null,
-				/* @__PURE__ */ u("div", {
-					className: "sync-team-metrics sync-team-metrics-secondary",
-					children: statusSummary.metricsText
-				})
-			]
-		}), mount);
-	}
 	function DiscoveredPortal({ mount, rows, onInspectConflict, onRemoveConflict, onReview }) {
 		if (!mount || !rows.length && !state.syncDiscoveredFeedback) return null;
 		return $$1(/* @__PURE__ */ u(k$3, { children: [
@@ -18005,10 +19124,6 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
 		return /* @__PURE__ */ u(k$3, { children: [
 			/* @__PURE__ */ u(ActionContent, { ...props }),
 			/* @__PURE__ */ u(TeamActionsContent, { children: props.children }),
-			/* @__PURE__ */ u(TeamStatusPortal, {
-				mount: props.listMount,
-				statusSummary: props.statusSummary
-			}),
 			/* @__PURE__ */ u(PendingRequestsPortal, {
 				mount: props.joinRequestsMount,
 				requests: props.pendingJoinRequests,
@@ -18078,10 +19193,8 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
 	function renderTeamSync() {
 		const meta = document.getElementById("syncTeamMeta");
 		const setupPanel = document.getElementById("syncSetupPanel");
-		const list = document.getElementById("syncTeamStatus");
-		const listHeading = list?.previousElementSibling;
 		const actions = document.getElementById("syncTeamActions");
-		if (!meta || !setupPanel || !list || !actions) return;
+		if (!meta || !setupPanel || !actions) return;
 		renderAdminSetupDisclosure();
 		renderInvitePolicySelect();
 		setInviteOutputVisibility();
@@ -18195,13 +19308,13 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
 		};
 		const reviewDiscoveredDeviceName = async (suggestedName) => {
 			return await openSyncInputDialog({
-				title: "Review device",
-				description: "Choose a friendly name for this device before connecting it on this machine.",
+				title: "Pair with this device",
+				description: "Choose a friendly name for this device before pairing it on this machine.",
 				initialValue: suggestedName,
 				placeholder: "Desk Mini",
-				confirmLabel: "Connect device",
+				confirmLabel: "Pair",
 				cancelLabel: "Cancel",
-				validate: (nextValue) => nextValue.trim() ? null : "Enter a device name to connect this device."
+				validate: (nextValue) => nextValue.trim() ? null : "Enter a device name to pair this device."
 			});
 		};
 		const configured = Boolean(coordinator?.configured);
@@ -18210,32 +19323,18 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
 		const onlineBadge = document.getElementById("syncOnlineBadge");
 		if (onlineBadge) updateSyncOnlineBadge(onlineBadge, configured, String(coordinator?.presence_status || ""));
 		if (!configured) {
-			teardownTeamSyncRender(actions, [
-				list,
-				joinRequests,
-				discoveredList
-			]);
+			teardownTeamSyncRender(actions, [joinRequests, discoveredList]);
 			setupPanel.hidden = false;
-			list.hidden = true;
-			if (listHeading) listHeading.hidden = true;
 			actions.hidden = true;
 			if (joinRequests) joinRequests.hidden = true;
 			if (discoveredPanel) discoveredPanel.hidden = true;
 			return;
 		}
 		setupPanel.hidden = true;
-		list.hidden = false;
-		if (listHeading) listHeading.hidden = false;
 		actions.hidden = false;
 		const presenceStatus = String(coordinator.presence_status || "");
-		const presenceLabel = presenceStatus === "posted" ? "Connected" : presenceStatus === "not_enrolled" ? "Needs enrollment" : "Connection error";
 		const localPeers = Array.isArray(state.lastSyncPeers) ? state.lastSyncPeers : [];
 		const attentionItems = Array.isArray(syncView.attentionItems) ? syncView.attentionItems : [];
-		const connectedCount = Number(syncView.summary?.connectedDeviceCount || 0);
-		const seenOnTeamCount = Number(syncView.summary?.seenOnTeamCount || 0);
-		const offlineTeamDeviceCount = Number(syncView.summary?.offlineTeamDeviceCount || 0);
-		const metricParts = [`Connected ${connectedCount}`, `Team ${seenOnTeamCount}`];
-		if (offlineTeamDeviceCount > 0) metricParts.push(`Offline ${offlineTeamDeviceCount}`);
 		const discoveredRows = (Array.isArray(coordinator.discovered_devices) ? coordinator.discovered_devices : []).map((device) => {
 			const deviceId = String(device.device_id || "").trim();
 			const displayName = resolveFriendlyDeviceName({
@@ -18283,7 +19382,7 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
 			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,
-				actionLabel: approvalSummary.actionLabel || "Review device",
+				actionLabel: approvalSummary.actionLabel || (pairedPeer ? "Review device" : "Pair with this device"),
 				approvalBadgeLabel: approvalSummary.badgeLabel,
 				availabilityLabel: device.stale ? "Offline" : "Available",
 				connectionLabel: hasConflict ? SYNC_TERMINOLOGY.conflicts : pairedPeer ? SYNC_TERMINOLOGY.pairedLocally : "Not connected on this device",
@@ -18300,37 +19399,12 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
 		const visibleDiscoveredRows = discoveredRows.filter((row) => row.mode !== "paired" && row.mode !== "none" && row.mode !== "scope-pending");
 		const discoveredActionableCount = discoveredRows.filter((row) => row.mode === "accept" || row.mode === "scope-pending").length;
 		const actionableCount = attentionItems.length + pendingJoinRequests.length + discoveredActionableCount;
-		const attentionParts = [];
-		if (attentionItems.length > 0) {
-			const repairItems = attentionItems.filter((item) => item.kind === "device-needs-repair");
-			const nameItems = attentionItems.filter((item) => item.kind === "name-device");
-			const reviewItems = attentionItems.filter((item) => item.kind === "review-team-device");
-			const duplicateItems = attentionItems.filter((item) => item.kind === "possible-duplicate-person");
-			if (repairItems.length > 0) attentionParts.push(`${repairItems.length} device issue${repairItems.length === 1 ? "" : "s"} to review`);
-			if (nameItems.length > 0) attentionParts.push(`${nameItems.length} device${nameItems.length === 1 ? "" : "s"} to name`);
-			if (reviewItems.length > 0) attentionParts.push(`${reviewItems.length} device${reviewItems.length === 1 ? "" : "s"} to review`);
-			if (duplicateItems.length > 0) attentionParts.push(`${duplicateItems.length} possible duplicate${duplicateItems.length === 1 ? "" : "s"}`);
-		}
-		if (pendingJoinRequests.length > 0) attentionParts.push(`${pendingJoinRequests.length} join request${pendingJoinRequests.length === 1 ? "" : "s"} to review`);
-		if (discoveredActionableCount > 0) attentionParts.push(`${discoveredActionableCount} discovered device${discoveredActionableCount === 1 ? "" : "s"}`);
-		const attentionDetail = attentionParts.join(", ");
 		const teamLabel = (coordinator.groups || []).join(", ") || "none";
-		const statusSummary = {
-			badgeClassName: `pill ${presenceStatus === "posted" ? "pill-success" : presenceStatus === "not_enrolled" ? "pill-warning" : "pill-error"}`,
-			detail: presenceStatus === "posted" ? actionableCount > 0 ? `Team ${teamLabel}. Work through Needs attention above, then review people and devices.` : `Team ${teamLabel}. Nothing urgent is blocking sync right now.` : presenceStatus === "not_enrolled" ? `Team ${teamLabel}. Enroll this device first, then return here to review the rest of the team.` : `Team ${teamLabel}. Fix the current sync issue first, then verify the rest of the team state.`,
-			headline: presenceStatus === "posted" ? actionableCount > 0 ? attentionDetail : "Everything is healthy" : presenceStatus === "not_enrolled" ? "This device is not enrolled in the team yet" : "Sync needs attention",
-			metricsText: metricParts.join(" · "),
-			presenceLabel
-		};
 		meta.textContent = presenceStatus === "posted" ? actionableCount > 0 ? `Team: ${teamLabel}. Start with the next step below, then scan the current team status.` : `Team: ${teamLabel}. Team status and device details are below.` : presenceStatus === "not_enrolled" ? `Team: ${teamLabel}. Enroll this device first, then return here to review the rest of the team.` : `Team: ${teamLabel}. Fix the current sync issue first, then use the rest of this card to verify the team state.`;
 		if (discoveredPanel) discoveredPanel.hidden = visibleDiscoveredRows.length === 0 && !state.syncDiscoveredFeedback;
-		if (discoveredMeta) discoveredMeta.textContent = visibleDiscoveredRows.length ? "Review anything here that still needs trust, follow-up, or approval." : "";
+		if (discoveredMeta) discoveredMeta.textContent = visibleDiscoveredRows.length ? "Pair with a teammate's device to see it appear in People & devices and start syncing." : "";
 		if (joinRequests) joinRequests.hidden = pendingJoinRequests.length === 0 && !state.syncJoinRequestsFeedback;
-		teardownTeamSyncRender(actions, [
-			list,
-			joinRequests,
-			discoveredList
-		]);
+		teardownTeamSyncRender(actions, [joinRequests, discoveredList]);
 		const actionMount = document.createElement("div");
 		actionMount.id = TEAM_SYNC_ACTIONS_MOUNT_ID;
 		actions.appendChild(actionMount);
@@ -18342,19 +19416,24 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
 				invitePanelOpen: teamInvitePanelOpen,
 				inviteRestoreParent,
 				joinPanel,
+				joinPanelOpen: teamJoinPanelOpen,
 				joinRestoreParent,
 				onToggleInvitePanel: () => {
 					if (!invitePanel) return;
 					setTeamInvitePanelOpen(!teamInvitePanelOpen);
 					renderTeamSync();
 				},
+				onToggleJoinPanel: () => {
+					if (!joinPanel) return;
+					setTeamJoinPanelOpen(!teamJoinPanelOpen);
+					renderTeamSync();
+				},
 				pairedPeerCount: Number(coordinator.paired_peer_count || 0),
 				presenceStatus
 			}),
 			discoveredListMount: discoveredList,
 			discoveredRows: visibleDiscoveredRows,
 			joinRequestsMount: joinRequests,
-			listMount: list,
 			onApproveJoinRequest: async () => null,
 			onAttentionAction: async (item) => {
 				if (item.kind === "possible-duplicate-person") {
@@ -18457,8 +19536,7 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
 				}
 			},
 			pendingJoinRequests,
-			presenceStatus,
-			statusSummary
+			presenceStatus
 		}));
 	}
 	//#endregion
@@ -18670,9 +19748,20 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
 			renderSyncDiagnosticsUnavailable();
 		}
 	}
+	/**
+	* Called after `/api/projects` resolves (see app.ts loadProjects) so the
+	* Sync peer-scope picker rerenders with the freshly-cached project names.
+	* Without this, loadSyncData's dedup hash would skip the next render when
+	* the underlying sync payload hasn't changed, leaving the scope picker's
+	* clickable project list stuck on whatever was cached at first paint.
+	*/
+	function invalidateSyncPeerScopeCache() {
+		lastSyncHash = "";
+		if (state.lastSyncPeers?.length) renderSyncPeers();
+	}
 	async function loadPairingData() {
 		try {
-			state.pairingPayloadRaw = await loadPairing(!isSyncRedactionEnabled()) || null;
+			state.pairingPayloadRaw = await loadPairing() || null;
 			renderPairing();
 		} catch {
 			state.pairingPayloadRaw = null;
@@ -18688,6 +19777,8 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
 		initTeamSyncEvents(refreshCallback, loadSyncData);
 		initPeopleEvents(loadSyncData);
 		initDiagnosticsEvents(refreshCallback);
+		applySyncSubView();
+		ensureSyncSubViewListener();
 	}
 	//#endregion
 	//#region src/app.ts
@@ -18702,7 +19793,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, "80517a4");
+			setRuntimeLabel(runtime.version, "c411f68");
 		} catch {}
 	}
 	var lastAnnouncedRefreshState = null;
@@ -18724,14 +19815,6 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
 			return false;
 		}
 	}
-	function stopReconnectLoop() {
-		if (reconnectTimer) {
-			clearTimeout(reconnectTimer);
-			reconnectTimer = null;
-		}
-		reconnecting = false;
-		setReconnectOverlay(false);
-	}
 	function canResumeRefresh() {
 		return document.visibilityState !== "hidden" && !isSettingsOpen();
 	}
@@ -18743,12 +19826,20 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
 		setReconnectOverlay(true, "The viewer server is restarting or temporarily unavailable. Trying again automatically…");
 		const tick = async () => {
 			if (await isViewerReady()) {
-				stopReconnectLoop();
+				if (reconnectTimer) {
+					clearTimeout(reconnectTimer);
+					reconnectTimer = null;
+				}
+				reconnecting = false;
+				setReconnectOverlay(true, "Viewer responded. Restoring your session…");
 				if (canResumeRefresh()) {
 					setRefreshStatus("refreshing");
 					startPolling();
-					doRefresh();
+					try {
+						await doRefresh();
+					} catch {}
 				} else setRefreshStatus("paused", document.visibilityState === "hidden" ? "(tab hidden)" : "(settings open)");
+				if (!reconnecting) setReconnectOverlay(false);
 				return;
 			}
 			setReconnectOverlay(true, "Still reconnecting… the viewer will recover automatically as soon as the server responds.");
@@ -18832,14 +19923,16 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
 			$(`tabBtn-${id}`)?.addEventListener("click", () => switchTab(id));
 		});
 		window.addEventListener("hashchange", () => {
-			const hash = window.location.hash.replace("#", "");
-			if (ALL_TAB_IDS.includes(hash) && hash !== state.activeTab) switchTab(hash);
+			const top = parseTabFromHash();
+			if (top && top !== state.activeTab) switchTab(top);
 		});
 		switchTab(state.activeTab);
 	}
 	async function loadProjects() {
 		try {
 			const projects = await loadProjects$1();
+			state.knownProjects = projects;
+			invalidateSyncPeerScopeCache();
 			const projectFilter = $select("projectFilter");
 			if (!projectFilter) return;
 			projectFilter.textContent = "";
@@ -18933,9 +20026,17 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
 			scheduleReconnectLoop();
 			return;
 		}
-		stopReconnectLoop();
+		if (reconnectTimer) {
+			clearTimeout(reconnectTimer);
+			reconnectTimer = null;
+		}
+		reconnecting = false;
+		setReconnectOverlay(true, "Viewer responded. Restoring your session…");
 		startPolling();
-		doRefresh();
+		try {
+			await doRefresh();
+		} catch {}
+		if (!reconnecting) setReconnectOverlay(false);
 	});
 	loadRuntimeLabel();
 	refresh();