@powerhousedao/connect 6.2.0-rc.6 → 6.2.0-rc.7

package/dist/{DebugSettingsModal-Bl9V_EGI.js → DebugSettingsModal-DltxOFeH.js}

@@ -1,6 +1,6 @@
 
-!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]="16a624cc-d83d-575e-ae07-dad6a86f43dc")}catch(e){}}();
-import { n as getGitUrl, r as shortGitSha, t as getGitSha } from "./build-info-BUjC06MW.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]="dd18a388-d576-52bd-8b98-4baf43e4c2e4")}catch(e){}}();
+import { n as getGitUrl, r as shortGitSha, t as getGitSha } from "./build-info-CdWF1pbn.js";
 import { r as connectConfig } from "./connect.config-BDYNejx3.js";
 import { n as serviceWorkerManager } from "./registerServiceWorker-Dc4QY0Sd.js";
 import { jsx, jsxs } from "react/jsx-runtime";
@@ -168,5 +168,5 @@ const DebugSettingsModal = () => {
 //#endregion
 export { DebugSettingsModal };
 
-//# sourceMappingURL=DebugSettingsModal-Bl9V_EGI.js.map
-//# debugId=16a624cc-d83d-575e-ae07-dad6a86f43dc
+//# sourceMappingURL=DebugSettingsModal-DltxOFeH.js.map
+//# debugId=dd18a388-d576-52bd-8b98-4baf43e4c2e4

package/dist/{DebugSettingsModal-Bl9V_EGI.js.map → DebugSettingsModal-DltxOFeH.js.map}

@@ -1 +1 @@
-{"version":3,"file":"DebugSettingsModal-Bl9V_EGI.js","sources":["../src/components/modal/modals/DebugSettingsModal.tsx"],"sourcesContent":["import { connectConfig } from \"@powerhousedao/connect/config\";\nimport {\n  getGitSha,\n  getGitUrl,\n  serviceWorkerManager,\n  shortGitSha,\n} from \"@powerhousedao/connect/utils\";\nimport { Icon, Modal, PowerhouseButton } from \"@powerhousedao/design-system\";\nimport { Combobox, FormInput } from \"@powerhousedao/design-system/connect\";\nimport { closePHModal, usePHModal } from \"@powerhousedao/reactor-browser\";\nimport { useEffect, useState } from \"react\";\n\nexport const DebugSettingsModal: React.FC = () => {\n  const phModal = usePHModal();\n  const open = phModal?.type === \"debugSettings\";\n\n  const [appVersion, setAppVersion] = useState(connectConfig.appVersion);\n  const [serviceWorkerDebugMode, setServiceWorkerDebugMode] = useState({\n    label: serviceWorkerManager.debug ? \"Enabled\" : \"Disabled\",\n    value: serviceWorkerManager.debug,\n  });\n\n  useEffect(() => {\n    serviceWorkerManager.setDebug(serviceWorkerDebugMode.value);\n  }, [serviceWorkerDebugMode]);\n\n  return (\n    <Modal\n      open={open}\n      onOpenChange={(status) => {\n        if (!status) return closePHModal();\n      }}\n      contentProps={{\n        className: \"rounded-2xl\",\n      }}\n    >\n      <div className=\"w-[700px] rounded-2xl bg-background p-6\">\n        <div className=\"mb-6 flex justify-between\">\n          <div className=\"text-xl font-bold\">Debug Tools</div>\n          <button id=\"close-modal\" onClick={() => closePHModal()}>\n            <Icon name=\"Xmark\" size={28} />\n          </button>\n        </div>\n        <div className=\"flex text-sm font-bold\">\n          <Icon name=\"Ring\" size={22} />\n          <span className=\"ml-2\">App Version: {connectConfig.appVersion}</span>\n          {(() => {\n            const sha = getGitSha();\n            if (sha === \"unknown\") return null;\n            const url = getGitUrl();\n            const label = shortGitSha(sha);\n            return url ? (\n              <a\n                className=\"ml-2 font-mono text-xs font-normal text-info hover:underline\"\n                href={url}\n                target=\"_blank\"\n                rel=\"noreferrer noopener\"\n                title={sha}\n              >\n                ({label})\n              </a>\n            ) : (\n              <span\n                className=\"ml-2 font-mono text-xs font-normal text-muted-foreground\"\n                title={sha}\n              >\n                ({label})\n              </span>\n            );\n          })()}\n        </div>\n        <div className=\"mt-4 flex text-sm font-bold\">\n          <Icon name=\"Hdd\" size={22} />\n          <span className=\"ml-2\">Drive Tools:</span>\n        </div>\n\n        <div className=\"mt-4 flex text-sm font-bold\">\n          <Icon name=\"Gear\" size={22} />\n          <span className=\"ml-2\">Service Worker Tools:</span>\n        </div>\n        <div className=\"mt-2 flex items-end justify-between pl-4\">\n          <div className=\"w-[400px]\">\n            <label htmlFor=\"serviceWorkerDebugMode\" className=\"text-xs\">\n              Service Worker Debug Mode:\n            </label>\n            <Combobox\n              id=\"serviceWorkerDebugMode\"\n              onChange={(value) => {\n                setServiceWorkerDebugMode(\n                  value as typeof serviceWorkerDebugMode,\n                );\n              }}\n              value={serviceWorkerDebugMode}\n              options={[\n                { label: \"Enabled\", value: true },\n                { label: \"Disabled\", value: false },\n              ]}\n            />\n          </div>\n        </div>\n        <div className=\"mt-2 flex items-end justify-between pl-4\">\n          <div className=\"w-[400px]\">\n            <label htmlFor=\"appVersion\" className=\"text-xs\">\n              Set invalid app version:\n            </label>\n            <FormInput\n              containerClassName=\"rounded-md border border-border bg-background p-1 text-sm\"\n              inputClassName=\"text-xs font-normal\"\n              id=\"appVersion\"\n              icon={\n                <div className=\"flex h-full items-center text-xs\">Version:</div>\n              }\n              value={appVersion}\n              onChange={(element) => setAppVersion(element.target.value)}\n            />\n          </div>\n          <div className=\"mb-1 flex items-center justify-center\">\n            <PowerhouseButton\n              color={appVersion === \"\" ? \"light\" : \"red\"}\n              size=\"small\"\n              disabled={appVersion === \"\"}\n              onClick={() => {\n                serviceWorkerManager.sendMessage({\n                  type: \"SET_APP_VERSION\",\n                  version: appVersion,\n                });\n                setAppVersion(\"\");\n              }}\n            >\n              Add Invalid App Version\n            </PowerhouseButton>\n          </div>\n        </div>\n      </div>\n    </Modal>\n  );\n};\n"],"names":[],"mappings":"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","debug_id":"16a624cc-d83d-575e-ae07-dad6a86f43dc"}
+{"version":3,"file":"DebugSettingsModal-DltxOFeH.js","sources":["../src/components/modal/modals/DebugSettingsModal.tsx"],"sourcesContent":["import { connectConfig } from \"@powerhousedao/connect/config\";\nimport {\n  getGitSha,\n  getGitUrl,\n  serviceWorkerManager,\n  shortGitSha,\n} from \"@powerhousedao/connect/utils\";\nimport { Icon, Modal, PowerhouseButton } from \"@powerhousedao/design-system\";\nimport { Combobox, FormInput } from \"@powerhousedao/design-system/connect\";\nimport { closePHModal, usePHModal } from \"@powerhousedao/reactor-browser\";\nimport { useEffect, useState } from \"react\";\n\nexport const DebugSettingsModal: React.FC = () => {\n  const phModal = usePHModal();\n  const open = phModal?.type === \"debugSettings\";\n\n  const [appVersion, setAppVersion] = useState(connectConfig.appVersion);\n  const [serviceWorkerDebugMode, setServiceWorkerDebugMode] = useState({\n    label: serviceWorkerManager.debug ? \"Enabled\" : \"Disabled\",\n    value: serviceWorkerManager.debug,\n  });\n\n  useEffect(() => {\n    serviceWorkerManager.setDebug(serviceWorkerDebugMode.value);\n  }, [serviceWorkerDebugMode]);\n\n  return (\n    <Modal\n      open={open}\n      onOpenChange={(status) => {\n        if (!status) return closePHModal();\n      }}\n      contentProps={{\n        className: \"rounded-2xl\",\n      }}\n    >\n      <div className=\"w-[700px] rounded-2xl bg-background p-6\">\n        <div className=\"mb-6 flex justify-between\">\n          <div className=\"text-xl font-bold\">Debug Tools</div>\n          <button id=\"close-modal\" onClick={() => closePHModal()}>\n            <Icon name=\"Xmark\" size={28} />\n          </button>\n        </div>\n        <div className=\"flex text-sm font-bold\">\n          <Icon name=\"Ring\" size={22} />\n          <span className=\"ml-2\">App Version: {connectConfig.appVersion}</span>\n          {(() => {\n            const sha = getGitSha();\n            if (sha === \"unknown\") return null;\n            const url = getGitUrl();\n            const label = shortGitSha(sha);\n            return url ? (\n              <a\n                className=\"ml-2 font-mono text-xs font-normal text-info hover:underline\"\n                href={url}\n                target=\"_blank\"\n                rel=\"noreferrer noopener\"\n                title={sha}\n              >\n                ({label})\n              </a>\n            ) : (\n              <span\n                className=\"ml-2 font-mono text-xs font-normal text-muted-foreground\"\n                title={sha}\n              >\n                ({label})\n              </span>\n            );\n          })()}\n        </div>\n        <div className=\"mt-4 flex text-sm font-bold\">\n          <Icon name=\"Hdd\" size={22} />\n          <span className=\"ml-2\">Drive Tools:</span>\n        </div>\n\n        <div className=\"mt-4 flex text-sm font-bold\">\n          <Icon name=\"Gear\" size={22} />\n          <span className=\"ml-2\">Service Worker Tools:</span>\n        </div>\n        <div className=\"mt-2 flex items-end justify-between pl-4\">\n          <div className=\"w-[400px]\">\n            <label htmlFor=\"serviceWorkerDebugMode\" className=\"text-xs\">\n              Service Worker Debug Mode:\n            </label>\n            <Combobox\n              id=\"serviceWorkerDebugMode\"\n              onChange={(value) => {\n                setServiceWorkerDebugMode(\n                  value as typeof serviceWorkerDebugMode,\n                );\n              }}\n              value={serviceWorkerDebugMode}\n              options={[\n                { label: \"Enabled\", value: true },\n                { label: \"Disabled\", value: false },\n              ]}\n            />\n          </div>\n        </div>\n        <div className=\"mt-2 flex items-end justify-between pl-4\">\n          <div className=\"w-[400px]\">\n            <label htmlFor=\"appVersion\" className=\"text-xs\">\n              Set invalid app version:\n            </label>\n            <FormInput\n              containerClassName=\"rounded-md border border-border bg-background p-1 text-sm\"\n              inputClassName=\"text-xs font-normal\"\n              id=\"appVersion\"\n              icon={\n                <div className=\"flex h-full items-center text-xs\">Version:</div>\n              }\n              value={appVersion}\n              onChange={(element) => setAppVersion(element.target.value)}\n            />\n          </div>\n          <div className=\"mb-1 flex items-center justify-center\">\n            <PowerhouseButton\n              color={appVersion === \"\" ? \"light\" : \"red\"}\n              size=\"small\"\n              disabled={appVersion === \"\"}\n              onClick={() => {\n                serviceWorkerManager.sendMessage({\n                  type: \"SET_APP_VERSION\",\n                  version: appVersion,\n                });\n                setAppVersion(\"\");\n              }}\n            >\n              Add Invalid App Version\n            </PowerhouseButton>\n          </div>\n        </div>\n      </div>\n    </Modal>\n  );\n};\n"],"names":[],"mappings":"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","debug_id":"dd18a388-d576-52bd-8b98-4baf43e4c2e4"}

package/dist/{SettingsModal-BzwLllTM.js → SettingsModal-CKMCqSRY.js}

@@ -1,7 +1,7 @@
 
-!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]="c9c9a13b-00a5-5c44-b4b8-b818f65c4723")}catch(e){}}();
-import { t as package_default } from "./package-DHwemLuJ.js";
-import { n as getGitUrl, r as shortGitSha, t as getGitSha } from "./build-info-BUjC06MW.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]="defa4897-2696-504c-88e8-21fcaf20e79d")}catch(e){}}();
+import { t as package_default } from "./package-Cqrr5vzm.js";
+import { n as getGitUrl, r as shortGitSha, t as getGitSha } from "./build-info-CdWF1pbn.js";
 import { r as connectConfig } from "./connect.config-BDYNejx3.js";
 import { n as toast } from "./toast-BEy42aYx.js";
 import { t as useRegistryPackages } from "./useRegistryPackages-B-gFECmd.js";
