@powerhousedao/connect 6.2.2-dev.10 → 6.2.2-dev.11

package/dist/{SettingsModal-yk1gDZgB.js → SettingsModal-BsYFJB2W.js}

@@ -1,10 +1,10 @@
 
-!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]="3a07410f-5ec1-51ae-b4b3-9e6c024d06d9")}catch(e){}}();
-import { t as package_default } from "./package-DvEHDzEU.js";
-import { i as shortGitSha, n as getGitUrl, t as getGitSha } from "./build-info-DDJ2GhCe.js";
+!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]="a1de242c-bdbe-5781-8009-4f46499b422a")}catch(e){}}();
+import { t as package_default } from "./package-Bc_Nktb7.js";
+import { i as shortGitSha, n as getGitUrl, t as getGitSha } from "./build-info-Do0SMo9O.js";
 import { r as connectConfig } from "./connect.config-vgUeFoNp.js";
-import { n as toast } from "./toast-4t-VimvD.js";
-import { t as useRegistryPackages } from "./useRegistryPackages-BaYtekjQ.js";
+import { n as toast } from "./toast-BLv8rjmy.js";
+import { t as useRegistryPackages } from "./useRegistryPackages-DMhCvTWq.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { t } from "i18next";
 import { useCallback, useMemo, useState } from "react";
