@powerhousedao/connect 6.2.2-dev.9 → 6.2.2-staging.0

package/dist/{app-loader-BqH5S4gP.js → app-loader-9oxJxBSC.js}

@@ -1,26 +1,34 @@
 
-!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]="90216f1f-1ac5-5c02-806a-095895df569c")}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]="e2bf7b80-893e-5f57-b5a9-3f7fe300e8d6")}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 { i as i18n, n as setSentryModule } from "./reload-connect-toast-D1Iqw9E_.js";
-import { a as defaultPHDocumentEditorConfig, i as defaultPHAppConfig, r as connectConfig } from "./connect.config-vgUeFoNp.js";
-import { f as PRIMARY_IDB_NAMES, r as subscribeWorkerConnection, s as getCachedMigrationMajor, t as getWorkerConnectionStatus, u as subscribeMigrationMajor } from "./connection-state-DO_2lAEJ.js";
-import { n as serviceWorkerManager, r as subscribeServiceWorkerUpdate, t as getServiceWorkerUpdateAvailable } from "./registerServiceWorker-nJIc0yEY.js";
-import { n as toast, t as ToastContainer } from "./toast-4t-VimvD.js";
+import { 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 { 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 { Fragment, jsx, jsxs } from "react/jsx-runtime";
-import { Trans, useTranslation } from "react-i18next";
-import React, { StrictMode, Suspense, lazy, useCallback, useEffect, useMemo, useRef, useState, useSyncExternalStore } from "react";
-import { DriveCollectionId, getRevisionFromDate, initTheme, logout, openRenown, setPHAppConfig, setPHDocumentEditorConfig, setRevisionHistoryVisible, setSelectedDrive, setSelectedNode, showPHModal, useAppModuleById, useConnectionStates, useDefaultAppModule, useDocumentById, useDocumentModelModuleById, useDocumentOperations, useDrives, useEditorModuleById, useEditorPreloader, useFallbackEditorModule, useIsAddDriveEnabled, useNodeParentFolderById, usePHModal, usePackageDiscoveryService, useReactorClientModule, useRevisionHistoryVisible, useSelectedDocument, useSelectedDocumentId, useSelectedDriveSafe, useSelectedFolder, useSelectedTimelineItem, useSyncList, useTheme, useUser, useVetraPackageManager, useVetraPackages } from "@powerhousedao/reactor-browser";
+import { 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, CookieBanner, DefaultEditorLoader, DriveAuthGate, DropZoneWrapper, HomeScreen, HomeScreenAddDriveItem, HomeScreenItem, LogoAnimation, PackageInstallModal, RevisionHistory, SidebarAddDriveItem, SidebarItem, useEns } from "@powerhousedao/design-system/connect";
-import { z } from "zod";
+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 { Icon, Modal, PowerhouseButton } from "@powerhousedao/design-system";
 import { ErrorBoundary } from "react-error-boundary";
+import { z } from "zod";
 import { GenericDriveExplorer } from "@powerhousedao/powerhouse-vetra-packages/editors";
+import { createReactorMcpProvider } from "@powerhousedao/reactor-mcp/tools";
+import { ReactorChatFab, createSwitchboardSchemaTool } from "@powerhousedao/reactor-browser/ai";
 import { twMerge } from "tailwind-merge";
+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() {
@@ -75,20 +83,198 @@ var DocumentEditorDebugTools = class {
 	}
 };
 //#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;
+}
+/** 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 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();
+}
+function clearPendingImportFiles() {
+	if (pendingImportFiles.length === 0) return;
+	pendingImportFiles = [];
+	notifyPendingListeners();
+}
+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;
+/**
+* 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 initLaunchQueueFileHandling() {
+	if (initialized) return;
+	initialized = true;
+	window.addEventListener("ph:modalUpdated", maybeReopenImportModal);
+	window.launchQueue?.setConsumer((params) => {
+		handleLaunchParams(params);
+	});
+}
+//#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);
+	};
+}
+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();
+/**
+* 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 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);
+		});
+	});
+}
+/**
+* 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 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$2 = /* @__PURE__ */ new Set();
+const listeners = /* @__PURE__ */ new Set();
 function setMigrationStatus(status) {
 	current = status;
-	for (const l of listeners$2) l();
+	for (const l of listeners) l();
 }
 function getMigrationStatus() {
 	return current;
 }
 function subscribeMigrationStatus(cb) {
-	listeners$2.add(cb);
+	listeners.add(cb);
 	return () => {
-		listeners$2.delete(cb);
+		listeners.delete(cb);
 	};
 }
 //#endregion
@@ -193,325 +379,19 @@ async function migrateAllLocked() {
 			phase
 		}), backup);
 	} finally {
-		setMigrationStatus(null);
-	}
-}
-async function migrateAllIfNeeded() {
-	janitor().catch((err) => console.warn("PGlite backup janitor failed", err));
-	if (!(typeof navigator !== "undefined" && "locks" in navigator && typeof navigator.locks.request === "function")) {
-		await migrateAllLocked();
-		return;
-	}
-	await navigator.locks.request("ph-pglite-migration", { mode: "exclusive" }, async () => {
-		await migrateAllLocked();
-	});
-}
-//#endregion
-//#region src/hooks/useAcceptedCookies.ts
-const ACCEPTED_COOKIES_KEY_STORAGE = `${connectConfig.routerBasename}:acceptedCookies`;
-const listeners$1 = /* @__PURE__ */ new Set();
-let cookies = getInitial$1();
-function getInitial$1() {
-	try {
-		const value = localStorage.getItem(ACCEPTED_COOKIES_KEY_STORAGE);
-		return value ? JSON.parse(value) : {
-			analytics: false,
-			marketing: false,
-			functional: false
-		};
-	} catch {
-		return {
-			analytics: false,
-			marketing: false,
-			functional: false
-		};
-	}
-}
-function getCookies() {
-	return cookies;
-}
-function setCookies(setter) {
-	cookies = setter(cookies);
-	localStorage.setItem(ACCEPTED_COOKIES_KEY_STORAGE, JSON.stringify(cookies));
-	listeners$1.forEach((fn) => fn());
-}
-function subscribe$1(fn) {
-	listeners$1.add(fn);
-	return () => listeners$1.delete(fn);
-}
-const useAcceptedCookies = () => {
-	return [useSyncExternalStore(subscribe$1, getCookies, getCookies), setCookies];
-};
-//#endregion
-//#region src/services/openpanel/buffer.ts
-const buffer = [];
-let errorHandler;
-function defaultOnError(err) {
-	console.warn("[useOpenPanelAnalytics] track failed:", err);
-}
-/**
-* Forward a single event to the active client, swallowing any throw.
-*
-* The outer try/catch handles synchronous throws from `client.track`; the
-* inner `.catch()` handles rejected promises. Both are needed because
-* `Promise.resolve(x).catch()` cannot catch a throw from evaluating `x`.
-*/
-function forward(client, name, props) {
-	try {
-		Promise.resolve(client.track(name, props)).catch((err) => (errorHandler ?? defaultOnError)(err));
-	} catch (err) {
-		(errorHandler ?? defaultOnError)(err);
-	}
-}
-/**
-* Drain the pre-init buffer in FIFO order through `client.track`, then forward
-* subsequent events directly. Called once from `getOpenPanelClient()`.
-*/
-function drainOpenPanelBuffer(client, onError) {
-	errorHandler = onError;
-	const pending = buffer.splice(0, buffer.length);
-	for (const [name, props] of pending) forward(client, name, props);
-}
-/**
-* Clear the buffer and reset the active client. Buffered pre-consent events
-* are discarded so they are not replayed if the user later re-accepts.
-*/
-function clearOpenPanelBuffer() {
-	buffer.length = 0;
-	errorHandler = void 0;
-}
-//#endregion
-//#region src/services/openpanel/client.ts
-let client;
-/**
-* Returns the cached `OpenPanel` singleton, building it on first call.
-*
-* When `config.clientId` is empty it returns `undefined` without importing
-* `@openpanel/web`, so the bundler can tree-shake the SDK out of production.
-*/
-async function getOpenPanelClient(config) {
-	if (!config.clientId) return;
-	if (client) return client;
-	const { OpenPanel: OpenPanelClass } = await import("@openpanel/web");
-	client = new OpenPanelClass({
-		clientId: config.clientId,
-		...config.apiUrl ? { apiUrl: config.apiUrl } : {},
-		trackScreenViews: true,
-		trackOutgoingLinks: true
-	});
-	client.setGlobalProperties({ app: "connect" });
-	drainOpenPanelBuffer(client);
-	return client;
-}
-/**
-* Clears the cached singleton and the pre-init buffer. Call on consent
-* revocation or during tests; buffered events are discarded, not replayed.
-*/
-function resetOpenPanelClient() {
-	client = void 0;
-	clearOpenPanelBuffer();
-}
-//#endregion
-//#region src/services/openpanel/events.json
-var events_default = [
-	{
-		"documentType": "powerhouse/document-drive",
-		"actionTypes": [
-			"ADD_FOLDER",
-			"DELETE_NODE",
-			"ADD_FILE",
-			"UPDATE_FILE",
-			"COPY_NODE",
-			"MOVE_NODE",
-			"SET_DRIVE_NAME",
-			"SET_DRIVE_ICON"
-		]
-	},
-	{
-		"documentType": "powerhouse/document-model",
-		"actionTypes": [
-			"SET_MODEL_NAME",
-			"SET_MODEL_ID",
-			"ADD_MODULE",
-			"DELETE_MODULE",
-			"ADD_OPERATION",
-			"DELETE_OPERATION"
-		]
-	},
-	{
-		"documentType": "powerhouse/reactor-drive",
-		"actionTypes": [
-			"ADD_FOLDER",
-			"REMOVE_FOLDER",
-			"UPDATE_FOLDER"
-		]
-	}
-];
-//#endregion
-//#region src/services/openpanel/events.ts
-const EventMappingSchema = z.object({
-	documentType: z.string().min(1),
-	actionTypes: z.array(z.string().min(1)).min(1),
-	alias: z.string().optional()
-}).strict();
-const EventMappingsSchema = z.array(EventMappingSchema).readonly();
-/**
-* Parses and validates the event mapping table, returning the validated array
-* and an O(1) lookup map. Accepts a `raw` override for tests. Throws on zod
-* failures and on duplicate `(documentType, actionType)` pairs.
-*/
-function loadEvents(raw = events_default) {
-	const result = EventMappingsSchema.safeParse(raw);
-	if (!result.success) throw new Error(`Invalid OpenPanel events.json: ${result.error.message}`);
-	const mappings = result.data;
-	const lookupMap = /* @__PURE__ */ new Map();
-	for (const mapping of mappings) {
-		let inner = lookupMap.get(mapping.documentType);
-		if (!inner) {
-			inner = /* @__PURE__ */ new Map();
-			lookupMap.set(mapping.documentType, inner);
-		}
-		for (const actionType of mapping.actionTypes) {
-			if (inner.has(actionType)) throw new Error(`Duplicate OpenPanel event mapping for ${mapping.documentType}/${actionType}`);
-			inner.set(actionType, mapping);
-		}
-	}
-	return {
-		mappings,
-		lookupMap
-	};
-}
-const { mappings: defaultMappings, lookupMap: defaultLookupMap } = loadEvents();
-/** Validated mapping array from the bundled events.json. */
-const eventMappings = defaultMappings;
-/** O(1) lookup map: documentType → actionType → mapping. */
-const eventLookupMap = defaultLookupMap;
-/**
-* Normalizes a document type into a safe event-name segment: lowercased, `/`
-* replaced with `.`, and any character outside `[a-z0-9._-]` stripped.
-* e.g. `powerhouse/document-drive` → `powerhouse.document-drive`.
-*/
-function normalize(documentType) {
-	return documentType.toLowerCase().replace(/\//g, ".").replace(/[^a-z0-9._-]/g, "");
-}
-/**
-* Derives the OpenPanel event name: `mapping.alias` when present, otherwise
-* `${normalize(documentType)}.${actionType.toLowerCase()}`.
-*/
-function deriveEventName(mapping, op) {
-	if (mapping.alias) return mapping.alias;
-	return `${normalize(op.context.documentType)}.${op.operation.action.type.toLowerCase()}`;
-}
-/**
-* Builds the default properties attached to every OpenPanel event. The `app`
-* property is stamped globally by the client, not here.
-*/
-function buildDefaultProperties(op) {
-	return {
-		documentType: op.context.documentType,
-		actionType: op.operation.action.type,
-		documentId: op.context.documentId,
-		scope: op.context.scope,
-		branch: op.context.branch
-	};
-}
-//#endregion
-//#region src/services/openpanel/processor.ts
-/**
-* Read-only reactor `IProcessor` that translates matching document operations
-* into OpenPanel analytics events. Operations whose `(documentType, actionType)`
-* pair is absent from the lookup map are skipped; per-operation errors are
-* routed to `onError` and never thrown back to the manager.
-*/
-var OpenPanelProcessor = class {
-	constructor(client, lookupMap, onError = (err) => console.warn("[OpenPanelProcessor] Error tracking event:", err)) {
-		this.client = client;
-		this.lookupMap = lookupMap;
-		this.onError = onError;
-	}
-	async onOperations(operations) {
-		for (const op of operations) {
-			const inner = this.lookupMap.get(op.context.documentType);
-			if (!inner) continue;
-			const mapping = inner.get(op.operation.action.type);
-			if (!mapping) continue;
-			const name = deriveEventName(mapping, op);
-			const payload = buildDefaultProperties(op);
-			try {
-				await this.client.track(name, payload);
-			} catch (err) {
-				this.onError(err, op);
-			}
-		}
-	}
-	onDisconnect() {
-		this.client.flush?.();
-		return Promise.resolve();
-	}
-};
-//#endregion
-//#region src/services/openpanel/factory.ts
-/**
-* Returns a `ProcessorFactory` that, for each drive, creates a single
-* `OpenPanelProcessor` record whose `filter.documentType` is the union of all
-* document types present in the event mapping table.
-*/
-function createOpenPanelProcessorFactory(config) {
-	return function openPanelProcessorFactory(_driveHeader) {
-		const documentType = Array.from(config.events.lookupMap.keys());
-		return [{
-			processor: new OpenPanelProcessor(config.client, config.events.lookupMap, config.onError),
-			filter: { documentType },
-			startFrom: config.startFrom ?? "current"
-		}];
-	};
-}
-//#endregion
-//#region src/hooks/useIsEmbedded.ts
-/**
-* Detects whether Connect is being rendered inside another app (e.g. inside
-* an iframe in the vetra-cli drive editor). When `?embed=1` is present in the
-* URL, chrome that doesn't make sense in the embedded context — the cookie
-* banner, the outer sidebar — is suppressed.
-*/
-function getIsEmbedded() {
-	if (typeof window === "undefined") return false;
-	try {
-		const value = new URLSearchParams(window.location.search).get("embed");
-		return value !== null && value !== "0" && value !== "false";
-	} catch {
-		return false;
+		setMigrationStatus(null);
 	}
 }
-function useIsEmbedded() {
-	return getIsEmbedded();
-}
-const COOKIE_BANNER_KEY_STORAGE = `${connectConfig.routerBasename}:display-cookie-banner`;
-const listeners = /* @__PURE__ */ new Set();
-let bannerShown = getInitial();
-function getInitial() {
-	if (getIsEmbedded()) return false;
-	try {
-		return localStorage.getItem(COOKIE_BANNER_KEY_STORAGE) !== "false";
-	} catch (error) {
-		console.error(error);
-		return true;
+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();
+	});
 }
