@powerhousedao/connect 6.2.2-dev.5 → 6.2.2-dev.50

package/dist/{app-loader-C1rnoBbl.js → app-loader-0RTyMrTQ.js}

@@ -1,19 +1,20 @@
 
-!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]="dc8c4b13-0dd6-57d4-8c3f-246cd0c114f4")}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]="547308c5-f3db-5bd3-a82b-2dfd3301067d")}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 { i as i18n, n as setSentryModule } from "./reload-connect-toast-DDQEupCN.js";
+import { a as defaultPHDocumentEditorConfig, i as defaultPHAppConfig, r as connectConfig } from "./connect.config-C-b_Yhd6.js";
+import { f as PRIMARY_IDB_NAMES, r as subscribeWorkerConnection, s as getCachedMigrationMajor, t as getWorkerConnectionStatus, u as subscribeMigrationMajor } from "./connection-state-KCa1yljA.js";
+import { n as serviceWorkerManager, r as subscribeServiceWorkerUpdate, t as getServiceWorkerUpdateAvailable } from "./registerServiceWorker-Bn1KWmk0.js";
+import { n as dismissToast, r as toast, t as ToastContainer } from "./toast-CO6ChlzE.js";
+import { t as useOpenRenownLogin } from "./use-renown-login-BtGljnB4.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 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 { ConnectSidebar, ConnectTooltipProvider, CookieBanner, DefaultEditorLoader, DriveAuthGate, DropZoneWrapper, HomeScreen, HomeScreenAddDriveItem, HomeScreenItem, LogoAnimation, PackageInstallModal, RevisionHistory, SidebarAddDriveItem, SidebarItem, UploadFileListContainer, formatFileSize, mapProgressStageToStatus, useEns } from "@powerhousedao/design-system/connect";
 import { z } from "zod";
 import { Outlet, RouterProvider, createBrowserRouter, createRoutesFromChildren, matchRoutes, useLocation, useNavigationType } from "react-router-dom";
 import { useHotkeys } from "react-hotkeys-hook";
@@ -21,6 +22,10 @@ import { Icon, Modal, PowerhouseButton } from "@powerhousedao/design-system";
 import { ErrorBoundary } from "react-error-boundary";
 import { GenericDriveExplorer } from "@powerhousedao/powerhouse-vetra-packages/editors";
 import { twMerge } from "tailwind-merge";
