@powerhousedao/connect 6.2.3-dev.2 → 6.2.3-dev.20

package/dist/{app-loader-4yYa_F0I.js → app-loader-BbuC7lmP.js}

@@ -1,27 +1,31 @@
 
-!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]="b8568829-74c8-5629-8861-97fa4a82010c")}catch(e){}}();
+!function(){try{var e="undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof globalThis?globalThis:"undefined"!=typeof self?self:{},n=(new e.Error).stack;n&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[n]="4b603cc8-96ef-555a-ad0e-ceb73451bf03")}catch(e){}}();
 import { n as getRuntimeConfig } from "./runtime-config-DL3QjcfM.js";
-import { c as idbError } from "./pglite-major-B39aOEiE.js";
-import { n as cloneFileData, r as migrateIdb } from "./pglite-migrate-core-Boxqqx-c.js";
-import { a as defaultPHDocumentEditorConfig, i as defaultPHAppConfig, r as connectConfig } from "./connect.config-DaHDEUrw.js";
-import { f as PRIMARY_IDB_NAMES, r as subscribeWorkerConnection, s as getCachedMigrationMajor, t as getWorkerConnectionStatus, u as subscribeMigrationMajor } from "./connection-state-3w4liC1X.js";
-import { n as serviceWorkerManager, r as subscribeServiceWorkerUpdate, t as getServiceWorkerUpdateAvailable } from "./registerServiceWorker-BSzbNfvz.js";
+import { n as drainOpenPanelBuffer, t as clearOpenPanelBuffer } from "./buffer-Bu1eWySI.js";
+import { c as idbError } from "./pglite-major-D3sdYMs2.js";
+import { n as cloneFileData, r as migrateIdb } from "./pglite-migrate-core-BIWwtl5e.js";
+import { n as setMigrationStatus, t as AppSkeleton } from "./app-skeleton-C6RjKQuy.js";
+import { n as useIsEmbedded } from "./useIsEmbedded-B_AIFqBu.js";
+import { a as defaultPHDocumentEditorConfig, i as defaultPHAppConfig, r as connectConfig } from "./connect.config-BofwIsWJ.js";
+import { n as useAcceptedCookies, t as setBannerShown } from "./preferences-store-Coa1SHvi.js";
 import { t as setSentryModule } from "./sentry-QXKgQmr2.js";
-import { i as useIsEmbedded, r as getIsEmbedded, t as useAcceptedCookies } from "./preferences-store-_5Cw4_YV.js";
-import { n as dismissToast, r as toast, t as ToastContainer } from "./toast-BXIGd4Eb.js";
-import { t as useOpenRenownLogin } from "./use-renown-login-Cf3va6u_.js";
+import { n as dismissToast, r as toast, t as ToastContainer } from "./toast-CO6ChlzE.js";
+import { f as PRIMARY_IDB_NAMES, r as subscribeWorkerConnection, s as getCachedMigrationMajor, t as getWorkerConnectionStatus, u as subscribeMigrationMajor } from "./connection-state-DAqW06pk.js";
+import { n as serviceWorkerManager, r as subscribeServiceWorkerUpdate, t as getServiceWorkerUpdateAvailable } from "./registerServiceWorker-BAbPbSW4.js";
+import { t as useOpenRenownLogin } from "./use-renown-login-rS9wfcuG.js";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-import { useTranslation } from "react-i18next";
+import { Trans, useTranslation } from "react-i18next";
 import React, { StrictMode, Suspense, createElement, lazy, useCallback, useEffect, useMemo, useRef, useState, useSyncExternalStore } from "react";
-import { DriveCollectionId, RenownWalletProvider, addFileWithProgress, getRevisionFromDate, initTheme, logout, setPHAppConfig, setPHDocumentEditorConfig, setRevisionHistoryVisible, setSelectedDrive, setSelectedNode, showPHModal, useAppModuleById, useConnectionStates, useDefaultAppModule, useDocumentById, useDocumentModelModuleById, useDocumentOperations, useDocumentVersionStatus, useDrives, useEditorModuleById, useEditorPreloader, 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, DefaultEditorLoader, DriveAuthGate, DropZoneWrapper, HomeScreen, HomeScreenAddDriveItem, HomeScreenItem, LogoAnimation, PackageInstallModal, RevisionHistory, SidebarAddDriveItem, SidebarItem, UploadFileListContainer, formatFileSize, mapProgressStageToStatus, useEns } from "@powerhousedao/design-system/connect";
-import { Outlet, RouterProvider, createBrowserRouter, createRoutesFromChildren, matchRoutes, useLocation, useNavigationType } from "react-router-dom";
-import { useHotkeys } from "react-hotkeys-hook";
+import { ConnectSearchBar, ConnectSidebar, ConnectTooltipProvider, DefaultEditorLoader, DriveAuthGate, DropZoneWrapper, Footer, FooterLink, HomeScreen, HomeScreenAddDriveItem, HomeScreenItem, PackageInstallModal, RevisionHistory, SidebarAddDriveItem, SidebarItem, UploadFileListContainer, formatFileSize, mapProgressStageToStatus, useEns } from "@powerhousedao/design-system/connect";
+import { DriveCollectionId, RenownWalletProvider, addFileWithProgress, getRevisionFromDate, logout, setPHAppConfig, setPHDocumentEditorConfig, setRevisionHistoryVisible, setSelectedDrive, setSelectedNode, showPHModal, useAppModuleById, useConnectionStates, useDefaultAppModule, useDocumentById, useDocumentModelModuleById, useDocumentOperations, useDocumentVersionStatus, useDrives, useEditorModuleById, useEditorPreloader, useFallbackEditorModule, useIsAddDriveEnabled, useNodeParentFolderById, usePHModal, usePackageDiscoveryService, useReactorClientModule, useRevisionHistoryVisible, useSelectedDocument, useSelectedDocumentId, useSelectedDriveId, useSelectedDriveSafe, useSelectedFolder, useSelectedTimelineItem, useSync, useSyncList, useTheme, useUser, useVetraPackageManager, useVetraPackages } from "@powerhousedao/reactor-browser";
 import { Icon, Modal, PowerhouseButton } from "@powerhousedao/design-system";
+import { childLogger } from "document-model";
 import { ErrorBoundary } from "react-error-boundary";
 import { z } from "zod";
 import { GenericDriveExplorer } from "@powerhousedao/powerhouse-vetra-packages/editors";
+import { Outlet, RouterProvider, createBrowserRouter, createRoutesFromChildren, matchRoutes, useLocation, useNavigationType } from "react-router-dom";
+import { redo, undo } from "@powerhousedao/shared/document-model";
+import { useHotkeys } from "react-hotkeys-hook";
 import { createReactorMcpProvider } from "@powerhousedao/reactor-mcp/tools";
 import { ReactorChatFab, createSwitchboardSchemaTool } from "@powerhousedao/reactor-browser/ai";
 import { twMerge } from "tailwind-merge";
@@ -29,487 +33,663 @@ import { mockAdapter } from "@renown/sdk/wallet/mock";
 import { privyAdapter } from "@renown/sdk/wallet/privy";
 import { rainbowAdapter } from "@renown/sdk/wallet/rainbow";
 import { arbitrum, base, mainnet, optimism, polygon, sepolia } from "wagmi/chains";
-import { redo, undo } from "@powerhousedao/shared/document-model";
-//#region src/utils/browser.ts
-function getBasePath() {
-	if (typeof document === "undefined") return "/";
-	return document.querySelector("base")?.getAttribute("href") || "/";
-}
-//#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/utils/launch-queue.ts
-let pendingImportFiles = [];
-const pendingListeners = /* @__PURE__ */ new Set();
-function notifyPendingListeners() {
-	for (const listener of pendingListeners) listener();
-}
-function getPendingImportFiles() {
-	return pendingImportFiles;
+//#region src/components/error-boundary.tsx
+const logger$2 = childLogger(["Connect"]);
+function hasCustomFallback(props) {
+	return "fallbackRender" in props;
 }
-/** Stable identity of a pending file (also the picker's pre-check cache key). */
-function pendingFileKey(file) {
-	return `${file.name}|${file.size}|${file.lastModified}`;
+function SilentFallback() {
+	return null;
 }
-function addPendingImportFiles(files) {
-	const seen = new Set(pendingImportFiles.map(pendingFileKey));
-	const fresh = files.filter((file) => {
-		const key = pendingFileKey(file);
-		if (seen.has(key)) return false;
-		seen.add(key);
-		return true;
+/**
+* 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 wrap-break-word text-foreground",
+		children: message
 	});
-	if (fresh.length === 0) return;
-	pendingImportFiles = [...pendingImportFiles, ...fresh];
-	notifyPendingListeners();
 }
-function clearPendingImportFiles() {
-	if (pendingImportFiles.length === 0) return;
-	pendingImportFiles = [];
-	notifyPendingListeners();
+/**
+* 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-border bg-card p-6 text-foreground shadow-sm",
+			children: [
+				/* @__PURE__ */ jsxs("div", {
+					className: "mb-3 flex items-center gap-2",
+					children: [/* @__PURE__ */ jsx(Icon, {
+						name: "Error",
+						className: "size-5 shrink-0 text-destructive"
+					}), /* @__PURE__ */ jsx("h1", {
+						className: "text-lg font-semibold text-foreground",
+						children: "Something went wrong"
+					})]
+				}),
+				/* @__PURE__ */ jsx("p", {
+					className: "mb-4 text-sm wrap-break-word text-foreground",
+					children: errorMessage
+				}),
+				errorDetails !== "{}" && /* @__PURE__ */ jsxs("details", {
+					className: "group",
+					children: [/* @__PURE__ */ jsx("summary", {
+						className: "cursor-pointer text-sm font-medium text-foreground underline select-none hover:hover-effect",
+						children: "Show details"
+					}), /* @__PURE__ */ jsx("pre", {
+						className: "mt-2 max-h-48 overflow-auto rounded-sm bg-muted p-3 text-xs text-foreground",
+						children: errorDetails
+					})]
+				}),
+				/* @__PURE__ */ jsx(PowerhouseButton, {
+					type: "button",
+					onClick: resetErrorBoundary,
+					className: "mt-4 px-3 py-1.5 text-base font-medium",
+					children: "Try again"
+				})
+			]
+		})
+	});
 }
-function subscribePendingImportFiles(cb) {
-	pendingListeners.add(cb);
-	return () => {
-		pendingListeners.delete(cb);
-	};
+/**
+* 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 p-6",
+		children: /* @__PURE__ */ jsx("h3", {
+			className: "max-w-lg min-w-0 text-center text-lg font-semibold wrap-break-word text-foreground",
+			children: error instanceof Error ? error.message : String(error)
+		})
+	});
 }