-function getCookieBannerState() {
-	return bannerShown;
-}
-function setCookieBannerState(state) {
-	bannerShown = state;
-	localStorage.setItem(COOKIE_BANNER_KEY_STORAGE, JSON.stringify(state));
-}
-function subscribe(fn) {
-	listeners.add(fn);
-	return () => listeners.delete(fn);
-}
-const useCookieBanner = () => {
-	return [useSyncExternalStore(subscribe, getCookieBannerState, getCookieBannerState), setCookieBannerState];
-};
 //#endregion
 //#region src/hooks/useFailedInstallations.ts
 const emptyArray$1 = [];
@@ -583,6 +463,44 @@ function useInitSentry() {
 	}, [analytics]);
 }
 //#endregion
+//#region src/services/openpanel/buffer.ts
+const buffer = [];
+let errorHandler;
+function defaultOnError(err) {
+	console.warn("[useOpenPanelAnalytics] track failed:", err);
+}
+/**
+* Forward a single event to the active client, swallowing any throw.
+*
+* The outer try/catch handles synchronous throws from `client.track`; the
+* inner `.catch()` handles rejected promises. Both are needed because
+* `Promise.resolve(x).catch()` cannot catch a throw from evaluating `x`.
+*/
+function forward(client, name, props) {
+	try {
+		Promise.resolve(client.track(name, props)).catch((err) => (errorHandler ?? defaultOnError)(err));
+	} catch (err) {
+		(errorHandler ?? defaultOnError)(err);
+	}
+}
+/**
+* Drain the pre-init buffer in FIFO order through `client.track`, then forward
+* subsequent events directly. Called once from `getOpenPanelClient()`.
+*/
+function drainOpenPanelBuffer(client, onError) {
+	errorHandler = onError;
+	const pending = buffer.splice(0, buffer.length);
+	for (const [name, props] of pending) forward(client, name, props);
+}
+/**
+* Clear the buffer and reset the active client. Buffered pre-consent events
+* are discarded so they are not replayed if the user later re-accepts.
+*/
+function clearOpenPanelBuffer() {
+	buffer.length = 0;
+	errorHandler = void 0;
+}
+//#endregion
 //#region src/hooks/usePendingInstallations.ts
 const emptyArray = [];
 function usePendingInstallations() {
@@ -708,7 +626,7 @@ function SilentFallback() {
 */
 function TextFallback({ message = "Something went wrong" }) {
 	return /* @__PURE__ */ jsx("div", {
-		className: "text-center text-foreground",
+		className: "text-center wrap-break-word text-foreground",
 		children: message
 	});
 }
@@ -736,7 +654,7 @@ function DetailedFallback({ error, resetErrorBoundary }) {
 					})]
 				}),
 				/* @__PURE__ */ jsx("p", {
-					className: "mb-4 text-sm text-foreground",
+					className: "mb-4 text-sm wrap-break-word text-foreground",
 					children: errorMessage
 				}),
 				errorDetails !== "{}" && /* @__PURE__ */ jsxs("details", {
@@ -760,108 +678,294 @@ function DetailedFallback({ error, resetErrorBoundary }) {
 	});
 }
 /**
-* 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.
+* 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 getFallbackComponent(variant, fallbackMessage) {
+	switch (variant) {
+		case "silent": return SilentFallback;
+		case "text": return () => /* @__PURE__ */ jsx(TextFallback, { message: fallbackMessage });
+		case "detailed": return DetailedFallback;
+		default: return CenteredErrorMessage;
+	}
+}
+/**
+* Unified error boundary component for catching and handling React errors.
+*
+* Built on top of `react-error-boundary`, this component provides:
+* - Automatic error logging with configurable context
+* - Multiple fallback UI variants (silent, text, detailed)
+* - Support for custom fallback render functions
+* - Reset capability via `resetKeys`
+*
+* @example
+* // Using a predefined variant
+* <ErrorBoundary variant="detailed" loggerContext={["Connect", "Editor"]}>
+*   <EditorComponent />
+* </ErrorBoundary>
+*
+* @example
+* // Using a custom message with the text variant
+* <ErrorBoundary variant="text" fallbackMessage="Failed to load drives">
+*   <DrivesList />
+* </ErrorBoundary>
+*
+* @example
+* // Using a custom fallback render
+* <ErrorBoundary
+*   fallbackRender={CenteredErrorMessage}
+*   onError={(error) => trackError(error)}
+* >
+*   <MyComponent />
+* </ErrorBoundary>
+*
+* @example
+* // Silent mode for modals (renders null on error)
+* <ErrorBoundary variant="silent" loggerContext={["Connect", "Modals"]}>
+*   <ModalContent />
+* </ErrorBoundary>
+*/
+function ErrorBoundary$1(props) {
+	const { children, onError, resetKeys, loggerContext } = props;
+	const handleError = (error, info) => {
+		if (error.message.includes("Failed to fetch dynamically imported module") && error.message.includes("node_modules/.vite")) {
+			console.error(error);
+			console.log("Outdated chunk detected, reloading page...");
+			window.location.reload();
+			return;
+		}
+		(loggerContext ? childLogger(loggerContext) : logger$1).error("@error @info", error, info);
+		onError?.(error, info);
+	};
+	return /* @__PURE__ */ jsx(ErrorBoundary, {
+		fallbackRender: hasCustomFallback(props) ? props.fallbackRender : getFallbackComponent(props.variant, props.fallbackMessage),
+		onError: handleError,
+		resetKeys,
+		children
+	});
+}
+//#endregion
+//#region src/components/analytics.tsx
+function gtag(...args) {
+	window.dataLayer?.push(...args);
+}
+const Analytics = () => {
+	const gaTrackingId = connectConfig.gaTrackingId;
+	const [{ analytics }] = useAcceptedCookies();
+	const useAnalytics = gaTrackingId && analytics;
+	useEffect(() => {
+		if (useAnalytics) {
+			const script = document.createElement("script");
+			script.src = `https://www.googletagmanager.com/gtag/js?id=${gaTrackingId}`;
+			script.async = true;
+			document.head.appendChild(script);
+			window.dataLayer = window.dataLayer || [];
+			gtag("js", /* @__PURE__ */ new Date());
+			gtag("config", gaTrackingId);
+			return () => {
+				document.head.removeChild(script);
+			};
+		}
+	}, [useAnalytics, gaTrackingId]);
+	return null;
+};
+//#endregion
+//#region src/services/openpanel/client.ts
+let client;
+/**
+* Returns the cached `OpenPanel` singleton, building it on first call.
+*
+* When `config.clientId` is empty it returns `undefined` without importing
+* `@openpanel/web`, so the bundler can tree-shake the SDK out of production.
+*/
+async function getOpenPanelClient(config) {
+	if (!config.clientId) return;
+	if (client) return client;
+	const { OpenPanel: OpenPanelClass } = await import("@openpanel/web");
+	client = new OpenPanelClass({
+		clientId: config.clientId,
+		...config.apiUrl ? { apiUrl: config.apiUrl } : {},
+		trackScreenViews: true,
+		trackOutgoingLinks: true
+	});
+	client.setGlobalProperties({ app: "connect" });
+	drainOpenPanelBuffer(client);
+	return client;
+}
+/**
+* Clears the cached singleton and the pre-init buffer. Call on consent
+* revocation or during tests; buffered events are discarded, not replayed.
+*/
+function resetOpenPanelClient() {
+	client = void 0;
+	clearOpenPanelBuffer();
+}
+//#endregion
+//#region src/services/openpanel/events.json
+var events_default = [
+	{
+		"documentType": "powerhouse/document-drive",
+		"actionTypes": [
+			"ADD_FOLDER",
+			"DELETE_NODE",
+			"ADD_FILE",
+			"UPDATE_FILE",
+			"COPY_NODE",
+			"MOVE_NODE",
+			"SET_DRIVE_NAME",
+			"SET_DRIVE_ICON"
+		]
+	},
+	{
+		"documentType": "powerhouse/document-model",
+		"actionTypes": [
+			"SET_MODEL_NAME",
+			"SET_MODEL_ID",
+			"ADD_MODULE",
+			"DELETE_MODULE",
+			"ADD_OPERATION",
+			"DELETE_OPERATION"
+		]
+	},
+	{
+		"documentType": "powerhouse/reactor-drive",
+		"actionTypes": [
+			"ADD_FOLDER",
+			"REMOVE_FOLDER",
+			"UPDATE_FOLDER"
+		]
+	}
+];
+//#endregion
+//#region src/services/openpanel/events.ts
+const EventMappingSchema = z.object({
+	documentType: z.string().min(1),
+	actionTypes: z.array(z.string().min(1)).min(1),
+	alias: z.string().optional()
+}).strict();
+const EventMappingsSchema = z.array(EventMappingSchema).readonly();
+/**
+* Parses and validates the event mapping table, returning the validated array
+* and an O(1) lookup map. Accepts a `raw` override for tests. Throws on zod
+* failures and on duplicate `(documentType, actionType)` pairs.
+*/
+function loadEvents(raw = events_default) {
+	const result = EventMappingsSchema.safeParse(raw);
+	if (!result.success) throw new Error(`Invalid OpenPanel events.json: ${result.error.message}`);
+	const mappings = result.data;
+	const lookupMap = /* @__PURE__ */ new Map();
+	for (const mapping of mappings) {
+		let inner = lookupMap.get(mapping.documentType);
+		if (!inner) {
+			inner = /* @__PURE__ */ new Map();
+			lookupMap.set(mapping.documentType, inner);
+		}
+		for (const actionType of mapping.actionTypes) {
+			if (inner.has(actionType)) throw new Error(`Duplicate OpenPanel event mapping for ${mapping.documentType}/${actionType}`);
+			inner.set(actionType, mapping);
+		}
+	}
+	return {
+		mappings,
+		lookupMap
+	};
+}
+const { mappings: defaultMappings, lookupMap: defaultLookupMap } = loadEvents();
+/** Validated mapping array from the bundled events.json. */
+const eventMappings = defaultMappings;
+/** O(1) lookup map: documentType → actionType → mapping. */
+const eventLookupMap = defaultLookupMap;
+/**
+* Normalizes a document type into a safe event-name segment: lowercased, `/`
+* replaced with `.`, and any character outside `[a-z0-9._-]` stripped.
+* e.g. `powerhouse/document-drive` → `powerhouse.document-drive`.
 */
