@powerhousedao/connect 6.1.0 → 6.2.0-dev.1

package/dist/{sidebar-CO3JjI3G.js → app-loader-CCPp_d0K.js}

@@ -1,129 +1,434 @@
 
-!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]="239c52db-b664-5e9c-ac37-c27d54ef59b8")}catch(e){}}();
-import { n as defaultPHAppConfig, r as defaultPHDocumentEditorConfig, t as connectConfig } from "./connect.config-B2xP5Iez.js";
-import { n as toast, t as ToastContainer } from "./toast-DnODOv28.js";
-import { t as i18n } from "./i18n-BuVT7wFQ.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-Btp8ZXVH.js";
-import { t as serviceWorkerManager } from "./registerServiceWorker-BkUnxLqB.js";
-import { driveCollectionId, getRevisionFromDate, initTheme, logout, openRenown, setPHAppConfig, setPHDocumentEditorConfig, setRevisionHistoryVisible, setSelectedDrive, setSelectedNode, showPHModal, useAppModuleById, useDefaultAppModule, useDocumentById, useDocumentModelModuleById, useDocumentOperations, useDrives, useEditorModuleById, useFallbackEditorModule, useNodeParentFolderById, usePHModal, usePackageDiscoveryService, useReactorClientModule, useRevisionHistoryVisible, useSelectedDocument, useSelectedDocumentId, useSelectedDriveSafe, useSelectedFolder, useSelectedTimelineItem, useSyncList, useTheme, useUser, useVetraPackageManager, useVetraPackages } from "@powerhousedao/reactor-browser";
-import { childLogger } from "document-model";
+!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]="ce32a32d-843f-5968-a8c8-3c3a319dc387")}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 { 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 { 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 { z } from "zod";
-import { Trans, useTranslation } from "react-i18next";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { Outlet, RouterProvider, createBrowserRouter, createRoutesFromChildren, matchRoutes, useLocation, useNavigationType } from "react-router-dom";
 import { useHotkeys } from "react-hotkeys-hook";
-import { ConnectSidebar, ConnectTooltipProvider, CookieBanner, DefaultEditorLoader, DropZoneWrapper, HomeScreen, HomeScreenAddDriveItem, HomeScreenItem, LogoAnimation, PackageInstallModal, RevisionHistory, SidebarAddDriveItem, SidebarItem, useEns } from "@powerhousedao/design-system/connect";
-import { GenericDriveExplorer } from "@powerhousedao/powerhouse-vetra-packages/editors";
 import { Icon, Modal, PowerhouseButton } from "@powerhousedao/design-system";
 import { ErrorBoundary } from "react-error-boundary";
-import { PGlite } from "@electric-sql/pglite";
+import { GenericDriveExplorer } from "@powerhousedao/powerhouse-vetra-packages/editors";
 import { twMerge } from "tailwind-merge";
 import { redo, undo } from "@powerhousedao/shared/document-model";
-//#region src/hooks/useAcceptedCookies.ts
-const ACCEPTED_COOKIES_KEY_STORAGE = `${connectConfig.routerBasename}:acceptedCookies`;
-const listeners$3 = /* @__PURE__ */ new Set();
-let cookies = getInitial$1();
-function getInitial$1() {
-	try {
-		const value = localStorage.getItem(ACCEPTED_COOKIES_KEY_STORAGE);
-		return value ? JSON.parse(value) : {
-			analytics: false,
-			marketing: false,
-			functional: false
-		};
-	} catch {
-		return {
-			analytics: false,
-			marketing: false,
-			functional: false
-		};
-	}
+//#region src/utils/browser.ts
+function getBasePath() {
+	if (typeof document === "undefined") return "/";
+	return document.querySelector("base")?.getAttribute("href") || "/";
 }
-function getCookies() {
-	return cookies;
+//#endregion
+//#region src/utils/document-editor-debug-tools.ts
+var DocumentEditorDebugTools = class {
+	document;
+	operations = [];
+	constructor(document) {
+		if (document) this.document = document;
+	}
+	operationsToTableObject(operations) {
+		return operations.map((op) => ({
+			...op,
+			input: JSON.stringify(op.action.input)
+		}));
+	}
+	setDocument(document) {
+		this.document = document;
+	}
+	getDocument() {
+		return this.document;
+	}
+	getOperations() {
+		return this.operations;
+	}
+	pushOperation(operation) {
+		this.operations.push(operation);
+	}
+	operationsTable() {
+		if (!this.document) console.warn("No document");
+		const ops = Object.values(this.document?.operations || {}).filter((array) => array !== void 0).flatMap((array) => array).sort((a, b) => a.index - b.index);
+		console.table(this.operationsToTableObject(ops));
+	}
+	scopeOperationsTable(scope) {
+		if (!this.document) console.warn("No document");
+		const ops = this.document?.operations[scope] || [];
+		console.table(this.operationsToTableObject(ops));
+	}
+	operationsLog() {
+		console.log(this.operations);
+	}
+	operationsLogTable() {
+		console.table(this.operationsToTableObject(this.operations));
+	}
+	clear() {
+		this.operations = [];
+		this.document = void 0;
+	}
+};
+//#endregion
+//#region src/components/migration-status.ts
+let current = null;
+const listeners$3 = /* @__PURE__ */ new Set();
+function setMigrationStatus(status) {
+	current = status;
+	for (const l of listeners$3) l();
 }
-function setCookies(setter) {
-	cookies = setter(cookies);
-	localStorage.setItem(ACCEPTED_COOKIES_KEY_STORAGE, JSON.stringify(cookies));
-	listeners$3.forEach((fn) => fn());
+function getMigrationStatus() {
+	return current;
 }
-function subscribe$1(fn) {
-	listeners$3.add(fn);
-	return () => listeners$3.delete(fn);
+function subscribeMigrationStatus(cb) {
+	listeners$3.add(cb);
+	return () => {
+		listeners$3.delete(cb);
+	};
 }
-const useAcceptedCookies = () => {
-	return [useSyncExternalStore(subscribe$1, getCookies, getCookies), setCookies];
-};
 //#endregion
-//#region src/services/openpanel/buffer.ts
-const buffer = [];
-let errorHandler;
-function defaultOnError(err) {
-	console.warn("[useOpenPanel] track failed:", err);
+//#region src/utils/pglite-migration.ts
+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);
+		let settled = false;
+		const done = (fn) => {
+			if (settled) return;
+			settled = true;
+			fn();
+		};
+		const timer = setTimeout(() => done(() => reject(/* @__PURE__ */ new Error(`IDB delete timed out for ${name} after ${timeoutMs}ms`))), timeoutMs);
+		req.onsuccess = () => done(() => {
+			clearTimeout(timer);
+			resolve();
+		});
+		req.onerror = () => done(() => {
+			clearTimeout(timer);
+			reject(idbError(req, `IDB delete failed for ${name}`));
+		});
+	});
 }
-/**
-* Forward a single event to the active client, swallowing any throw.
-*
-* The outer try/catch handles synchronous throws from `client.track`; the
-* inner `.catch()` handles rejected promises. Both are needed because
-* `Promise.resolve(x).catch()` cannot catch a throw from evaluating `x`.
-*/
-function forward(client, name, props) {
+async function clearFileData(name) {
+	const db = await openIdb(name, 21, createFileDataStore);
 	try {
-		Promise.resolve(client.track(name, props)).catch((err) => (errorHandler ?? defaultOnError)(err));
-	} catch (err) {
-		(errorHandler ?? defaultOnError)(err);
+		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();
 	}
 }
-/**
-* Drain the pre-init buffer in FIFO order through `client.track`, then forward
-* subsequent events directly. Called once from `getOpenPanelClient()`.
-*/
-function drainOpenPanelBuffer(client, onError) {
-	errorHandler = onError;
-	const pending = buffer.splice(0, buffer.length);
-	for (const [name, props] of pending) forward(client, name, props);
+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();
+	}
 }
-/**
-* Clear the buffer and reset the active client. Buffered pre-consent events
-* are discarded so they are not replayed if the user later re-accepts.
-*/
-function clearOpenPanelBuffer() {
-	buffer.length = 0;
-	errorHandler = void 0;
+function readBackupIndex() {
+	try {
+		const raw = localStorage.getItem(BACKUP_INDEX_KEY);
+		if (!raw) return [];
+		const parsed = JSON.parse(raw);
+		return Array.isArray(parsed) ? parsed : [];
+	} catch {
+		return [];
+	}
 }
-//#endregion
-//#region src/services/openpanel/client.ts
-let client;
-/**
-* Returns the cached `OpenPanel` singleton, building it on first call.
-*
-* When `config.clientId` is empty it returns `undefined` without importing
-* `@openpanel/web`, so the bundler can tree-shake the SDK out of production.
-*/
-async function getOpenPanelClient(config) {
-	if (!config.clientId) return;
-	if (client) return client;
-	const { OpenPanel: OpenPanelClass } = await import("@openpanel/web");
-	client = new OpenPanelClass({
-		clientId: config.clientId,
-		...config.apiUrl ? { apiUrl: config.apiUrl } : {}
-	});
-	drainOpenPanelBuffer(client);
-	return client;
+function writeBackupIndex(records) {
+	try {
+		localStorage.setItem(BACKUP_INDEX_KEY, JSON.stringify(records));
+	} catch {}
 }
-/**
-* Clears the cached singleton and the pre-init buffer. Call on consent
-* revocation or during tests; buffered events are discarded, not replayed.
-*/
-function resetOpenPanelClient() {
-	client = void 0;
-	clearOpenPanelBuffer();
+function registerBackup(rec) {
+	writeBackupIndex([...readBackupIndex(), rec]);
 }
-//#endregion
-//#region src/services/openpanel/events.json
-var events_default = [
+function forgetBackup(name) {
+	writeBackupIndex(readBackupIndex().filter((r) => r.name !== name));
+}
+async function janitor() {
+	const cutoff = Date.now() - BACKUP_RETENTION_MS;
+	const keep = [];
+	for (const rec of readBackupIndex()) {
+		if (rec.createdAt >= cutoff) {
+			keep.push(rec);
+			continue;
+		}
+		try {
+			await deleteIdb(rec.name);
+		} catch (err) {
+			console.warn(`Failed to delete expired pglite backup ${rec.name}`, err);
+			keep.push(rec);
+		}
+	}
+	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);
+			}
+			try {
+				await pg.exec(sql);
+			} catch (execErr) {
+				logRestoreFailure(idbName, sql, execErr);
+				throw execErr;
+			}
+		} finally {
+			await pg.close();
+		}
+	} catch (err) {
+		await rollbackFromBackup(idbName, backupName, err);
+		throw err;
+	}
+}
+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) {
+	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;
+	}
+	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));
+	if (!(typeof navigator !== "undefined" && "locks" in navigator && typeof navigator.locks.request === "function")) {
+		await migrateAllLocked();
+		return;
+	}
+	await navigator.locks.request("ph-pglite-migration", { mode: "exclusive" }, async () => {
+		await migrateAllLocked();
+	});
+}
+//#endregion
+//#region src/hooks/useAcceptedCookies.ts
+const ACCEPTED_COOKIES_KEY_STORAGE = `${connectConfig.routerBasename}:acceptedCookies`;
+const listeners$2 = /* @__PURE__ */ new Set();
+let cookies = getInitial$1();
+function getInitial$1() {
+	try {
+		const value = localStorage.getItem(ACCEPTED_COOKIES_KEY_STORAGE);
+		return value ? JSON.parse(value) : {
+			analytics: false,
+			marketing: false,
+			functional: false
+		};
+	} catch {
+		return {
+			analytics: false,
+			marketing: false,
+			functional: false
+		};
+	}
+}
+function getCookies() {
+	return cookies;
+}
+function setCookies(setter) {
+	cookies = setter(cookies);
+	localStorage.setItem(ACCEPTED_COOKIES_KEY_STORAGE, JSON.stringify(cookies));
+	listeners$2.forEach((fn) => fn());
+}
+function subscribe$1(fn) {
+	listeners$2.add(fn);
+	return () => listeners$2.delete(fn);
+}
+const useAcceptedCookies = () => {
+	return [useSyncExternalStore(subscribe$1, getCookies, getCookies), setCookies];
+};
+//#endregion
+//#region src/services/openpanel/buffer.ts
+const buffer = [];
+let errorHandler;
+function defaultOnError(err) {
+	console.warn("[useOpenPanelAnalytics] track failed:", err);
+}
+/**
+* Forward a single event to the active client, swallowing any throw.
+*
+* The outer try/catch handles synchronous throws from `client.track`; the
+* inner `.catch()` handles rejected promises. Both are needed because
+* `Promise.resolve(x).catch()` cannot catch a throw from evaluating `x`.
+*/
+function forward(client, name, props) {
+	try {
+		Promise.resolve(client.track(name, props)).catch((err) => (errorHandler ?? defaultOnError)(err));
+	} catch (err) {
+		(errorHandler ?? defaultOnError)(err);
+	}
+}
+/**
+* Drain the pre-init buffer in FIFO order through `client.track`, then forward
+* subsequent events directly. Called once from `getOpenPanelClient()`.
+*/
+function drainOpenPanelBuffer(client, onError) {
+	errorHandler = onError;
+	const pending = buffer.splice(0, buffer.length);
+	for (const [name, props] of pending) forward(client, name, props);
+}
+/**
+* Clear the buffer and reset the active client. Buffered pre-consent events
+* are discarded so they are not replayed if the user later re-accepts.
+*/
+function clearOpenPanelBuffer() {
+	buffer.length = 0;
+	errorHandler = void 0;
+}
+//#endregion
+//#region src/services/openpanel/client.ts
+let client;
+/**
+* Returns the cached `OpenPanel` singleton, building it on first call.
+*
+* When `config.clientId` is empty it returns `undefined` without importing
+* `@openpanel/web`, so the bundler can tree-shake the SDK out of production.
+*/
+async function getOpenPanelClient(config) {
+	if (!config.clientId) return;
+	if (client) return client;
+	const { OpenPanel: OpenPanelClass } = await import("@openpanel/web");
+	client = new OpenPanelClass({
+		clientId: config.clientId,
+		...config.apiUrl ? { apiUrl: config.apiUrl } : {},
+		trackScreenViews: true,
+		trackOutgoingLinks: true
+	});
+	client.setGlobalProperties({ app: "connect" });
+	drainOpenPanelBuffer(client);
+	return client;
+}
+/**
+* Clears the cached singleton and the pre-init buffer. Call on consent
+* revocation or during tests; buffered events are discarded, not replayed.
+*/
+function resetOpenPanelClient() {
+	client = void 0;
+	clearOpenPanelBuffer();
+}
+//#endregion
+//#region src/services/openpanel/events.json
+var events_default = [
 	{
 		"documentType": "powerhouse/document-drive",
 		"actionTypes": [
@@ -212,15 +517,17 @@ function deriveEventName(mapping, op) {
 	if (mapping.alias) return mapping.alias;
 	return `${normalize(op.context.documentType)}.${op.operation.action.type.toLowerCase()}`;
 }
-/** Builds the default properties attached to every OpenPanel event. */
+/**
+* Builds the default properties attached to every OpenPanel event. The `app`
+* property is stamped globally by the client, not here.
+*/
 function buildDefaultProperties(op) {
 	return {
 		documentType: op.context.documentType,
 		actionType: op.operation.action.type,
 		documentId: op.context.documentId,
 		scope: op.context.scope,
-		branch: op.context.branch,
-		app: "connect"
+		branch: op.context.branch
 	};
 }
 //#endregion
@@ -295,7 +602,7 @@ function useIsEmbedded() {
 	return getIsEmbedded();
 }
 const COOKIE_BANNER_KEY_STORAGE = `${connectConfig.routerBasename}:display-cookie-banner`;
-const listeners$2 = /* @__PURE__ */ new Set();
+const listeners$1 = /* @__PURE__ */ new Set();
 let bannerShown = getInitial();
 function getInitial() {
 	if (getIsEmbedded()) return false;
@@ -314,8 +621,8 @@ function setCookieBannerState(state) {
 	localStorage.setItem(COOKIE_BANNER_KEY_STORAGE, JSON.stringify(state));
 }
 function subscribe(fn) {
-	listeners$2.add(fn);
-	return () => listeners$2.delete(fn);
+	listeners$1.add(fn);
+	return () => listeners$1.delete(fn);
 }
 const useCookieBanner = () => {
 	return [useSyncExternalStore(subscribe, getCookieBannerState, getCookieBannerState), setCookieBannerState];
@@ -335,7 +642,6 @@ async function getSentry() {
 	return await import("@sentry/react");
 }
 async function initSentry() {
-	connectConfig.sentry;
 	const Sentry = await getSentry();
 	const integrations = [
 		Sentry.httpClientIntegration(),
@@ -352,7 +658,7 @@ async function initSentry() {
 	}));
 	Sentry.init({
 		release: connectConfig.sentry.release,
-		dsn: connectConfig.sentry.dsn,
+		dsn: connectConfig.sentry.dsn ?? void 0,
 		environment: connectConfig.sentry.env,
 		integrations,
 		ignoreErrors: [
@@ -384,7 +690,7 @@ function useInitSentry() {
 			closeClient().catch((error) => logger$2.error("@error", error));
 			return;
 		}
-		if (clientStarted || !connectConfig.sentry.dsn || connectConfig.sentry.dsn === "") return;
+		if (clientStarted || connectConfig.sentry.dsn === null || connectConfig.sentry.dsn === void 0 || connectConfig.sentry.dsn === "") return;
 		initSentry().catch((error) => logger$2.error("@error", error));
 	}, [analytics]);
 }
@@ -424,200 +730,81 @@ const useUndoRedoShortcuts = (props) => {
 	}, {}, [canRedo, redo]);
 };
 //#endregion
-//#region src/components/analytics.tsx
-function gtag(...args) {
-	window.dataLayer?.push(...args);
-}
-const Analytics = () => {
-	const gaTrackingId = connectConfig.gaTrackingId;
-	const [{ analytics }] = useAcceptedCookies();
-	const useAnalytics = gaTrackingId && analytics;
-	useEffect(() => {
-		if (useAnalytics) {
-			const script = document.createElement("script");
-			script.src = `https://www.googletagmanager.com/gtag/js?id=${gaTrackingId}`;
-			script.async = true;
-			document.head.appendChild(script);
-			window.dataLayer = window.dataLayer || [];
-			gtag("js", /* @__PURE__ */ new Date());
-			gtag("config", gaTrackingId);
-			return () => {
-				document.head.removeChild(script);
-			};
-		}
-	}, [useAnalytics, gaTrackingId]);
-	return null;
+//#region src/components/app-skeleton.tsx
+const LOADER_DELAY = 250;
+const PHASE_LABEL = {
+	clone: "Backing up local database…",
+	dump: "Exporting data from previous version…",
+	restore: "Restoring data into the new database…"
 };
-//#endregion
-//#region src/components/openpanel-traits.ts
-/**
-* Builds the OpenPanel identity traits from a renown User.
-*
-* Rules:
-* - `credential` (contains a JWT) is **never** forwarded.
-* - `did` / `profileId` is sent as the top-level `profileId` key in the
-*   `client.identify()` call — it is **not** duplicated inside traits.
-* - Optional fields (`ens`, `profile`) are only included when their value is
-*   non-nullish (guards against `null` from `RenownProfile` fields as well
-*   as plain `undefined`).
-*
-* Mirror the Sentry pattern in `store/user.ts`: destructure off `credential`
-* first, then assemble the trait payload from the remainder.
-*/
-function buildTraits(user) {
-	const { credential: _credential, ...rest } = user;
-	const traits = {
-		address: rest.address,
-		networkId: rest.networkId,
-		chainId: rest.chainId
-	};
-	if (rest.ens?.name != null) traits.ensName = rest.ens.name;
-	if (rest.ens?.avatarUrl != null) traits.ensAvatar = rest.ens.avatarUrl;
-	if (rest.profile?.username != null) traits.username = rest.profile.username;
-	if (rest.profile?.userImage != null) traits.userImage = rest.profile.userImage;
-	if (rest.profile?.documentId != null) traits.profileDocumentId = rest.profile.documentId;
-	if (rest.profile?.createdAt != null) traits.profileCreatedAt = rest.profile.createdAt;
-	return traits;
-}
-//#endregion
-//#region src/components/openpanel.tsx
-/**
-* `OpenPanel` is a `null`-rendering component that manages the full lifecycle
-* of the OpenPanel analytics subsystem.
-*
-* Gates:
-* - `useAcceptedCookies().analytics === true` — the existing analytics cookie.
-* - `connectConfig.openPanel.clientId` non-empty — no client ID → no-op.
-*
-* Behaviour when both gates pass:
-* 1. Lazy-imports `@openpanel/web` and builds the singleton via
-*    `getOpenPanelClient(connectConfig.openPanel)`.
-* 2. Exposes the client on `window.openPanel` for the card-6 `useOpenPanel()`
-*    hook to consume.
-* 3. If `connectConfig.openPanel.trackOperations`, registers the processor
-*    factory against `processorManager` so document operations are forwarded.
-* 4. Calls `client.identify()` when the renown user transitions from
-*    `undefined` → defined (login).
-* 5. Calls `client.clear()` when the user transitions from defined →
-*    `undefined` (logout).
-*
-* Teardown (unmount **or** consent revocation):
-* - `unregisterFactory("openpanel")` to remove the processor.
-* - `resetOpenPanelClient()` to clear the singleton.
-* - `window.openPanel` is cleared.
-*
-* Mirrors the Sentry pattern in `store/user.ts` for login/logout detection.
-* Analytics failures are caught and forwarded to `console.warn` — they must
-* never throw into the application.
-*
-* Mounted next to `<Analytics />` in `app.tsx`.
-*/
-function OpenPanel() {
-	const [{ analytics }] = useAcceptedCookies();
-	const user = useUser();
-	const reactorClientModule = useReactorClientModule();
-	const [client, setClient] = useState();
-	/**
-	* Tracks the previous `user` value so we can detect the two transitions:
-	*   undefined → defined  (login)
-	*   defined   → undefined (logout)
-	*/
-	const prevUserRef = useRef(void 0);
-	const enabled = analytics && !!connectConfig.openPanel.clientId;
-	const processorManager = reactorClientModule?.reactorModule?.processorManager;
-	useEffect(() => {
-		if (!enabled) return;
-		let cancelled = false;
-		(async () => {
-			let builtClient;
-			try {
-				builtClient = await getOpenPanelClient(connectConfig.openPanel);
-			} catch (err) {
-				console.warn("[OpenPanel] Failed to build client:", err);
-				return;
-			}
-			if (cancelled || !builtClient) return;
-			setClient(builtClient);
-			window.openPanel = builtClient;
-			if (connectConfig.openPanel.trackOperations && processorManager) try {
-				await processorManager.registerFactory("openpanel", createOpenPanelProcessorFactory({
-					client: builtClient,
-					events: {
-						mappings: eventMappings,
-						lookupMap: eventLookupMap
-					},
-					startFrom: "current"
-				}));
-				if (cancelled) await processorManager.unregisterFactory("openpanel").catch((err) => console.warn("[OpenPanel] Failed to unregister factory after cancellation:", err));
-			} catch (err) {
-				console.warn("[OpenPanel] Failed to register processor factory:", err);
-			}
-		})();
-		return () => {
-			cancelled = true;
-			prevUserRef.current = void 0;
-			if (connectConfig.openPanel.trackOperations && processorManager) processorManager.unregisterFactory("openpanel").catch((err) => console.warn("[OpenPanel] Failed to unregister processor factory:", err));
-			resetOpenPanelClient();
-			window.openPanel = void 0;
-			setClient(void 0);
-		};
-	}, [enabled, processorManager]);
-	useEffect(() => {
-		if (!enabled || !client) return;
-		const prev = prevUserRef.current;
-		prevUserRef.current = user;
-		if (!prev && user) try {
-			client.identify({
-				profileId: user.did,
-				properties: buildTraits(user)
-			});
-		} catch (err) {
-			console.warn("[OpenPanel] Failed to identify user:", err);
-		}
-		else if (prev && !user) try {
-			client.clear();
-		} catch (err) {
-			console.warn("[OpenPanel] Failed to clear user:", err);
-		}
-	}, [
-		client,
-		user,
-		enabled
-	]);
-	return null;
-}
-//#endregion
-//#region src/components/document-editor-container.tsx
-function DocumentEditorContainer() {
-	const [selectedDocument] = useSelectedDocument();
-	const parentFolder = useNodeParentFolderById(selectedDocument.header.id);
-	useMemo(() => {
-		return async () => {};
-	}, []);
-	useCallback(() => {
-		setSelectedNode(parentFolder);
-	}, [parentFolder]);
+const MigrationOverlay = () => {
+	const status = useSyncExternalStore(subscribeMigrationStatus, getMigrationStatus, () => null);
+	if (!status) return null;
 	return /* @__PURE__ */ jsx("div", {
-		id: "document-editor-container",
-		className: "flex-1",
-		"data-document-type": selectedDocument.header.documentType,
-		children: /* @__PURE__ */ jsx(DocumentEditor, { document: selectedDocument })
+		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",
+			children: [/* @__PURE__ */ jsx("div", {
+				className: "font-medium",
+				children: "Upgrading local database…"
+			}), /* @__PURE__ */ jsx("div", {
+				className: "text-gray-700 dark:text-slate-200",
+				children: PHASE_LABEL[status.phase]
+			})]
+		})
 	});
-}
-//#endregion
-//#region src/components/editor-loader.tsx
-function EditorLoader(props) {
-	const [showLoading, setShowLoading] = useState(false);
+};
+const Loader = ({ delay = LOADER_DELAY }) => {
+	const isSSR = typeof window === "undefined";
+	const showInitialLoader = typeof document !== "undefined" && document.body.getAttribute("data-show-loader") === "true";
+	if (!isSSR) initTheme();
+	const [showLoading, setShowLoading] = useState(!delay || showInitialLoader);
 	useEffect(() => {
-		setTimeout(() => {
+		const id = setTimeout(() => {
 			setShowLoading(true);
-		}, props.loadingTimeout ?? 200);
-	}, [props]);
-	if (!showLoading) return null;
-	const { customEditorLoader, ...defaultProps } = props;
-	if (customEditorLoader) return /* @__PURE__ */ jsx(Fragment, { children: customEditorLoader });
-	return /* @__PURE__ */ jsx(DefaultEditorLoader, { ...defaultProps });
-}
+		}, delay);
+		return () => clearTimeout(id);
+	}, []);
+	return /* @__PURE__ */ jsxs("div", {
+		className: `skeleton-loader absolute inset-0 z-10 flex items-center justify-center ${showLoading ? "" : "hidden"}`,
+		children: [/* @__PURE__ */ jsx("div", {
+			className: "animate-pulse overflow-hidden rounded-full shadow-lg",
+			children: /* @__PURE__ */ jsx(LogoAnimation, {})
+		}), isSSR ? /* @__PURE__ */ jsx("script", { dangerouslySetInnerHTML: { __html: `setTimeout(() => {
+                        document.querySelector('.skeleton-loader')?.classList.remove('hidden');
+                        document.body.setAttribute('data-show-loader', 'true');
+                    }, ${delay})` } }) : null]
+	});
+};
+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",
+		children: [
+			!(!isSSR && getIsEmbedded()) && /* @__PURE__ */ jsx(ConnectSidebar, {
+				className: "animate-pulse",
+				onLogin: void 0,
+				onDisconnect: void 0,
+				onClickSettings: void 0,
+				address: void 0
+			}),
+			/* @__PURE__ */ jsx(HomeScreen, {
+				containerClassName: isSSR || !isHomeScreen ? "hidden home-screen" : void 0,
+				children: props.children ?? null
+			}),
+			isSSR ? /* @__PURE__ */ jsx("script", { dangerouslySetInnerHTML: { __html: `
+                    const baseEl = document.querySelector('base');
+                    const href = baseEl?.getAttribute('href');
+                    const basePath = href || '/';
+                    if (window.location.pathname === basePath) {
+                        document.querySelector('.home-screen')?.classList.remove('hidden')
+                    }` } }) : null,
+			!props.children ? /* @__PURE__ */ jsx(Loader, {}) : null,
+			/* @__PURE__ */ jsx(MigrationOverlay, {})
+		]
+	});
+};
 //#endregion
 //#region src/components/error-boundary.tsx
 const logger$1 = childLogger(["Connect"]);