@@ -285,5 +285,5 @@ const SettingsModal = () => {
 //#endregion
 export { SettingsModal };
 
-//# sourceMappingURL=SettingsModal-BzwLllTM.js.map
-//# debugId=c9c9a13b-00a5-5c44-b4b8-b818f65c4723
+//# sourceMappingURL=SettingsModal-CKMCqSRY.js.map
+//# debugId=defa4897-2696-504c-88e8-21fcaf20e79d

package/dist/{SettingsModal-BzwLllTM.js.map → SettingsModal-CKMCqSRY.js.map}

@@ -1 +1 @@
-{"version":3,"file":"SettingsModal-BzwLllTM.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.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    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      // `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\". Tell the user in plain terms before dumping the\n      // raw error so the \"install from npm\" fallback case is self-explanatory.\n      const isLikelyNotFound = /failed to fetch|404|not found/i.test(message);\n      const userMessage = isLikelyNotFound\n        ? `Could not install \"${packageSpec}\". The package isn't available on this registry, and the npmjs.org fallback could not resolve it either.`\n        : `Failed to install \"${packageSpec}\": ${message}`;\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      const message = error instanceof Error ? error.message : \"Unknown error\";\n      toast(`Failed to uninstall \"${packageName}\": ${message}`, {\n        type: \"error\",\n      });\n    }\n  }\n\n  return (\n    <div className=\"flex h-full flex-1 flex-col\">\n      <PackageManager\n        mutable={true}\n        registryPackageList={registryPackageList}\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":"c9c9a13b-00a5-5c44-b4b8-b818f65c4723"}
+{"version":3,"file":"SettingsModal-CKMCqSRY.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.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    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      // `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\". Tell the user in plain terms before dumping the\n      // raw error so the \"install from npm\" fallback case is self-explanatory.\n      const isLikelyNotFound = /failed to fetch|404|not found/i.test(message);\n      const userMessage = isLikelyNotFound\n        ? `Could not install \"${packageSpec}\". The package isn't available on this registry, and the npmjs.org fallback could not resolve it either.`\n        : `Failed to install \"${packageSpec}\": ${message}`;\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      const message = error instanceof Error ? error.message : \"Unknown error\";\n      toast(`Failed to uninstall \"${packageName}\": ${message}`, {\n        type: \"error\",\n      });\n    }\n  }\n\n  return (\n    <div className=\"flex h-full flex-1 flex-col\">\n      <PackageManager\n        mutable={true}\n        registryPackageList={registryPackageList}\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":"defa4897-2696-504c-88e8-21fcaf20e79d"}

package/dist/{app-loader-BoBQ4GpU.js → app-loader-BRGIUwpk.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]="c6c6690f-9e03-521c-8193-0cc1c6008272")}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]="fc217966-e4c6-5904-a37f-7a3ffc1f3986")}catch(e){}}();
 import { n as getRuntimeConfig } from "./runtime-config-DL3QjcfM.js";
 import { i as i18n, n as setSentryModule } from "./reload-connect-toast-DIFQ9FCX.js";
 import { a as defaultPHDocumentEditorConfig, i as defaultPHAppConfig, r as connectConfig } from "./connect.config-BDYNejx3.js";