-async function handleLaunchParams(params) {
-	const handles = params.files.filter((handle) => handle.kind === "file");
-	if (handles.length === 0) return;
-	const files = [];
-	for (const handle of handles) try {
-		files.push(await handle.getFile());
-	} catch (error) {
-		console.error("Failed to read launched file:", handle.name, 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;
 	}
-	if (files.length === 0) return;
-	addPendingImportFiles(files);
-	showPHModal({ type: "openFileDocuments" });
 }
-function maybeReopenImportModal() {
-	if (getPendingImportFiles().length === 0) return;
-	if (window.ph?.modal !== void 0) return;
-	showPHModal({ type: "openFileDocuments" });
-}
-let initialized = false;
 /**
-* Register the launchQueue consumer that receives files opened with Connect
-* through the OS file association. Idempotent (safe under StrictMode double
-* effects) and a no-op where the File Handling API doesn't exist — Firefox,
-* Safari, and any context without an installed PWA manifest simply never
-* deliver launches.
+* 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 initLaunchQueueFileHandling() {
-	if (initialized) return;
-	initialized = true;
-	window.addEventListener("ph:modalUpdated", maybeReopenImportModal);
-	window.launchQueue?.setConsumer((params) => {
-		handleLaunchParams(params);
+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$2).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/utils/open-file-uploads.ts
-let uploads = [];
-const listeners$1 = /* @__PURE__ */ new Set();
-function notifyUploadListeners() {
-	for (const listener of listeners$1) listener();
-}
-function getOpenFileUploads() {
-	return uploads;
-}
-function subscribeOpenFileUploads(cb) {
-	listeners$1.add(cb);
-	return () => {
-		listeners$1.delete(cb);
-	};
+//#region src/components/analytics.tsx
+function gtag(...args) {
+	window.dataLayer?.push(...args);
 }
-function removeOpenFileUpload(id) {
-	const next = uploads.filter((upload) => upload.id !== id);
-	if (next.length === uploads.length) return;
-	uploads = next;
-	notifyUploadListeners();
-}
-function clearOpenFileUploads() {
-	if (uploads.length === 0) return;
-	uploads = [];
-	notifyUploadListeners();
-}
-function addOpenFileUploads(rows) {
-	uploads = [...uploads, ...rows];
-	notifyUploadListeners();
-}
-function patchOpenFileUpload(id, patch) {
-	uploads = uploads.map((upload) => upload.id === id ? {
-		...upload,
-		...patch
-	} : upload);
-	notifyUploadListeners();
-}
-let uploadCounter = 0;
-let importChain = Promise.resolve();
+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/services/openpanel/client.ts
+let client;
 /**
-* Import one file and resolve once the flow truly ends. Completion is
-* tracked through the progress stages, NOT the returned promise — the
-* package-discovery retry path resolves early and keeps reporting through
-* the callback. `resolveConflict: "duplicate"` is always passed: duplicates
-* were resolved in the picker (rename), so the conflict stage must never
-* fire — this also covers a duplicate appearing between pre-check and import.
+* 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.
 */
-function importOne(row, driveId, documentTypes) {
-	return new Promise((resolve) => {
-		let settled = false;
-		const settle = (fileNode) => {
-			if (settled) return;
-			settled = true;
-			resolve(fileNode);
-		};
-		addFileWithProgress(row.file, driveId, row.name, void 0, (progress) => {
-			patchOpenFileUpload(row.id, {
-				status: mapProgressStageToStatus(progress.stage),
-				progress: progress.progress,
-				...progress.error ? { errorDetails: progress.error } : {},
-				...progress.documentType ? { documentType: progress.documentType } : {},
-				...progress.fileNode ? { fileNode: progress.fileNode } : {}
-			});
-			switch (progress.stage) {
-				case "complete":
-					settle(progress.fileNode);
-					break;
-				case "failed":
-				case "unsupported-document-type":
-					settle(void 0);
-					break;
-				default: break;
-			}
-		}, documentTypes, "duplicate").catch(() => {
-			settle(void 0);
-		});
+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;
 }
 /**
-* Run a confirmed batch of imports into a drive, feeding the floating upload
-* panel. Rows appear immediately (queued), files import sequentially, and a
-* single-file batch that succeeds opens its document in the editor.
+* Clears the cached singleton and the pre-init buffer. Call on consent
+* revocation or during tests; buffered events are discarded, not replayed.
 */
-function runOpenFileImports(args) {
-	const { driveId, imports, documentTypes } = args;
-	if (imports.length === 0) return importChain;
-	const rows = imports.map(({ file, name }) => ({
-		id: `open-file-${++uploadCounter}`,
-		file,
-		name
-	}));
-	addOpenFileUploads(rows.map((row) => ({
-		id: row.id,
-		fileName: row.name,
-		fileSize: formatFileSize(row.file.size),
-		status: "pending",
-		progress: 0
-	})));
-	const run = async () => {
-		const results = [];
-		for (const row of rows) results.push(await importOne(row, driveId, documentTypes));
-		if (rows.length === 1 && results[0]) setSelectedNode(results[0]);
-	};
-	importChain = importChain.then(run, run);
-	return importChain;
-}
-//#endregion
-//#region src/components/migration-status.ts
-let current = null;
-const listeners = /* @__PURE__ */ new Set();
-function setMigrationStatus(status) {
-	current = status;
-	for (const l of listeners) l();
-}
-function getMigrationStatus() {
-	return current;
-}
-function subscribeMigrationStatus(cb) {
-	listeners.add(cb);
-	return () => {
-		listeners.delete(cb);
-	};
+function resetOpenPanelClient() {
+	client = void 0;
+	clearOpenPanelBuffer();
 }
 //#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;
-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}`));
-		});
-	});
-}
-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 [];
+//#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"
+		]
 	}
-}
-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;
+];
+//#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);
 		}
-		try {
-			await deleteIdb(rec.name);
-		} catch (err) {
-			console.warn(`Failed to delete expired pglite backup ${rec.name}`, err);
-			keep.push(rec);
+		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);
 		}
 	}
-	writeBackupIndex(keep);
-}
-function createPersistentBackup() {
 	return {
-		snapshot: async (idbName) => {
-			const backupName = `${BACKUP_PREFIX}${idbName}::${(/* @__PURE__ */ new Date()).toISOString()}`;
-			await cloneFileData(idbName, backupName);
-			registerBackup({
-				name: backupName,
-				idbName,
-				createdAt: Date.now()
-			});
-			return backupName;
-		},
-		rollback: async (handle, idbName, cause) => {
-			const backupName = handle;
-			try {
-				await cloneFileData(backupName, idbName);
-			} catch (rollbackErr) {
-				console.error(`PGlite migration rollback failed for ${idbName}; backup ${backupName} retained. Primary migration error:`, cause, "Rollback error:", rollbackErr);
-				return;
-			}
-			await deleteIdb(backupName).catch(() => void 0);
-			forgetBackup(backupName);
-		},
-		discard: async (handle) => {
-			const backupName = handle;
-			await deleteIdb(backupName).catch(() => void 0);
-			forgetBackup(backupName);
-		},
-		commit: () => Promise.resolve()
+		mappings,
+		lookupMap
 	};
 }
-async function migrateAllLocked() {
-	const backup = createPersistentBackup();
-	try {
-		for (const idbName of PRIMARY_IDB_NAMES) await migrateIdb(idbName, (phase) => setMigrationStatus({
-			idbName,
-			phase
-		}), backup);
-	} finally {
-		setMigrationStatus(null);
-	}
+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, "");
 }
-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();
-	});
+/**
+* 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()}`;
 }
-//#endregion
-//#region src/hooks/useFailedInstallations.ts
-const emptyArray$1 = [];
-function useFailedInstallations() {
-	const discoveryService = usePackageDiscoveryService();
-	return useSyncExternalStore((cb) => discoveryService?.subscribeFailed(cb) ?? (() => {}), () => discoveryService?.getFailedInstallations() ?? emptyArray$1);
+/**
+* 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/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;
-		}
-	});
-	setSentryModule(Sentry);
-	clientStarted = true;
-}
-async function closeClient() {
-	if (!clientStarted) return;
-	const sentry = await getSentry();
-	setSentryModule(void 0);
-	return sentry.getClient()?.close();
-}
-function useInitSentry() {
-	const [acceptedCookies] = useAcceptedCookies();
-	const { analytics } = acceptedCookies;
-	useEffect(() => {
-		if (!analytics) {
-			closeClient().catch((error) => logger$2.error("@error", error));
-			return;
+//#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);
+			}
 		}
-		if (clientStarted || connectConfig.sentry.dsn === null || connectConfig.sentry.dsn === void 0 || connectConfig.sentry.dsn === "") return;
-		initSentry().catch((error) => logger$2.error("@error", error));
-	}, [analytics]);
-}
+	}
+	onDisconnect() {
+		this.client.flush?.();
+		return Promise.resolve();
+	}
+};
 //#endregion
-//#region src/services/openpanel/buffer.ts
-const buffer = [];
-let errorHandler;
-function defaultOnError(err) {
-	console.warn("[useOpenPanelAnalytics] track failed:", err);
-}
+//#region src/services/openpanel/factory.ts
 /**
-* 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`.
+* 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 forward(client, name, props) {
-	try {
-		Promise.resolve(client.track(name, props)).catch((err) => (errorHandler ?? defaultOnError)(err));
-	} catch (err) {
-		(errorHandler ?? defaultOnError)(err);
-	}
+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/components/openpanel-traits.ts
 /**
-* Drain the pre-init buffer in FIFO order through `client.track`, then forward
-* subsequent events directly. Called once from `getOpenPanelClient()`.
+* 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 drainOpenPanelBuffer(client, onError) {
-	errorHandler = onError;
-	const pending = buffer.splice(0, buffer.length);
-	for (const [name, props] of pending) forward(client, name, props);
+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;
 }
 /**
-* 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.
+* 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 clearOpenPanelBuffer() {
-	buffer.length = 0;
-	errorHandler = void 0;
+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/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;
+//#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 module = useReactorClientModule();
+	const reactorClientModule = module?.kind === "browser" ? module : void 0;
+	const [client, setClient] = useState();
+	/**
+	* Tracks the previous `user` value so we can detect the two transitions:
+	*   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/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-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/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$1 = 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;
+		}
+	});
+	setSentryModule(Sentry);
+	clientStarted = true;
+}
+async function closeClient() {
+	if (!clientStarted) return;
+	const sentry = await getSentry();
+	setSentryModule(void 0);
+	return sentry.getClient()?.close();
+}
+function useInitSentry() {
+	const [acceptedCookies] = useAcceptedCookies();
+	const { analytics } = acceptedCookies;
+	useEffect(() => {
+		if (!analytics) {
+			closeClient().catch((error) => logger$1.error("@error", error));
+			return;
+		}
+		if (clientStarted || connectConfig.sentry.dsn === null || connectConfig.sentry.dsn === void 0 || connectConfig.sentry.dsn === "") return;
+		initSentry().catch((error) => logger$1.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;
@@ -536,666 +716,356 @@ const useUndoRedoShortcuts = (props) => {
 	}, {}, [canRedo, redo]);
 };
 //#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-card/90 px-6 py-4 text-sm text-foreground shadow-lg",
-			children: [/* @__PURE__ */ jsx("div", {
-				className: "font-medium",
-				children: "Upgrading local database…"
-			}), /* @__PURE__ */ jsx("div", {
-				className: "text-foreground",
-				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]
-	});
+//#region src/context/sentry-provider.tsx
+const SentryProvider = ({ children }) => {
+	useInitSentry();
+	return children;
 };
-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-background",
-		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 ? "home-screen hidden" : 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/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/error-boundary.tsx
-const logger$1 = childLogger(["Connect"]);
-function hasCustomFallback(props) {
-	return "fallbackRender" in props;
+//#region src/utils/launch-queue.ts
+let pendingImportFiles = [];
+const pendingListeners = /* @__PURE__ */ new Set();
+function notifyPendingListeners() {
+	for (const listener of pendingListeners) listener();
 }
-function SilentFallback() {
-	return null;
+function getPendingImportFiles() {
+	return pendingImportFiles;
 }
-/**
-* 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 wrap-break-word text-foreground",
-		children: message
-	});
+/** Stable identity of a pending file (also the picker's pre-check cache key). */
+function pendingFileKey(file) {
+	return `${file.name}|${file.size}|${file.lastModified}`;
 }
-/**
-* 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-border bg-card p-6 text-foreground shadow-sm",
-			children: [
-				/* @__PURE__ */ jsxs("div", {
-					className: "mb-3 flex items-center gap-2",
-					children: [/* @__PURE__ */ jsx(Icon, {
-						name: "Error",
-						className: "size-5 shrink-0 text-destructive"
-					}), /* @__PURE__ */ jsx("h1", {
-						className: "text-lg font-semibold text-foreground",
-						children: "Something went wrong"
-					})]
-				}),
-				/* @__PURE__ */ jsx("p", {
-					className: "mb-4 text-sm wrap-break-word text-foreground",
-					children: errorMessage
-				}),
-				errorDetails !== "{}" && /* @__PURE__ */ jsxs("details", {
-					className: "group",
-					children: [/* @__PURE__ */ jsx("summary", {
-						className: "cursor-pointer text-sm font-medium text-foreground underline select-none hover:hover-effect",
-						children: "Show details"
-					}), /* @__PURE__ */ jsx("pre", {
-						className: "mt-2 max-h-48 overflow-auto rounded-sm bg-muted p-3 text-xs text-foreground",
-						children: errorDetails
-					})]
-				}),
-				/* @__PURE__ */ jsx(PowerhouseButton, {
-					type: "button",
-					onClick: resetErrorBoundary,
-					className: "mt-4 px-3 py-1.5 text-base font-medium",
-					children: "Try again"
-				})
-			]
-		})
+function addPendingImportFiles(files) {
+	const seen = new Set(pendingImportFiles.map(pendingFileKey));
+	const fresh = files.filter((file) => {
+		const key = pendingFileKey(file);
+		if (seen.has(key)) return false;
+		seen.add(key);
+		return true;
 	});
+	if (fresh.length === 0) return;
+	pendingImportFiles = [...pendingImportFiles, ...fresh];
+	notifyPendingListeners();
 }
-/**
-* 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 p-6",
-		children: /* @__PURE__ */ jsx("h3", {
-			className: "max-w-lg min-w-0 text-center text-lg font-semibold wrap-break-word text-foreground",
-			children: error instanceof Error ? error.message : String(error)
-		})
-	});
+function clearPendingImportFiles() {
+	if (pendingImportFiles.length === 0) return;
+	pendingImportFiles = [];
+	notifyPendingListeners();
 }