@@ -762,564 +949,253 @@ function ErrorBoundary$1(props) {
 	});
 }
 //#endregion
-//#region src/components/app-container.tsx
-function AppContainer() {
-	const [selectedDrive] = useSelectedDriveSafe();
-	const selectedDocumentId = useSelectedDocumentId();
-	const app = useAppModuleById(selectedDrive?.header.meta?.preferredEditor);
-	const defaultApp = useDefaultAppModule();
-	if (!selectedDrive) return /* @__PURE__ */ jsx(EditorLoader, {});
-	const AppComponent = app?.Component ?? defaultApp?.Component ?? GenericDriveExplorer.Component;
-	if (!AppComponent) throw new Error("No app component found");
-	return /* @__PURE__ */ jsx(ErrorBoundary$1, {
-		variant: "detailed",
-		resetKeys: [selectedDrive.header.id],
-		loggerContext: ["Connect", "App"],
-		children: /* @__PURE__ */ jsx(Suspense, {
-			fallback: /* @__PURE__ */ jsx(EditorLoader, {}),
-			children: /* @__PURE__ */ jsx(DropZoneWrapper, {
-				className: "flex h-full flex-col overflow-auto",
-				children: /* @__PURE__ */ jsx(AppComponent, { children: selectedDocumentId ? /* @__PURE__ */ jsx(DocumentEditorContainer, {}) : null })
-			})
-		})
-	});
-}
-//#endregion
-//#region src/utils/browser.ts
-function getBasePath() {
-	if (typeof document === "undefined") return "/";
-	return document.querySelector("base")?.getAttribute("href") || "/";
+//#region src/components/analytics.tsx
+function gtag(...args) {
+	window.dataLayer?.push(...args);
 }
-//#endregion
-//#region src/utils/document-editor-debug-tools.ts
-var DocumentEditorDebugTools = class {
-	document;
-	operations = [];
-	constructor(document) {
-		if (document) this.document = document;
-	}
-	operationsToTableObject(operations) {
-		return operations.map((op) => ({
-			...op,
-			input: JSON.stringify(op.action.input)
-		}));
-	}
-	setDocument(document) {
-		this.document = document;
-	}
-	getDocument() {
-		return this.document;
-	}
-	getOperations() {
-		return this.operations;
-	}
-	pushOperation(operation) {
-		this.operations.push(operation);
-	}
-	operationsTable() {
-		if (!this.document) console.warn("No document");
-		const ops = Object.values(this.document?.operations || {}).filter((array) => array !== void 0).flatMap((array) => array).sort((a, b) => a.index - b.index);
-		console.table(this.operationsToTableObject(ops));
-	}
-	scopeOperationsTable(scope) {
-		if (!this.document) console.warn("No document");
-		const ops = this.document?.operations[scope] || [];
-		console.table(this.operationsToTableObject(ops));
-	}
-	operationsLog() {
-		console.log(this.operations);
-	}
-	operationsLogTable() {
-		console.table(this.operationsToTableObject(this.operations));
-	}
-	clear() {
-		this.operations = [];
-		this.document = void 0;
-	}
+const Analytics = () => {
+	const gaTrackingId = connectConfig.gaTrackingId;
+	const [{ analytics }] = useAcceptedCookies();
+	const useAnalytics = gaTrackingId && analytics;
+	useEffect(() => {
+		if (useAnalytics) {
+			const script = document.createElement("script");
+			script.src = `https://www.googletagmanager.com/gtag/js?id=${gaTrackingId}`;
+			script.async = true;
+			document.head.appendChild(script);
+			window.dataLayer = window.dataLayer || [];
+			gtag("js", /* @__PURE__ */ new Date());
+			gtag("config", gaTrackingId);
+			return () => {
+				document.head.removeChild(script);
+			};
+		}
+	}, [useAnalytics, gaTrackingId]);
+	return null;
 };
 //#endregion
-//#region src/components/migration-status.ts
-let current = null;
-const listeners$1 = /* @__PURE__ */ new Set();
-function setMigrationStatus(status) {
-	current = status;
-	for (const l of listeners$1) l();
-}
-function getMigrationStatus() {
-	return current;
+//#region src/components/openpanel-traits.ts
+/**
+* Builds the OpenPanel identity traits from a renown User.
+*
+* Canonical trait schema (shared with Renown and Vetra — each app sends every
+* field it has data for, under these names):
+* - `address`, `did`, `networkId`, `chainId`, `caip2` — wallet/chain facts.
+* - `ensName`, `ensAvatar` — raw ENS facts.
+* - `username`, `userImage`, `profileDocumentId`, `profileCreatedAt` — raw
+*   Renown profile facts.
+* - `accountType` — wallet-adapter concept; only Renown has it.
+*
+* Rules:
+* - `credential` (contains a JWT) is **never** forwarded.
+* - Traits carry raw facts only; resolved presentation values (avatar,
+*   display name) go in OpenPanel's native identify fields — see
+*   {@link buildIdentifyPayload}.
+* - Optional fields (`ens`, `profile`) are only included when their value is
+*   non-nullish (guards against `null` from `RenownProfile` fields as well
+*   as plain `undefined`).
+*
+* Mirror the Sentry pattern in `store/user.ts`: destructure off `credential`
+* first, then assemble the trait payload from the remainder.
+*/
+function buildTraits(user) {
+	const { credential: _credential, ...rest } = user;
+	const traits = {
+		address: rest.address,
+		did: rest.did,
+		networkId: rest.networkId,
+		chainId: rest.chainId,
+		caip2: `${rest.networkId}:${rest.chainId}`
+	};
+	if (rest.ens?.name != null) traits.ensName = rest.ens.name;
+	if (rest.ens?.avatarUrl != null) traits.ensAvatar = rest.ens.avatarUrl;
+	if (rest.profile?.username != null) traits.username = rest.profile.username;
+	if (rest.profile?.userImage != null) traits.userImage = rest.profile.userImage;
+	if (rest.profile?.documentId != null) traits.profileDocumentId = rest.profile.documentId;
+	if (rest.profile?.createdAt != null) traits.profileCreatedAt = rest.profile.createdAt;
+	return traits;
 }
-function subscribeMigrationStatus(cb) {
-	listeners$1.add(cb);
-	return () => {
-		listeners$1.delete(cb);
+/**
+* Builds the full `identify()` payload:
+* - `profileId` is the wallet address — the cross-app profile key shared with
+*   Renown and Vetra.
+* - `avatar` / `firstName` are OpenPanel's native profile fields (they drive
+*   the picture and name in the dashboard UI), resolved as
+*   `userImage ?? ensAvatar` and `ensName ?? username`.
+* - `properties` are the raw traits from {@link buildTraits}.
+*/
+function buildIdentifyPayload(user) {
+	const avatar = user.profile?.userImage ?? user.ens?.avatarUrl;
+	const firstName = user.ens?.name ?? user.profile?.username;
+	return {
+		profileId: user.address,
+		...avatar != null ? { avatar } : {},
+		...firstName != null ? { firstName } : {},
+		properties: buildTraits(user)
 	};
 }
 //#endregion
-//#region src/utils/pglite-migration.ts
-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);
-		let settled = false;
-		const done = (fn) => {
-			if (settled) return;
-			settled = true;
-			fn();
+//#region src/components/openpanel.tsx
+/**
+* `OpenPanel` is a `null`-rendering component that manages the full lifecycle
+* of the OpenPanel analytics subsystem.
+*
+* Gates:
+* - `useAcceptedCookies().analytics === true` — the existing analytics cookie.
+* - `connectConfig.openPanel.clientId` non-empty — no client ID → no-op.
+*
+* Behaviour when both gates pass:
+* 1. Lazy-imports `@openpanel/web` and builds the singleton via
+*    `getOpenPanelClient(connectConfig.openPanel)`.
+* 2. Exposes the client on `window.openPanel` for the card-6
+*    `useOpenPanelAnalytics()` hook to consume.
+* 3. If `connectConfig.openPanel.trackOperations`, registers the processor
+*    factory against `processorManager` so document operations are forwarded.
+* 4. Calls `client.identify()` when the renown user transitions from
+*    `undefined` → defined (login). The profile ID is the wallet address —
+*    the cross-app key shared with Renown and Vetra.
+* 5. Calls `client.clear()` when the user transitions from defined →
+*    `undefined` (logout).
+*
+* Teardown (unmount **or** consent revocation):
+* - `unregisterFactory("openpanel")` to remove the processor.
+* - `resetOpenPanelClient()` to clear the singleton.
+* - `window.openPanel` is cleared.
+*
+* Mirrors the Sentry pattern in `store/user.ts` for login/logout detection.
+* Analytics failures are caught and forwarded to `console.warn` — they must
+* never throw into the application.
+*
+* Mounted next to `<Analytics />` in `app.tsx`.
+*/
+function OpenPanel() {
+	const [{ analytics }] = useAcceptedCookies();
+	const user = useUser();
+	const reactorClientModule = useReactorClientModule();
+	const [client, setClient] = useState();
+	/**
+	* Tracks the previous `user` value so we can detect the two transitions:
+	*   undefined → defined  (login)
+	*   defined   → undefined (logout)
+	*/
+	const prevUserRef = useRef(void 0);
+	const enabled = analytics && !!connectConfig.openPanel.clientId;
+	const processorManager = reactorClientModule?.reactorModule?.processorManager;
+	useEffect(() => {
+		if (!enabled) return;
+		let cancelled = false;
+		const isCancelled = () => cancelled;
+		const setup = async () => {
+			let builtClient;
+			try {
+				builtClient = await getOpenPanelClient(connectConfig.openPanel);
+			} catch (err) {
+				console.warn("[OpenPanel] Failed to build client:", err);
+				return;
+			}
+			if (isCancelled() || !builtClient) return;
+			setClient(builtClient);
+			window.openPanel = builtClient;
+			if (connectConfig.openPanel.trackOperations && processorManager) try {
+				await processorManager.registerFactory("openpanel", createOpenPanelProcessorFactory({
+					client: builtClient,
+					events: {
+						mappings: eventMappings,
+						lookupMap: eventLookupMap
+					},
+					startFrom: "current"
+				}));
+				if (isCancelled()) await processorManager.unregisterFactory("openpanel").catch((err) => console.warn("[OpenPanel] Failed to unregister factory after cancellation:", err));
+			} catch (err) {
+				console.warn("[OpenPanel] Failed to register processor factory:", err);
+			}
 		};
-		const timer = setTimeout(() => done(() => reject(/* @__PURE__ */ new Error(`IDB delete timed out for ${name} after ${timeoutMs}ms`))), timeoutMs);
-		req.onsuccess = () => done(() => {
-			clearTimeout(timer);
-			resolve();
-		});
-		req.onerror = () => done(() => {
-			clearTimeout(timer);
-			reject(idbError(req, `IDB delete failed for ${name}`));
-		});
-	});
-}
-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);
-		if (!raw) return [];
-		const parsed = JSON.parse(raw);
-		return Array.isArray(parsed) ? parsed : [];
-	} catch {
-		return [];
-	}
-}
-function writeBackupIndex(records) {
-	try {
-		localStorage.setItem(BACKUP_INDEX_KEY, JSON.stringify(records));
-	} catch {}
-}
-function registerBackup(rec) {
-	writeBackupIndex([...readBackupIndex(), rec]);
-}
-function forgetBackup(name) {
-	writeBackupIndex(readBackupIndex().filter((r) => r.name !== name));
-}
-async function janitor() {
-	const cutoff = Date.now() - BACKUP_RETENTION_MS;
-	const keep = [];
-	for (const rec of readBackupIndex()) {
-		if (rec.createdAt >= cutoff) {
-			keep.push(rec);
-			continue;
-		}
-		try {
-			await deleteIdb(rec.name);
+		setup();
+		return () => {
+			cancelled = true;
+			prevUserRef.current = void 0;
+			if (connectConfig.openPanel.trackOperations && processorManager) processorManager.unregisterFactory("openpanel").catch((err) => console.warn("[OpenPanel] Failed to unregister processor factory:", err));
+			resetOpenPanelClient();
+			window.openPanel = void 0;
+			setClient(void 0);
+		};
+	}, [enabled, processorManager]);
+	useEffect(() => {
+		if (!enabled || !client) return;
+		const prev = prevUserRef.current;
+		prevUserRef.current = user;
+		if (!prev && user) try {
+			client.identify(buildIdentifyPayload(user));
 		} catch (err) {
-			console.warn(`Failed to delete expired pglite backup ${rec.name}`, err);
-			keep.push(rec);
+			console.warn("[OpenPanel] Failed to identify user:", err);
 		}
-	}
-	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);
-			}
-			try {
-				await pg.exec(sql);
-			} catch (execErr) {
-				logRestoreFailure(idbName, sql, execErr);
-				throw execErr;
-			}
-		} finally {
-			await pg.close();
+		else if (prev && !user) try {
+			client.clear();
+		} catch (err) {
+			console.warn("[OpenPanel] Failed to clear user:", err);
 		}
-	} catch (err) {
-		await rollbackFromBackup(idbName, backupName, err);
-		throw err;
-	}
-}
-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) {
-	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;
-	}
-	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));
-	if (!(typeof navigator !== "undefined" && "locks" in navigator && typeof navigator.locks.request === "function")) {
-		await migrateAllLocked();
-		return;
-	}
-	await navigator.locks.request("ph-pglite-migration", { mode: "exclusive" }, async () => {
-		await migrateAllLocked();
-	});
-}
-//#endregion
-//#region src/components/app-skeleton.tsx
-const LOADER_DELAY = 250;
-const PHASE_LABEL = {
-	clone: "Backing up local database…",
-	dump: "Exporting data from previous version…",
-	restore: "Restoring data into the new database…"
-};
-const MigrationOverlay = () => {
-	const status = useSyncExternalStore(subscribeMigrationStatus, getMigrationStatus, () => null);
-	if (!status) return null;
-	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",
-			children: [/* @__PURE__ */ jsx("div", {
-				className: "font-medium",
-				children: "Upgrading local database…"
-			}), /* @__PURE__ */ jsx("div", {
-				className: "text-gray-700 dark:text-slate-200",
-				children: PHASE_LABEL[status.phase]
-			})]
-		})
-	});
-};
-const Loader = ({ delay = LOADER_DELAY }) => {
-	const isSSR = typeof window === "undefined";
-	const showInitialLoader = typeof document !== "undefined" && document.body.getAttribute("data-show-loader") === "true";
-	if (!isSSR) initTheme();
-	const [showLoading, setShowLoading] = useState(!delay || showInitialLoader);
-	useEffect(() => {
-		const id = setTimeout(() => {
-			setShowLoading(true);
-		}, delay);
-		return () => clearTimeout(id);
-	}, []);
-	return /* @__PURE__ */ jsxs("div", {
-		className: `skeleton-loader absolute inset-0 z-10 flex items-center justify-center ${showLoading ? "" : "hidden"}`,
-		children: [/* @__PURE__ */ jsx("div", {
-			className: "animate-pulse overflow-hidden rounded-full shadow-lg",
-			children: /* @__PURE__ */ jsx(LogoAnimation, {})
-		}), isSSR ? /* @__PURE__ */ jsx("script", { dangerouslySetInnerHTML: { __html: `setTimeout(() => {
-                        document.querySelector('.skeleton-loader')?.classList.remove('hidden');
-                        document.body.setAttribute('data-show-loader', 'true');
-                    }, ${delay})` } }) : null]
-	});
-};
-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",
-		children: [
-			!(!isSSR && getIsEmbedded()) && /* @__PURE__ */ jsx(ConnectSidebar, {
-				className: "animate-pulse",
-				onLogin: void 0,
-				onDisconnect: void 0,
-				onClickSettings: void 0,
-				address: void 0
-			}),
-			/* @__PURE__ */ jsx(HomeScreen, {
-				containerClassName: isSSR || !isHomeScreen ? "hidden home-screen" : void 0,
-				children: props.children ?? null
-			}),
-			isSSR ? /* @__PURE__ */ jsx("script", { dangerouslySetInnerHTML: { __html: `
-                    const baseEl = document.querySelector('base');
-                    const href = baseEl?.getAttribute('href');
-                    const basePath = href || '/';
-                    if (window.location.pathname === basePath) {
-                        document.querySelector('.home-screen')?.classList.remove('hidden')
-                    }` } }) : null,
-			!props.children ? /* @__PURE__ */ jsx(Loader, {}) : null,
-			/* @__PURE__ */ jsx(MigrationOverlay, {})
-		]
-	});
-};
-//#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 subscribeDismissed(cb) {
-	listeners.add(cb);
-	return () => {
-		listeners.delete(cb);
-	};
-}
-function getDismissed() {
-	return dismissed;
-}
-const MigrationBanner = () => {
-	const isDismissed = useSyncExternalStore(subscribeDismissed, getDismissed, () => false);
-	const major = useSyncExternalStore(subscribeReactorPgMajor, getCachedReactorPgMajor, () => void 0);
-	const [migrating, setMigrating] = useState(false);
-	const [error, setError] = useState(null);
-	if (major === void 0 || major === null || major === 17) return null;
-	if (isDismissed) return null;
-	const handleMigrate = () => {
-		setError(null);
-		setMigrating(true);
-		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"
-				})
-			]
-		})
+	}, [
+		client,
+		user,
+		enabled
+	]);
+	return null;
+}
+//#endregion
+//#region src/components/document-editor-container.tsx
+function DocumentEditorContainer() {
+	const [selectedDocument] = useSelectedDocument();
+	const parentFolder = useNodeParentFolderById(selectedDocument.header.id);
+	useMemo(() => {
+		return async () => {};
+	}, []);
+	useCallback(() => {
+		setSelectedNode(parentFolder);
+	}, [parentFolder]);
+	return /* @__PURE__ */ jsx("div", {
+		id: "document-editor-container",
+		className: "flex-1",
+		"data-document-type": selectedDocument.header.documentType,
+		children: /* @__PURE__ */ jsx(DocumentEditor, { document: selectedDocument })
 	});
-};
+}
 //#endregion
