@powerhousedao/connect 6.2.1 → 6.2.2-dev.1

package/dist/{app-loader-C5IWlQ7x.js → app-loader-CuYQDicM.js}

@@ -1,13 +1,14 @@
 
-!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]="e953dc08-9a65-58dd-8382-5a31beb3ed26")}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]="5643cee8-d3b6-5800-a974-4c21fa405450")}catch(e){}}();
 import { n as getRuntimeConfig } from "./runtime-config-DL3QjcfM.js";
-import { i as i18n, n as setSentryModule } from "./reload-connect-toast-DIFQ9FCX.js";
-import { a as defaultPHDocumentEditorConfig, i as defaultPHAppConfig, r as connectConfig } from "./connect.config-BDYNejx3.js";
-import { c as IDB_STORE_NAME, d as idbError, f as openIdb, l as PRIMARY_IDB_NAMES, n as getCachedReactorPgMajor, p as readPgVersionFile, s as subscribeReactorPgMajor, u as createFileDataStore } from "./pglite-runtime-CHa5UyCw.js";
-import { n as serviceWorkerManager, r as subscribeServiceWorkerUpdate, t as getServiceWorkerUpdateAvailable } from "./registerServiceWorker-Dc4QY0Sd.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 { i as i18n, n as setSentryModule } from "./reload-connect-toast-D1Iqw9E_.js";
+import { a as defaultPHDocumentEditorConfig, i as defaultPHAppConfig, r as connectConfig } from "./connect.config-vgUeFoNp.js";
+import { f as PRIMARY_IDB_NAMES, r as subscribeWorkerConnection, s as getCachedMigrationMajor, t as getWorkerConnectionStatus, u as subscribeMigrationMajor } from "./connection-state-DO_2lAEJ.js";
+import { n as serviceWorkerManager, r as subscribeServiceWorkerUpdate, t as getServiceWorkerUpdateAvailable } from "./registerServiceWorker-nJIc0yEY.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, useConnectionStates, useDefaultAppModule, useDocumentById, useDocumentModelModuleById, useDocumentOperations, useDrives, useEditorModuleById, useEditorPreloader, useFallbackEditorModule, useIsAddDriveEnabled, useNodeParentFolderById, usePHModal, usePackageDiscoveryService, useReactorClientModule, useRevisionHistoryVisible, useSelectedDocument, useSelectedDocumentId, useSelectedDriveSafe, useSelectedFolder, useSelectedTimelineItem, useSyncList, useTheme, useUser, useVetraPackageManager, useVetraPackages } from "@powerhousedao/reactor-browser";
@@ -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];
@@ -823,7 +708,7 @@ function SilentFallback() {
 */
 function TextFallback({ message = "Something went wrong" }) {
 	return /* @__PURE__ */ jsx("div", {
-		className: "text-center",
+		className: "text-center text-foreground",
 		children: message
 	});
 }
@@ -838,15 +723,15 @@ 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-border bg-background p-6 shadow-sm",
+			className: "w-full max-w-lg rounded-lg border border-border bg-card p-6 text-foreground shadow-sm",
 			children: [
 				/* @__PURE__ */ jsxs("div", {
 					className: "mb-3 flex items-center gap-2",
 					children: [/* @__PURE__ */ jsx(Icon, {
 						name: "Error",
-						className: "size-5 shrink-0"
+						className: "size-5 shrink-0 text-destructive"
 					}), /* @__PURE__ */ jsx("h1", {
-						className: "text-lg font-semibold",
+						className: "text-lg font-semibold text-foreground",
 						children: "Something went wrong"
 					})]
 				}),
@@ -860,7 +745,7 @@ function DetailedFallback({ error, resetErrorBoundary }) {
 						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-muted p-3 text-xs",
+						className: "mt-2 max-h-48 overflow-auto rounded-sm bg-muted p-3 text-xs text-foreground",
 						children: errorDetails
 					})]
 				}),