-function CenteredErrorMessage({ error }) {
-	return /* @__PURE__ */ jsx("div", {
-		className: "flex size-full items-center justify-center",
-		children: /* @__PURE__ */ jsx("h3", {
-			className: "text-lg font-semibold text-foreground",
-			children: error instanceof Error ? error.message : String(error)
-		})
-	});
+function normalize(documentType) {
+	return documentType.toLowerCase().replace(/\//g, ".").replace(/[^a-z0-9._-]/g, "");
 }
-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;
-	}
+/**
+* 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()}`;
 }
 /**
-* 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>
+* Builds the default properties attached to every OpenPanel event. The `app`
+* property is stamped globally by the client, not here.
 */
-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);
+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
 	};
-	return /* @__PURE__ */ jsx(ErrorBoundary, {
-		fallbackRender: hasCustomFallback(props) ? props.fallbackRender : getFallbackComponent(props.variant, props.fallbackMessage),
-		onError: handleError,
-		resetKeys,
-		children
-	});
 }
 //#endregion
-//#region src/components/analytics.tsx
-function gtag(...args) {
-	window.dataLayer?.push(...args);
-}
-const Analytics = () => {
-	const gaTrackingId = connectConfig.gaTrackingId;
-	const [{ analytics }] = useAcceptedCookies();
-	const useAnalytics = gaTrackingId && analytics;
-	useEffect(() => {
-		if (useAnalytics) {
-			const script = document.createElement("script");
-			script.src = `https://www.googletagmanager.com/gtag/js?id=${gaTrackingId}`;
-			script.async = true;
-			document.head.appendChild(script);
-			window.dataLayer = window.dataLayer || [];
-			gtag("js", /* @__PURE__ */ new Date());
-			gtag("config", gaTrackingId);
-			return () => {
-				document.head.removeChild(script);
-			};
+//#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);
+			}
 		}
-	}, [useAnalytics, gaTrackingId]);
-	return null;
+	}
+	onDisconnect() {
+		this.client.flush?.();
+		return Promise.resolve();
+	}
 };
 //#endregion