@@ -200,7 +200,7 @@ function parseBareName(spec) {
 }
 const ConnectPackageManager = () => {
 	const packageManager = useVetraPackageManager();
-	const { registryPackageList, updateRegistryPackageStatus, registerFallbackRegistryPackage } = useRegistryPackages();
+	const { registryPackageList, installedPackages, availablePackages, availableHasMore, isLoadingAvailable, isLoadingMoreAvailable, availableError, ensureAvailableLoaded, fetchAvailablePage, loadMoreAvailable, setAvailableSearch, updateRegistryPackageStatus, registerFallbackRegistryPackage } = useRegistryPackages();
 	async function handleInstall(packageSpec) {
 		if (!packageManager) return;
 		const bareName = parseBareName(packageSpec);
@@ -212,7 +212,8 @@ const ConnectPackageManager = () => {
 			toast(`Package "${packageSpec}" installed successfully`, { type: "connect-success" });
 		} else {
 			const message = result.error.message;
-			toast(/failed to fetch|404|not found/i.test(message) ? `Could not install "${packageSpec}". The package isn't available on this registry, and the npmjs.org fallback could not resolve it either.` : `Failed to install "${packageSpec}": ${message}`, { type: "error" });
+			console.error(`[Connect][PackageManager] Install failed for "${packageSpec}":`, result.error);
+			toast(/failed to fetch|404|not found/i.test(message) ? `Couldn't install "${packageSpec}". It isn't available on this registry or via npm.` : `Couldn't install "${packageSpec}". Please try again.`, { type: "error" });
 		}
 	}
 	function handleUninstall(packageName) {
@@ -222,14 +223,26 @@ const ConnectPackageManager = () => {
 			updateRegistryPackageStatus(packageName, "available");
 			toast(`Package "${packageName}" uninstalled successfully`, { type: "connect-success" });
 		} catch (error) {
-			toast(`Failed to uninstall "${packageName}": ${error instanceof Error ? error.message : "Unknown error"}`, { type: "error" });
+			console.error(`[Connect][PackageManager] Uninstall failed for "${packageName}":`, error);
+			toast(`Couldn't uninstall "${packageName}". Please try again.`, { type: "error" });
 		}
 	}
 	return /* @__PURE__ */ jsx("div", {
-		className: "flex h-full flex-1 flex-col",
+		className: "flex min-h-0 flex-1 flex-col",
 		children: /* @__PURE__ */ jsx(PackageManager, {
 			mutable: true,
-			registryPackageList,
+			installedPackages,
+			availablePackages,
+			isAvailableLoading: isLoadingAvailable,
+			isLoadingMoreAvailable,
+			hasMoreAvailable: availableHasMore,
+			onLoadMoreAvailable: loadMoreAvailable,
+			availableError,
+			onAvailableRetry: () => {
+				fetchAvailablePage({ reset: true });
+			},
+			onAvailableSearchChange: setAvailableSearch,
+			onAvailableTabOpen: ensureAvailableLoaded,
 			onInstall: handleInstall,
 			onUninstall: handleUninstall
 		})
@@ -285,5 +298,5 @@ const SettingsModal = () => {
 //#endregion
 export { SettingsModal };
 
-//# sourceMappingURL=SettingsModal-yk1gDZgB.js.map
-//# debugId=3a07410f-5ec1-51ae-b4b3-9e6c024d06d9
+//# sourceMappingURL=SettingsModal-BsYFJB2W.js.map
+//# debugId=a1de242c-bdbe-5781-8009-4f46499b422a

package/dist/SettingsModal-BsYFJB2W.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SettingsModal-BsYFJB2W.js","sources":["../src/components/modal/modals/settings/about.tsx","../src/components/modal/modals/settings/danger-zone.tsx","../src/components/modal/modals/settings/default-editor.tsx","../src/components/modal/modals/settings/package-manager.tsx","../src/components/modal/modals/SettingsModal.tsx"],"sourcesContent":["import { connectConfig } from \"@powerhousedao/connect/config\";\nimport {\n  getGitSha,\n  getGitUrl,\n  packageJson,\n  shortGitSha,\n} from \"@powerhousedao/connect/utils\";\nimport { Icon } from \"@powerhousedao/design-system\";\nimport { About as BaseAbout } from \"@powerhousedao/design-system/connect\";\nimport {\n  closePHModal,\n  DriveCollectionId,\n  showPHModal,\n  useDrives,\n  useDriveSystemInfo,\n  useSyncList,\n} from \"@powerhousedao/reactor-browser\";\nimport type { DocumentDriveDocument } from \"@powerhousedao/shared/document-drive\";\nimport { useMemo } from \"react\";\n\nexport const About: React.FC = () => {\n  const onOpenInspector = () => {\n    closePHModal();\n    showPHModal({ type: \"inspector\" });\n  };\n\n  return (\n    <div>\n      <BaseAbout\n        packageJson={packageJson}\n        phCliVersion={\n          typeof connectConfig.phCliVersion === \"string\"\n            ? connectConfig.phCliVersion\n            : undefined\n        }\n      />\n      <AppGitHash />\n      <ConnectedDrives />\n      <div className=\"bg-background p-3\">\n        <h2 className=\"mb-2 font-semibold text-foreground\">Inspector</h2>\n        <p className=\"mb-3 text-sm font-normal text-foreground\">\n          Explore the local database and sync state for debugging.\n        </p>\n        <button\n          className=\"flex items-center gap-x-2 rounded-md border border-border bg-transparent px-3 py-1 text-sm font-medium text-foreground transition-colors hover:hover-effect\"\n          onClick={onOpenInspector}\n          type=\"button\"\n        >\n          Open Inspector <Icon name=\"CircleInfo\" size={16} />\n        </button>\n      </div>\n    </div>\n  );\n};\n\nfunction AppGitHash() {\n  const sha = getGitSha();\n  if (sha === \"unknown\") return null;\n  const url = getGitUrl();\n  const label = shortGitSha(sha);\n  return (\n    <div className=\"bg-background p-3 text-sm\">\n      <span className=\"font-semibold\">Git hash: </span>\n      {url ? (\n        <a\n          className=\"font-mono underline\"\n          href={url}\n          target=\"_blank\"\n          rel=\"noreferrer noopener\"\n          title={sha}\n        >\n          {label}\n        </a>\n      ) : (\n        <span className=\"font-mono\" title={sha}>\n          {label}\n        </span>\n      )}\n    </div>\n  );\n}\n\nfunction ConnectedDrives() {\n  const drives = useDrives() ?? [];\n  const remotes = useSyncList();\n\n  const remoteDrives = useMemo(\n    () =>\n      drives.filter((d) =>\n        remotes.some((r) =>\n          r.meta.collectionId.equals(DriveCollectionId.forDrive(d.header.id)),\n        ),\n      ),\n    [drives, remotes],\n  );\n\n  return (\n    <div className=\"my-4 bg-background p-3\">\n      <h2 className=\"mb-2 font-semibold text-foreground\">Connected drives</h2>\n      {remoteDrives.length === 0 ? (\n        <p className=\"text-sm font-normal text-foreground\">\n          No connected remote drives.\n        </p>\n      ) : (\n        <ul className=\"flex flex-col gap-3\">\n          {remoteDrives.map((drive) => (\n            <DriveAboutEntry key={drive.header.id} drive={drive} />\n          ))}\n        </ul>\n      )}\n    </div>\n  );\n}\n\nfunction DriveAboutEntry({ drive }: { drive: DocumentDriveDocument }) {\n  const info = useDriveSystemInfo(drive);\n  const name = drive.state.global.name || drive.header.name;\n\n  return (\n    <li className=\"text-sm text-foreground\">\n      <div className=\"flex items-baseline gap-2\">\n        <span className=\"font-medium\">{name}</span>\n        {info.status === \"ready\" && (\n          <span className=\"text-xs text-muted-foreground\">{info.host}</span>\n        )}\n      </div>\n      {info.status === \"loading\" && (\n        <div className=\"mt-1 text-xs text-muted-foreground\">Loading…</div>\n      )}\n      {info.status === \"error\" && (\n        <div className=\"mt-1 text-xs text-destructive\">\n          Could not load system info\n        </div>\n      )}\n      {info.status === \"ready\" && (\n        <div className=\"mt-1 text-xs text-foreground\">\n          <div>\n            <span className=\"font-medium\">Version:</span> {info.version}\n          </div>\n          <div>\n            <span className=\"font-medium\">Git hash: </span>\n            {info.gitUrl ? (\n              <a\n                className=\"font-mono hover:underline\"\n                href={info.gitUrl}\n                target=\"_blank\"\n                rel=\"noreferrer noopener\"\n                title={info.gitHash}\n              >\n                {shortGitSha(info.gitHash)}\n              </a>\n            ) : (\n              <span className=\"font-mono\" title={info.gitHash}>\n                {shortGitSha(info.gitHash)}\n              </span>\n            )}\n          </div>\n        </div>\n      )}\n      {info.status === \"local\" && (\n        <div className=\"mt-1 text-xs text-muted-foreground\">\n          Local drive — N/A\n        </div>\n      )}\n    </li>\n  );\n}\n","import { DangerZone as BaseDangerZone } from \"@powerhousedao/design-system/connect\";\nimport {\n  deleteDrive,\n  setSelectedDrive,\n  showPHModal,\n  useDrives,\n} from \"@powerhousedao/reactor-browser\";\nimport type { DocumentDriveDocument } from \"@powerhousedao/shared/document-drive\";\n\nexport const DangerZone: React.FC = () => {\n  const drives = useDrives();\n\n  const handleDeleteDrive = async (drive: DocumentDriveDocument) => {\n    await deleteDrive(drive.header.id);\n    setSelectedDrive(undefined);\n  };\n\n  const handleClearStorage = () => {\n    showPHModal({ type: \"clearStorage\" });\n  };\n\n  return (\n    <BaseDangerZone\n      drives={drives ?? []}\n      onDeleteDrive={(drive) => {\n        void handleDeleteDrive(drive);\n      }}\n      onClearStorage={handleClearStorage}\n    />\n  );\n};\n","import { DefaultEditor as BaseDefaultEditor } from \"@powerhousedao/design-system/connect\";\nimport { useCallback, useState } from \"react\";\n\nconst documentModelEditorOptions = [\n  { label: \"V1\", value: \"document-model-editor\" },\n  { label: \"V2\", value: \"document-model-editor-v2\" },\n] as const;\n\nexport const DefaultEditor: React.FC = () => {\n  const [documentModelEditor, setDocumentModelEditor] = useState<\n    (typeof documentModelEditorOptions)[number]\n  >(documentModelEditorOptions[1]);\n\n  const handleSetDocumentEditor = useCallback((value: string) => {\n    const option = documentModelEditorOptions.find((dm) => dm.value == value);\n    if (option) {\n      setDocumentModelEditor(option);\n    }\n  }, []);\n\n  return (\n    <BaseDefaultEditor\n      documentModelEditor={documentModelEditor.value}\n      setDocumentModelEditor={handleSetDocumentEditor}\n      documentModelEditorOptions={\n        documentModelEditorOptions as unknown as {\n          value: string;\n          label: string;\n        }[]\n      }\n    />\n  );\n};\n","import { useRegistryPackages } from \"@powerhousedao/connect/hooks\";\nimport { toast } from \"@powerhousedao/connect/services\";\nimport { PackageManager } from \"@powerhousedao/design-system/connect\";\nimport { useVetraPackageManager } from \"@powerhousedao/reactor-browser\";\nimport React from \"react\";\n\n/**\n * Split a `name@tag` spec into its bare package name. Mirrors the design-system's\n * `parsePackageSpec` — duplicated here to avoid reaching into a deep subpath\n * export. Scoped names split on the LAST `@`, unscoped on the first.\n */\nfunction parseBareName(spec: string): string {\n  const trimmed = spec.trim();\n  const at = trimmed.startsWith(\"@\")\n    ? trimmed.lastIndexOf(\"@\")\n    : trimmed.indexOf(\"@\");\n  return at > 0 ? trimmed.slice(0, at) : trimmed;\n}\n\nexport const ConnectPackageManager: React.FC = () => {\n  const packageManager = useVetraPackageManager();\n  const {\n    registryPackageList,\n    installedPackages,\n    availablePackages,\n    availableHasMore,\n    isLoadingAvailable,\n    isLoadingMoreAvailable,\n    availableError,\n    ensureAvailableLoaded,\n    fetchAvailablePage,\n    loadMoreAvailable,\n    setAvailableSearch,\n    updateRegistryPackageStatus,\n    registerFallbackRegistryPackage,\n  } = useRegistryPackages();\n\n  async function handleInstall(packageSpec: string) {\n    if (!packageManager) return;\n\n    // The spec may include an explicit `@tag` / `@version` suffix from the\n    // search input. Pass it through to the package manager as-is (the CDN\n    // route already handles `name@tag` specs), but track status under the\n    // bare name so the Settings list doesn't fragment.\n    const bareName = parseBareName(packageSpec);\n    // Packages that were in `/packages` when the user clicked Install go\n    // through `updateRegistryPackageStatus` and hit an existing entry.\n    // Packages that landed via the npm-uplink fallback weren't in the list,\n    // so we register them explicitly rather than silently upserting a\n    // placeholder — keeping the \"does not exist\" error as a signal for any\n    // other code path that reaches update without a matching entry.\n    const wasKnownToRegistry = registryPackageList.some(\n      (p) => p.name === bareName,\n    );\n    const result = await packageManager.addPackage(packageSpec);\n    if (result.type === \"success\") {\n      if (wasKnownToRegistry) {\n        updateRegistryPackageStatus(bareName, \"registry-install\");\n      } else {\n        registerFallbackRegistryPackage(\n          bareName,\n          result.package,\n          packageManager.getPackageVersion(bareName) ??\n            packageManager.getPackageVersion(packageSpec),\n          \"registry-install\",\n        );\n      }\n      toast(`Package \"${packageSpec}\" installed successfully`, {\n        type: \"connect-success\",\n      });\n    } else {\n      const message = result.error.message;\n      console.error(\n        `[Connect][PackageManager] Install failed for \"${packageSpec}\":`,\n        result.error,\n      );\n      // `BrowserPackageManager` raises a generic \"Failed to fetch dynamically\n      // imported module\" when the registry CDN returns an error. That covers\n      // both \"the name exists nowhere (not on this registry AND not on the\n      // npmjs uplink)\" and \"the tarball is there but doesn't look like a\n      // Powerhouse package\". Map to plain-language copy — never dump the raw\n      // API / loader message into the toast.\n      const isLikelyNotFound = /failed to fetch|404|not found/i.test(message);\n      const userMessage = isLikelyNotFound\n        ? `Couldn't install \"${packageSpec}\". It isn't available on this registry or via npm.`\n        : `Couldn't install \"${packageSpec}\". Please try again.`;\n      toast(userMessage, { type: \"error\" });\n    }\n  }\n\n  function handleUninstall(packageName: string) {\n    if (!packageManager) return;\n    try {\n      packageManager.removePackage(packageName);\n      updateRegistryPackageStatus(packageName, \"available\");\n\n      toast(`Package \"${packageName}\" uninstalled successfully`, {\n        type: \"connect-success\",\n      });\n    } catch (error) {\n      console.error(\n        `[Connect][PackageManager] Uninstall failed for \"${packageName}\":`,\n        error,\n      );\n      toast(`Couldn't uninstall \"${packageName}\". Please try again.`, {\n        type: \"error\",\n      });\n    }\n  }\n\n  return (\n    <div className=\"flex min-h-0 flex-1 flex-col\">\n      <PackageManager\n        mutable={true}\n        installedPackages={installedPackages}\n        availablePackages={availablePackages}\n        isAvailableLoading={isLoadingAvailable}\n        isLoadingMoreAvailable={isLoadingMoreAvailable}\n        hasMoreAvailable={availableHasMore}\n        onLoadMoreAvailable={loadMoreAvailable}\n        availableError={availableError}\n        onAvailableRetry={() => {\n          void fetchAvailablePage({ reset: true });\n        }}\n        onAvailableSearchChange={setAvailableSearch}\n        onAvailableTabOpen={ensureAvailableLoaded}\n        onInstall={handleInstall}\n        onUninstall={handleUninstall}\n      />\n    </div>\n  );\n};\n","import {\n  SettingsModal as SettingsModalV2,\n  ThemeSwitch,\n} from \"@powerhousedao/design-system/connect\";\nimport { closePHModal, usePHModal } from \"@powerhousedao/reactor-browser\";\nimport { t } from \"i18next\";\nimport { CircleHelp, Package, PenLine, TriangleAlert } from \"lucide-react\";\nimport React, { useMemo } from \"react\";\nimport { About } from \"./settings/about.js\";\nimport { DangerZone } from \"./settings/danger-zone.js\";\nimport { DefaultEditor } from \"./settings/default-editor.js\";\nimport { ConnectPackageManager } from \"./settings/package-manager.js\";\n\nconst iconProps = { size: 16 } as const;\n\nexport const SettingsModal: React.FC = () => {\n  const phModal = usePHModal();\n  const open = phModal?.type === \"settings\";\n\n  const tabs = useMemo(\n    () => [\n      {\n        id: \"package-manager\",\n        icon: <Package {...iconProps} />,\n        label: \"Package Manager\",\n        content: ConnectPackageManager,\n      },\n      {\n        id: \"default-editors\",\n        icon: <PenLine {...iconProps} />,\n        label: \"Default Editors\",\n        content: DefaultEditor,\n      },\n      {\n        id: \"danger-zone\",\n        icon: <TriangleAlert {...iconProps} className=\"text-destructive\" />,\n        label: <span className=\"text-destructive\">Danger Zone</span>,\n        content: () => <DangerZone />,\n      },\n      {\n        id: \"about\",\n        icon: <CircleHelp {...iconProps} />,\n        label: \"About\",\n        content: About,\n      },\n    ],\n    [],\n  );\n\n  return (\n    <SettingsModalV2\n      open={open}\n      title={t(\"modals.connectSettings.title\")}\n      onOpenChange={(status: boolean) => {\n        if (!status) return closePHModal();\n      }}\n      tabs={tabs}\n      navFooter={<ThemeSwitch horizontal />}\n    />\n  );\n};\n"],"names":["About","BaseAbout","packageJson","DangerZone","BaseDangerZone","DefaultEditor","BaseDefaultEditor","DefaultEditor","DangerZone","About","SettingsModalV2"],"mappings":"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","debug_id":"a1de242c-bdbe-5781-8009-4f46499b422a"}

package/dist/{UpgradeDriveModal-BZGSE9_r.js → UpgradeDriveModal-Ul4tyz-Q.js}

@@ -1,5 +1,5 @@
 
-!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]="d0cff9c7-cc95-58d8-a8e7-1950202bec87")}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]="f3f737bf-a881-54cb-ae94-2c0265b6ac48")}catch(e){}}();
 import { jsx } from "react/jsx-runtime";
 import { useTranslation } from "react-i18next";
 import "react";
