@powerhousedao/connect 6.1.0-staging.0 → 6.2.0-dev.0

package/dist/{sidebar-BLHOoVIg.js → app-loader-DCYDK6hq.js}

@@ -1,410 +1,26 @@
 
-!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]="ebf04d37-dff0-53fa-872d-097855e3824e")}catch(e){}}();
-import { n as defaultPHAppConfig, r as defaultPHDocumentEditorConfig, t as connectConfig } from "./connect.config-Cuh0hj_Q.js";
-import { n as toast, t as ToastContainer } from "./toast-DnODOv28.js";
-import { t as i18n } from "./i18n-4rfcgnb9.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-CMRF2LWE.js";
-import { driveCollectionId, getRevisionFromDate, logout, openRenown, setPHAppConfig, setPHDocumentEditorConfig, setRevisionHistoryVisible, setSelectedDrive, setSelectedNode, showPHModal, useAppModuleById, useDefaultAppModule, useDocumentById, useDocumentModelModuleById, useDocumentOperations, useDrives, useEditorModuleById, useFallbackEditorModule, useNodeParentFolderById, usePHModal, usePackageDiscoveryService, useRevisionHistoryVisible, useSelectedDocument, useSelectedDocumentId, useSelectedDrive, useSelectedDriveSafe, useSelectedFolder, useSelectedTimelineItem, useSyncList, useUser, useVetraPackageManager, useVetraPackages } from "@powerhousedao/reactor-browser";
-import { childLogger } from "document-model";
-import React, { StrictMode, Suspense, lazy, useCallback, useEffect, useMemo, useRef, useState, useSyncExternalStore } from "react";
-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 { AnimatedLoader, ConnectSidebar, ConnectTooltipProvider, CookieBanner, DefaultEditorLoader, DropZoneWrapper, HomeScreen, HomeScreenAddDriveItem, HomeScreenItem, 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 { 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
-		};
-	}
-}
-function getCookies() {
-	return cookies;
-}
-function setCookies(setter) {
-	cookies = setter(cookies);
-	localStorage.setItem(ACCEPTED_COOKIES_KEY_STORAGE, JSON.stringify(cookies));
-	listeners$3.forEach((fn) => fn());
-}
-function subscribe$1(fn) {
-	listeners$3.add(fn);
-	return () => listeners$3.delete(fn);
-}
-const useAcceptedCookies = () => {
-	return [useSyncExternalStore(subscribe$1, getCookies, getCookies), setCookies];
-};
-const COOKIE_BANNER_KEY_STORAGE = `${connectConfig.routerBasename}:display-cookie-banner`;
-const listeners$2 = /* @__PURE__ */ new Set();
-let bannerShown = getInitial();
-function getInitial() {
-	try {
-		return localStorage.getItem(COOKIE_BANNER_KEY_STORAGE) !== "false";
-	} catch (error) {
-		console.error(error);
-		return true;
-	}
-}
-function getCookieBannerState() {
-	return bannerShown;
-}
-function setCookieBannerState(state) {
-	bannerShown = state;
-	localStorage.setItem(COOKIE_BANNER_KEY_STORAGE, JSON.stringify(state));
-}
-function subscribe(fn) {
-	listeners$2.add(fn);
-	return () => listeners$2.delete(fn);
-}
-const useCookieBanner = () => {
-	return [useSyncExternalStore(subscribe, getCookieBannerState, getCookieBannerState), setCookieBannerState];
-};
-//#endregion
-//#region src/hooks/useFailedInstallations.ts
-const emptyArray$1 = [];
-function useFailedInstallations() {
-	const discoveryService = usePackageDiscoveryService();
-	return useSyncExternalStore((cb) => discoveryService?.subscribeFailed(cb) ?? (() => {}), () => discoveryService?.getFailedInstallations() ?? emptyArray$1);
-}
-//#endregion
-//#region src/hooks/useInitSentry.ts
-const logger$2 = childLogger(["sentry"]);
-let clientStarted = false;
-async function getSentry() {
-	return await import("@sentry/react");
-}
-async function initSentry() {
-	connectConfig.sentry;
-	const Sentry = await getSentry();
-	const integrations = [
-		Sentry.httpClientIntegration(),
-		Sentry.extraErrorDataIntegration({ depth: 5 }),
-		Sentry.replayIntegration(),
-		Sentry.captureConsoleIntegration({ levels: ["error"] })
-	];
-	if (connectConfig.sentry.tracing) integrations.push(Sentry.reactRouterV6BrowserTracingIntegration({
-		useEffect: React.useEffect,
-		useLocation,
-		useNavigationType,
-		createRoutesFromChildren,
-		matchRoutes
-	}));
-	Sentry.init({
-		release: connectConfig.sentry.release,
-		dsn: connectConfig.sentry.dsn,
-		environment: connectConfig.sentry.env,
-		integrations,
-		ignoreErrors: [
-			"User is not allowed to create files",
-			"User is not allowed to move documents",
-			"The user aborted a request."
-		],
-		sendDefaultPii: true,
-		tracesSampleRate: 1,
-		replaysSessionSampleRate: .1,
-		replaysOnErrorSampleRate: 1,
-		beforeSend(event, hint) {
-			const error = hint.originalException;
-			if (error instanceof TypeError && error.message.includes("Failed to fetch") && !navigator.onLine) return null;
-			return event;
-		}
-	});
-	clientStarted = true;
-}
-async function closeClient() {
-	if (!clientStarted) return;
-	return (await getSentry()).getClient()?.close();
-}
-function useInitSentry() {
-	const [acceptedCookies] = useAcceptedCookies();
-	const { analytics } = acceptedCookies;
-	useEffect(() => {
-		if (!analytics) {
-			closeClient().catch((error) => logger$2.error("@error", error));
-			return;
-		}
-		if (clientStarted || !connectConfig.sentry.dsn || connectConfig.sentry.dsn === "") return;
-		initSentry().catch((error) => logger$2.error("@error", error));
-	}, [analytics]);
-}
-//#endregion
-//#region src/hooks/usePendingInstallations.ts
-const emptyArray = [];
-function usePendingInstallations() {
-	const discoveryService = usePackageDiscoveryService();
-	const cacheRef = useRef(emptyArray);
-	return useSyncExternalStore((cb) => discoveryService?.subscribePending(cb) ?? (() => {}), useCallback(() => {
-		if (!discoveryService) return emptyArray;
-		const next = discoveryService.getPendingInstallations() ?? emptyArray;
-		const prev = cacheRef.current;
-		if (next === prev || next.length === prev.length && next.every((p, i) => p === prev[i])) return prev;
-		cacheRef.current = next;
-		return next;
-	}, [discoveryService]));
-}
-//#endregion
-//#region src/hooks/useUndoRedoShortcuts.ts
-const useUndoRedoShortcuts = (props) => {
-	const { undo, redo, canRedo, canUndo } = props;
-	const isMac = window.navigator.userAgent.includes("Mac");
-	let undoShortcut = "ctrl+z";
-	let redoShortcut = "ctrl+y";
-	if (isMac) {
-		undoShortcut = "mod+z";
-		redoShortcut = "mod+shift+z";
-	}
-	useHotkeys(undoShortcut, (event) => {
-		event.preventDefault();
-		if (canUndo) undo();
-	}, {}, [canUndo, undo]);
-	useHotkeys(redoShortcut, (event) => {
-		event.preventDefault();
-		if (canRedo) redo();
-	}, {}, [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;
-};
-//#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, setSelectedNode]);
-	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/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/error-boundary.tsx
-const logger$1 = childLogger(["Connect"]);
-function hasCustomFallback(props) {
-	return "fallbackRender" in props;
-}
-function SilentFallback() {
-	return null;
-}
-/**
-* Simple text-based fallback component.
-* Displays a centered message when an error occurs.
-*/
-function TextFallback({ message = "Something went wrong" }) {
-	return /* @__PURE__ */ jsx("div", {
-		className: "text-center",
-		children: message
-	});
-}
-/**
-* Detailed fallback component showing full error information.
-* Displays error message with a collapsible details section.
-* Useful for development and debugging purposes.
-*/
-function DetailedFallback({ error, resetErrorBoundary }) {
-	const errorMessage = error instanceof Error ? error.message : String(error);
-	const errorDetails = error instanceof Error ? error.stack ?? String(error.cause) : JSON.stringify(error, null, 2);
-	return /* @__PURE__ */ jsx("div", {
-		className: "z-10 mx-auto flex max-w-[80%] flex-1 items-center justify-center p-6",
-		children: /* @__PURE__ */ jsxs("div", {
-			className: "w-full max-w-lg rounded-lg border border-gray-500 bg-white p-6 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"
-					}), /* @__PURE__ */ jsx("h1", {
-						className: "text-lg font-semibold",
-						children: "Something went wrong"
-					})]
-				}),
-				/* @__PURE__ */ jsx("p", {
-					className: "mb-4 text-sm text-gray-700",
-					children: errorMessage
-				}),
-				errorDetails !== "{}" && /* @__PURE__ */ jsxs("details", {
-					className: "group",
-					children: [/* @__PURE__ */ jsx("summary", {
-						className: "cursor-pointer text-sm font-medium text-gray-700 underline select-none hover:text-gray-700",
-						children: "Show details"
-					}), /* @__PURE__ */ jsx("pre", {
-						className: "mt-2 max-h-48 overflow-auto rounded-sm bg-gray-100 p-3 text-xs",
-						children: errorDetails
-					})]
-				}),
-				/* @__PURE__ */ jsx(PowerhouseButton, {
-					type: "button",
-					onClick: resetErrorBoundary,
-					className: "mt-4 px-3 py-1.5 text-base font-medium",
-					children: "Try again"
-				})
-			]
-		})
-	});
-}
-/**
-* Centered error message fallback component.
-* Displays the error message in a centered, full-size container.
-* Suitable for use as a custom fallbackRender when you need simple error display.
-*/
-function CenteredErrorMessage({ error }) {
-	return /* @__PURE__ */ jsx("div", {
-		className: "flex size-full items-center justify-center",
-		children: /* @__PURE__ */ jsx("h3", {
-			className: "text-lg font-semibold",
-			children: error instanceof Error ? error.message : String(error)
-		})
-	});
-}
-function getFallbackComponent(variant, fallbackMessage) {
-	switch (variant) {
-		case "silent": return SilentFallback;
-		case "text": return () => /* @__PURE__ */ jsx(TextFallback, { message: fallbackMessage });
-		case "detailed": return DetailedFallback;
-		default: return CenteredErrorMessage;
-	}
-}
-/**
-* Unified error boundary component for catching and handling React errors.
-*
-* Built on top of `react-error-boundary`, this component provides:
-* - Automatic error logging with configurable context
-* - Multiple fallback UI variants (silent, text, detailed)
-* - Support for custom fallback render functions
-* - Reset capability via `resetKeys`
-*
-* @example
-* // Using a predefined variant
-* <ErrorBoundary variant="detailed" loggerContext={["Connect", "Editor"]}>
-*   <EditorComponent />
-* </ErrorBoundary>
-*
-* @example
-* // Using a custom message with the text variant
-* <ErrorBoundary variant="text" fallbackMessage="Failed to load drives">
-*   <DrivesList />
-* </ErrorBoundary>
-*
-* @example
-* // Using a custom fallback render
-* <ErrorBoundary
-*   fallbackRender={CenteredErrorMessage}
-*   onError={(error) => trackError(error)}
-* >
-*   <MyComponent />
-* </ErrorBoundary>
-*
-* @example
-* // Silent mode for modals (renders null on error)
-* <ErrorBoundary variant="silent" loggerContext={["Connect", "Modals"]}>
-*   <ModalContent />
-* </ErrorBoundary>
-*/
-function ErrorBoundary$1(props) {
-	const { children, onError, resetKeys, loggerContext } = props;
-	const handleError = (error, info) => {
-		if (error.message.includes("Failed to fetch dynamically imported module") && error.message.includes("node_modules/.vite")) {
-			console.error(error);
-			console.log("Outdated chunk detected, reloading page...");
-			window.location.reload();
-			return;
-		}
-		(loggerContext ? childLogger(loggerContext) : logger$1).error("@error @info", error, info);
-		onError?.(error, info);
-	};
-	return /* @__PURE__ */ jsx(ErrorBoundary, {
-		fallbackRender: hasCustomFallback(props) ? props.fallbackRender : getFallbackComponent(props.variant, props.fallbackMessage),
-		onError: handleError,
-		resetKeys,
-		children
-	});
-}
-//#endregion
-//#region src/components/app-container.tsx
-function AppContainer() {
-	const [selectedDrive] = useSelectedDrive();
-	const selectedDocumentId = useSelectedDocumentId();
-	const app = useAppModuleById(selectedDrive.header.meta?.preferredEditor);
-	const defaultApp = useDefaultAppModule();
-	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
+!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]="ecb0fae1-8b49-5b4b-b37b-86f2feb9a9b6")}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 { Outlet, RouterProvider, createBrowserRouter, createRoutesFromChildren, matchRoutes, useLocation, useNavigationType } from "react-router-dom";
+import { useHotkeys } from "react-hotkeys-hook";
+import { Icon, Modal, PowerhouseButton } from "@powerhousedao/design-system";
+import { ErrorBoundary } from "react-error-boundary";
+import { GenericDriveExplorer } from "@powerhousedao/powerhouse-vetra-packages/editors";
+import { twMerge } from "tailwind-merge";
+import { redo, undo } from "@powerhousedao/shared/document-model";
 //#region src/utils/browser.ts
 function getBasePath() {
 	if (typeof document === "undefined") return "/";
@@ -460,18 +76,18 @@ var DocumentEditorDebugTools = class {
 //#endregion
 //#region src/components/migration-status.ts
 let current = null;
-const listeners$1 = /* @__PURE__ */ new Set();
+const listeners$3 = /* @__PURE__ */ new Set();
 function setMigrationStatus(status) {
 	current = status;
-	for (const l of listeners$1) l();
+	for (const l of listeners$3) l();
 }
 function getMigrationStatus() {
 	return current;
 }
 function subscribeMigrationStatus(cb) {
-	listeners$1.add(cb);
+	listeners$3.add(cb);
 	return () => {
-		listeners$1.delete(cb);
+		listeners$3.delete(cb);
 	};
 }
 //#endregion
@@ -701,10 +317,418 @@ async function migrateAllIfNeeded() {
 		await migrateAllLocked();
 		return;
 	}
-	await navigator.locks.request("ph-pglite-migration", { mode: "exclusive" }, async () => {
-		await migrateAllLocked();
-	});
-}
+	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": [
+			"ADD_FOLDER",
+			"DELETE_NODE",
+			"ADD_FILE",
+			"UPDATE_FILE",
+			"COPY_NODE",
+			"MOVE_NODE",
+			"SET_DRIVE_NAME",
+			"SET_DRIVE_ICON"
+		]
+	},
+	{
+		"documentType": "powerhouse/document-model",
+		"actionTypes": [
+			"SET_MODEL_NAME",
+			"SET_MODEL_ID",
+			"ADD_MODULE",
+			"DELETE_MODULE",
+			"ADD_OPERATION",
+			"DELETE_OPERATION"
+		]
+	},
+	{
+		"documentType": "powerhouse/reactor-drive",
+		"actionTypes": [
+			"ADD_FOLDER",
+			"REMOVE_FOLDER",
+			"UPDATE_FOLDER"
+		]
+	}
+];
+//#endregion
+//#region src/services/openpanel/events.ts
+const EventMappingSchema = z.object({
+	documentType: z.string().min(1),
+	actionTypes: z.array(z.string().min(1)).min(1),
+	alias: z.string().optional()
+}).strict();
+const EventMappingsSchema = z.array(EventMappingSchema).readonly();
+/**
+* Parses and validates the event mapping table, returning the validated array
+* and an O(1) lookup map. Accepts a `raw` override for tests. Throws on zod
+* failures and on duplicate `(documentType, actionType)` pairs.
+*/
+function loadEvents(raw = events_default) {
+	const result = EventMappingsSchema.safeParse(raw);
+	if (!result.success) throw new Error(`Invalid OpenPanel events.json: ${result.error.message}`);
+	const mappings = result.data;
+	const lookupMap = /* @__PURE__ */ new Map();
+	for (const mapping of mappings) {
+		let inner = lookupMap.get(mapping.documentType);
+		if (!inner) {
+			inner = /* @__PURE__ */ new Map();
+			lookupMap.set(mapping.documentType, inner);
+		}
+		for (const actionType of mapping.actionTypes) {
+			if (inner.has(actionType)) throw new Error(`Duplicate OpenPanel event mapping for ${mapping.documentType}/${actionType}`);
+			inner.set(actionType, mapping);
+		}
+	}
+	return {
+		mappings,
+		lookupMap
+	};
+}
+const { mappings: defaultMappings, lookupMap: defaultLookupMap } = loadEvents();
+/** Validated mapping array from the bundled events.json. */
+const eventMappings = defaultMappings;
+/** O(1) lookup map: documentType → actionType → mapping. */
+const eventLookupMap = defaultLookupMap;
+/**
+* Normalizes a document type into a safe event-name segment: lowercased, `/`
+* replaced with `.`, and any character outside `[a-z0-9._-]` stripped.
+* e.g. `powerhouse/document-drive` → `powerhouse.document-drive`.
+*/
+function normalize(documentType) {
+	return documentType.toLowerCase().replace(/\//g, ".").replace(/[^a-z0-9._-]/g, "");
+}
+/**
+* Derives the OpenPanel event name: `mapping.alias` when present, otherwise
+* `${normalize(documentType)}.${actionType.toLowerCase()}`.
+*/
+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. 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
+	};
+}
+//#endregion
+//#region src/services/openpanel/processor.ts
+/**
+* Read-only reactor `IProcessor` that translates matching document operations
+* into OpenPanel analytics events. Operations whose `(documentType, actionType)`
+* pair is absent from the lookup map are skipped; per-operation errors are
+* routed to `onError` and never thrown back to the manager.
+*/
+var OpenPanelProcessor = class {
+	constructor(client, lookupMap, onError = (err) => console.warn("[OpenPanelProcessor] Error tracking event:", err)) {
+		this.client = client;
+		this.lookupMap = lookupMap;
+		this.onError = onError;
+	}
+	async onOperations(operations) {
+		for (const op of operations) {
+			const inner = this.lookupMap.get(op.context.documentType);
+			if (!inner) continue;
+			const mapping = inner.get(op.operation.action.type);
+			if (!mapping) continue;
+			const name = deriveEventName(mapping, op);
+			const payload = buildDefaultProperties(op);
+			try {
+				await this.client.track(name, payload);
+			} catch (err) {
+				this.onError(err, op);
+			}
+		}
+	}
+	onDisconnect() {
+		this.client.flush?.();
+		return Promise.resolve();
+	}
+};
+//#endregion
+//#region src/services/openpanel/factory.ts
+/**
+* Returns a `ProcessorFactory` that, for each drive, creates a single
+* `OpenPanelProcessor` record whose `filter.documentType` is the union of all
+* document types present in the event mapping table.
+*/
+function createOpenPanelProcessorFactory(config) {
+	return function openPanelProcessorFactory(_driveHeader) {
+		const documentType = Array.from(config.events.lookupMap.keys());
+		return [{
+			processor: new OpenPanelProcessor(config.client, config.events.lookupMap, config.onError),
+			filter: { documentType },
+			startFrom: config.startFrom ?? "current"
+		}];
+	};
+}
+//#endregion
+//#region src/hooks/useIsEmbedded.ts
+/**
+* Detects whether Connect is being rendered inside another app (e.g. inside
+* an iframe in the vetra-cli drive editor). When `?embed=1` is present in the
+* URL, chrome that doesn't make sense in the embedded context — the cookie
+* banner, the outer sidebar — is suppressed.
+*/
+function getIsEmbedded() {
+	if (typeof window === "undefined") return false;
+	try {
+		const value = new URLSearchParams(window.location.search).get("embed");
+		return value !== null && value !== "0" && value !== "false";
+	} catch {
+		return false;
+	}
+}
+function useIsEmbedded() {
+	return getIsEmbedded();
+}
+const COOKIE_BANNER_KEY_STORAGE = `${connectConfig.routerBasename}:display-cookie-banner`;
+const listeners$1 = /* @__PURE__ */ new Set();
+let bannerShown = getInitial();
+function getInitial() {
+	if (getIsEmbedded()) return false;
+	try {
+		return localStorage.getItem(COOKIE_BANNER_KEY_STORAGE) !== "false";
+	} catch (error) {
+		console.error(error);
+		return true;
+	}
+}
+function getCookieBannerState() {
+	return bannerShown;
+}
+function setCookieBannerState(state) {
+	bannerShown = state;
+	localStorage.setItem(COOKIE_BANNER_KEY_STORAGE, JSON.stringify(state));
+}
+function subscribe(fn) {
+	listeners$1.add(fn);
+	return () => listeners$1.delete(fn);
+}
+const useCookieBanner = () => {
+	return [useSyncExternalStore(subscribe, getCookieBannerState, getCookieBannerState), setCookieBannerState];
+};
+//#endregion
+//#region src/hooks/useFailedInstallations.ts
+const emptyArray$1 = [];
+function useFailedInstallations() {
+	const discoveryService = usePackageDiscoveryService();
+	return useSyncExternalStore((cb) => discoveryService?.subscribeFailed(cb) ?? (() => {}), () => discoveryService?.getFailedInstallations() ?? emptyArray$1);
+}
+//#endregion
+//#region src/hooks/useInitSentry.ts
+const logger$2 = childLogger(["sentry"]);
+let clientStarted = false;
+async function getSentry() {
+	return await import("@sentry/react");
+}
+async function initSentry() {
+	const Sentry = await getSentry();
+	const integrations = [
+		Sentry.httpClientIntegration(),
+		Sentry.extraErrorDataIntegration({ depth: 5 }),
+		Sentry.replayIntegration(),
+		Sentry.captureConsoleIntegration({ levels: ["error"] })
+	];
+	if (connectConfig.sentry.tracing) integrations.push(Sentry.reactRouterV6BrowserTracingIntegration({
+		useEffect: React.useEffect,
+		useLocation,
+		useNavigationType,
+		createRoutesFromChildren,
+		matchRoutes
+	}));
+	Sentry.init({
+		release: connectConfig.sentry.release,
+		dsn: connectConfig.sentry.dsn ?? void 0,
+		environment: connectConfig.sentry.env,
+		integrations,
+		ignoreErrors: [
+			"User is not allowed to create files",
+			"User is not allowed to move documents",
+			"The user aborted a request."
+		],
+		sendDefaultPii: true,
+		tracesSampleRate: 1,
+		replaysSessionSampleRate: .1,
+		replaysOnErrorSampleRate: 1,
+		beforeSend(event, hint) {
+			const error = hint.originalException;
+			if (error instanceof TypeError && error.message.includes("Failed to fetch") && !navigator.onLine) return null;
+			return event;
+		}
+	});
+	clientStarted = true;
+}
+async function closeClient() {
+	if (!clientStarted) return;
+	return (await getSentry()).getClient()?.close();
+}
+function useInitSentry() {
+	const [acceptedCookies] = useAcceptedCookies();
+	const { analytics } = acceptedCookies;
+	useEffect(() => {
+		if (!analytics) {
+			closeClient().catch((error) => logger$2.error("@error", error));
+			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]);
+}
+//#endregion
+//#region src/hooks/usePendingInstallations.ts
+const emptyArray = [];
+function usePendingInstallations() {
+	const discoveryService = usePackageDiscoveryService();
+	const cacheRef = useRef(emptyArray);
+	return useSyncExternalStore((cb) => discoveryService?.subscribePending(cb) ?? (() => {}), useCallback(() => {
+		if (!discoveryService) return emptyArray;
+		const next = discoveryService.getPendingInstallations() ?? emptyArray;
+		const prev = cacheRef.current;
+		if (next === prev || next.length === prev.length && next.every((p, i) => p === prev[i])) return prev;
+		cacheRef.current = next;
+		return next;
+	}, [discoveryService]));
+}
+//#endregion
+//#region src/hooks/useUndoRedoShortcuts.ts
+const useUndoRedoShortcuts = (props) => {
+	const { undo, redo, canRedo, canUndo } = props;
+	const isMac = window.navigator.userAgent.includes("Mac");
+	let undoShortcut = "ctrl+z";
+	let redoShortcut = "ctrl+y";
+	if (isMac) {
+		undoShortcut = "mod+z";
+		redoShortcut = "mod+shift+z";
+	}
+	useHotkeys(undoShortcut, (event) => {
+		event.preventDefault();
+		if (canUndo) undo();
+	}, {}, [canUndo, undo]);
+	useHotkeys(redoShortcut, (event) => {
+		event.preventDefault();
+		if (canRedo) redo();
+	}, {}, [canRedo, redo]);
+};
 //#endregion
 //#region src/components/app-skeleton.tsx
 const LOADER_DELAY = 250;
@@ -719,12 +743,12 @@ const MigrationOverlay = () => {
 	return /* @__PURE__ */ jsx("div", {
 		className: "absolute inset-0 z-20 flex items-center justify-center",
 		children: /* @__PURE__ */ jsxs("div", {
-			className: "rounded-lg bg-white/90 px-6 py-4 text-sm text-gray-900 shadow-lg",
+			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-600",
+				className: "text-gray-700 dark:text-slate-200",
 				children: PHASE_LABEL[status.phase]
 			})]
 		})
@@ -733,6 +757,7 @@ const MigrationOverlay = () => {
 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(() => {
@@ -744,7 +769,7 @@ const Loader = ({ delay = LOADER_DELAY }) => {
 		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(AnimatedLoader, {})
+			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');
@@ -755,9 +780,9 @@ 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",
+		className: "flex h-screen overflow-hidden bg-gray-50 dark:bg-slate-700",
 		children: [
-			/* @__PURE__ */ jsx(ConnectSidebar, {
+			!(!isSSR && getIsEmbedded()) && /* @__PURE__ */ jsx(ConnectSidebar, {
 				className: "animate-pulse",
 				onLogin: void 0,
 				onDisconnect: void 0,
@@ -781,164 +806,396 @@ const AppSkeleton = (props) => {
 	});
 };
 //#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();
+//#region src/components/error-boundary.tsx
+const logger$1 = childLogger(["Connect"]);
+function hasCustomFallback(props) {
+	return "fallbackRender" in props;
 }
-function subscribeDismissed(cb) {
-	listeners.add(cb);
-	return () => {
-		listeners.delete(cb);
-	};
+function SilentFallback() {
+	return null;
 }
-function getDismissed() {
-	return dismissed;
+/**
+* Simple text-based fallback component.
+* Displays a centered message when an error occurs.
+*/
+function TextFallback({ message = "Something went wrong" }) {
+	return /* @__PURE__ */ jsx("div", {
+		className: "text-center",
+		children: message
+	});
 }
-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);
-		});
-	};
+/**
+* Detailed fallback component showing full error information.
+* Displays error message with a collapsible details section.
+* Useful for development and debugging purposes.
+*/
+function DetailedFallback({ error, resetErrorBoundary }) {
+	const errorMessage = error instanceof Error ? error.message : String(error);
+	const errorDetails = error instanceof Error ? error.stack ?? String(error.cause) : JSON.stringify(error, null, 2);
 	return /* @__PURE__ */ jsx("div", {
-		className: "absolute inset-x-0 top-0 z-30 flex justify-center p-3",
+		className: "z-10 mx-auto flex max-w-[80%] flex-1 items-center justify-center p-6",
 		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",
+			className: "w-full max-w-lg rounded-lg border border-gray-500 bg-gray-50 p-6 shadow-sm dark:border-slate-400 dark:bg-slate-800",
 			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-800",
-							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",
-							children: ["Migration failed: ", error]
-						})
-					]
+					className: "mb-3 flex items-center gap-2",
+					children: [/* @__PURE__ */ jsx(Icon, {
+						name: "Error",
+						className: "size-5 shrink-0"
+					}), /* @__PURE__ */ jsx("h1", {
+						className: "text-lg font-semibold",
+						children: "Something went wrong"
+					})]
 				}),
-				/* @__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",
-					children: migrating ? "Migrating…" : "Migrate now"
+				/* @__PURE__ */ jsx("p", {
+					className: "mb-4 text-sm text-gray-700 dark:text-slate-200",
+					children: errorMessage
 				}),
-				/* @__PURE__ */ jsx("button", {
+				errorDetails !== "{}" && /* @__PURE__ */ jsxs("details", {
+					className: "group",
+					children: [/* @__PURE__ */ jsx("summary", {
+						className: "cursor-pointer text-sm font-medium text-gray-700 underline select-none hover:text-gray-700 dark:text-slate-200 dark:hover:text-slate-200",
+						children: "Show details"
+					}), /* @__PURE__ */ jsx("pre", {
+						className: "mt-2 max-h-48 overflow-auto rounded-sm bg-gray-100 p-3 text-xs dark:bg-slate-700",
+						children: errorDetails
+					})]
+				}),
+				/* @__PURE__ */ jsx(PowerhouseButton, {
 					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",
-					children: "Dismiss"
+					onClick: resetErrorBoundary,
+					className: "mt-4 px-3 py-1.5 text-base font-medium",
+					children: "Try again"
 				})
 			]
 		})
 	});
-};
+}
+/**
+* Centered error message fallback component.
+* Displays the error message in a centered, full-size container.
+* Suitable for use as a custom fallbackRender when you need simple error display.
+*/
+function CenteredErrorMessage({ error }) {
+	return /* @__PURE__ */ jsx("div", {
+		className: "flex size-full items-center justify-center",
+		children: /* @__PURE__ */ jsx("h3", {
+			className: "text-lg font-semibold",
+			children: error instanceof Error ? error.message : String(error)
+		})
+	});
+}
+function getFallbackComponent(variant, fallbackMessage) {
+	switch (variant) {
+		case "silent": return SilentFallback;
+		case "text": return () => /* @__PURE__ */ jsx(TextFallback, { message: fallbackMessage });
+		case "detailed": return DetailedFallback;
+		default: return CenteredErrorMessage;
+	}
+}
+/**
+* Unified error boundary component for catching and handling React errors.
+*
+* Built on top of `react-error-boundary`, this component provides:
+* - Automatic error logging with configurable context
+* - Multiple fallback UI variants (silent, text, detailed)
+* - Support for custom fallback render functions
+* - Reset capability via `resetKeys`
+*
+* @example
+* // Using a predefined variant
+* <ErrorBoundary variant="detailed" loggerContext={["Connect", "Editor"]}>
+*   <EditorComponent />
+* </ErrorBoundary>
+*
+* @example
+* // Using a custom message with the text variant
+* <ErrorBoundary variant="text" fallbackMessage="Failed to load drives">
+*   <DrivesList />
+* </ErrorBoundary>
+*
+* @example
+* // Using a custom fallback render
+* <ErrorBoundary
+*   fallbackRender={CenteredErrorMessage}
+*   onError={(error) => trackError(error)}
+* >
+*   <MyComponent />
+* </ErrorBoundary>
+*
+* @example
+* // Silent mode for modals (renders null on error)
+* <ErrorBoundary variant="silent" loggerContext={["Connect", "Modals"]}>
+*   <ModalContent />
+* </ErrorBoundary>
+*/
+function ErrorBoundary$1(props) {
+	const { children, onError, resetKeys, loggerContext } = props;
+	const handleError = (error, info) => {
+		if (error.message.includes("Failed to fetch dynamically imported module") && error.message.includes("node_modules/.vite")) {
+			console.error(error);
+			console.log("Outdated chunk detected, reloading page...");
+			window.location.reload();
+			return;
+		}
+		(loggerContext ? childLogger(loggerContext) : logger$1).error("@error @info", error, info);
+		onError?.(error, info);
+	};
+	return /* @__PURE__ */ jsx(ErrorBoundary, {
+		fallbackRender: hasCustomFallback(props) ? props.fallbackRender : getFallbackComponent(props.variant, props.fallbackMessage),
+		onError: handleError,
+		resetKeys,
+		children
+	});
+}
+//#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;
+};
+//#endregion
+//#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;
+}
+/**
+* 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/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);
+			}
+		};
+		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("[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]);
+	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-ZK9-BWMB.js").then((m) => ({ default: m.AddDriveModal })));
-const ClearStorageModal = lazy(() => import("./ClearStorageModal-BLr3sRfl.js").then((m) => ({ default: m.ClearStorageModal })));
-const CookiesPolicyModal = lazy(() => import("./CookiesPolicyModal-DiXQV82b.js").then((m) => ({ default: m.CookiesPolicyModal })));
-const CreateDocumentModal$1 = lazy(() => import("./CreateDocumentModal-BhJh4nWt.js").then((m) => ({ default: m.CreateDocumentModal })));
-const DebugSettingsModal = lazy(() => import("./DebugSettingsModal-DHORxOiI.js").then((m) => ({ default: m.DebugSettingsModal })));
-const DeleteDriveModal = lazy(() => import("./DeleteDriveModal-CbuIdjKY.js").then((m) => ({ default: m.DeleteDriveModal })));
-const DeleteItemModal = lazy(() => import("./DeleteItemModal-9ErYlauT.js").then((m) => ({ default: m.DeleteItemModal })));
-const DisclaimerModal = lazy(() => import("./DisclaimerModal-CfDeiBz8.js").then((m) => ({ default: m.DisclaimerModal })));
-const DriveSettingsModal$1 = lazy(() => import("./DriveSettingsModal-DEk05PS7.js").then((m) => ({ default: m.DriveSettingsModal })));
-const DownloadDocumentWithErrorsModal = lazy(() => import("./DownloadDocumentWithErrorsModal-KZGWQ4J7.js").then((m) => ({ default: m.DownloadDocumentWithErrorsModal })));
-const SettingsModal$1 = lazy(() => import("./SettingsModal-CwIcZXAy.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-DrBnrYZl.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(async () => {
-	return { 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-DOIDDXvY.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 }) => {
@@ -962,11 +1219,11 @@ function MissingModelBanner() {
 	const [open, setOpen] = useState(false);
 	if (failed.length === 0) return null;
 	return /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsxs("div", {
-		className: "flex items-center justify-between gap-3 bg-amber-100 px-4 py-2 text-sm text-amber-900",
+		className: "flex items-center justify-between gap-3 bg-amber-100 px-4 py-2 text-sm text-amber-900 dark:bg-amber-800 dark:text-amber-100",
 		children: [/* @__PURE__ */ jsx("span", { children: failed.length === 1 ? "1 document type couldn't load (missing model)." : `${failed.length} document types couldn't load (missing models).` }), /* @__PURE__ */ jsx("button", {
 			type: "button",
 			onClick: () => setOpen(true),
-			className: "rounded-md border border-amber-300 bg-white px-3 py-1 text-amber-900 hover:bg-amber-50",
+			className: "rounded-md border border-amber-300 bg-gray-50 px-3 py-1 text-amber-900 hover:bg-amber-50 dark:border-amber-600 dark:bg-slate-800 dark:text-amber-100 dark:hover:bg-amber-900",
 			children: "View"
 		})]
 	}), /* @__PURE__ */ jsx(MissingModelDetailsModal, {
@@ -999,18 +1256,18 @@ function MissingModelDetailsModal(props) {
 		},
 		contentProps: { className: "rounded-3xl" },
 		children: /* @__PURE__ */ jsxs("div", {
-			className: "w-[520px] max-w-[90vw] bg-white p-6",
+			className: "w-[520px] max-w-[90vw] bg-gray-50 p-6 dark:bg-slate-800",
 			children: [
 				/* @__PURE__ */ jsx("div", {
-					className: "border-b border-slate-100 pb-2 text-2xl font-bold text-gray-800",
+					className: "border-b border-gray-100 pb-2 text-2xl font-bold text-gray-900 dark:border-slate-500 dark:bg-slate-600 dark:text-slate-100",
 					children: "Missing document models"
 				}),
 				/* @__PURE__ */ jsx("div", {
-					className: "my-4 text-sm text-gray-600",
+					className: "my-4 text-sm text-gray-700 dark:text-slate-200",
 					children: "The following document types couldn't be loaded. Documents using them won't display until the underlying package is installed."
 				}),
 				failed.length === 0 ? /* @__PURE__ */ jsx("div", {
-					className: "rounded-xl bg-slate-50 p-4 text-sm text-gray-600",
+					className: "rounded-xl bg-gray-50 p-4 text-sm text-gray-700 dark:bg-slate-800 dark:text-slate-200",
 					children: "No outstanding failures."
 				}) : /* @__PURE__ */ jsx("div", {
 					className: "flex max-h-[60vh] flex-col gap-3 overflow-y-auto",
@@ -1018,18 +1275,18 @@ function MissingModelDetailsModal(props) {
 						const isRetrying = retrying.has(entry.documentType);
 						const retryDisabled = !canRetry(entry.reason) || isRetrying;
 						return /* @__PURE__ */ jsxs("div", {
-							className: "rounded-xl bg-slate-50 p-4",
+							className: "rounded-xl bg-gray-50 p-4 dark:bg-slate-800",
 							children: [
 								/* @__PURE__ */ jsx("div", {
-									className: "mb-1 font-mono text-sm font-semibold text-gray-800",
+									className: "mb-1 font-mono text-sm font-semibold text-gray-900 dark:text-slate-100",
 									children: entry.documentType
 								}),
 								/* @__PURE__ */ jsx("div", {
-									className: "mb-2 text-xs text-gray-600",
+									className: "mb-2 text-xs text-gray-700 dark:text-slate-200",
 									children: reasonLabels[entry.reason]
 								}),
 								entry.packageNames.length > 0 ? /* @__PURE__ */ jsxs("div", {
-									className: "mb-2 text-xs text-gray-500",
+									className: "mb-2 text-xs text-gray-500 dark:text-slate-400",
 									children: [
 										"Package",
 										entry.packageNames.length > 1 ? "s" : "",
@@ -1039,7 +1296,7 @@ function MissingModelDetailsModal(props) {
 									]
 								}) : null,
 								entry.error ? /* @__PURE__ */ jsx("div", {
-									className: "mb-2 font-mono text-xs wrap-break-word text-red-700",
+									className: "mb-2 font-mono text-xs wrap-break-word text-red-700 dark:text-red-100",
 									children: entry.error.message
 								}) : null,
 								/* @__PURE__ */ jsx("div", {
@@ -1049,7 +1306,7 @@ function MissingModelDetailsModal(props) {
 										onClick: () => void handleRetry(entry.documentType),
 										disabled: retryDisabled,
 										title: canRetry(entry.reason) ? void 0 : "No registry is configured; nothing to retry against.",
-										className: twMerge("min-h-[32px] rounded-xl px-3 py-1 text-sm font-semibold text-white transition-all hover:scale-105", retryDisabled ? "cursor-not-allowed bg-gray-300 hover:scale-100" : "bg-gray-800 active:opacity-75"),
+										className: twMerge("min-h-[32px] rounded-xl px-3 py-1 text-sm font-semibold text-white transition-all hover:scale-105 dark:text-slate-900", retryDisabled ? "cursor-not-allowed bg-gray-300 hover:scale-100 dark:bg-slate-600 dark:text-slate-100" : "bg-gray-800 active:opacity-75 dark:bg-slate-100"),
 										children: isRetrying ? "Retrying..." : "Try install again"
 									})
 								})
@@ -1062,7 +1319,7 @@ function MissingModelDetailsModal(props) {
 					children: /* @__PURE__ */ jsx("button", {
 						type: "button",
 						onClick: onClose,
-						className: "min-h-[36px] rounded-xl border border-slate-200 bg-white px-4 py-2 text-sm font-semibold text-slate-800 hover:bg-slate-50",
+						className: "min-h-[36px] rounded-xl border border-gray-200 bg-gray-50 px-4 py-2 text-sm font-semibold text-gray-800 hover:bg-gray-50 dark:border-slate-500 dark:bg-slate-600 dark:text-slate-100 dark:hover:bg-slate-800",
 						children: "Close"
 					})
 				})
@@ -1088,10 +1345,11 @@ function PackageInstallPrompt() {
 //#endregion
 //#region src/components/app.tsx
 const App = () => {
+	useTheme();
 	useEffect(() => {
 		const handlePreloadError = (event) => {
 			const payload = event.payload;
-			const failedUrl = (payload instanceof Error ? payload.message : String(payload ?? "")).match(/https?:\/\/[^\s"']+/)?.[0];
+			const failedUrl = (payload instanceof Error ? payload.message : typeof payload === "string" ? payload : "").match(/https?:\/\/[^\s"']+/)?.[0];
 			if (failedUrl && !failedUrl.startsWith(window.location.origin)) {
 				console.debug(`[Connect] Skipping reload — vite:preloadError for off-origin URL: ${failedUrl}`);
 				return;
@@ -1113,7 +1371,8 @@ const App = () => {
 		/* @__PURE__ */ jsx(MissingModelBanner, {}),
 		/* @__PURE__ */ jsx(Router, {}),
 		/* @__PURE__ */ jsx(PackageInstallPrompt, {}),
-		/* @__PURE__ */ jsx(Analytics, {})
+		/* @__PURE__ */ jsx(Analytics, {}),
+		/* @__PURE__ */ jsx(OpenPanel, {})
 	] });
 };
 //#endregion
@@ -1151,8 +1410,8 @@ const CookieBanner$1 = () => {
 	if (!showBanner) return null;
 	return /* @__PURE__ */ jsxs("div", {
 		className: "absolute inset-0 z-10000 backdrop-blur-sm",
-		children: [/* @__PURE__ */ jsx("div", { className: "absolute inset-0 bg-black opacity-15" }), /* @__PURE__ */ jsx("div", {
-			className: "absolute inset-x-0 bottom-0 flex justify-center bg-white px-10 pt-10 pb-16 shadow-lg",
+		children: [/* @__PURE__ */ jsx("div", { className: "absolute inset-0 bg-gray-900 opacity-15 dark:bg-slate-50" }), /* @__PURE__ */ jsx("div", {
+			className: "absolute inset-x-0 bottom-0 flex justify-center bg-gray-50 px-10 pt-10 pb-16 shadow-lg dark:bg-slate-800",
 			children: /* @__PURE__ */ jsx(CookieBanner, {
 				className: "max-w-[1024px]",
 				cookies: cookiesInput,
@@ -1161,12 +1420,12 @@ const CookieBanner$1 = () => {
 				submitLabel: t("cookieBanner.accept"),
 				rejectLabel: t("cookieBanner.reject"),
 				children: /* @__PURE__ */ jsx("p", {
-					className: "font-semibold text-gray-500",
+					className: "font-semibold text-gray-500 dark:text-slate-400",
 					children: /* @__PURE__ */ jsx(Trans, {
 						i18nKey: "cookieBanner.message",
 						components: { a: /* @__PURE__ */ jsx("a", {
 							onClick: () => showPHModal({ type: "cookiesPolicy" }),
-							className: "cursor-pointer text-gray-900 hover:underline"
+							className: "cursor-pointer text-gray-900 hover:underline dark:text-slate-50"
 						}, "cookieBanner.message-link") }
 					}, "cookieBanner.message")
 				})
@@ -1345,14 +1604,14 @@ const DocumentEditor = (props) => {
 //#region src/components/root.tsx
 function Root() {
 	return /* @__PURE__ */ jsx("div", {
-		className: "h-screen",
+		className: "h-screen bg-gray-50 dark:bg-slate-800",
 		children: /* @__PURE__ */ jsx("div", {
 			className: `flex h-screen items-stretch overflow-auto`,
 			role: "presentation",
 			tabIndex: 0,
 			children: /* @__PURE__ */ jsxs(Suspense, {
 				name: "Root",
-				children: [/* @__PURE__ */ jsx(Sidebar, {}), /* @__PURE__ */ jsx("div", {
+				children: [!useIsEmbedded() && /* @__PURE__ */ jsx(Sidebar, {}), /* @__PURE__ */ jsx("div", {
 					className: "relative flex-1 overflow-auto",
 					children: /* @__PURE__ */ jsx(Outlet, {})
 				})]
@@ -1392,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
@@ -1434,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;
@@ -1452,7 +1716,9 @@ function Sidebar() {
 		onClickSettings,
 		address: user?.address,
 		onLogin: openRenown,
-		onDisconnect: logout,
+		onDisconnect: () => {
+			logout();
+		},
 		ensName: ensName || ensInfo.data?.ens,
 		avatarUrl: avatarUrl || ensInfo.data?.avatar_small || ensInfo.data?.avatar_url || void 0,
 		etherscanUrl,
@@ -1467,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-DoY0auxt.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-B4BiV0hg.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-Cs4KcEw0.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-BLHOoVIg.js.map
-//# debugId=ebf04d37-dff0-53fa-872d-097855e3824e
+//# sourceMappingURL=app-loader-DCYDK6hq.js.map
+//# debugId=ecb0fae1-8b49-5b4b-b37b-86f2feb9a9b6