+//#region src/services/openpanel/factory.ts
+/**
+* Returns a `ProcessorFactory` that, for each drive, creates a single
+* `OpenPanelProcessor` record whose `filter.documentType` is the union of all
+* document types present in the event mapping table.
+*/
+function createOpenPanelProcessorFactory(config) {
+	return function openPanelProcessorFactory(_driveHeader) {
+		const documentType = Array.from(config.events.lookupMap.keys());
+		return [{
+			processor: new OpenPanelProcessor(config.client, config.events.lookupMap, config.onError),
+			filter: { documentType },
+			startFrom: config.startFrom ?? "current"
+		}];
+	};
+}
+//#endregion
 //#region src/components/openpanel-traits.ts
 /**
 * Builds the OpenPanel identity traits from a renown User.
@@ -1092,6 +1196,46 @@ const SentryProvider = ({ children }) => {
 	return children;
 };
 //#endregion
+//#region src/components/reactor-chat.tsx
+/**
+* Resolves the reactor tool descriptors for the chat agent from the
+* browser's live reactor client. Built lazily at send time so the reactor
+* (and its SharedWorker) do not need to be ready at render time.
+*/
+function getReactorTools() {
+	const ph = window.ph;
+	const client = ph?.reactorClient;
+	if (!client) return Promise.reject(/* @__PURE__ */ new Error("The reactor client is not available yet. Try again shortly."));
+	const syncManager = ph?.reactorClientModule?.reactorModule?.syncModule?.syncManager;
+	return createReactorMcpProvider({
+		client,
+		syncManager
+	}).then((provider) => {
+		const builtInTools = Object.values(provider.tools).map((tool) => ({
+			...tool,
+			inputSchema: tool.inputSchema ?? {}
+		}));
+		const taken = new Set(builtInTools.map((tool) => tool.name));
+		const packageTools = (ph?.vetraPackageManager?.packages ?? []).flatMap((pkg) => (pkg.aiTools ?? []).filter((tool) => {
+			if (taken.has(tool.name)) {
+				console.warn(`[Connect][AI] Package tool "${tool.name}" shadows an existing tool and was ignored.`);
+				return false;
+			}
+			taken.add(tool.name);
+			return true;
+		}));
+		return [
+			...builtInTools,
+			createSwitchboardSchemaTool(),
+			...packageTools
+		];
+	});
+}
+/** Connect's bottom-right AI chat FAB, bound to the browser reactor. */
+function ConnectReactorChatFab() {
+	return /* @__PURE__ */ jsx(ReactorChatFab, { getTools: getReactorTools });
+}
+//#endregion
 //#region src/components/missing-model-banner.tsx
 const reasonLabels = {
 	"no-registry": "No package registry is configured.",
@@ -1106,16 +1250,38 @@ function canRetry(reason) {
 }
 function MissingModelBanner() {
 	const failed = useFailedInstallations();
+	const discoveryService = usePackageDiscoveryService();
 	const [open, setOpen] = useState(false);
+	const [dismissed, setDismissed] = useState(false);
+	useEffect(() => {
+		return discoveryService?.subscribeEvents((event) => {
+			if (event.type === "load-failed") setDismissed(false);
+		});
+	}, [discoveryService]);
 	if (failed.length === 0) return null;
-	return /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsxs("div", {
-		className: "flex items-center justify-between gap-3 bg-warning/10 px-4 py-2 text-sm text-warning",
-		children: [/* @__PURE__ */ jsx("span", { children: failed.length === 1 ? "1 document type couldn't load (missing model)." : `${failed.length} document types couldn't load (missing models).` }), /* @__PURE__ */ jsx("button", {
-			type: "button",
-			onClick: () => setOpen(true),
-			className: "rounded-md border border-warning bg-background px-3 py-1 text-warning hover:hover-effect",
-			children: "View"
-		})]
+	return /* @__PURE__ */ jsxs(Fragment, { children: [dismissed ? null : /* @__PURE__ */ jsx("div", {
+		className: "absolute inset-x-0 top-0 z-200 bg-background",
+		children: /* @__PURE__ */ jsxs("div", {
+			className: "flex items-center justify-between gap-3 bg-warning/10 px-4 py-2 text-sm text-warning",
+			children: [/* @__PURE__ */ jsx("span", { children: failed.length === 1 ? "1 document type couldn't load (missing model)." : `${failed.length} document types couldn't load (missing models).` }), /* @__PURE__ */ jsxs("div", {
+				className: "flex items-center gap-2",
+				children: [/* @__PURE__ */ jsx("button", {
+					type: "button",
+					onClick: () => setOpen(true),
+					className: "rounded-md border border-warning bg-background px-3 py-1 text-warning hover:hover-effect",
+					children: "View"
+				}), /* @__PURE__ */ jsx("button", {
+					type: "button",
+					onClick: () => setDismissed(true),
+					"aria-label": "Dismiss",
+					className: "flex items-center text-warning hover:hover-effect",
+					children: /* @__PURE__ */ jsx(Icon, {
+						name: "XmarkLight",
+						size: 16
+					})
+				})]
+			})]
+		})
 	}), /* @__PURE__ */ jsx(MissingModelDetailsModal, {
 		open,
 		failed,
@@ -1218,6 +1384,18 @@ function MissingModelDetailsModal(props) {
 	});
 }
 //#endregion
+//#region src/components/open-file-upload-list.tsx
+function OpenFileUploadList() {
+	const uploads = useSyncExternalStore(subscribeOpenFileUploads, getOpenFileUploads);
+	return /* @__PURE__ */ jsx(UploadFileListContainer, {
+		uploadsArray: uploads,
+		uploadsCount: uploads.length,
+		removeUpload: removeOpenFileUpload,
+		clearAllUploads: clearOpenFileUploads,
+		setSelectedNode
+	});
+}
+//#endregion
 //#region src/components/package-install-prompt.tsx
 function PackageInstallPrompt() {
 	const pendingInstallations = usePendingInstallations();
@@ -1233,6 +1411,88 @@ function PackageInstallPrompt() {
 	});
 }
 //#endregion
+//#region src/components/renown-adapter-descriptors.ts
+function describe(id, build) {
+	try {
+		return [build()];
+	} catch (error) {
+		console.error(`[connect] Ignoring the "${id}" wallet adapter: connect.renown.adapters.${id} was rejected.`, error);
+		return [];
+	}
+}
+const CHAINS_BY_ID = new Map([
+	mainnet,
+	sepolia,
+	polygon,
+	optimism,
+	arbitrum,
+	base
+].map((chain) => [chain.id, chain]));
+function chainsFor(chainId) {
+	if (chainId === void 0) return void 0;
+	const chain = CHAINS_BY_ID.get(chainId);
+	if (!chain) {
+		console.error(`[connect] connect.renown.chainId ${chainId} is not a chain Connect can offer, so in-page sign-in will be rejected. Supported: ${[...CHAINS_BY_ID.keys()].join(", ")}.`);
+		return;
+	}
+	return [chain];
+}
+/** Map Connect's declarative `connect.renown.adapters` config to the descriptors `RenownWalletProvider` takes. Array order sets the order of the login buttons. A rejected adapter config is dropped (logged), leaving the others working. `chainId` is `connect.renown.chainId`, the chain Renown issues credentials on. */
+function configToDescriptors(config, chainId) {
+	if (!config) return [];
+	const { rainbow, privy, mock } = config;
+	const descriptors = [];
+	const chains = chainsFor(chainId);
+	if (rainbow) descriptors.push(...describe("rainbow", () => rainbowAdapter({
+		...rainbow,
+		...chains ? { chains } : {}
+	})));
+	if (privy) {
+		const { appId, clientId, methods } = privy;
+		if (appId) descriptors.push(...describe("privy", () => privyAdapter({
+			appId,
+			clientId,
+			methods,
+			chain: chains?.[0]
+		})));
+	}
+	if (mock) descriptors.push(...describe("mock", () => mockAdapter({
+		...mock,
+		methods: mock.methods
+	})));
+	return descriptors;
+}
+//#endregion
+//#region src/components/renown-wallet-providers.tsx
+function resolveColor(expr, fallback) {
+	if (typeof document === "undefined") return fallback;
+	const probe = document.createElement("span");
+	probe.style.color = fallback;
+	probe.style.color = expr;
+	probe.style.display = "none";
+	document.body.appendChild(probe);
+	const resolved = getComputedStyle(probe).color;
+	probe.remove();
+	return resolved || fallback;
+}
+function RenownWalletProviders({ children }) {
+	const config = getRuntimeConfig().connect.renown?.adapters;
+	const chainId = getRuntimeConfig().connect.renown?.chainId;
+	const { theme } = useTheme();
+	const adapters = useMemo(() => configToDescriptors(config, chainId), [config, chainId]);
+	const walletTheme = useMemo(() => adapters.length > 0 ? {
+		mode: theme,
+		accentColor: resolveColor("var(--primary)", "#0084ff"),
+		accentColorForeground: resolveColor("var(--primary-foreground)", "#ffffff")
+	} : void 0, [theme, adapters]);
+	if (adapters.length === 0) return /* @__PURE__ */ jsx(Fragment, { children });
+	return /* @__PURE__ */ jsx(RenownWalletProvider, {
+		adapters,
+		theme: walletTheme,
+		children
+	});
+}
+//#endregion
 //#region src/components/app.tsx
 const App = () => {
 	useTheme();
@@ -1258,72 +1518,19 @@ const App = () => {
 		else if (connectConfig.offline) serviceWorkerManager.registerServiceWorker(false);
 		else serviceWorkerManager.unregisterAll();
 	}, []);
-	return /* @__PURE__ */ jsxs(SentryProvider, { children: [
+	useEffect(() => {
+		initLaunchQueueFileHandling();
+	}, []);
+	return /* @__PURE__ */ jsx(SentryProvider, { children: /* @__PURE__ */ jsxs(RenownWalletProviders, { children: [
 		/* @__PURE__ */ jsx(ToastContainer, { position: "bottom-right" }),
+		connectConfig.aiAssistantEnabled && /* @__PURE__ */ jsx(ConnectReactorChatFab, {}),
 		/* @__PURE__ */ jsx(MissingModelBanner, {}),
 		/* @__PURE__ */ jsx(Router, {}),
+		/* @__PURE__ */ jsx(OpenFileUploadList, {}),
 		/* @__PURE__ */ jsx(PackageInstallPrompt, {}),
 		/* @__PURE__ */ jsx(Analytics, {}),
 		/* @__PURE__ */ jsx(OpenPanel, {})
-	] });
-};
-//#endregion
-//#region src/components/cookie-banner.tsx
-const isCookieAccepted = (cookies, id) => {
-	return cookies.some((cookie) => cookie.id === id && cookie.value);
-};
-const CookieBanner$1 = () => {
-	const { t } = useTranslation(void 0, {
-		useSuspense: true,
-		i18n
-	});
-	const [showBanner, setShowBanner] = useCookieBanner();
-	const [, setAcceptedCookies] = useAcceptedCookies();
-	const cookiesInput = [{
-		id: "analytics-cookie",
-		label: t("cookieBanner.cookies.analytics"),
-		value: true
-	}];
-	const handleAccept = (cookies) => {
-		setShowBanner(false);
-		if (isCookieAccepted(cookies, "analytics-cookie")) setAcceptedCookies((acceptedCookies) => ({
-			...acceptedCookies,
-			analytics: true
-		}));
-	};
-	const handleReject = () => {
-		setShowBanner(false);
-		setAcceptedCookies(() => ({
-			analytics: false,
-			functional: false,
-			marketing: false
-		}));
-	};
-	if (!showBanner) return null;
-	return /* @__PURE__ */ jsxs("div", {
-		className: "absolute inset-0 z-10000 backdrop-blur-sm",
-		children: [/* @__PURE__ */ jsx("div", { className: "absolute inset-0 bg-primary opacity-15" }), /* @__PURE__ */ jsx("div", {
-			className: "absolute inset-x-0 bottom-0 flex justify-center bg-background px-10 pt-10 pb-16 shadow-lg",
-			children: /* @__PURE__ */ jsx(CookieBanner, {
-				className: "max-w-[1024px]",
-				cookies: cookiesInput,
-				onSubmit: handleAccept,
-				onReject: handleReject,
-				submitLabel: t("cookieBanner.accept"),
-				rejectLabel: t("cookieBanner.reject"),
-				children: /* @__PURE__ */ jsx("p", {
-					className: "font-semibold text-muted-foreground",
-					children: /* @__PURE__ */ jsx(Trans, {
-						i18nKey: "cookieBanner.message",
-						components: { a: /* @__PURE__ */ jsx("a", {
-							onClick: () => showPHModal({ type: "cookiesPolicy" }),
-							className: "cursor-pointer text-foreground hover:underline"
-						}, "cookieBanner.message-link") }
-					}, "cookieBanner.message")
-				})
-			})
-		})]
-	});
+	] }) });
 };
 //#endregion
 //#region src/components/drive-icon.tsx
@@ -1350,16 +1557,56 @@ function DriveIcon({ drive }) {
 	});
 }
 //#endregion
+//#region src/components/document-upgrade-toast.tsx
+const DocumentUpgradeToast = ({ documentId }) => {
+	const { t } = useTranslation();
+	return /* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsx("p", {
+		className: "font-medium",
+		children: t("notifications.documentUpgradeAvailable")
+	}), /* @__PURE__ */ jsx("button", {
+		onClick: () => {
+			showPHModal({
+				type: "confirmDocumentUpgrade",
+				documentId
+			});
+		},
+		className: "underline decoration-solid underline-offset-2",
+		children: t("common.updateDocument")
+	})] });
+};
+//#endregion
 //#region src/components/editors.tsx