@@ -30,5 +30,5 @@ const UpgradeDriveModal = () => {
 //#endregion
 export { UpgradeDriveModal };
 
-//# sourceMappingURL=UpgradeDriveModal-BZGSE9_r.js.map
-//# debugId=d0cff9c7-cc95-58d8-a8e7-1950202bec87
+//# sourceMappingURL=UpgradeDriveModal-Ul4tyz-Q.js.map
+//# debugId=f3f737bf-a881-54cb-ae94-2c0265b6ac48

package/dist/{UpgradeDriveModal-BZGSE9_r.js.map → UpgradeDriveModal-Ul4tyz-Q.js.map}

@@ -1 +1 @@
-{"version":3,"file":"UpgradeDriveModal-BZGSE9_r.js","sources":["../src/components/modal/modals/UpgradeDriveModal.tsx"],"sourcesContent":["import { ConnectUpgradeDriveModal } from \"@powerhousedao/design-system/connect\";\nimport { closePHModal, usePHModal } from \"@powerhousedao/reactor-browser\";\nimport React from \"react\";\nimport { useTranslation } from \"react-i18next\";\n\nexport const UpgradeDriveModal: React.FC = () => {\n  const phModal = usePHModal();\n  const open = phModal?.type === \"upgradeDrive\";\n  const driveId = open ? phModal.driveId : undefined;\n\n  const { t } = useTranslation();\n\n  const onContinue = () => {\n    // TODO: Implement upgrade drive\n    console.log(\"Upgrade drive: \", driveId);\n    closePHModal();\n  };\n\n  return (\n    <ConnectUpgradeDriveModal\n      open={open}\n      onContinue={onContinue}\n      header={t(\"modals.upgradeDrive.header\")}\n      body={t(\"modals.upgradeDrive.body\")}\n      cancelLabel={t(\"common.cancel\")}\n      continueLabel={t(\"common.continue\")}\n      onOpenChange={(status: boolean) => {\n        if (!status) return closePHModal();\n      }}\n    />\n  );\n};\n"],"names":[],"mappings":";;;;;;;;AAKA,MAAa,0BAAoC;CAC/C,MAAM,UAAU,YAAY;CAC5B,MAAM,OAAO,SAAS,SAAS;CAC/B,MAAM,UAAU,OAAO,QAAQ,UAAU,KAAA;CAEzC,MAAM,EAAE,MAAM,gBAAgB;CAE9B,MAAM,mBAAmB;AAEvB,UAAQ,IAAI,mBAAmB,QAAQ;AACvC,gBAAc;;AAGhB,QACE,oBAAC,0BAAD;EACQ;EACM;EACZ,QAAQ,EAAE,6BAA6B;EACvC,MAAM,EAAE,2BAA2B;EACnC,aAAa,EAAE,gBAAgB;EAC/B,eAAe,EAAE,kBAAkB;EACnC,eAAe,WAAoB;AACjC,OAAI,CAAC,OAAQ,QAAO,cAAc;;EAEpC,CAAA","debug_id":"d0cff9c7-cc95-58d8-a8e7-1950202bec87"}
+{"version":3,"file":"UpgradeDriveModal-Ul4tyz-Q.js","sources":["../src/components/modal/modals/UpgradeDriveModal.tsx"],"sourcesContent":["import { ConnectUpgradeDriveModal } from \"@powerhousedao/design-system/connect\";\nimport { closePHModal, usePHModal } from \"@powerhousedao/reactor-browser\";\nimport React from \"react\";\nimport { useTranslation } from \"react-i18next\";\n\nexport const UpgradeDriveModal: React.FC = () => {\n  const phModal = usePHModal();\n  const open = phModal?.type === \"upgradeDrive\";\n  const driveId = open ? phModal.driveId : undefined;\n\n  const { t } = useTranslation();\n\n  const onContinue = () => {\n    // TODO: Implement upgrade drive\n    console.log(\"Upgrade drive: \", driveId);\n    closePHModal();\n  };\n\n  return (\n    <ConnectUpgradeDriveModal\n      open={open}\n      onContinue={onContinue}\n      header={t(\"modals.upgradeDrive.header\")}\n      body={t(\"modals.upgradeDrive.body\")}\n      cancelLabel={t(\"common.cancel\")}\n      continueLabel={t(\"common.continue\")}\n      onOpenChange={(status: boolean) => {\n        if (!status) return closePHModal();\n      }}\n    />\n  );\n};\n"],"names":[],"mappings":";;;;;;;;AAKA,MAAa,0BAAoC;CAC/C,MAAM,UAAU,YAAY;CAC5B,MAAM,OAAO,SAAS,SAAS;CAC/B,MAAM,UAAU,OAAO,QAAQ,UAAU,KAAA;CAEzC,MAAM,EAAE,MAAM,gBAAgB;CAE9B,MAAM,mBAAmB;AAEvB,UAAQ,IAAI,mBAAmB,QAAQ;AACvC,gBAAc;;AAGhB,QACE,oBAAC,0BAAD;EACQ;EACM;EACZ,QAAQ,EAAE,6BAA6B;EACvC,MAAM,EAAE,2BAA2B;EACnC,aAAa,EAAE,gBAAgB;EAC/B,eAAe,EAAE,kBAAkB;EACnC,eAAe,WAAoB;AACjC,OAAI,CAAC,OAAQ,QAAO,cAAc;;EAEpC,CAAA","debug_id":"f3f737bf-a881-54cb-ae94-2c0265b6ac48"}

package/dist/{app-loader-BrGV3wVg.js → app-loader-DG_ohYMb.js}

@@ -1,19 +1,19 @@
 
-!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]="0f26aa55-63fe-5fc1-9943-71992142e31b")}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]="baee3198-555c-5f1f-8e4d-821a86679aae")}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 { i as i18n, n as setSentryModule } from "./reload-connect-toast-BkgP9i6_.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 { f as PRIMARY_IDB_NAMES, r as subscribeWorkerConnection, s as getCachedMigrationMajor, t as getWorkerConnectionStatus, u as subscribeMigrationMajor } from "./connection-state-xPSbZ_4J.js";
+import { n as serviceWorkerManager, r as subscribeServiceWorkerUpdate, t as getServiceWorkerUpdateAvailable } from "./registerServiceWorker-uI4Gj6fl.js";
+import { n as toast, t as ToastContainer } from "./toast-BLv8rjmy.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 { DriveCollectionId, addFileWithProgress, 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 { 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";
@@ -75,6 +75,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();
@@ -1106,16 +1284,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 +1418,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();
@@ -1258,10 +1470,14 @@ const App = () => {
 		else if (connectConfig.offline) serviceWorkerManager.registerServiceWorker(false);
 		else serviceWorkerManager.unregisterAll();
 	}, []);