-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;
+function subscribePendingImportFiles(cb) {
+	pendingListeners.add(cb);
+	return () => {
+		pendingListeners.delete(cb);
+	};
+}
+async function handleLaunchParams(params) {
+	const handles = params.files.filter((handle) => handle.kind === "file");
+	if (handles.length === 0) return;
+	const files = [];
+	for (const handle of handles) try {
+		files.push(await handle.getFile());
+	} catch (error) {
+		console.error("Failed to read launched file:", handle.name, error);
 	}
+	if (files.length === 0) return;
+	addPendingImportFiles(files);
+	showPHModal({ type: "openFileDocuments" });
+}
+function maybeReopenImportModal() {
+	if (getPendingImportFiles().length === 0) return;
+	if (window.ph?.modal !== void 0) return;
+	showPHModal({ type: "openFileDocuments" });
 }
+let initialized = false;
 /**
-* 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>
+* Register the launchQueue consumer that receives files opened with Connect
+* through the OS file association. Idempotent (safe under StrictMode double
+* effects) and a no-op where the File Handling API doesn't exist — Firefox,
+* Safari, and any context without an installed PWA manifest simply never
+* deliver launches.
 */
-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
+function initLaunchQueueFileHandling() {
+	if (initialized) return;
+	initialized = true;
+	window.addEventListener("ph:modalUpdated", maybeReopenImportModal);
+	window.launchQueue?.setConsumer((params) => {
+		handleLaunchParams(params);
 	});
 }
 //#endregion