-function EditorError({ message }) {
+function EditorError({ title, children }) {
 	return /* @__PURE__ */ jsx("div", {
-		className: "flex size-full items-center justify-center",
-		children: /* @__PURE__ */ jsx("h3", {
-			className: "text-lg font-semibold",
-			children: message
+		className: "flex size-full 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("h3", {
+					className: "min-w-0 text-lg font-semibold wrap-break-word text-foreground",
+					children: title
+				})]
+			}), /* @__PURE__ */ jsx("div", {
+				className: "wrap-break-word",
+				children
+			})]
 		})
 	});
 }
+function OpenPackageManagerButton() {
+	return /* @__PURE__ */ jsx(PowerhouseButton, {
+		className: "px-3 py-1.5 text-base font-medium",
+		onClick: () => {
+			showPHModal({ type: "settings" });
+		},
+		type: "button",
+		children: "Open package manager"
+	});
+}
 const DocumentEditor = (props) => {
 	const { document: initialDocument } = props;
 	const selectedTimelineItem = useSelectedTimelineItem();
@@ -1379,6 +1626,21 @@ const DocumentEditor = (props) => {
 	const preferredEditorModule = useEditorModuleById(preferredEditor);
 	const fallbackEditorModule = useFallbackEditorModule(documentType);
 	const editorModule = preferredEditorModule ?? fallbackEditorModule;
+	const versionStatus = useDocumentVersionStatus(document ?? void 0);
+	const versionStatusKind = versionStatus?.kind;
+	const upgradeAvailable = versionStatus?.kind === "upgrade-available" && versionStatus.canUpgrade;
+	useEffect(() => {
+		if (upgradeAvailable && documentId) toast(createElement(DocumentUpgradeToast, { documentId }), {
+			type: "connect-warning",
+			toastId: `outdated-document-${documentId}`,
+			autoClose: false
+		});
+		else if (versionStatusKind && versionStatusKind !== "upgrade-available" && documentId) dismissToast(`outdated-document-${documentId}`);
+	}, [
+		upgradeAvailable,
+		versionStatusKind,
+		documentId
+	]);
 	const vetraPackages = useVetraPackages();
 	const packageManager = useVetraPackageManager();
 	const owningPackageName = editorModule ? vetraPackages.find((pkg) => pkg.editors.includes(editorModule))?.manifest.name : void 0;
@@ -1414,46 +1676,49 @@ const DocumentEditor = (props) => {
 	};
 	if (isLoadingEditor) return /* @__PURE__ */ jsx(EditorLoader, { message: "Loading editor" });
 	if (isLoadingDocument) return /* @__PURE__ */ jsx(EditorLoader, { message: "Loading document" });
-	if (!documentModelModule) return /* @__PURE__ */ jsx(EditorError, { message: /* @__PURE__ */ jsxs("div", {
-		className: "text-center leading-10",
-		children: [/* @__PURE__ */ jsxs("p", { children: [
-			"Unable to open the document because the document model \"",
-			documentType,
-			"\" is not supported."
-		] }), /* @__PURE__ */ jsxs("p", { children: [
-			"Go to the",
-			" ",
-			/* @__PURE__ */ jsx("button", {
-				type: "button",
-				className: "cursor-pointer underline",
-				onClick: () => {
-					showPHModal({ type: "settings" });
-				},
-				children: "package manager"
-			}),
-			" ",
-			"to install this document model"
-		] })]
-	}) });
-	if (!editorModule) return /* @__PURE__ */ jsx(EditorError, { message: /* @__PURE__ */ jsxs("div", {
-		className: "text-center leading-10",
-		children: [/* @__PURE__ */ jsx("p", { children: "Unable to open the document because no editor has been found" }), /* @__PURE__ */ jsxs("p", { children: [
-			"Go to the",
-			" ",
-			/* @__PURE__ */ jsx("button", {
-				type: "button",
-				className: "cursor-pointer underline",
-				onClick: () => {
-					showPHModal({ type: "settings" });
-				},
-				children: "package manager"
-			}),
-			" ",
-			"an editor for the \"$",
-			documentType,
-			"\" document type"
-		] })]
-	}) });
+	if (!documentModelModule) return /* @__PURE__ */ jsxs(EditorError, {
+		title: "Document type not supported",
+		children: [/* @__PURE__ */ jsxs("p", {
+			className: "mb-4 text-sm text-foreground",
+			children: [
+				"This document can't be opened because the \"",
+				documentType,
+				"\" document model isn't installed. Install the package that provides it to open the document."
+			]
+		}), /* @__PURE__ */ jsx(OpenPackageManagerButton, {})]
+	});
+	if (versionStatus?.kind === "unsupported") return /* @__PURE__ */ jsxs(EditorError, {
+		title: "Document version not supported",
+		children: [/* @__PURE__ */ jsxs("p", {
+			className: "mb-4 text-sm text-foreground",
+			children: [
+				"This document requires version ",
+				versionStatus.documentVersion,
+				" of the \"",
+				documentType,
+				"\" document model, but only version",
+				versionStatus.availableVersions.length > 1 ? "s" : "",
+				" ",
+				versionStatus.availableVersions.join(", "),
+				" ",
+				versionStatus.availableVersions.length > 1 ? "are" : "is",
+				" installed. Update the package that provides \"",
+				documentType,
+				"\" to open it."
+			]
+		}), /* @__PURE__ */ jsx(OpenPackageManagerButton, {})]
+	});
+	if (!editorModule) return /* @__PURE__ */ jsxs(EditorError, {
+		title: "No editor available",
+		children: [/* @__PURE__ */ jsxs("p", {
+			className: "mb-4 text-sm text-foreground",
+			children: [
+				"The \"",
+				documentType,
+				"\" document model is installed, but no editor for it was found. Install a package that provides an editor for this document type."
+			]
+		}), /* @__PURE__ */ jsx(OpenPackageManagerButton, {})]
+	});
 	const EditorComponent = editorModule.Component;
 	return /* @__PURE__ */ jsx("div", {
 		className: "relative h-full",
@@ -1532,6 +1797,7 @@ function useDriveAuthGate() {
 //#region src/pages/content.tsx
 function Content() {
 	const { gate } = useDriveAuthGate();
+	const openLogin = useOpenRenownLogin();
 	const [selectedDrive] = useSelectedDriveSafe();
 	const selectedFolder = useSelectedFolder();
 	const selectedDocumentId = useSelectedDocumentId();
@@ -1545,7 +1811,7 @@ function Content() {
 		className: "flex h-full items-center justify-center p-4",
 		children: /* @__PURE__ */ jsx(DriveAuthGate, {
 			mode: gate,
-			onLogin: openRenown,
+			onLogin: openLogin,
 			onLogout: () => void logout()
 		})
 	}) : !selectedDocumentId && !selectedDrive && !selectedFolder ? /* @__PURE__ */ jsx(HomeScreenContainer, {}) : /* @__PURE__ */ jsx(AppContainer, {}) });
@@ -1613,6 +1879,7 @@ const Router = () => {
 //#region src/components/sidebar.tsx
 function Sidebar() {
 	const user = useUser();
+	const openLogin = useOpenRenownLogin();
 	const drives = useDrives();
 	const isAddDriveEnabled = useIsAddDriveEnabled();
 	const [selectedDrive] = useSelectedDriveSafe();
@@ -1632,7 +1899,7 @@ function Sidebar() {
 		onClick: () => setSelectedDrive(void 0),
 		onClickSettings,
 		address: user?.address,
-		onLogin: openRenown,
+		onLogin: openLogin,
 		onDisconnect: () => {
 			logout();
 		},
@@ -1789,18 +2056,20 @@ const MigrationBanner = () => {
 };
 //#endregion
 //#region src/components/modal/modals-container.tsx
-const AddDriveModal$1 = lazy(() => import("./AddDriveModal-MMHlkJBJ.js").then((m) => ({ default: m.AddDriveModal })));
-const ClearStorageModal = lazy(() => import("./ClearStorageModal-BrqS8I-J.js").then((m) => ({ default: m.ClearStorageModal })));
-const CookiesPolicyModal = lazy(() => import("./CookiesPolicyModal-CkcUKPLb.js").then((m) => ({ default: m.CookiesPolicyModal })));
-const CreateDocumentModal$1 = lazy(() => import("./CreateDocumentModal-CvsTh0HM.js").then((m) => ({ default: m.CreateDocumentModal })));
-const DebugSettingsModal = lazy(() => import("./DebugSettingsModal-CCZi5Gmx.js").then((m) => ({ default: m.DebugSettingsModal })));
-const DeleteDriveModal = lazy(() => import("./DeleteDriveModal-DSTK8FYk.js").then((m) => ({ default: m.DeleteDriveModal })));
-const DeleteItemModal = lazy(() => import("./DeleteItemModal-B2nJmjsP.js").then((m) => ({ default: m.DeleteItemModal })));
-const DisclaimerModal = lazy(() => import("./DisclaimerModal-D5FO34u9.js").then((m) => ({ default: m.DisclaimerModal })));
-const DriveSettingsModal$1 = lazy(() => import("./DriveSettingsModal-kR3hQnh4.js").then((m) => ({ default: m.DriveSettingsModal })));
-const DownloadDocumentWithErrorsModal = lazy(() => import("./DownloadDocumentWithErrorsModal-tEr3bbtN.js").then((m) => ({ default: m.DownloadDocumentWithErrorsModal })));
-const SettingsModal$1 = lazy(() => import("./SettingsModal-CdoFxyJJ.js").then((m) => ({ default: m.SettingsModal })));
-const UpgradeDriveModal = lazy(() => import("./UpgradeDriveModal-BZGSE9_r.js").then((m) => ({ default: m.UpgradeDriveModal })));
+const AddDriveModal$1 = lazy(() => import("./AddDriveModal-Q-Ffh5XA.js").then((m) => ({ default: m.AddDriveModal })));
+const ClearStorageModal = lazy(() => import("./ClearStorageModal-DXV7eveG.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-D-8XfrLE.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-BKyrRL4W.js").then((m) => ({ default: m.SettingsModal })));
+const UpgradeDriveModal = lazy(() => import("./UpgradeDriveModal-_8t9slxQ.js").then((m) => ({ default: m.UpgradeDriveModal })));
 const modalComponents = {
 	addDrive: AddDriveModal$1,
 	clearStorage: ClearStorageModal,
@@ -1812,11 +2081,15 @@ const modalComponents = {
 	disclaimer: DisclaimerModal,
 	driveSettings: DriveSettingsModal$1,
 	downloadDocumentWithErrors: DownloadDocumentWithErrorsModal,
-	inspector: lazy(() => import("./InspectorModal-BfwRytsl.js").then((m) => ({ default: m.InspectorModal }))),
+	documentVersionUnsupported: DocumentVersionUnsupportedModal,
+	confirmDocumentUpgrade: ConfirmDocumentUpgradeModal,
+	inspector: lazy(() => import("./InspectorModal-Fnp57gG_.js").then((m) => ({ default: m.InspectorModal }))),
 	settings: SettingsModal$1,
 	upgradeDrive: UpgradeDriveModal,
-	missingPackage: lazy(() => import("./MissingPackageModal-BQcCQbOn.js").then((m) => ({ default: m.ConnectMissingPackageModal }))),
-	driveAuthRequired: lazy(() => import("./DriveAuthRequiredModal-BA2vS3oF.js").then((m) => ({ default: m.DriveAuthRequiredModal })))
+	missingPackage: lazy(() => import("./MissingPackageModal-C7usWVHQ.js").then((m) => ({ default: m.ConnectMissingPackageModal }))),
+	driveAuthRequired: lazy(() => import("./DriveAuthRequiredModal-Cw9eCAQ_.js").then((m) => ({ default: m.DriveAuthRequiredModal }))),
+	openFileDocuments: lazy(() => import("./OpenFileDocumentsModal-Bp2SFfGY.js").then((m) => ({ default: m.OpenFileDocumentsModal }))),
+	login: lazy(() => import("./LoginModal-CybbOm3N.js").then((m) => ({ default: m.LoginModal })))
 };
 const ModalsContainer = lazy(() => {
 	return Promise.resolve({ default: () => {
@@ -1855,8 +2128,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 AppLoader = (props) => {
-	const Load = lazy(() => import("./load-BucYuvxH.js").then((m) => m.loadComponent(props.localPackage)));
+	const Load = lazy(() => import("./load-CvwtlhbX.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],
@@ -1870,9 +2144,14 @@ const AppLoader = (props) => {
 					children: /* @__PURE__ */ jsx(App, {})
 				})
 			}),
-			/* @__PURE__ */ jsx(Suspense, {
-				name: "CookieBanner",
-				children: /* @__PURE__ */ jsx(CookieBanner$1, {})
+			/* @__PURE__ */ jsx(ErrorBoundary$1, {
+				variant: "silent",
+				loggerContext: ["Connect", "CookieBanner"],
+				children: /* @__PURE__ */ jsx(Suspense, {
+					fallback: null,
+					name: "CookieBanner",
+					children: /* @__PURE__ */ jsx(CookieBanner$1, {})
+				})
 			}),
 			/* @__PURE__ */ jsx(Suspense, {
 				name: "ModalsContainer",
@@ -1885,7 +2164,7 @@ const AppLoader = (props) => {
 	}) });
 };
 //#endregion
-export { DocumentEditor as a, App as c, DocumentEditorContainer as d, OpenPanel as f, Root as i, AppContainer as l, AppSkeleton as m, Sidebar as n, DriveIcon as o, Analytics as p, Router as r, CookieBanner$1 as s, AppLoader as t, EditorLoader as u };
+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 };
 
-//# sourceMappingURL=app-loader-BqH5S4gP.js.map
-//# debugId=90216f1f-1ac5-5c02-806a-095895df569c
+//# sourceMappingURL=app-loader-9oxJxBSC.js.map
+//# debugId=e2bf7b80-893e-5f57-b5a9-3f7fe300e8d6