+	useEffect(() => {
+		initLaunchQueueFileHandling();
+	}, []);
 	return /* @__PURE__ */ jsxs(SentryProvider, { 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, {})
@@ -1789,18 +2005,18 @@ 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-CriXdO7P.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-YV8YMO9a.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-yk1gDZgB.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-B_Oft9Cv.js").then((m) => ({ default: m.AddDriveModal })));
+const ClearStorageModal = lazy(() => import("./ClearStorageModal-DKxn1Qxa.js").then((m) => ({ default: m.ClearStorageModal })));
+const CookiesPolicyModal = lazy(() => import("./CookiesPolicyModal-CYFTfkEN.js").then((m) => ({ default: m.CookiesPolicyModal })));
+const CreateDocumentModal$1 = lazy(() => import("./CreateDocumentModal-Dmg3R-Vh.js").then((m) => ({ default: m.CreateDocumentModal })));
+const DebugSettingsModal = lazy(() => import("./DebugSettingsModal-DUNPkZoc.js").then((m) => ({ default: m.DebugSettingsModal })));
+const DeleteDriveModal = lazy(() => import("./DeleteDriveModal-CzRPqyMf.js").then((m) => ({ default: m.DeleteDriveModal })));
+const DeleteItemModal = lazy(() => import("./DeleteItemModal-CaCrmQOG.js").then((m) => ({ default: m.DeleteItemModal })));
+const DisclaimerModal = lazy(() => import("./DisclaimerModal-D5Jhefcc.js").then((m) => ({ default: m.DisclaimerModal })));
+const DriveSettingsModal$1 = lazy(() => import("./DriveSettingsModal-VNpuhty1.js").then((m) => ({ default: m.DriveSettingsModal })));
+const DownloadDocumentWithErrorsModal = lazy(() => import("./DownloadDocumentWithErrorsModal-ZuX8WDCC.js").then((m) => ({ default: m.DownloadDocumentWithErrorsModal })));
+const SettingsModal$1 = lazy(() => import("./SettingsModal-BsYFJB2W.js").then((m) => ({ default: m.SettingsModal })));
+const UpgradeDriveModal = lazy(() => import("./UpgradeDriveModal-Ul4tyz-Q.js").then((m) => ({ default: m.UpgradeDriveModal })));
 const modalComponents = {
 	addDrive: AddDriveModal$1,
 	clearStorage: ClearStorageModal,
@@ -1812,11 +2028,12 @@ const modalComponents = {
 	disclaimer: DisclaimerModal,
 	driveSettings: DriveSettingsModal$1,
 	downloadDocumentWithErrors: DownloadDocumentWithErrorsModal,
-	inspector: lazy(() => import("./InspectorModal-DKvjtozu.js").then((m) => ({ default: m.InspectorModal }))),
+	inspector: lazy(() => import("./InspectorModal-B7wmgMfE.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-D4V6oYzy.js").then((m) => ({ default: m.ConnectMissingPackageModal }))),
+	driveAuthRequired: lazy(() => import("./DriveAuthRequiredModal-CPV5uXnf.js").then((m) => ({ default: m.DriveAuthRequiredModal }))),
+	openFileDocuments: lazy(() => import("./OpenFileDocumentsModal-DCrZnA6c.js").then((m) => ({ default: m.OpenFileDocumentsModal })))
 };
 const ModalsContainer = lazy(() => {
 	return Promise.resolve({ default: () => {
@@ -1856,7 +2073,7 @@ const ServiceWorkerUpdatePrompt = () => {
 //#endregion
 //#region src/components/app-loader.tsx
 const AppLoader = (props) => {
-	const Load = lazy(() => import("./load-BrYKdy5m.js").then((m) => m.loadComponent(props.localPackage)));
+	const Load = lazy(() => import("./load-y7fD2Bfj.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 +2102,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-BrGV3wVg.js.map
-//# debugId=0f26aa55-63fe-5fc1-9943-71992142e31b
+//# sourceMappingURL=app-loader-DG_ohYMb.js.map
+//# debugId=baee3198-555c-5f1f-8e4d-821a86679aae