@@ -883,7 +768,7 @@ function CenteredErrorMessage({ error }) {
 	return /* @__PURE__ */ jsx("div", {
 		className: "flex size-full items-center justify-center",
 		children: /* @__PURE__ */ jsx("h3", {
-			className: "text-lg font-semibold",
+			className: "text-lg font-semibold text-foreground",
 			children: error instanceof Error ? error.message : String(error)
 		})
 	});
@@ -1074,7 +959,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:
@@ -1445,7 +1331,7 @@ function DriveIcon({ drive }) {
 	const remotes = useSyncList();
 	const isRemoteDrive = useMemo(() => {
 		if (!drive) return false;
-		return remotes.some((remote) => remote.collectionId.equals(DriveCollectionId.forDrive(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", {
@@ -1769,28 +1655,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;
@@ -1798,75 +1755,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-warning bg-warning px-4 py-3 text-sm text-warning-foreground shadow-lg",
-			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-foreground",
-							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-destructive",
-							children: ["Migration failed: ", error]
-						})
-					]
-				}),
-				/* @__PURE__ */ jsx("button", {
-					type: "button",
-					disabled: migrating,
-					onClick: handleMigrate,
-					className: "rounded-sm bg-primary px-3 py-1 text-sm font-medium text-primary-foreground hover:hover-effect disabled:disabled-effect",
-					children: migrating ? "Migrating…" : "Migrate now"
-				}),
-				/* @__PURE__ */ jsx("button", {
-					type: "button",
-					disabled: migrating,
-					onClick: dismiss,
-					className: "rounded-sm border border-foreground bg-transparent px-3 py-1 text-sm font-medium text-foreground hover:hover-effect disabled:disabled-effect",
-					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-vA-eqqPS.js").then((m) => ({ default: m.AddDriveModal })));
-const ClearStorageModal = lazy(() => import("./ClearStorageModal-Dm00WyUu.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-CWZkbU7v.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-CsNFEJ9E.js").then((m) => ({ default: m.DriveSettingsModal })));
-const DownloadDocumentWithErrorsModal = lazy(() => import("./DownloadDocumentWithErrorsModal-CXeFUtaz.js").then((m) => ({ default: m.DownloadDocumentWithErrorsModal })));
-const SettingsModal$1 = lazy(() => import("./SettingsModal-1i3Dr5eT.js").then((m) => ({ default: m.SettingsModal })));
-const UpgradeDriveModal = lazy(() => import("./UpgradeDriveModal-C7lV4rAX.js").then((m) => ({ default: m.UpgradeDriveModal })));
+const AddDriveModal$1 = lazy(() => import("./AddDriveModal-MMHlkJBJ.js").then((m) => ({ default: m.AddDriveModal })));
+const ClearStorageModal = lazy(() => import("./ClearStorageModal-BigtCV_M.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-Bti38_qt.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-BnHg4yeC.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,
@@ -1878,11 +1812,11 @@ const modalComponents = {
 	disclaimer: DisclaimerModal,
 	driveSettings: DriveSettingsModal$1,
 	downloadDocumentWithErrors: DownloadDocumentWithErrorsModal,
-	inspector: lazy(() => import("./InspectorModal-wChBJ6R5.js").then((m) => ({ default: m.InspectorModal }))),
+	inspector: lazy(() => import("./InspectorModal-B2Zbsa4l.js").then((m) => ({ default: m.InspectorModal }))),
 	settings: SettingsModal$1,
 	upgradeDrive: UpgradeDriveModal,
-	missingPackage: lazy(() => import("./MissingPackageModal-Bn036mWQ.js").then((m) => ({ default: m.ConnectMissingPackageModal }))),
-	driveAuthRequired: lazy(() => import("./DriveAuthRequiredModal-DDlfeXD_.js").then((m) => ({ default: m.DriveAuthRequiredModal })))
+	missingPackage: lazy(() => import("./MissingPackageModal-BQcCQbOn.js").then((m) => ({ default: m.ConnectMissingPackageModal }))),
+	driveAuthRequired: lazy(() => import("./DriveAuthRequiredModal-BA2vS3oF.js").then((m) => ({ default: m.DriveAuthRequiredModal })))
 };
 const ModalsContainer = lazy(() => {
 	return Promise.resolve({ default: () => {
@@ -1922,7 +1856,7 @@ const ServiceWorkerUpdatePrompt = () => {
 //#endregion
 //#region src/components/app-loader.tsx
 const AppLoader = (props) => {
-	const Load = lazy(() => import("./load-Bt4B0U-v.js").then((m) => m.loadComponent(props.localPackage)));
+	const Load = lazy(() => import("./load-DajsG0zi.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],
@@ -1945,12 +1879,13 @@ const AppLoader = (props) => {
 				children: /* @__PURE__ */ jsx(ModalsContainer, {})
 			}),
 			/* @__PURE__ */ jsx(MigrationBanner, {}),
-			/* @__PURE__ */ jsx(ServiceWorkerUpdatePrompt, {})
+			/* @__PURE__ */ jsx(ServiceWorkerUpdatePrompt, {}),
+			/* @__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-C5IWlQ7x.js.map
-//# debugId=e953dc08-9a65-58dd-8382-5a31beb3ed26
+//# sourceMappingURL=app-loader-CuYQDicM.js.map
+//# debugId=5643cee8-d3b6-5800-a974-4c21fa405450