-//#region src/components/analytics.tsx
-function gtag(...args) {
-	window.dataLayer?.push(...args);
+//#region src/utils/open-file-uploads.ts
+let uploads = [];
+const listeners = /* @__PURE__ */ new Set();
+function notifyUploadListeners() {
+	for (const listener of listeners) listener();
 }
-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/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();
+function getOpenFileUploads() {
+	return uploads;
 }
-//#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
+function subscribeOpenFileUploads(cb) {
+	listeners.add(cb);
+	return () => {
+		listeners.delete(cb);
 	};
 }
-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()}`;
+function removeOpenFileUpload(id) {
+	const next = uploads.filter((upload) => upload.id !== id);
+	if (next.length === uploads.length) return;
+	uploads = next;
+	notifyUploadListeners();
 }
-/**
-* 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
-	};
+function clearOpenFileUploads() {
+	if (uploads.length === 0) return;
+	uploads = [];
+	notifyUploadListeners();
 }
-//#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"
-		}];
-	};
+function addOpenFileUploads(rows) {
+	uploads = [...uploads, ...rows];
+	notifyUploadListeners();
 }
-//#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;
+function patchOpenFileUpload(id, patch) {
+	uploads = uploads.map((upload) => upload.id === id ? {
+		...upload,
+		...patch
+	} : upload);
+	notifyUploadListeners();
 }
+let uploadCounter = 0;
+let importChain = Promise.resolve();
 /**
-* 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}.
+* Import one file and resolve once the flow truly ends. Completion is
+* tracked through the progress stages, NOT the returned promise — the
+* package-discovery retry path resolves early and keeps reporting through
+* the callback. `resolveConflict: "duplicate"` is always passed: duplicates
+* were resolved in the picker (rename), so the conflict stage must never
+* fire — this also covers a duplicate appearing between pre-check and import.
 */
-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)
-	};
+function importOne(row, driveId, documentTypes) {
+	return new Promise((resolve) => {
+		let settled = false;
+		const settle = (fileNode) => {
+			if (settled) return;
+			settled = true;
+			resolve(fileNode);
+		};
+		addFileWithProgress(row.file, driveId, row.name, void 0, (progress) => {
+			patchOpenFileUpload(row.id, {
+				status: mapProgressStageToStatus(progress.stage),
+				progress: progress.progress,
+				...progress.error ? { errorDetails: progress.error } : {},
+				...progress.documentType ? { documentType: progress.documentType } : {},
+				...progress.fileNode ? { fileNode: progress.fileNode } : {}
+			});
+			switch (progress.stage) {
+				case "complete":
+					settle(progress.fileNode);
+					break;
+				case "failed":
+				case "unsupported-document-type":
+					settle(void 0);
+					break;
+				default: break;
+			}
+		}, documentTypes, "duplicate").catch(() => {
+			settle(void 0);
+		});
+	});
 }
-//#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`.
+* Run a confirmed batch of imports into a drive, feeding the floating upload
+* panel. Rows appear immediately (queued), files import sequentially, and a
+* single-file batch that succeeds opens its document in the editor.
 */