-//#region src/components/modal/modals-container.tsx
-const AddDriveModal$1 = lazy(() => import("./AddDriveModal-Cg2qcYp6.js").then((m) => ({ default: m.AddDriveModal })));
-const ClearStorageModal = lazy(() => import("./ClearStorageModal-D2K3LkHV.js").then((m) => ({ default: m.ClearStorageModal })));
-const CookiesPolicyModal = lazy(() => import("./CookiesPolicyModal-4QzcllDR.js").then((m) => ({ default: m.CookiesPolicyModal })));
-const CreateDocumentModal$1 = lazy(() => import("./CreateDocumentModal-7vgZ8nbM.js").then((m) => ({ default: m.CreateDocumentModal })));
-const DebugSettingsModal = lazy(() => import("./DebugSettingsModal-B1FRL4rp.js").then((m) => ({ default: m.DebugSettingsModal })));
-const DeleteDriveModal = lazy(() => import("./DeleteDriveModal-ABue_rOY.js").then((m) => ({ default: m.DeleteDriveModal })));
-const DeleteItemModal = lazy(() => import("./DeleteItemModal-B6aHnYPD.js").then((m) => ({ default: m.DeleteItemModal })));
-const DisclaimerModal = lazy(() => import("./DisclaimerModal-CfDeiBz8.js").then((m) => ({ default: m.DisclaimerModal })));
-const DriveSettingsModal$1 = lazy(() => import("./DriveSettingsModal-CNtCO4-y.js").then((m) => ({ default: m.DriveSettingsModal })));
-const DownloadDocumentWithErrorsModal = lazy(() => import("./DownloadDocumentWithErrorsModal-CaAPGg04.js").then((m) => ({ default: m.DownloadDocumentWithErrorsModal })));
-const SettingsModal$1 = lazy(() => import("./SettingsModal-5dMD1lq9.js").then((m) => ({ default: m.SettingsModal })));
-const UpgradeDriveModal = lazy(() => import("./UpgradeDriveModal-BwI5E5k3.js").then((m) => ({ default: m.UpgradeDriveModal })));
-const modalComponents = {
-	addDrive: AddDriveModal$1,
-	clearStorage: ClearStorageModal,
-	cookiesPolicy: CookiesPolicyModal,
-	createDocument: CreateDocumentModal$1,
-	debugSettings: DebugSettingsModal,
-	deleteDrive: DeleteDriveModal,
-	deleteItem: DeleteItemModal,
-	disclaimer: DisclaimerModal,
-	driveSettings: DriveSettingsModal$1,
-	downloadDocumentWithErrors: DownloadDocumentWithErrorsModal,
-	inspector: lazy(() => import("./InspectorModal-ywEL5GKA.js").then((m) => ({ default: m.InspectorModal }))),
-	settings: SettingsModal$1,
-	upgradeDrive: UpgradeDriveModal,
-	missingPackage: lazy(() => import("./MissingPackageModal-CUdcDjSO.js").then((m) => ({ default: m.ConnectMissingPackageModal })))
-};
-const ModalsContainer = lazy(() => {
-	return Promise.resolve({ default: () => {
-		const phModal = usePHModal();
-		if (!phModal?.type) return null;
-		const ModalComponent = modalComponents[phModal.type];
-		return ModalComponent ? /* @__PURE__ */ jsx(ErrorBoundary$1, {
-			variant: "silent",
-			loggerContext: ["Connect", "Modals"],
-			children: /* @__PURE__ */ jsx(Suspense, {
-				fallback: null,
-				children: /* @__PURE__ */ jsx(ModalComponent, {})
-			})
-		}) : null;
-	} });
-});
+//#region src/components/editor-loader.tsx
+function EditorLoader(props) {
+	const [showLoading, setShowLoading] = useState(false);
+	useEffect(() => {
+		setTimeout(() => {
+			setShowLoading(true);
+		}, props.loadingTimeout ?? 200);
+	}, [props]);
+	if (!showLoading) return null;
+	const { customEditorLoader, ...defaultProps } = props;
+	if (customEditorLoader) return /* @__PURE__ */ jsx(Fragment, { children: customEditorLoader });
+	return /* @__PURE__ */ jsx(DefaultEditorLoader, { ...defaultProps });
+}
 //#endregion