+import { 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,6 +80,184 @@ 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$3 = /* @__PURE__ */ new Set();
+function notifyUploadListeners() {
+	for (const listener of listeners$3) listener();
+}
+function getOpenFileUploads() {
+	return uploads;
+}
+function subscribeOpenFileUploads(cb) {
+	listeners$3.add(cb);
+	return () => {
+		listeners$3.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();
@@ -708,7 +891,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 +919,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", {
@@ -766,9 +949,9 @@ function DetailedFallback({ error, resetErrorBoundary }) {
 */
 function CenteredErrorMessage({ error }) {
 	return /* @__PURE__ */ jsx("div", {
-		className: "flex size-full items-center justify-center",
+		className: "flex size-full items-center justify-center p-6",
 		children: /* @__PURE__ */ jsx("h3", {
-			className: "text-lg font-semibold text-foreground",
+			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)
 		})
 	});
@@ -1106,16 +1289,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 +1423,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 +1450,87 @@ 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
+		})));
+	}
+	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,14 +1556,18 @@ 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" }),
 		/* @__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
@@ -1350,16 +1652,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 +1721,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 +1771,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 +1892,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 +1906,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 +1974,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 +1994,7 @@ function Sidebar() {
 		onClick: () => setSelectedDrive(void 0),
 		onClickSettings,
 		address: user?.address,
-		onLogin: openRenown,
+		onLogin: openLogin,
 		onDisconnect: () => {
 			logout();
 		},
@@ -1789,18 +2151,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--Kc9BLDH.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-B7hFn_9k.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-5UjMFrlr.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-Bw0YuxZg.js").then((m) => ({ default: m.AddDriveModal })));
+const ClearStorageModal = lazy(() => import("./ClearStorageModal-DDzOvG6T.js").then((m) => ({ default: m.ClearStorageModal })));
+const CookiesPolicyModal = lazy(() => import("./CookiesPolicyModal-CQ-zHJdw.js").then((m) => ({ default: m.CookiesPolicyModal })));
+const CreateDocumentModal$1 = lazy(() => import("./CreateDocumentModal-NNi4p6EI.js").then((m) => ({ default: m.CreateDocumentModal })));
+const DebugSettingsModal = lazy(() => import("./DebugSettingsModal-k1l_X-wO.js").then((m) => ({ default: m.DebugSettingsModal })));
+const DeleteDriveModal = lazy(() => import("./DeleteDriveModal-C7fnXMsR.js").then((m) => ({ default: m.DeleteDriveModal })));
+const DeleteItemModal = lazy(() => import("./DeleteItemModal-BK_Y8Thj.js").then((m) => ({ default: m.DeleteItemModal })));
+const DisclaimerModal = lazy(() => import("./DisclaimerModal-DJPHCnFY.js").then((m) => ({ default: m.DisclaimerModal })));
+const DriveSettingsModal$1 = lazy(() => import("./DriveSettingsModal-7OKx8foy.js").then((m) => ({ default: m.DriveSettingsModal })));
+const DownloadDocumentWithErrorsModal = lazy(() => import("./DownloadDocumentWithErrorsModal-sWu46HVB.js").then((m) => ({ default: m.DownloadDocumentWithErrorsModal })));
+const DocumentVersionUnsupportedModal = lazy(() => import("./DocumentVersionUnsupportedModal-tBHLK6b1.js").then((m) => ({ default: m.DocumentVersionUnsupportedModal })));
+const ConfirmDocumentUpgradeModal = lazy(() => import("./ConfirmDocumentUpgradeModal-9AaaQJTs.js").then((m) => ({ default: m.ConfirmDocumentUpgradeModal })));
+const SettingsModal$1 = lazy(() => import("./SettingsModal-CAKQhsAi.js").then((m) => ({ default: m.SettingsModal })));
+const UpgradeDriveModal = lazy(() => import("./UpgradeDriveModal-wo5oO9mg.js").then((m) => ({ default: m.UpgradeDriveModal })));
 const modalComponents = {
 	addDrive: AddDriveModal$1,
 	clearStorage: ClearStorageModal,
@@ -1812,11 +2176,15 @@ const modalComponents = {
 	disclaimer: DisclaimerModal,
 	driveSettings: DriveSettingsModal$1,
 	downloadDocumentWithErrors: DownloadDocumentWithErrorsModal,
-	inspector: lazy(() => import("./InspectorModal-DO7xAv0e.js").then((m) => ({ default: m.InspectorModal }))),
+	documentVersionUnsupported: DocumentVersionUnsupportedModal,
+	confirmDocumentUpgrade: ConfirmDocumentUpgradeModal,
+	inspector: lazy(() => import("./InspectorModal-DoIShIZU.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-DyP2-Ojb.js").then((m) => ({ default: m.ConnectMissingPackageModal }))),
+	driveAuthRequired: lazy(() => import("./DriveAuthRequiredModal-D3IPAst0.js").then((m) => ({ default: m.DriveAuthRequiredModal }))),
+	openFileDocuments: lazy(() => import("./OpenFileDocumentsModal-DH6sfJwe.js").then((m) => ({ default: m.OpenFileDocumentsModal }))),
+	login: lazy(() => import("./LoginModal-Cd2wGgG4.js").then((m) => ({ default: m.LoginModal })))
 };
 const ModalsContainer = lazy(() => {
 	return Promise.resolve({ default: () => {
@@ -1856,7 +2224,7 @@ const ServiceWorkerUpdatePrompt = () => {
 //#endregion
 //#region src/components/app-loader.tsx
 const AppLoader = (props) => {
-	const Load = lazy(() => import("./load-BCpNI6yz.js").then((m) => m.loadComponent(props.localPackage)));
+	const Load = lazy(() => import("./load-2EH2_hXZ.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],
@@ -1885,7 +2253,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 { getPendingImportFiles as _, DocumentEditor as a, App as c, DocumentEditorContainer as d, OpenPanel as f, clearPendingImportFiles as g, runOpenFileImports as h, 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, pendingFileKey as v, subscribePendingImportFiles as y };
 
-//# sourceMappingURL=app-loader-C1rnoBbl.js.map
-//# debugId=dc8c4b13-0dd6-57d4-8c3f-246cd0c114f4
+//# sourceMappingURL=app-loader-0RTyMrTQ.js.map
+//# debugId=547308c5-f3db-5bd3-a82b-2dfd3301067d