-function OpenPanel() {
-	const [{ analytics }] = useAcceptedCookies();
-	const user = useUser();
-	const module = useReactorClientModule();
-	const reactorClientModule = module?.kind === "browser" ? module : void 0;
-	const [client, setClient] = useState();
-	/**
-	* Tracks the previous `user` value so we can detect the two transitions:
-	*   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);
+function runOpenFileImports(args) {
+	const { driveId, imports, documentTypes } = args;
+	if (imports.length === 0) return importChain;
+	const rows = imports.map(({ file, name }) => ({
+		id: `open-file-${++uploadCounter}`,
+		file,
+		name
+	}));
+	addOpenFileUploads(rows.map((row) => ({
+		id: row.id,
+		fileName: row.name,
+		fileSize: formatFileSize(row.file.size),
+		status: "pending",
+		progress: 0
+	})));
+	const run = async () => {
+		const results = [];
+		for (const row of rows) results.push(await importOne(row, driveId, documentTypes));
+		if (rows.length === 1 && results[0]) setSelectedNode(results[0]);
+	};
+	importChain = importChain.then(run, run);
+	return importChain;
+}
+//#endregion
+//#region src/utils/openUrl.ts
+const openBrowserUrl = (url) => window.open(url, "_blank");
+const openUrl = openBrowserUrl;
+//#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;
+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();
 		};
-	}, [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);
+		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}`));
+		});
+	});
+}
+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;
 		}
-		else if (prev && !user) try {
-			client.clear();
+		try {
+			await deleteIdb(rec.name);
 		} catch (err) {
-			console.warn("[OpenPanel] Failed to clear user:", err);
+			console.warn(`Failed to delete expired pglite backup ${rec.name}`, err);
+			keep.push(rec);
 		}
-	}, [
-		client,
-		user,
-		enabled
-	]);
-	return null;
+	}
+	writeBackupIndex(keep);
 }
-//#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 })
-	});
+function createPersistentBackup() {
+	return {
+		snapshot: async (idbName) => {
+			const backupName = `${BACKUP_PREFIX}${idbName}::${(/* @__PURE__ */ new Date()).toISOString()}`;
+			await cloneFileData(idbName, backupName);
+			registerBackup({
+				name: backupName,
+				idbName,
+				createdAt: Date.now()
+			});
+			return backupName;
+		},
+		rollback: async (handle, idbName, cause) => {
+			const backupName = handle;
+			try {
+				await cloneFileData(backupName, idbName);
+			} catch (rollbackErr) {
+				console.error(`PGlite migration rollback failed for ${idbName}; backup ${backupName} retained. Primary migration error:`, cause, "Rollback error:", rollbackErr);
+				return;
+			}
+			await deleteIdb(backupName).catch(() => void 0);
+			forgetBackup(backupName);
+		},
+		discard: async (handle) => {
+			const backupName = handle;
+			await deleteIdb(backupName).catch(() => void 0);
+			forgetBackup(backupName);
+		},
+		commit: () => Promise.resolve()
+	};
 }
-//#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 });
+async function migrateAllLocked() {
+	const backup = createPersistentBackup();
+	try {
+		for (const idbName of PRIMARY_IDB_NAMES) await migrateIdb(idbName, (phase) => setMigrationStatus({
+			idbName,
+			phase
+		}), backup);
+	} finally {
+		setMigrationStatus(null);
+	}
 }
-//#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 })
-			})
-		})
+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/context/sentry-provider.tsx
-const SentryProvider = ({ children }) => {
-	useInitSentry();
-	return children;
-};
-//#endregion
 //#region src/components/reactor-chat.tsx
 /**
 * Resolves the reactor tool descriptors for the chat agent from the
@@ -1533,6 +1403,20 @@ const App = () => {
 	] }) });
 };
 //#endregion
+//#region src/components/dots-loader.tsx
+const DotsLoader = () => {
+	const [dots, setDots] = useState(0);
+	useEffect(() => {
+		const id = setInterval(() => {
+			setDots((dots) => dots === 3 ? 0 : dots + 1);
+		}, 200);
+		return () => {
+			clearInterval(id);
+		};
+	}, []);
+	return /* @__PURE__ */ jsx("span", { children: new Array(dots).fill(".").join("") });
+};
+//#endregion
 //#region src/components/drive-icon.tsx
 function DriveIcon({ drive }) {
 	const remotes = useSyncList();
@@ -1597,6 +1481,9 @@ function EditorError({ title, children }) {
 		})
 	});
 }
+function defaultScope(scopes) {
+	return scopes.includes("global") ? "global" : scopes[0];
+}
 function OpenPackageManagerButton() {
 	return /* @__PURE__ */ jsx(PowerhouseButton, {
 		className: "px-3 py-1.5 text-base font-medium",
@@ -1616,10 +1503,30 @@ const DocumentEditor = (props) => {
 	const documentName = document?.header.name ?? void 0;
 	const documentType = document?.header.documentType ?? void 0;
 	const preferredEditor = document?.header.meta?.preferredEditor ?? void 0;
-	const { globalOperations, localOperations, isLoading: isLoadingOperations, refetch: refetchOperations } = useDocumentOperations(documentId);
+	const scopes = useMemo(() => {
+		const keys = Object.keys(document?.header.revision ?? {});
+		return keys.length > 0 ? keys : ["global"];
+	}, [document?.header.revision]);
+	const [operationScope, setOperationScope] = useState(() => defaultScope(scopes));
+	const selectedScope = scopes.includes(operationScope) ? operationScope : defaultScope(scopes);
+	const { operations: historyOperations, isLoading: isLoadingHistory, hasNextPage: historyHasNextPage, fetchNextPage: fetchNextHistoryPage, error: historyError } = useDocumentOperations(documentId, selectedScope, {
+		enabled: revisionHistoryVisible,
+		limit: 500
+	});
+	const { operations: globalOperations, hasNextPage: globalHasNextPage, isLoading: isLoadingGlobal, fetchNextPage: fetchNextGlobalPage, error: globalError } = useDocumentOperations(documentId, "global", {
+		enabled: !!selectedTimelineItem,
+		limit: 500
+	});
 	useEffect(() => {
-		if (revisionHistoryVisible) refetchOperations();
-	}, [revisionHistoryVisible, refetchOperations]);
+		if (!globalHasNextPage || isLoadingGlobal || globalError) return;
+		const handle = window.setTimeout(fetchNextGlobalPage, 0);
+		return () => window.clearTimeout(handle);
+	}, [
+		globalHasNextPage,
+		isLoadingGlobal,
+		fetchNextGlobalPage,
+		globalError
+	]);
 	const globalRevisionNumber = document?.header.revision.global ?? 0;
 	const localRevisionNumber = document?.header.revision.local ?? 0;
 	const documentModelModule = useDocumentModelModuleById(documentType);
@@ -1725,11 +1632,17 @@ const DocumentEditor = (props) => {
 		id: "document-editor-context",
 		"data-editor": editorModule.config.id,
 		"data-document-type": documentType,
-		children: revisionHistoryVisible ? isLoadingOperations ? /* @__PURE__ */ jsx(EditorLoader, { message: "Loading operations" }) : /* @__PURE__ */ jsx(RevisionHistory, {
+		children: revisionHistoryVisible ? /* @__PURE__ */ jsx(RevisionHistory, {
 			documentTitle: documentName ?? "",
 			documentId: documentId ?? "",
-			globalOperations,
-			localOperations,
+			operations: historyOperations,
+			isLoading: isLoadingHistory,
+			hasNextPage: historyHasNextPage,
+			onLoadNextPage: fetchNextHistoryPage,
+			error: historyError,
+			scopes,
+			scope: selectedScope,
+			onScopeChange: setOperationScope,
 			onClose: () => setRevisionHistoryVisible(false),
 			documentState: document.state,
 			onCopyState: () => {
@@ -1749,7 +1662,7 @@ const DocumentEditor = (props) => {
 				children: !editorError?.error && /* @__PURE__ */ jsx(EditorComponent, {
 					context: {
 						readMode: !!selectedTimelineItem,
-						selectedTimelineRevision: getRevisionFromDate(selectedTimelineItem?.startDate, selectedTimelineItem?.endDate, globalOperations)
+						selectedTimelineRevision: (isLoadingGlobal || globalHasNextPage) && !globalError ? void 0 : getRevisionFromDate(selectedTimelineItem?.startDate, selectedTimelineItem?.endDate, globalOperations)
 					},
 					documentId: document.header.id
 				}, `${editorBundleKey}:${documentId}`)
@@ -1758,6 +1671,32 @@ const DocumentEditor = (props) => {
 	});
 };
 //#endregion
+//#region src/components/footer.tsx
+const Footer$1 = () => {
+	return /* @__PURE__ */ jsxs(Footer, { children: [
+		/* @__PURE__ */ jsx(FooterLink, {
+			onClick: () => setBannerShown(true),
+			children: /* @__PURE__ */ jsx(Trans, { i18nKey: "footer.cookiePolicy" })
+		}),
+		/* @__PURE__ */ jsx(FooterLink, {
+			onClick: () => showPHModal({ type: "disclaimer" }),
+			children: /* @__PURE__ */ jsx(Trans, { i18nKey: "footer.disclaimer" })
+		}),
+		/* @__PURE__ */ jsx(FooterLink, {
+			id: "ph-logo-link",
+			onClick: () => openUrl("https://www.powerhouse.inc/"),
+			children: /* @__PURE__ */ jsx(Trans, {
+				i18nKey: "footer.builtWith",
+				components: { icon: /* @__PURE__ */ jsx(Icon, {
+					name: "PowerhouseLogoSmall",
+					size: 16,
+					className: "mx-1"
+				}) }
+			})
+		})
+	] });
+};
+//#endregion
 //#region src/components/root.tsx
 function Root() {
 	return /* @__PURE__ */ jsx("div", {
@@ -1778,25 +1717,98 @@ function Root() {
 }
 //#endregion
 //#region src/components/use-drive-auth-gate.ts
-function computeAuthGate(isAuthenticated, connectionStates) {
-	let sawAuthError = false;
-	for (const snap of connectionStates.values()) if (snap.state === "error" && snap.requiresAuth) {
-		sawAuthError = true;
-		break;
+/**
+* Decides the gate for the drive the user selected, and only that drive. A
+* refusal on any other drive must not hide the rest of Connect.
+*
+* Connection states are keyed by remote name, which is a random uuid, so the
+* caller supplies the remote -> drive mapping.
+*/
+function computeAuthGate(isAuthenticated, connectionStates, selection) {
+	const { selectedDriveId, remotes } = selection;
+	if (!selectedDriveId) return null;
+	let refused = false;
+	for (const remote of remotes) {
+		if (remote.driveId !== selectedDriveId) continue;
+		const snapshot = connectionStates.get(remote.name);
+		if (snapshot?.state === "error" && snapshot.requiresAuth) {
+			refused = true;
+			break;
+		}
 	}
-	if (!sawAuthError) return null;
+	if (!refused) return null;
 	return isAuthenticated ? "unauthorized" : "login";
 }
-/** Live wrapper over {@link computeAuthGate}. */
+const hiddenDriveIds = /* @__PURE__ */ new Set();
+let hiddenDriveIdsSnapshot = [];
+const hiddenDriveListeners = /* @__PURE__ */ new Set();
+function publishHiddenDrives() {
+	hiddenDriveIdsSnapshot = [...hiddenDriveIds];
+	for (const listener of [...hiddenDriveListeners]) listener();
+}
+function subscribeHiddenDrives(listener) {
+	hiddenDriveListeners.add(listener);
+	return () => {
+		hiddenDriveListeners.delete(listener);
+	};
+}
+function getHiddenDriveIds() {
+	return hiddenDriveIdsSnapshot;
+}
+/** Hides a drive from Connect's drive lists until the page reloads. */
+function hideDriveForSession(driveId) {
+	if (hiddenDriveIds.has(driveId)) return;
+	hiddenDriveIds.add(driveId);
+	publishHiddenDrives();
+}
+/** Restores every drive hidden this session. */
+function clearHiddenDrives() {
+	if (hiddenDriveIds.size === 0) return;
+	hiddenDriveIds.clear();
+	publishHiddenDrives();
+}
+function useHiddenDriveIds() {
+	return useSyncExternalStore(subscribeHiddenDrives, getHiddenDriveIds, getHiddenDriveIds);
+}
+/** `useDrives()` minus the drives dismissed from the auth gate this session. */
+function useVisibleDrives() {
+	const drives = useDrives();
+	const hidden = useHiddenDriveIds();
+	return useMemo(() => {
+		if (!drives || hidden.length === 0) return drives;
+		return drives.filter((drive) => !hidden.includes(drive.header.id));
+	}, [drives, hidden]);
+}
+/** Live wrapper over {@link computeAuthGate}, plus the dismiss action. */
 function useDriveAuthGate() {
 	const user = useUser();
 	const connectionStates = useConnectionStates();
-	return { gate: computeAuthGate(Boolean(user), connectionStates) };
+	const syncManager = useSync();
+	const selectedDriveId = useSelectedDriveId();
+	const remotes = useMemo(() => (syncManager?.list() ?? []).map((remote) => ({
+		name: remote.meta.name,
+		driveId: remote.meta.collectionId.driveId
+	})), [syncManager, connectionStates]);
+	const address = user?.address;
+	useEffect(() => {
+		clearHiddenDrives();
+	}, [address]);
+	const dismiss = useCallback(() => {
+		if (selectedDriveId) hideDriveForSession(selectedDriveId);
+		setSelectedDrive(void 0);
+	}, [selectedDriveId]);
+	return {
+		gate: computeAuthGate(Boolean(user), connectionStates, {
+			selectedDriveId,
+			remotes
+		}),
+		dismiss
+	};
 }
 //#endregion
 //#region src/pages/content.tsx
 function Content() {
-	const { gate } = useDriveAuthGate();
+	const { gate, dismiss } = useDriveAuthGate();
 	const openLogin = useOpenRenownLogin();
 	const [selectedDrive] = useSelectedDriveSafe();
 	const selectedFolder = useSelectedFolder();
@@ -1812,7 +1824,8 @@ function Content() {
 		children: /* @__PURE__ */ jsx(DriveAuthGate, {
 			mode: gate,
 			onLogin: openLogin,
-			onLogout: () => void logout()
+			onLogout: () => void logout(),
+			onClose: dismiss
 		})
 	}) : !selectedDocumentId && !selectedDrive && !selectedFolder ? /* @__PURE__ */ jsx(HomeScreenContainer, {}) : /* @__PURE__ */ jsx(AppContainer, {}) });
 }
@@ -1833,7 +1846,7 @@ function DriveItem({ drive }) {
 	}, drive.header.id);
 }
 function HomeScreenContainer() {
-	const drives = useDrives();
+	const drives = useVisibleDrives();
 	const isAddDriveEnabled = useIsAddDriveEnabled();
 	const homeBackground = getRuntimeConfig().connect?.branding?.homeBackground;
 	return /* @__PURE__ */ jsxs(HomeScreen, {
@@ -1876,11 +1889,69 @@ const Router = () => {
 	return /* @__PURE__ */ jsx(RouterProvider, { router });
 };
 //#endregion
+//#region src/components/search-bar.tsx
+const defaultFilterItems = [
+	{
+		id: "project",
+		label: ".project",
+		icon: /* @__PURE__ */ jsx(Icon, {
+			name: "Project",
+			color: "#FF6A55",
+			size: 16
+		})
+	},
+	{
+		id: "budget",
+		label: ".budget",
+		icon: /* @__PURE__ */ jsx(Icon, {
+			name: "BarChart",
+			color: "#8E55EA",
+			size: 16
+		})
+	},
+	{
+		id: "profile",
+		label: ".profile",
+		icon: /* @__PURE__ */ jsx(Icon, {
+			name: "Person",
+			color: "#3E90F0",
+			size: 16
+		})
+	},
+	{
+		id: "legal",
+		label: ".legal",
+		icon: /* @__PURE__ */ jsx(Icon, {
+			name: "Briefcase",
+			color: "#4BAB71",
+			size: 16
+		})
+	},
+	{
+		id: "atlas",
+		label: ".Atlas",
+		icon: /* @__PURE__ */ jsx(Icon, {
+			name: "Globe",
+			color: "#FF8A00",
+			size: 16
+		})
+	}
+];
+const SearchBar = () => {
+	const { t } = useTranslation();
+	return /* @__PURE__ */ jsx(ConnectSearchBar, {
+		className: "m-4 shrink-0 bg-muted",
+		placeholder: t("searchbar.placeholder"),
+		filterLabel: t("searchbar.filterLabel"),
+		filterItems: defaultFilterItems
+	});
+};
+//#endregion
 //#region src/components/sidebar.tsx
 function Sidebar() {
 	const user = useUser();
 	const openLogin = useOpenRenownLogin();
-	const drives = useDrives();
+	const drives = useVisibleDrives();
 	const isAddDriveEnabled = useIsAddDriveEnabled();
 	const [selectedDrive] = useSelectedDriveSafe();
 	const connectDebug = localStorage.getItem("CONNECT_DEBUG") === "true";
@@ -1912,12 +1983,12 @@ function Sidebar() {
 			variant: "text",
 			fallbackMessage: "There was an error loading drives",
 			loggerContext: ["Connect", "Sidebar"],
-			children: [drives?.map((drive, index) => /* @__PURE__ */ jsx(SidebarItem, {
+			children: [drives?.map((drive) => /* @__PURE__ */ jsx(SidebarItem, {
 				title: drive.header.name,
 				onClick: () => setSelectedDrive(drive),
 				active: selectedDrive?.header.id === drive.header.id,
 				icon: /* @__PURE__ */ jsx(DriveIcon, { drive })
-			}, index)), isAddDriveEnabled && /* @__PURE__ */ jsx(SidebarAddDriveItem, { onClick: onAddDriveClick })]
+			}, drive.header.id)), isAddDriveEnabled && /* @__PURE__ */ jsx(SidebarAddDriveItem, { onClick: onAddDriveClick })]
 		})
 	}) });
 }
@@ -2056,20 +2127,20 @@ const MigrationBanner = () => {
 };
 //#endregion
 //#region src/components/modal/modals-container.tsx
-const AddDriveModal$1 = lazy(() => import("./AddDriveModal-Q-Ffh5XA.js").then((m) => ({ default: m.AddDriveModal })));
-const ClearStorageModal = lazy(() => import("./ClearStorageModal-CcGmYZTu.js").then((m) => ({ default: m.ClearStorageModal })));
-const CookiesPolicyModal = lazy(() => import("./CookiesPolicyModal-BpyPPyxS.js").then((m) => ({ default: m.CookiesPolicyModal })));
-const CreateDocumentModal$1 = lazy(() => import("./CreateDocumentModal-C45W8J0V.js").then((m) => ({ default: m.CreateDocumentModal })));
-const DebugSettingsModal = lazy(() => import("./DebugSettingsModal-Bmfn-T8m.js").then((m) => ({ default: m.DebugSettingsModal })));
-const DeleteDriveModal = lazy(() => import("./DeleteDriveModal-Dug84t1j.js").then((m) => ({ default: m.DeleteDriveModal })));
-const DeleteItemModal = lazy(() => import("./DeleteItemModal-mMzy3V8o.js").then((m) => ({ default: m.DeleteItemModal })));
-const DisclaimerModal = lazy(() => import("./DisclaimerModal-DvpD5dPM.js").then((m) => ({ default: m.DisclaimerModal })));
-const DriveSettingsModal$1 = lazy(() => import("./DriveSettingsModal-C6-mRQiv.js").then((m) => ({ default: m.DriveSettingsModal })));
-const DownloadDocumentWithErrorsModal = lazy(() => import("./DownloadDocumentWithErrorsModal-IKl0ljQb.js").then((m) => ({ default: m.DownloadDocumentWithErrorsModal })));
-const DocumentVersionUnsupportedModal = lazy(() => import("./DocumentVersionUnsupportedModal-C3Q0V75l.js").then((m) => ({ default: m.DocumentVersionUnsupportedModal })));
-const ConfirmDocumentUpgradeModal = lazy(() => import("./ConfirmDocumentUpgradeModal-FUOhZsk7.js").then((m) => ({ default: m.ConfirmDocumentUpgradeModal })));
-const SettingsModal$1 = lazy(() => import("./SettingsModal-C75UaQE8.js").then((m) => ({ default: m.SettingsModal })));
-const UpgradeDriveModal = lazy(() => import("./UpgradeDriveModal-_8t9slxQ.js").then((m) => ({ default: m.UpgradeDriveModal })));
+const AddDriveModal$1 = lazy(() => import("./AddDriveModal-CW-ZSWkf.js").then((m) => ({ default: m.AddDriveModal })));
+const ClearStorageModal = lazy(() => import("./ClearStorageModal-CoXeVy8Y.js").then((m) => ({ default: m.ClearStorageModal })));
+const CookiesPolicyModal = lazy(() => import("./CookiesPolicyModal-lKdOuTNm.js").then((m) => ({ default: m.CookiesPolicyModal })));
+const CreateDocumentModal$1 = lazy(() => import("./CreateDocumentModal-HmK-78sB.js").then((m) => ({ default: m.CreateDocumentModal })));
+const DebugSettingsModal = lazy(() => import("./DebugSettingsModal-BYm2jPPV.js").then((m) => ({ default: m.DebugSettingsModal })));
+const DeleteDriveModal = lazy(() => import("./DeleteDriveModal-Cyw6hwc2.js").then((m) => ({ default: m.DeleteDriveModal })));
+const DeleteItemModal = lazy(() => import("./DeleteItemModal-CiFwstZx.js").then((m) => ({ default: m.DeleteItemModal })));
+const DisclaimerModal = lazy(() => import("./DisclaimerModal-DIRsjUvu.js").then((m) => ({ default: m.DisclaimerModal })));
+const DriveSettingsModal$1 = lazy(() => import("./DriveSettingsModal-DRarHRIb.js").then((m) => ({ default: m.DriveSettingsModal })));
+const DownloadDocumentWithErrorsModal = lazy(() => import("./DownloadDocumentWithErrorsModal-CxsR74d-.js").then((m) => ({ default: m.DownloadDocumentWithErrorsModal })));
+const DocumentVersionUnsupportedModal = lazy(() => import("./DocumentVersionUnsupportedModal-KftC3-jr.js").then((m) => ({ default: m.DocumentVersionUnsupportedModal })));
+const ConfirmDocumentUpgradeModal = lazy(() => import("./ConfirmDocumentUpgradeModal-BBrFlHp_.js").then((m) => ({ default: m.ConfirmDocumentUpgradeModal })));
+const SettingsModal$1 = lazy(() => import("./SettingsModal-D93WeiUe.js").then((m) => ({ default: m.SettingsModal })));
+const UpgradeDriveModal = lazy(() => import("./UpgradeDriveModal-C8scFkuq.js").then((m) => ({ default: m.UpgradeDriveModal })));
 const modalComponents = {
 	addDrive: AddDriveModal$1,
 	clearStorage: ClearStorageModal,
@@ -2083,13 +2154,13 @@ const modalComponents = {
 	downloadDocumentWithErrors: DownloadDocumentWithErrorsModal,
 	documentVersionUnsupported: DocumentVersionUnsupportedModal,
 	confirmDocumentUpgrade: ConfirmDocumentUpgradeModal,
-	inspector: lazy(() => import("./InspectorModal-PtIbilu_.js").then((m) => ({ default: m.InspectorModal }))),
+	inspector: lazy(() => import("./InspectorModal-98Hn3VHb.js").then((m) => ({ default: m.InspectorModal }))),
 	settings: SettingsModal$1,
 	upgradeDrive: UpgradeDriveModal,
-	missingPackage: lazy(() => import("./MissingPackageModal-nBnExqO0.js").then((m) => ({ default: m.ConnectMissingPackageModal }))),
-	driveAuthRequired: lazy(() => import("./DriveAuthRequiredModal-Cw9eCAQ_.js").then((m) => ({ default: m.DriveAuthRequiredModal }))),
-	openFileDocuments: lazy(() => import("./OpenFileDocumentsModal-Du-V-3od.js").then((m) => ({ default: m.OpenFileDocumentsModal }))),
-	login: lazy(() => import("./LoginModal-CybbOm3N.js").then((m) => ({ default: m.LoginModal })))
+	missingPackage: lazy(() => import("./MissingPackageModal-Bar7ErIs.js").then((m) => ({ default: m.ConnectMissingPackageModal }))),
+	driveAuthRequired: lazy(() => import("./DriveAuthRequiredModal-BoqnnNKT.js").then((m) => ({ default: m.DriveAuthRequiredModal }))),
+	openFileDocuments: lazy(() => import("./OpenFileDocumentsModal-Cv6CLGAy.js").then((m) => ({ default: m.OpenFileDocumentsModal }))),
+	login: lazy(() => import("./LoginModal-DhQTxsoG.js").then((m) => ({ default: m.LoginModal })))
 };
 const ModalsContainer = lazy(() => {
 	return Promise.resolve({ default: () => {
@@ -2128,9 +2199,9 @@ const ServiceWorkerUpdatePrompt = () => {
 };
 //#endregion
 //#region src/components/app-loader.tsx
-const CookieBanner$1 = lazy(() => import("./cookie-banner-BH6bIq24.js").then((m) => ({ default: m.CookieBanner })));
+const CookieBanner$1 = lazy(() => import("./cookie-banner-BQescTYk.js").then((m) => ({ default: m.CookieBanner })));
 const AppLoader = (props) => {
-	const Load = lazy(() => import("./load-B45H0s1X.js").then((m) => m.loadComponent(props.localPackage)));
+	const Load = lazy(() => import("./load-DLrFSyLN.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],
@@ -2164,7 +2235,7 @@ const AppLoader = (props) => {
 	}) });
 };
 //#endregion
-export { pendingFileKey as _, DocumentEditor as a, AppContainer as c, OpenPanel as d, Analytics as f, getPendingImportFiles as g, clearPendingImportFiles as h, Root as i, EditorLoader as l, runOpenFileImports as m, Sidebar as n, DriveIcon as o, AppSkeleton as p, Router as r, App as s, AppLoader as t, DocumentEditorContainer as u, subscribePendingImportFiles as v };
+export { EditorLoader as _, Root as a, Analytics as b, DriveIcon as c, runOpenFileImports as d, clearPendingImportFiles as f, AppContainer as g, subscribePendingImportFiles as h, Router as i, DotsLoader as l, pendingFileKey as m, Sidebar as n, Footer$1 as o, getPendingImportFiles as p, SearchBar as r, DocumentEditor as s, AppLoader as t, App as u, DocumentEditorContainer as v, OpenPanel as y };
 
-//# sourceMappingURL=app-loader-4yYa_F0I.js.map
-//# debugId=b8568829-74c8-5629-8861-97fa4a82010c
+//# sourceMappingURL=app-loader-BbuC7lmP.js.map
+//# debugId=4b603cc8-96ef-555a-ad0e-ceb73451bf03