-//#region src/components/app-loader.tsx
-const AppLoader = (props) => {
-	const Load = lazy(() => import("./load-D-7n7rPU.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],
-		loggerContext: ["Connect"],
-		children: [
-			/* @__PURE__ */ jsx(Suspense, {
-				fallback: /* @__PURE__ */ jsx(AppSkeleton, {}),
-				name: "AppLoader",
-				children: /* @__PURE__ */ jsx(Load, {
-					...props,
-					children: /* @__PURE__ */ jsx(App, {})
-				})
-			}),
-			/* @__PURE__ */ jsx(Suspense, {
-				name: "CookieBanner",
-				children: /* @__PURE__ */ jsx(CookieBanner$1, {})
-			}),
-			/* @__PURE__ */ jsx(Suspense, {
-				name: "ModalsContainer",
-				children: /* @__PURE__ */ jsx(ModalsContainer, {})
-			}),
-			/* @__PURE__ */ jsx(MigrationBanner, {})
-		]
-	}) });
-};
+//#region src/components/app-container.tsx
+function AppContainer() {
+	const [selectedDrive] = useSelectedDriveSafe();
+	const selectedDocumentId = useSelectedDocumentId();
+	const app = useAppModuleById(selectedDrive?.header.meta?.preferredEditor);
+	const defaultApp = useDefaultAppModule();
+	if (!selectedDrive) return /* @__PURE__ */ jsx(EditorLoader, {});
+	const AppComponent = app?.Component ?? defaultApp?.Component ?? GenericDriveExplorer.Component;
+	if (!AppComponent) throw new Error("No app component found");
+	return /* @__PURE__ */ jsx(ErrorBoundary$1, {
+		variant: "detailed",
+		resetKeys: [selectedDrive.header.id],
+		loggerContext: ["Connect", "App"],
+		children: /* @__PURE__ */ jsx(Suspense, {
+			fallback: /* @__PURE__ */ jsx(EditorLoader, {}),
+			children: /* @__PURE__ */ jsx(DropZoneWrapper, {
+				className: "flex h-full flex-col overflow-auto",
+				children: /* @__PURE__ */ jsx(AppComponent, { children: selectedDocumentId ? /* @__PURE__ */ jsx(DocumentEditorContainer, {}) : null })
+			})
+		})
+	});
+}
 //#endregion
 //#region src/context/sentry-provider.tsx
 const SentryProvider = ({ children }) => {
@@ -1775,10 +1651,14 @@ function DriveItem({ drive }) {
 }
 function HomeScreenContainer() {
 	const drives = useDrives();
-	const config = connectConfig;
-	return /* @__PURE__ */ jsxs(HomeScreen, { children: [drives?.map((drive) => {
-		return /* @__PURE__ */ jsx(DriveItem, { drive }, drive.header.id);
-	}), config.drives.addDriveEnabled && /* @__PURE__ */ jsx(HomeScreenAddDriveItem, {})] });
+	const isAddDriveEnabled = useIsAddDriveEnabled();
+	const homeBackground = getRuntimeConfig().connect?.branding?.homeBackground;
+	return /* @__PURE__ */ jsxs(HomeScreen, {
+		homeBackground,
+		children: [drives?.map((drive) => {
+			return /* @__PURE__ */ jsx(DriveItem, { drive }, drive.header.id);
+		}), isAddDriveEnabled && /* @__PURE__ */ jsx(HomeScreenAddDriveItem, {})]
+	});
 }
 //#endregion
 //#region src/components/router.tsx
@@ -1817,6 +1697,7 @@ const Router = () => {
 function Sidebar() {
 	const user = useUser();
 	const drives = useDrives();
+	const isAddDriveEnabled = useIsAddDriveEnabled();
 	const [selectedDrive] = useSelectedDriveSafe();
 	const connectDebug = localStorage.getItem("CONNECT_DEBUG") === "true";
 	const ensName = user?.ens?.name || user?.profile?.username || void 0;
@@ -1852,12 +1733,171 @@ function Sidebar() {
 				onClick: () => setSelectedDrive(drive),
 				active: selectedDrive?.header.id === drive.header.id,
 				icon: /* @__PURE__ */ jsx(DriveIcon, { drive })
-			}, index)), connectConfig.drives.addDriveEnabled && /* @__PURE__ */ jsx(SidebarAddDriveItem, { onClick: onAddDriveClick })]
+			}, index)), isAddDriveEnabled && /* @__PURE__ */ jsx(SidebarAddDriveItem, { onClick: onAddDriveClick })]
 		})
 	}) });
 }
 //#endregion