@@ -10,7 +10,7 @@ import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { PGlite } from "@electric-sql/pglite";
 import { Trans, useTranslation } from "react-i18next";
 import React, { StrictMode, Suspense, lazy, useCallback, useEffect, useMemo, useRef, useState, useSyncExternalStore } from "react";
-import { DriveCollectionId, getRevisionFromDate, initTheme, logout, openRenown, setPHAppConfig, setPHDocumentEditorConfig, setRevisionHistoryVisible, setSelectedDrive, setSelectedNode, showPHModal, useAppModuleById, useConnectionStates, useDefaultAppModule, useDocumentById, useDocumentModelModuleById, useDocumentOperations, useDrives, useEditorModuleById, useFallbackEditorModule, useIsAddDriveEnabled, useNodeParentFolderById, usePHModal, usePackageDiscoveryService, useReactorClientModule, useRevisionHistoryVisible, useSelectedDocument, useSelectedDocumentId, useSelectedDriveSafe, useSelectedFolder, useSelectedTimelineItem, useSyncList, useTheme, useUser, useVetraPackageManager, useVetraPackages } from "@powerhousedao/reactor-browser";
+import { 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 { 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";
@@ -1350,6 +1350,7 @@ function PackageInstallPrompt() {
 //#region src/components/app.tsx
 const App = () => {
 	useTheme();
+	useEditorPreloader();
 	useEffect(() => {
 		const handlePreloadError = (event) => {
 			const payload = event.payload;
@@ -1858,13 +1859,13 @@ const AddDriveModal$1 = lazy(() => import("./AddDriveModal-BoKLJyUY.js").then((m
 const ClearStorageModal = lazy(() => import("./ClearStorageModal-Dm00WyUu.js").then((m) => ({ default: m.ClearStorageModal })));
 const CookiesPolicyModal = lazy(() => import("./CookiesPolicyModal-1nOh6oN3.js").then((m) => ({ default: m.CookiesPolicyModal })));
 const CreateDocumentModal$1 = lazy(() => import("./CreateDocumentModal-nQbLVDq3.js").then((m) => ({ default: m.CreateDocumentModal })));
-const DebugSettingsModal = lazy(() => import("./DebugSettingsModal-Bl9V_EGI.js").then((m) => ({ default: m.DebugSettingsModal })));
+const DebugSettingsModal = lazy(() => import("./DebugSettingsModal-DltxOFeH.js").then((m) => ({ default: m.DebugSettingsModal })));
 const DeleteDriveModal = lazy(() => import("./DeleteDriveModal-6P0T1QgD.js").then((m) => ({ default: m.DeleteDriveModal })));
 const DeleteItemModal = lazy(() => import("./DeleteItemModal-BmV1aQyZ.js").then((m) => ({ default: m.DeleteItemModal })));
 const DisclaimerModal = lazy(() => import("./DisclaimerModal-CVTFfN0_.js").then((m) => ({ default: m.DisclaimerModal })));
 const DriveSettingsModal$1 = lazy(() => import("./DriveSettingsModal-CsNFEJ9E.js").then((m) => ({ default: m.DriveSettingsModal })));
 const DownloadDocumentWithErrorsModal = lazy(() => import("./DownloadDocumentWithErrorsModal-CXeFUtaz.js").then((m) => ({ default: m.DownloadDocumentWithErrorsModal })));
-const SettingsModal$1 = lazy(() => import("./SettingsModal-BzwLllTM.js").then((m) => ({ default: m.SettingsModal })));
+const SettingsModal$1 = lazy(() => import("./SettingsModal-CKMCqSRY.js").then((m) => ({ default: m.SettingsModal })));
 const UpgradeDriveModal = lazy(() => import("./UpgradeDriveModal-C7lV4rAX.js").then((m) => ({ default: m.UpgradeDriveModal })));
 const modalComponents = {
 	addDrive: AddDriveModal$1,
@@ -1921,7 +1922,7 @@ const ServiceWorkerUpdatePrompt = () => {
 //#endregion
 //#region src/components/app-loader.tsx
 const AppLoader = (props) => {
-	const Load = lazy(() => import("./load-Cbk0yG8J.js").then((m) => m.loadComponent(props.localPackage)));
+	const Load = lazy(() => import("./load-D3FFTDvy.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],
@@ -1951,5 +1952,5 @@ 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 };
 
-//# sourceMappingURL=app-loader-BoBQ4GpU.js.map
-//# debugId=c6c6690f-9e03-521c-8193-0cc1c6008272
+//# sourceMappingURL=app-loader-BRGIUwpk.js.map
+//# debugId=fc217966-e4c6-5904-a37f-7a3ffc1f3986