@powerhousedao/connect 6.2.0-dev.4 → 6.2.0-dev.40

package/dist/{app-loader-DxoMZXTL.js → app-loader-6NP0KBww.js}

@@ -1,18 +1,19 @@
 
-!function(){try{var e="undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof globalThis?globalThis:"undefined"!=typeof self?self:{},n=(new e.Error).stack;n&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[n]="e428717e-ea15-57ae-b56b-d3f820f6d77c")}catch(e){}}();
+!function(){try{var e="undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof globalThis?globalThis:"undefined"!=typeof self?self:{},n=(new e.Error).stack;n&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[n]="3ad5ed01-1906-5e34-87e1-a4d5b03fb8d0")}catch(e){}}();
 import { n as getRuntimeConfig } from "./runtime-config-DL3QjcfM.js";
-import { n as i18n } from "./reload-connect-toast-CwvSc6F-.js";
-import { a as defaultPHDocumentEditorConfig, i as defaultPHAppConfig, r as connectConfig } from "./connect.config-aPx3rHZQ.js";
-import { c as subscribeReactorPgMajor, d as createFileDataStore, f as idbError, l as IDB_STORE_NAME, m as readPgVersionFile, p as openIdb, r as getCachedReactorPgMajor, u as PRIMARY_IDB_NAMES } from "./pglite-runtime-toc1-TWa.js";
-import { t as serviceWorkerManager } from "./registerServiceWorker-B7uKpkci.js";
-import { n as toast, t as ToastContainer } from "./toast-BEy42aYx.js";
+import { c as idbError } from "./pglite-major-B39aOEiE.js";
+import { n as cloneFileData, r as migrateIdb } from "./pglite-migrate-core-Boxqqx-c.js";
+import { n as i18n } from "./reload-connect-toast-qibmlgQm.js";
+import { a as defaultPHDocumentEditorConfig, i as defaultPHAppConfig, r as connectConfig } from "./connect.config-BG681xG9.js";
+import { f as PRIMARY_IDB_NAMES, r as subscribeWorkerConnection, s as getCachedMigrationMajor, t as getWorkerConnectionStatus, u as subscribeMigrationMajor } from "./connection-state-Cig644T0.js";
+import { t as serviceWorkerManager } from "./registerServiceWorker-2tRbkdJj.js";
+import { n as toast, t as ToastContainer } from "./toast-4t-VimvD.js";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-import { PGlite } from "@electric-sql/pglite";
 import { Trans, useTranslation } from "react-i18next";
 import React, { StrictMode, Suspense, lazy, useCallback, useEffect, useMemo, useRef, useState, useSyncExternalStore } from "react";
-import { driveCollectionId, getRevisionFromDate, initTheme, logout, openRenown, setPHAppConfig, setPHDocumentEditorConfig, setRevisionHistoryVisible, setSelectedDrive, setSelectedNode, showPHModal, useAppModuleById, useDefaultAppModule, useDocumentById, useDocumentModelModuleById, useDocumentOperations, useDrives, useEditorModuleById, useFallbackEditorModule, useIsAddDriveEnabled, useNodeParentFolderById, usePHModal, usePackageDiscoveryService, useReactorClientModule, useRevisionHistoryVisible, useSelectedDocument, useSelectedDocumentId, useSelectedDriveSafe, useSelectedFolder, useSelectedTimelineItem, useSyncList, useTheme, useUser, useVetraPackageManager, useVetraPackages } from "@powerhousedao/reactor-browser";
+import { DriveCollectionId, getRevisionFromDate, initTheme, logout, openRenown, setPHAppConfig, setPHDocumentEditorConfig, setRevisionHistoryVisible, setSelectedDrive, setSelectedNode, showPHModal, useAppModuleById, useConnectionStates, useDefaultAppModule, useDocumentById, useDocumentModelModuleById, useDocumentOperations, useDrives, useEditorModuleById, useFallbackEditorModule, useIsAddDriveEnabled, useNodeParentFolderById, usePHModal, usePackageDiscoveryService, useReactorClientModule, useRevisionHistoryVisible, useSelectedDocument, useSelectedDocumentId, useSelectedDriveSafe, useSelectedFolder, useSelectedTimelineItem, useSyncList, useTheme, useUser, useVetraPackageManager, useVetraPackages } from "@powerhousedao/reactor-browser";
 import { childLogger } from "document-model";
-import { ConnectSidebar, ConnectTooltipProvider, CookieBanner, DefaultEditorLoader, DropZoneWrapper, HomeScreen, HomeScreenAddDriveItem, HomeScreenItem, LogoAnimation, PackageInstallModal, RevisionHistory, SidebarAddDriveItem, SidebarItem, useEns } from "@powerhousedao/design-system/connect";
+import { ConnectSidebar, ConnectTooltipProvider, CookieBanner, DefaultEditorLoader, DriveAuthGate, DropZoneWrapper, HomeScreen, HomeScreenAddDriveItem, HomeScreenItem, LogoAnimation, PackageInstallModal, RevisionHistory, SidebarAddDriveItem, SidebarItem, useEns } from "@powerhousedao/design-system/connect";
 import { z } from "zod";
 import { Outlet, RouterProvider, createBrowserRouter, createRoutesFromChildren, matchRoutes, useLocation, useNavigationType } from "react-router-dom";
 import { useHotkeys } from "react-hotkeys-hook";
@@ -76,18 +77,18 @@ var DocumentEditorDebugTools = class {
 //#endregion
 //#region src/components/migration-status.ts
 let current = null;
-const listeners$3 = /* @__PURE__ */ new Set();
+const listeners$2 = /* @__PURE__ */ new Set();
 function setMigrationStatus(status) {
 	current = status;
-	for (const l of listeners$3) l();
+	for (const l of listeners$2) l();
 }
 function getMigrationStatus() {
 	return current;
 }
 function subscribeMigrationStatus(cb) {
-	listeners$3.add(cb);
+	listeners$2.add(cb);
 	return () => {
-		listeners$3.delete(cb);
+		listeners$2.delete(cb);
 	};
 }
 //#endregion
@@ -95,18 +96,6 @@ function subscribeMigrationStatus(cb) {
 const BACKUP_PREFIX = "ph-pglite-backup::";
 const BACKUP_INDEX_KEY = "ph:pglite-backups";
 const BACKUP_RETENTION_MS = 720 * 60 * 60 * 1e3;
-const LEGACY_DUMPERS = { 16: async () => {
-	const [{ PGlite: LegacyPGlite }, { pgDump }] = await Promise.all([import("pglite-legacy-02"), import("pglite-tools-legacy-02/pg_dump")]);
-	return async (idbName) => {
-		const pg = new LegacyPGlite(`idb://${idbName.replace(/^\/pglite\//, "")}`);
-		try {
-			await pg.waitReady;
-			return await (await pgDump({ pg })).text();
-		} finally {
-			await pg.close();
-		}
-	};
-} };
 function deleteIdb(name, timeoutMs = 15e3) {
 	return new Promise((resolve, reject) => {
 		const req = indexedDB.deleteDatabase(name);
@@ -127,56 +116,6 @@ function deleteIdb(name, timeoutMs = 15e3) {
 		});
 	});
 }
-async function clearFileData(name) {
-	const db = await openIdb(name, 21, createFileDataStore);
-	try {
-		await new Promise((resolve, reject) => {
-			const tx = db.transaction(IDB_STORE_NAME, "readwrite");
-			tx.oncomplete = () => resolve();
-			tx.onerror = () => reject(idbError(tx, `FILE_DATA clear failed for ${name}`));
-			tx.onabort = () => reject(idbError(tx, `FILE_DATA clear aborted for ${name}`));
-			tx.objectStore(IDB_STORE_NAME).clear();
-		});
-	} finally {
-		db.close();
-	}
-}
-async function cloneFileData(sourceName, destName) {
-	const source = await openIdb(sourceName, 21, createFileDataStore);
-	try {
-		const dest = await openIdb(destName, 21, createFileDataStore);
-		try {
-			const readStore = source.transaction(IDB_STORE_NAME, "readonly").objectStore(IDB_STORE_NAME);
-			const entries = await new Promise((resolve, reject) => {
-				const out = [];
-				const req = readStore.openCursor();
-				req.onerror = () => reject(idbError(req, `FILE_DATA read cursor failed for ${sourceName}`));
-				req.onsuccess = () => {
-					const cursor = req.result;
-					if (!cursor) return resolve(out);
-					out.push({
-						key: cursor.key,
-						value: cursor.value
-					});
-					cursor.continue();
-				};
-			});
-			await new Promise((resolve, reject) => {
-				const writeTx = dest.transaction(IDB_STORE_NAME, "readwrite");
-				writeTx.oncomplete = () => resolve();
-				writeTx.onerror = () => reject(idbError(writeTx, `FILE_DATA write failed for ${destName}`));
-				writeTx.onabort = () => reject(idbError(writeTx, `FILE_DATA write aborted for ${destName}`));
-				const writeStore = writeTx.objectStore(IDB_STORE_NAME);
-				writeStore.clear();
-				for (const { key, value } of entries) writeStore.put(value, key);
-			});
-		} finally {
-			dest.close();
-		}
-	} finally {
-		source.close();
-	}
-}
 function readBackupIndex() {
 	try {
 		const raw = localStorage.getItem(BACKUP_INDEX_KEY);
@@ -215,101 +154,47 @@ async function janitor() {
 	}
 	writeBackupIndex(keep);
 }
-function publishPhase(idbName, phase) {
-	setMigrationStatus({
-		idbName,
-		phase
-	});
-}
-async function migrateIdbIfNeeded(idbName) {
-	const major = await readPgVersionFile(idbName);
-	if (major === null || major === 17) return;
-	const loader = LEGACY_DUMPERS[major];
-	if (!loader) throw new Error(`Unsupported legacy PGlite data dir: PG_VERSION=${major} for ${idbName}`);
-	const backupName = `${BACKUP_PREFIX}${idbName}::${(/* @__PURE__ */ new Date()).toISOString()}`;
-	const backupRec = {
-		name: backupName,
-		idbName,
-		createdAt: Date.now()
-	};
-	publishPhase(idbName, "clone");
-	await cloneFileData(idbName, backupName);
-	registerBackup(backupRec);
-	let sql;
-	try {
-		publishPhase(idbName, "dump");
-		sql = await (await loader())(idbName);
-	} catch (err) {
-		await deleteIdb(backupName).catch(() => {});
-		forgetBackup(backupName);
-		throw err;
-	}
-	try {
-		await clearFileData(idbName);
-		publishPhase(idbName, "restore");
-		const pg = new PGlite(`idb://${idbName.replace(/^\/pglite\//, "")}`, { relaxedDurability: false });
-		try {
-			await pg.waitReady;
-			console.info(`[pglite-migration] Dump preamble (first 500 chars):\n${sql.slice(0, 500)}`);
-			try {
-				await pg.exec("SET standard_conforming_strings = off;");
-			} catch (gucErr) {
-				console.warn("[pglite-migration] Could not force standard_conforming_strings=off", gucErr);
-			}
+function createPersistentBackup() {
+	return {
+		snapshot: async (idbName) => {
+			const backupName = `${BACKUP_PREFIX}${idbName}::${(/* @__PURE__ */ new Date()).toISOString()}`;
+			await cloneFileData(idbName, backupName);
+			registerBackup({
+				name: backupName,
+				idbName,
+				createdAt: Date.now()
+			});
+			return backupName;
+		},
+		rollback: async (handle, idbName, cause) => {
+			const backupName = handle;
 			try {
-				await pg.exec(sql);
-			} catch (execErr) {
-				logRestoreFailure(idbName, sql, execErr);
-				throw execErr;
+				await cloneFileData(backupName, idbName);
+			} catch (rollbackErr) {
+				console.error(`PGlite migration rollback failed for ${idbName}; backup ${backupName} retained. Primary migration error:`, cause, "Rollback error:", rollbackErr);
+				return;
 			}
-		} finally {
-			await pg.close();
-		}
-	} catch (err) {
-		await rollbackFromBackup(idbName, backupName, err);
-		throw err;
-	}
+			await deleteIdb(backupName).catch(() => void 0);
+			forgetBackup(backupName);
+		},
+		discard: async (handle) => {
+			const backupName = handle;
+			await deleteIdb(backupName).catch(() => void 0);
+			forgetBackup(backupName);
+		},
+		commit: () => Promise.resolve()
+	};
 }
-function logRestoreFailure(idbName, sql, err) {
-	const errObj = err;
-	const position = typeof errObj.position === "string" ? parseInt(errObj.position, 10) : typeof errObj.position === "number" ? errObj.position : NaN;
-	console.error(`[pglite-migration] Restore failed for ${idbName}`, {
-		message: errObj.message,
-		code: errObj.code,
-		severity: errObj.severity,
-		detail: errObj.detail,
-		where: errObj.where,
-		position: errObj.position,
-		sqlLength: sql.length
-	});
-	if (Number.isFinite(position) && position > 0) {
-		const zeroBased = position - 1;
-		const start = Math.max(0, zeroBased - 200);
-		const end = Math.min(sql.length, zeroBased + 200);
-		const before = sql.slice(start, zeroBased);
-		const at = sql.slice(zeroBased, zeroBased + 1);
-		const after = sql.slice(zeroBased + 1, end);
-		console.error(`[pglite-migration] SQL context around position ${position}:\n${before}»${at}«${after}`);
-		const lineStart = sql.lastIndexOf("\n", zeroBased) + 1;
-		const lineEnd = sql.indexOf("\n", zeroBased);
-		const line = sql.slice(lineStart, lineEnd === -1 ? sql.length : lineEnd);
-		console.error(`[pglite-migration] Failing line (truncated to 500 chars):\n${line.slice(0, 500)}`);
-	} else console.error(`[pglite-migration] No position info. First 2000 chars of dump:\n${sql.slice(0, 2e3)}`);
-}
-async function rollbackFromBackup(idbName, backupName, originalError) {
+async function migrateAllLocked() {
+	const backup = createPersistentBackup();
 	try {
-		await clearFileData(idbName).catch(() => {});
-		await cloneFileData(backupName, idbName);
-	} catch (rollbackErr) {
-		console.error(`PGlite migration failed AND rollback failed for ${idbName}. Primary error:`, originalError, "Rollback error:", rollbackErr);
-		return;
+		for (const idbName of PRIMARY_IDB_NAMES) await migrateIdb(idbName, (phase) => setMigrationStatus({
+			idbName,
+			phase
+		}), backup);
+	} finally {
+		setMigrationStatus(null);
 	}
-	await deleteIdb(backupName).catch(() => {});
-	forgetBackup(backupName);
-}
-async function migrateAllLocked() {
-	for (const idbName of PRIMARY_IDB_NAMES) await migrateIdbIfNeeded(idbName);
-	setMigrationStatus(null);
 }
 async function migrateAllIfNeeded() {
 	janitor().catch((err) => console.warn("PGlite backup janitor failed", err));
@@ -324,7 +209,7 @@ async function migrateAllIfNeeded() {
 //#endregion
 //#region src/hooks/useAcceptedCookies.ts
 const ACCEPTED_COOKIES_KEY_STORAGE = `${connectConfig.routerBasename}:acceptedCookies`;
-const listeners$2 = /* @__PURE__ */ new Set();
+const listeners$1 = /* @__PURE__ */ new Set();
 let cookies = getInitial$1();
 function getInitial$1() {
 	try {
@@ -348,11 +233,11 @@ function getCookies() {
 function setCookies(setter) {
 	cookies = setter(cookies);
 	localStorage.setItem(ACCEPTED_COOKIES_KEY_STORAGE, JSON.stringify(cookies));
-	listeners$2.forEach((fn) => fn());
+	listeners$1.forEach((fn) => fn());
 }
 function subscribe$1(fn) {
-	listeners$2.add(fn);
-	return () => listeners$2.delete(fn);
+	listeners$1.add(fn);
+	return () => listeners$1.delete(fn);
 }
 const useAcceptedCookies = () => {
 	return [useSyncExternalStore(subscribe$1, getCookies, getCookies), setCookies];
@@ -602,7 +487,7 @@ function useIsEmbedded() {
 	return getIsEmbedded();
 }
 const COOKIE_BANNER_KEY_STORAGE = `${connectConfig.routerBasename}:display-cookie-banner`;
-const listeners$1 = /* @__PURE__ */ new Set();
+const listeners = /* @__PURE__ */ new Set();
 let bannerShown = getInitial();
 function getInitial() {
 	if (getIsEmbedded()) return false;
@@ -621,8 +506,8 @@ function setCookieBannerState(state) {
 	localStorage.setItem(COOKIE_BANNER_KEY_STORAGE, JSON.stringify(state));
 }
 function subscribe(fn) {
-	listeners$1.add(fn);
-	return () => listeners$1.delete(fn);
+	listeners.add(fn);
+	return () => listeners.delete(fn);
 }
 const useCookieBanner = () => {
 	return [useSyncExternalStore(subscribe, getCookieBannerState, getCookieBannerState), setCookieBannerState];
@@ -743,12 +628,12 @@ const MigrationOverlay = () => {
 	return /* @__PURE__ */ jsx("div", {
 		className: "absolute inset-0 z-20 flex items-center justify-center",
 		children: /* @__PURE__ */ jsxs("div", {
-			className: "rounded-lg bg-white/90 px-6 py-4 text-sm text-gray-900 shadow-lg dark:bg-slate-900/90 dark:text-slate-50",
+			className: "rounded-lg bg-card/90 px-6 py-4 text-sm text-foreground shadow-lg",
 			children: [/* @__PURE__ */ jsx("div", {
 				className: "font-medium",
 				children: "Upgrading local database…"
 			}), /* @__PURE__ */ jsx("div", {
-				className: "text-gray-700 dark:text-slate-200",
+				className: "text-foreground",
 				children: PHASE_LABEL[status.phase]
 			})]
 		})
@@ -780,7 +665,7 @@ const AppSkeleton = (props) => {
 	const isSSR = typeof window === "undefined";
 	const isHomeScreen = !isSSR && window.location.pathname === getBasePath();
 	return /* @__PURE__ */ jsxs("div", {
-		className: "flex h-screen overflow-hidden bg-gray-50 dark:bg-slate-700",
+		className: "flex h-screen overflow-hidden bg-background",
 		children: [
 			!(!isSSR && getIsEmbedded()) && /* @__PURE__ */ jsx(ConnectSidebar, {
 				className: "animate-pulse",
@@ -790,7 +675,7 @@ const AppSkeleton = (props) => {
 				address: void 0
 			}),
 			/* @__PURE__ */ jsx(HomeScreen, {
-				containerClassName: isSSR || !isHomeScreen ? "hidden home-screen" : void 0,
+				containerClassName: isSSR || !isHomeScreen ? "home-screen hidden" : void 0,
 				children: props.children ?? null
 			}),
 			isSSR ? /* @__PURE__ */ jsx("script", { dangerouslySetInnerHTML: { __html: `
@@ -835,7 +720,7 @@ function DetailedFallback({ error, resetErrorBoundary }) {
 	return /* @__PURE__ */ jsx("div", {
 		className: "z-10 mx-auto flex max-w-[80%] flex-1 items-center justify-center p-6",
 		children: /* @__PURE__ */ jsxs("div", {
-			className: "w-full max-w-lg rounded-lg border border-gray-500 bg-gray-50 p-6 shadow-sm dark:border-slate-400 dark:bg-slate-800",
+			className: "w-full max-w-lg rounded-lg border border-border bg-background p-6 shadow-sm",
 			children: [
 				/* @__PURE__ */ jsxs("div", {
 					className: "mb-3 flex items-center gap-2",
@@ -848,16 +733,16 @@ function DetailedFallback({ error, resetErrorBoundary }) {
 					})]
 				}),
 				/* @__PURE__ */ jsx("p", {
-					className: "mb-4 text-sm text-gray-700 dark:text-slate-200",
+					className: "mb-4 text-sm text-foreground",
 					children: errorMessage
 				}),
 				errorDetails !== "{}" && /* @__PURE__ */ jsxs("details", {
 					className: "group",
 					children: [/* @__PURE__ */ jsx("summary", {
-						className: "cursor-pointer text-sm font-medium text-gray-700 underline select-none hover:text-gray-700 dark:text-slate-200 dark:hover:text-slate-200",
+						className: "cursor-pointer text-sm font-medium text-foreground underline select-none hover:hover-effect",
 						children: "Show details"
 					}), /* @__PURE__ */ jsx("pre", {
-						className: "mt-2 max-h-48 overflow-auto rounded-sm bg-gray-100 p-3 text-xs dark:bg-slate-700",
+						className: "mt-2 max-h-48 overflow-auto rounded-sm bg-muted p-3 text-xs",
 						children: errorDetails
 					})]
 				}),
@@ -1071,7 +956,8 @@ function buildIdentifyPayload(user) {
 function OpenPanel() {
 	const [{ analytics }] = useAcceptedCookies();
 	const user = useUser();
-	const reactorClientModule = useReactorClientModule();
+	const module = useReactorClientModule();
+	const reactorClientModule = module?.kind === "browser" ? module : void 0;
 	const [client, setClient] = useState();
 	/**
 	* Tracks the previous `user` value so we can detect the two transitions:
@@ -1219,11 +1105,11 @@ function MissingModelBanner() {
 	const [open, setOpen] = useState(false);
 	if (failed.length === 0) return null;
 	return /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsxs("div", {
-		className: "flex items-center justify-between gap-3 bg-amber-100 px-4 py-2 text-sm text-amber-900 dark:bg-amber-800 dark:text-amber-100",
+		className: "flex items-center justify-between gap-3 bg-warning/10 px-4 py-2 text-sm text-warning",
 		children: [/* @__PURE__ */ jsx("span", { children: failed.length === 1 ? "1 document type couldn't load (missing model)." : `${failed.length} document types couldn't load (missing models).` }), /* @__PURE__ */ jsx("button", {
 			type: "button",
 			onClick: () => setOpen(true),
-			className: "rounded-md border border-amber-300 bg-gray-50 px-3 py-1 text-amber-900 hover:bg-amber-50 dark:border-amber-600 dark:bg-slate-800 dark:text-amber-100 dark:hover:bg-amber-900",
+			className: "rounded-md border border-warning bg-background px-3 py-1 text-warning hover:hover-effect",
 			children: "View"
 		})]
 	}), /* @__PURE__ */ jsx(MissingModelDetailsModal, {
@@ -1256,18 +1142,18 @@ function MissingModelDetailsModal(props) {
 		},
 		contentProps: { className: "rounded-3xl" },
 		children: /* @__PURE__ */ jsxs("div", {
-			className: "w-[520px] max-w-[90vw] bg-gray-50 p-6 dark:bg-slate-800",
+			className: "w-[520px] max-w-[90vw] bg-background p-6",
 			children: [
 				/* @__PURE__ */ jsx("div", {
-					className: "border-b border-gray-100 pb-2 text-2xl font-bold text-gray-900 dark:border-slate-500 dark:bg-slate-600 dark:text-slate-100",
+					className: "border-b border-border pb-2 text-2xl font-bold text-foreground",
 					children: "Missing document models"
 				}),
 				/* @__PURE__ */ jsx("div", {
-					className: "my-4 text-sm text-gray-700 dark:text-slate-200",
+					className: "my-4 text-sm text-foreground",
 					children: "The following document types couldn't be loaded. Documents using them won't display until the underlying package is installed."
 				}),
 				failed.length === 0 ? /* @__PURE__ */ jsx("div", {
-					className: "rounded-xl bg-gray-50 p-4 text-sm text-gray-700 dark:bg-slate-800 dark:text-slate-200",
+					className: "rounded-xl bg-background p-4 text-sm text-foreground",
 					children: "No outstanding failures."
 				}) : /* @__PURE__ */ jsx("div", {
 					className: "flex max-h-[60vh] flex-col gap-3 overflow-y-auto",
@@ -1275,18 +1161,18 @@ function MissingModelDetailsModal(props) {
 						const isRetrying = retrying.has(entry.documentType);
 						const retryDisabled = !canRetry(entry.reason) || isRetrying;
 						return /* @__PURE__ */ jsxs("div", {
-							className: "rounded-xl bg-gray-50 p-4 dark:bg-slate-800",
+							className: "rounded-xl bg-background p-4",
 							children: [
 								/* @__PURE__ */ jsx("div", {
-									className: "mb-1 font-mono text-sm font-semibold text-gray-900 dark:text-slate-100",
+									className: "mb-1 font-mono text-sm font-semibold text-foreground",
 									children: entry.documentType
 								}),
 								/* @__PURE__ */ jsx("div", {
-									className: "mb-2 text-xs text-gray-700 dark:text-slate-200",
+									className: "mb-2 text-xs text-foreground",
 									children: reasonLabels[entry.reason]
 								}),
 								entry.packageNames.length > 0 ? /* @__PURE__ */ jsxs("div", {
-									className: "mb-2 text-xs text-gray-500 dark:text-slate-400",
+									className: "mb-2 text-xs text-muted-foreground",
 									children: [
 										"Package",
 										entry.packageNames.length > 1 ? "s" : "",
@@ -1296,7 +1182,7 @@ function MissingModelDetailsModal(props) {
 									]
 								}) : null,
 								entry.error ? /* @__PURE__ */ jsx("div", {
-									className: "mb-2 font-mono text-xs wrap-break-word text-red-700 dark:text-red-100",
+									className: "mb-2 font-mono text-xs wrap-break-word text-destructive",
 									children: entry.error.message
 								}) : null,
 								/* @__PURE__ */ jsx("div", {
@@ -1306,7 +1192,7 @@ function MissingModelDetailsModal(props) {
 										onClick: () => void handleRetry(entry.documentType),
 										disabled: retryDisabled,
 										title: canRetry(entry.reason) ? void 0 : "No registry is configured; nothing to retry against.",
-										className: twMerge("min-h-[32px] rounded-xl px-3 py-1 text-sm font-semibold text-white transition-all hover:scale-105 dark:text-slate-900", retryDisabled ? "cursor-not-allowed bg-gray-300 hover:scale-100 dark:bg-slate-600 dark:text-slate-100" : "bg-gray-800 active:opacity-75 dark:bg-slate-100"),
+										className: twMerge("min-h-[32px] rounded-xl px-3 py-1 text-sm font-semibold text-foreground transition-all hover:hover-effect", retryDisabled ? "cursor-not-allowed bg-secondary hover:hover-effect" : "bg-primary text-primary-foreground active:active-effect"),
 										children: isRetrying ? "Retrying..." : "Try install again"
 									})
 								})
@@ -1319,7 +1205,7 @@ function MissingModelDetailsModal(props) {
 					children: /* @__PURE__ */ jsx("button", {
 						type: "button",
 						onClick: onClose,
-						className: "min-h-[36px] rounded-xl border border-gray-200 bg-gray-50 px-4 py-2 text-sm font-semibold text-gray-800 hover:bg-gray-50 dark:border-slate-500 dark:bg-slate-600 dark:text-slate-100 dark:hover:bg-slate-800",
+						className: "min-h-[36px] rounded-xl border border-border bg-background px-4 py-2 text-sm font-semibold text-foreground hover:hover-effect",
 						children: "Close"
 					})
 				})
@@ -1410,8 +1296,8 @@ const CookieBanner$1 = () => {
 	if (!showBanner) return null;
 	return /* @__PURE__ */ jsxs("div", {
 		className: "absolute inset-0 z-10000 backdrop-blur-sm",
-		children: [/* @__PURE__ */ jsx("div", { className: "absolute inset-0 bg-gray-900 opacity-15 dark:bg-slate-50" }), /* @__PURE__ */ jsx("div", {
-			className: "absolute inset-x-0 bottom-0 flex justify-center bg-gray-50 px-10 pt-10 pb-16 shadow-lg dark:bg-slate-800",
+		children: [/* @__PURE__ */ jsx("div", { className: "absolute inset-0 bg-primary opacity-15" }), /* @__PURE__ */ jsx("div", {
+			className: "absolute inset-x-0 bottom-0 flex justify-center bg-background px-10 pt-10 pb-16 shadow-lg",
 			children: /* @__PURE__ */ jsx(CookieBanner, {
 				className: "max-w-[1024px]",
 				cookies: cookiesInput,
@@ -1420,12 +1306,12 @@ const CookieBanner$1 = () => {
 				submitLabel: t("cookieBanner.accept"),
 				rejectLabel: t("cookieBanner.reject"),
 				children: /* @__PURE__ */ jsx("p", {
-					className: "font-semibold text-gray-500 dark:text-slate-400",
+					className: "font-semibold text-muted-foreground",
 					children: /* @__PURE__ */ jsx(Trans, {
 						i18nKey: "cookieBanner.message",
 						components: { a: /* @__PURE__ */ jsx("a", {
 							onClick: () => showPHModal({ type: "cookiesPolicy" }),
-							className: "cursor-pointer text-gray-900 hover:underline dark:text-slate-50"
+							className: "cursor-pointer text-foreground hover:underline"
 						}, "cookieBanner.message-link") }
 					}, "cookieBanner.message")
 				})
@@ -1439,7 +1325,7 @@ function DriveIcon({ drive }) {
 	const remotes = useSyncList();
 	const isRemoteDrive = useMemo(() => {
 		if (!drive) return false;
-		return remotes.some((remote) => remote.collectionId === driveCollectionId("main", drive.header.id));
+		return remotes.some((remote) => remote.meta.collectionId.equals(DriveCollectionId.forDrive(drive.header.id)));
 	}, [remotes, drive]);
 	const driveIconSrc = drive?.state.global.icon;
 	if (driveIconSrc) return /* @__PURE__ */ jsx("img", {
@@ -1604,7 +1490,7 @@ const DocumentEditor = (props) => {
 //#region src/components/root.tsx
 function Root() {
 	return /* @__PURE__ */ jsx("div", {
-		className: "h-screen bg-gray-50 dark:bg-slate-800",
+		className: "h-screen bg-background",
 		children: /* @__PURE__ */ jsx("div", {
 			className: `flex h-screen items-stretch overflow-auto`,
 			role: "presentation",
@@ -1620,8 +1506,24 @@ function Root() {
 	});
 }
 //#endregion
+//#region src/components/use-drive-auth-gate.ts
+/** Gate an anonymous user only when a remote failed with an auth rejection
+* (`requiresAuth`) — the switchboard refusing the caller for lack of login. */
+function computeNeedsLogin(isAuthenticated, connectionStates) {
+	if (isAuthenticated) return false;
+	for (const snap of connectionStates.values()) if (snap.state === "error" && snap.requiresAuth) return true;
+	return false;
+}
+/** Live wrapper over {@link computeNeedsLogin}. */
+function useDriveAuthGate() {
+	const user = useUser();
+	const connectionStates = useConnectionStates();
+	return { needsLogin: computeNeedsLogin(Boolean(user), connectionStates) };
+}
+//#endregion
 //#region src/pages/content.tsx
 function Content() {
+	const { needsLogin } = useDriveAuthGate();
 	const [selectedDrive] = useSelectedDriveSafe();
 	const selectedFolder = useSelectedFolder();
 	const selectedDocumentId = useSelectedDocumentId();
@@ -1631,7 +1533,10 @@ function Content() {
 	useEffect(() => {
 		if (!selectedDrive) setPHAppConfig(defaultPHAppConfig);
 	}, [selectedDrive]);
-	return /* @__PURE__ */ jsx(ContentContainer, { children: !selectedDocumentId && !selectedDrive && !selectedFolder ? /* @__PURE__ */ jsx(HomeScreenContainer, {}) : /* @__PURE__ */ jsx(AppContainer, {}) });
+	return /* @__PURE__ */ jsx(ContentContainer, { children: needsLogin ? /* @__PURE__ */ jsx("div", {
+		className: "flex h-full items-center justify-center p-4",
+		children: /* @__PURE__ */ jsx(DriveAuthGate, { onLogin: openRenown })
+	}) : !selectedDocumentId && !selectedDrive && !selectedFolder ? /* @__PURE__ */ jsx(HomeScreenContainer, {}) : /* @__PURE__ */ jsx(AppContainer, {}) });
 }
 function ContentContainer({ children }) {
 	return /* @__PURE__ */ jsx("div", {
@@ -1738,28 +1643,99 @@ function Sidebar() {
 	}) });
 }
 //#endregion
+//#region src/components/connection-banner.tsx
+const CONNECTED = "connected";
+const ConnectionBanner = () => {
+	if (useSyncExternalStore(subscribeWorkerConnection, getWorkerConnectionStatus, () => CONNECTED) !== "lost") return null;
+	return /* @__PURE__ */ jsx("div", {
+		className: "absolute inset-x-0 top-0 z-30 flex justify-center p-3",
+		children: /* @__PURE__ */ jsxs("div", {
+			className: "flex max-w-3xl items-center gap-3 rounded-lg border border-destructive bg-warning px-4 py-3 text-sm text-warning-foreground shadow-lg",
+			children: [/* @__PURE__ */ jsxs("div", {
+				className: "flex-1",
+				children: [/* @__PURE__ */ jsx("div", {
+					className: "font-semibold",
+					children: "Lost connection to the reactor"
+				}), /* @__PURE__ */ jsx("div", {
+					className: "text-foreground",
+					children: "The background worker stopped responding. Reload to reconnect."
+				})]
+			}), /* @__PURE__ */ jsx("button", {
+				type: "button",
+				onClick: () => window.location.reload(),
+				className: "rounded-sm bg-primary px-3 py-1 text-sm font-medium text-primary-foreground hover:hover-effect",
+				children: "Reload"
+			})]
+		})
+	});
+};
+//#endregion
 //#region src/components/migration-banner.tsx
-let dismissed = false;
-const listeners = /* @__PURE__ */ new Set();
-function notify() {
-	for (const l of listeners) l();
-}
-function dismiss() {
-	dismissed = true;
-	notify();
+function BannerShell({ title, body, error, children }) {
+	return /* @__PURE__ */ jsx("div", {
+		className: "absolute inset-x-0 top-0 z-30 flex justify-center p-3",
+		children: /* @__PURE__ */ jsxs("div", {
+			className: "flex max-w-3xl items-center gap-3 rounded-lg border border-warning bg-warning px-4 py-3 text-sm text-warning-foreground shadow-lg",
+			children: [/* @__PURE__ */ jsxs("div", {
+				className: "flex-1",
+				children: [
+					/* @__PURE__ */ jsx("div", {
+						className: "font-semibold",
+						children: title
+					}),
+					/* @__PURE__ */ jsx("div", {
+						className: "text-foreground",
+						children: body
+					}),
+					error && /* @__PURE__ */ jsxs("div", {
+						className: "mt-2 font-medium text-destructive",
+						children: ["Migration failed: ", error]
+					})
+				]
+			}), children]
+		})
+	});
 }
-function subscribeDismissed(cb) {
-	listeners.add(cb);
-	return () => {
-		listeners.delete(cb);
+const actionButton = "rounded-sm bg-primary px-3 py-1 text-sm font-medium text-primary-foreground hover:hover-effect disabled:disabled-effect";
+const dismissButton = "rounded-sm border border-foreground bg-transparent px-3 py-1 text-sm font-medium text-foreground hover:hover-effect disabled:disabled-effect";
+let browserDismissed = false;
+const browserListeners = /* @__PURE__ */ new Set();
+function WorkerMigrationBanner({ adminClient }) {
+	const state = useSyncExternalStore((cb) => adminClient.subscribeMigration(cb), () => adminClient.getMigrationState());
+	const [dismissed, setDismissed] = useState(false);
+	const [error, setError] = useState(null);
+	if (state.status === "idle") return null;
+	if (state.status === "needed" && dismissed) return null;
+	const migrating = state.status === "migrating";
+	const handleMigrate = () => {
+		setError(null);
+		adminClient.migrate().catch((err) => {
+			setError(err instanceof Error ? err.message : String(err));
+		});
 	};
+	return /* @__PURE__ */ jsxs(BannerShell, {
+		title: migrating ? `Migrating to Postgres 17…` : `Your local database uses Postgres ${state.legacyMajor ?? "?"}.`,
+		body: migrating ? `Working (${state.phase ?? "starting"}). Your data is backed up first.` : `Migrate to Postgres 17 to pick up the latest features. Your data will be backed up first.`,
+		error: error ?? (state.status === "failed" ? state.error : null),
+		children: [!migrating && /* @__PURE__ */ jsx("button", {
+			type: "button",
+			onClick: handleMigrate,
+			className: actionButton,
+			children: state.status === "failed" ? "Retry" : "Migrate now"
+		}), state.status === "needed" && /* @__PURE__ */ jsx("button", {
+			type: "button",
+			onClick: () => setDismissed(true),
+			className: dismissButton,
+			children: "Dismiss"
+		})]
+	});
 }
-function getDismissed() {
-	return dismissed;
-}
-const MigrationBanner = () => {
-	const isDismissed = useSyncExternalStore(subscribeDismissed, getDismissed, () => false);
-	const major = useSyncExternalStore(subscribeReactorPgMajor, getCachedReactorPgMajor, () => void 0);
+function BrowserMigrationBanner() {
+	const isDismissed = useSyncExternalStore((cb) => {
+		browserListeners.add(cb);
+		return () => browserListeners.delete(cb);
+	}, () => browserDismissed, () => false);
+	const major = useSyncExternalStore(subscribeMigrationMajor, getCachedMigrationMajor, () => void 0);
 	const [migrating, setMigrating] = useState(false);
 	const [error, setError] = useState(null);
 	if (major === void 0 || major === null || major === 17) return null;
@@ -1767,75 +1743,52 @@ const MigrationBanner = () => {
 	const handleMigrate = () => {
 		setError(null);
 		setMigrating(true);
-		migrateAllIfNeeded().then(() => {
-			window.location.reload();
-		}).catch((err) => {
+		migrateAllIfNeeded().then(() => window.location.reload()).catch((err) => {
 			setError(err instanceof Error ? err.message : String(err));
 			setMigrating(false);
 		});
 	};
-	return /* @__PURE__ */ jsx("div", {
-		className: "absolute inset-x-0 top-0 z-30 flex justify-center p-3",
-		children: /* @__PURE__ */ jsxs("div", {
-			className: "flex max-w-3xl items-center gap-3 rounded-lg border border-yellow-500 bg-yellow-400 px-4 py-3 text-sm text-gray-900 shadow-lg dark:border-yellow-400 dark:bg-yellow-500 dark:text-slate-50",
-			children: [
-				/* @__PURE__ */ jsxs("div", {
-					className: "flex-1",
-					children: [
-						/* @__PURE__ */ jsxs("div", {
-							className: "font-semibold",
-							children: [
-								"Your local database uses Postgres ",
-								major,
-								"."
-							]
-						}),
-						/* @__PURE__ */ jsxs("div", {
-							className: "text-gray-900 dark:text-slate-100",
-							children: [
-								"Migrate to Postgres ",
-								17,
-								" to pick up the latest features. Your data will be backed up first."
-							]
-						}),
-						error && /* @__PURE__ */ jsxs("div", {
-							className: "mt-2 font-medium text-red-900 dark:text-red-400",
-							children: ["Migration failed: ", error]
-						})
-					]
-				}),
-				/* @__PURE__ */ jsx("button", {
-					type: "button",
-					disabled: migrating,
-					onClick: handleMigrate,
-					className: "rounded-sm bg-gray-900 px-3 py-1 text-sm font-medium text-white hover:bg-gray-800 disabled:opacity-50 dark:bg-slate-50 dark:text-slate-900 dark:hover:bg-slate-100",
-					children: migrating ? "Migrating…" : "Migrate now"
-				}),
-				/* @__PURE__ */ jsx("button", {
-					type: "button",
-					disabled: migrating,
-					onClick: dismiss,
-					className: "rounded-sm border border-gray-900 bg-transparent px-3 py-1 text-sm font-medium text-gray-900 hover:bg-gray-900/10 disabled:opacity-50 dark:border-slate-50 dark:text-slate-50",
-					children: "Dismiss"
-				})
-			]
-		})
+	return /* @__PURE__ */ jsxs(BannerShell, {
+		title: `Your local database uses Postgres ${major}.`,
+		body: `Migrate to Postgres 17 to pick up the latest features. Your data will be backed up first.`,
+		error,
+		children: [/* @__PURE__ */ jsx("button", {
+			type: "button",
+			disabled: migrating,
+			onClick: handleMigrate,
+			className: actionButton,
+			children: migrating ? "Migrating…" : "Migrate now"
+		}), /* @__PURE__ */ jsx("button", {
+			type: "button",
+			disabled: migrating,
+			onClick: () => {
+				browserDismissed = true;
+				for (const l of browserListeners) l();
+			},
+			className: dismissButton,
+			children: "Dismiss"
+		})]
 	});
+}
+const MigrationBanner = () => {
+	const module = useReactorClientModule();
+	if (module?.kind === "worker") return /* @__PURE__ */ jsx(WorkerMigrationBanner, { adminClient: module.adminClient });
+	return /* @__PURE__ */ jsx(BrowserMigrationBanner, {});
 };
 //#endregion
 //#region src/components/modal/modals-container.tsx
-const AddDriveModal$1 = lazy(() => import("./AddDriveModal-kzL41qdg.js").then((m) => ({ default: m.AddDriveModal })));
-const ClearStorageModal = lazy(() => import("./ClearStorageModal-BSNg-Ymg.js").then((m) => ({ default: m.ClearStorageModal })));
-const CookiesPolicyModal = lazy(() => import("./CookiesPolicyModal-1nOh6oN3.js").then((m) => ({ default: m.CookiesPolicyModal })));
-const CreateDocumentModal$1 = lazy(() => import("./CreateDocumentModal-nQbLVDq3.js").then((m) => ({ default: m.CreateDocumentModal })));
-const DebugSettingsModal = lazy(() => import("./DebugSettingsModal-D4Mk5SmY.js").then((m) => ({ default: m.DebugSettingsModal })));
-const DeleteDriveModal = lazy(() => import("./DeleteDriveModal-6P0T1QgD.js").then((m) => ({ default: m.DeleteDriveModal })));
-const DeleteItemModal = lazy(() => import("./DeleteItemModal-BmV1aQyZ.js").then((m) => ({ default: m.DeleteItemModal })));
-const DisclaimerModal = lazy(() => import("./DisclaimerModal-CVTFfN0_.js").then((m) => ({ default: m.DisclaimerModal })));
-const DriveSettingsModal$1 = lazy(() => import("./DriveSettingsModal-L5sM-rIh.js").then((m) => ({ default: m.DriveSettingsModal })));
-const DownloadDocumentWithErrorsModal = lazy(() => import("./DownloadDocumentWithErrorsModal-CXeFUtaz.js").then((m) => ({ default: m.DownloadDocumentWithErrorsModal })));
-const SettingsModal$1 = lazy(() => import("./SettingsModal-NqDM9cwJ.js").then((m) => ({ default: m.SettingsModal })));
-const UpgradeDriveModal = lazy(() => import("./UpgradeDriveModal-CyAUDCU7.js").then((m) => ({ default: m.UpgradeDriveModal })));
+const AddDriveModal$1 = lazy(() => import("./AddDriveModal-D-nbV40j.js").then((m) => ({ default: m.AddDriveModal })));
+const ClearStorageModal = lazy(() => import("./ClearStorageModal-Cl9fxCul.js").then((m) => ({ default: m.ClearStorageModal })));
+const CookiesPolicyModal = lazy(() => import("./CookiesPolicyModal-CkcUKPLb.js").then((m) => ({ default: m.CookiesPolicyModal })));
+const CreateDocumentModal$1 = lazy(() => import("./CreateDocumentModal-CvsTh0HM.js").then((m) => ({ default: m.CreateDocumentModal })));
+const DebugSettingsModal = lazy(() => import("./DebugSettingsModal-iBk2t1kf.js").then((m) => ({ default: m.DebugSettingsModal })));
+const DeleteDriveModal = lazy(() => import("./DeleteDriveModal-DSTK8FYk.js").then((m) => ({ default: m.DeleteDriveModal })));
+const DeleteItemModal = lazy(() => import("./DeleteItemModal-B2nJmjsP.js").then((m) => ({ default: m.DeleteItemModal })));
+const DisclaimerModal = lazy(() => import("./DisclaimerModal-D5FO34u9.js").then((m) => ({ default: m.DisclaimerModal })));
+const DriveSettingsModal$1 = lazy(() => import("./DriveSettingsModal-kR3hQnh4.js").then((m) => ({ default: m.DriveSettingsModal })));
+const DownloadDocumentWithErrorsModal = lazy(() => import("./DownloadDocumentWithErrorsModal-tEr3bbtN.js").then((m) => ({ default: m.DownloadDocumentWithErrorsModal })));
+const SettingsModal$1 = lazy(() => import("./SettingsModal-D58SPZbC.js").then((m) => ({ default: m.SettingsModal })));
+const UpgradeDriveModal = lazy(() => import("./UpgradeDriveModal-BZGSE9_r.js").then((m) => ({ default: m.UpgradeDriveModal })));
 const modalComponents = {
 	addDrive: AddDriveModal$1,
 	clearStorage: ClearStorageModal,
@@ -1847,10 +1800,11 @@ const modalComponents = {
 	disclaimer: DisclaimerModal,
 	driveSettings: DriveSettingsModal$1,
 	downloadDocumentWithErrors: DownloadDocumentWithErrorsModal,
-	inspector: lazy(() => import("./InspectorModal-DyrVQ4fu.js").then((m) => ({ default: m.InspectorModal }))),
+	inspector: lazy(() => import("./InspectorModal-D5OMGJBP.js").then((m) => ({ default: m.InspectorModal }))),
 	settings: SettingsModal$1,
 	upgradeDrive: UpgradeDriveModal,
-	missingPackage: lazy(() => import("./MissingPackageModal-D_N96M6a.js").then((m) => ({ default: m.ConnectMissingPackageModal })))
+	missingPackage: lazy(() => import("./MissingPackageModal-BQcCQbOn.js").then((m) => ({ default: m.ConnectMissingPackageModal }))),
+	driveAuthRequired: lazy(() => import("./DriveAuthRequiredModal-B5-ZfKsb.js").then((m) => ({ default: m.DriveAuthRequiredModal })))
 };
 const ModalsContainer = lazy(() => {
 	return Promise.resolve({ default: () => {
@@ -1870,7 +1824,7 @@ const ModalsContainer = lazy(() => {
 //#endregion
 //#region src/components/app-loader.tsx
 const AppLoader = (props) => {
-	const Load = lazy(() => import("./load-BLx_riHu.js").then((m) => m.loadComponent(props.localPackage)));
+	const Load = lazy(() => import("./load-EfgIfQ14.js").then((m) => m.loadComponent(props.localPackage)));
 	return /* @__PURE__ */ jsx(StrictMode, { children: /* @__PURE__ */ jsxs(ErrorBoundary$1, {
 		fallbackRender: (props) => /* @__PURE__ */ jsx(AppSkeleton, { children: /* @__PURE__ */ jsx(DetailedFallback, { ...props }) }),
 		resetKeys: [props.localPackage],
@@ -1892,12 +1846,13 @@ const AppLoader = (props) => {
 				name: "ModalsContainer",
 				children: /* @__PURE__ */ jsx(ModalsContainer, {})
 			}),
-			/* @__PURE__ */ jsx(MigrationBanner, {})
+			/* @__PURE__ */ jsx(MigrationBanner, {}),
+			/* @__PURE__ */ jsx(ConnectionBanner, {})
 		]
 	}) });
 };
 //#endregion
 export { DocumentEditor as a, App as c, DocumentEditorContainer as d, OpenPanel as f, Root as i, AppContainer as l, AppSkeleton as m, Sidebar as n, DriveIcon as o, Analytics as p, Router as r, CookieBanner$1 as s, AppLoader as t, EditorLoader as u };
 
-//# sourceMappingURL=app-loader-DxoMZXTL.js.map
-//# debugId=e428717e-ea15-57ae-b56b-d3f820f6d77c
+//# sourceMappingURL=app-loader-6NP0KBww.js.map
+//# debugId=3ad5ed01-1906-5e34-87e1-a4d5b03fb8d0