-export { AppLoader as t };
+//#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 subscribeDismissed(cb) {
+	listeners.add(cb);
+	return () => {
+		listeners.delete(cb);
+	};
+}
+function getDismissed() {
+	return dismissed;
+}
+const MigrationBanner = () => {
+	const isDismissed = useSyncExternalStore(subscribeDismissed, getDismissed, () => false);
+	const major = useSyncExternalStore(subscribeReactorPgMajor, getCachedReactorPgMajor, () => void 0);
+	const [migrating, setMigrating] = useState(false);
+	const [error, setError] = useState(null);
+	if (major === void 0 || major === null || major === 17) return null;
+	if (isDismissed) return null;
+	const handleMigrate = () => {
+		setError(null);
+		setMigrating(true);
+		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"
+				})
+			]
+		})
+	});
+};
+//#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-DIKwqiia.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-CJunSkZB.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-Dz3u5m_G.js").then((m) => ({ default: m.SettingsModal })));
+const UpgradeDriveModal = lazy(() => import("./UpgradeDriveModal-CyAUDCU7.js").then((m) => ({ default: m.UpgradeDriveModal })));
+const modalComponents = {
+	addDrive: AddDriveModal$1,
+	clearStorage: ClearStorageModal,
+	cookiesPolicy: CookiesPolicyModal,
+	createDocument: CreateDocumentModal$1,
+	debugSettings: DebugSettingsModal,
+	deleteDrive: DeleteDriveModal,
+	deleteItem: DeleteItemModal,
+	disclaimer: DisclaimerModal,
+	driveSettings: DriveSettingsModal$1,
+	downloadDocumentWithErrors: DownloadDocumentWithErrorsModal,
+	inspector: lazy(() => import("./InspectorModal-C7pIf6OO.js").then((m) => ({ default: m.InspectorModal }))),
+	settings: SettingsModal$1,
+	upgradeDrive: UpgradeDriveModal,
+	missingPackage: lazy(() => import("./MissingPackageModal-D_N96M6a.js").then((m) => ({ default: m.ConnectMissingPackageModal })))
+};
+const ModalsContainer = lazy(() => {
+	return Promise.resolve({ default: () => {
+		const phModal = usePHModal();
+		if (!phModal?.type) return null;
+		const ModalComponent = modalComponents[phModal.type];
+		return ModalComponent ? /* @__PURE__ */ jsx(ErrorBoundary$1, {
+			variant: "silent",
+			loggerContext: ["Connect", "Modals"],
+			children: /* @__PURE__ */ jsx(Suspense, {
+				fallback: null,
+				children: /* @__PURE__ */ jsx(ModalComponent, {})
+			})
+		}) : null;
+	} });
+});
+//#endregion
+//#region src/components/app-loader.tsx
+const AppLoader = (props) => {
+	const Load = lazy(() => import("./load-DalJBk1C.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],
+		loggerContext: ["Connect"],
+		children: [
+			/* @__PURE__ */ jsx(Suspense, {
+				fallback: /* @__PURE__ */ jsx(AppSkeleton, {}),
+				name: "AppLoader",
+				children: /* @__PURE__ */ jsx(Load, {
+					...props,
+					children: /* @__PURE__ */ jsx(App, {})
+				})
+			}),
+			/* @__PURE__ */ jsx(Suspense, {
+				name: "CookieBanner",
+				children: /* @__PURE__ */ jsx(CookieBanner$1, {})
+			}),
+			/* @__PURE__ */ jsx(Suspense, {
+				name: "ModalsContainer",
+				children: /* @__PURE__ */ jsx(ModalsContainer, {})
+			}),
+			/* @__PURE__ */ jsx(MigrationBanner, {})
+		]
+	}) });
+};
+//#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=sidebar-CO3JjI3G.js.map
-//# debugId=239c52db-b664-5e9c-ac37-c27d54ef59b8
+//# sourceMappingURL=app-loader-CCPp_d0K.js.map
+//# debugId=ce32a32d-843f-5968-a8c8-3c3a319dc387