@powerhousedao/connect 6.2.2-dev.75 → 6.2.2-dev.77

package/dist/SettingsModal-DzW3OIrB.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SettingsModal-DzW3OIrB.js","sources":["../src/components/modal/modals/settings/about.tsx","../src/components/modal/modals/settings/ai-assistant.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 {\n  getAiSettings,\n  isAiConfigured,\n  updateAiSettings,\n  type AiSettings,\n} from \"@powerhousedao/reactor-browser/ai\";\nimport { Bot } from \"lucide-react\";\nimport { useState } from \"react\";\n\ntype TestState =\n  | { status: \"idle\" }\n  | { status: \"testing\" }\n  | { status: \"ok\"; message: string }\n  | { status: \"error\"; message: string };\n\nconst FIELD_CLASS =\n  \"w-full rounded-md border border-border bg-background p-2.5 text-sm text-foreground outline-none placeholder:text-muted-foreground\";\n\n/**\n * Settings-modal section for the in-browser AI assistant: the user master\n * toggle, the OpenAI-compatible endpoint configuration, and a\n * save-and-test-connection action. Only mounted when the deployment\n * enables the feature (`connect.ai.assistantEnabled`).\n */\nexport const AiAssistant: React.FC = () => {\n  const [draft, setDraft] = useState<AiSettings>(() => getAiSettings());\n  const [test, setTest] = useState<TestState>({ status: \"idle\" });\n\n  const patch = (value: Partial<AiSettings>) =>\n    setDraft((d) => ({ ...d, ...value }));\n\n  const saveAndTest = async () => {\n    updateAiSettings(draft);\n    if (!isAiConfigured(draft)) {\n      setTest({\n        status: \"error\",\n        message: \"Base URL, API key and model are all required.\",\n      });\n      return;\n    }\n    setTest({ status: \"testing\" });\n    try {\n      const base = draft.baseUrl.trim().replace(/\\/+$/, \"\");\n      const res = await fetch(`${base}/models`, {\n        headers: draft.apiKey.trim()\n          ? { Authorization: `Bearer ${draft.apiKey.trim()}` }\n          : undefined,\n      });\n      if (!res.ok) {\n        throw new Error(\n          `HTTP ${res.status}${res.statusText ? ` ${res.statusText}` : \"\"}`,\n        );\n      }\n      const data: unknown = await res.json();\n      const list = (data as { data?: unknown[] } | null)?.data;\n      const count = Array.isArray(list) ? list.length : 0;\n      setTest({\n        status: \"ok\",\n        message: count\n          ? `Connected — ${count} model(s) available.`\n          : \"Connected.\",\n      });\n    } catch (error) {\n      setTest({\n        status: \"error\",\n        message: `Connection failed: ${\n          error instanceof Error ? error.message : String(error)\n        }`,\n      });\n    }\n  };\n\n  return (\n    <div className=\"space-y-4 p-1\">\n      <div>\n        <h3 className=\"flex items-center gap-2 text-sm font-semibold text-foreground\">\n          <Bot size={16} /> AI Assistant\n        </h3>\n        <p className=\"mt-1 text-xs text-muted-foreground\">\n          An in-page assistant that creates and changes documents, manages\n          drives, and inspects read models through an OpenAI-compatible\n          endpoint.\n        </p>\n      </div>\n\n      <label className=\"flex items-center gap-2 text-sm text-foreground\">\n        <input\n          type=\"checkbox\"\n          checked={draft.enabled}\n          onChange={(event) => {\n            patch({ enabled: event.target.checked });\n            // The switch acts immediately: the FAB mounts/unmounts at once.\n            updateAiSettings({ enabled: event.target.checked });\n          }}\n        />\n        Enable AI assistant\n      </label>\n\n      {draft.enabled && (\n        <div className=\"space-y-2 rounded-lg border border-border p-3\">\n          <div className=\"mb-1 text-xs font-semibold tracking-wide text-muted-foreground uppercase\">\n            Endpoint\n          </div>\n          <input\n            type=\"url\"\n            placeholder=\"Base URL (e.g. https://api.openai.com/v1)\"\n            value={draft.baseUrl}\n            onChange={(e) => patch({ baseUrl: e.target.value })}\n            className={FIELD_CLASS}\n            spellCheck={false}\n          />\n          <input\n            type=\"password\"\n            placeholder=\"API key\"\n            value={draft.apiKey}\n            onChange={(e) => patch({ apiKey: e.target.value })}\n            className={FIELD_CLASS}\n            autoComplete=\"off\"\n            spellCheck={false}\n          />\n          <input\n            type=\"text\"\n            placeholder=\"Model (e.g. gpt-4o-mini)\"\n            value={draft.model}\n            onChange={(e) => patch({ model: e.target.value })}\n            className={FIELD_CLASS}\n            spellCheck={false}\n          />\n          <label className=\"flex items-center gap-2 pt-1 text-sm text-foreground\">\n            <input\n              type=\"checkbox\"\n              checked={draft.autoApproveWrites}\n              onChange={(event) =>\n                patch({ autoApproveWrites: event.target.checked })\n              }\n            />\n            Auto-approve write actions\n          </label>\n          <p className=\"text-xs text-muted-foreground\">\n            Requests go directly from this browser to the endpoint; the API key\n            is never sent to Powerhouse servers. The endpoint must allow\n            cross-origin (CORS) requests from this site.\n          </p>\n          <div className=\"flex items-center gap-3 pt-1\">\n            <button\n              type=\"button\"\n              onClick={() => void saveAndTest()}\n              disabled={test.status === \"testing\"}\n              className=\"rounded-md bg-primary px-3 py-1.5 text-sm font-semibold text-primary-foreground hover:bg-primary/90 disabled:disabled-effect\"\n            >\n              {test.status === \"testing\"\n                ? \"Testing…\"\n                : \"Save & test connection\"}\n            </button>\n            {test.status === \"ok\" && (\n              <span className=\"text-xs text-foreground\">{test.message}</span>\n            )}\n            {test.status === \"error\" && (\n              <span className=\"text-xs text-destructive\">{test.message}</span>\n            )}\n          </div>\n        </div>\n      )}\n    </div>\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 { connectConfig } from \"@powerhousedao/connect/config\";\nimport { closePHModal, usePHModal } from \"@powerhousedao/reactor-browser\";\nimport { t } from \"i18next\";\nimport { Bot, CircleHelp, Package, PenLine, TriangleAlert } from \"lucide-react\";\nimport React, { useMemo } from \"react\";\nimport { About } from \"./settings/about.js\";\nimport { AiAssistant } from \"./settings/ai-assistant.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      ...(connectConfig.aiAssistantEnabled\n        ? [\n            {\n              id: \"ai-assistant\",\n              icon: <Bot {...iconProps} />,\n              label: \"AI Assistant\",\n              content: AiAssistant,\n            },\n          ]\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":"36fff710-998d-58f0-992e-0c5dd15b7a89"}

package/dist/{UpgradeDriveModal-wo5oO9mg.js → UpgradeDriveModal-077wPR2N.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]="7965f303-2a9f-5c90-b51e-cdcba42f1525")}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]="3cbd7ba7-1f85-5cd7-99a4-4e34304144a6")}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-wo5oO9mg.js.map
-//# debugId=7965f303-2a9f-5c90-b51e-cdcba42f1525
+//# sourceMappingURL=UpgradeDriveModal-077wPR2N.js.map
+//# debugId=3cbd7ba7-1f85-5cd7-99a4-4e34304144a6

package/dist/{UpgradeDriveModal-wo5oO9mg.js.map → UpgradeDriveModal-077wPR2N.js.map}

@@ -1 +1 @@
-{"version":3,"file":"UpgradeDriveModal-wo5oO9mg.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":"7965f303-2a9f-5c90-b51e-cdcba42f1525"}
+{"version":3,"file":"UpgradeDriveModal-077wPR2N.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":"3cbd7ba7-1f85-5cd7-99a4-4e34304144a6"}

package/dist/app-loader-BLbUg8o4.js

@@ -0,0 +1,4 @@
+import { t as AppLoader } from "./app-loader-VArdOK2J.js";
+export { AppLoader };
+!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]="41807de5-e417-52fa-8038-dfeeb449f8ba")}catch(e){}}();
+//# debugId=41807de5-e417-52fa-8038-dfeeb449f8ba

package/dist/{app-loader-B_-UnYWW.js → app-loader-VArdOK2J.js}

@@ -1,26 +1,29 @@
 
-!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]="c82e6fa5-a719-5582-96a0-75d4c7ab33e5")}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]="9484dd22-70cf-5c70-a426-ecd0dd523afb")}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-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 { a as defaultPHDocumentEditorConfig, i as defaultPHAppConfig, r as connectConfig } from "./connect.config-XXdN7RFy.js";
+import { f as PRIMARY_IDB_NAMES, r as subscribeWorkerConnection, s as getCachedMigrationMajor, t as getWorkerConnectionStatus, u as subscribeMigrationMajor } from "./connection-state-DTSv8MDQ.js";
+import { n as serviceWorkerManager, r as subscribeServiceWorkerUpdate, t as getServiceWorkerUpdateAvailable } from "./registerServiceWorker-D98IrUws.js";
+import { n as setSentryModule } from "./reload-connect-toast-BzHqUfbu.js";
+import { n as dismissToast, r as toast, t as ToastContainer } from "./toast-DtfTKZND.js";
+import { i as useIsEmbedded, r as getIsEmbedded, t as useAcceptedCookies } from "./preferences-store-C-u8PIwU.js";
+import { t as useOpenRenownLogin } from "./use-renown-login-DtCtMWCo.js";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-import { Trans, useTranslation } from "react-i18next";
+import { useTranslation } from "react-i18next";
 import React, { StrictMode, Suspense, createElement, lazy, useCallback, useEffect, useMemo, useRef, useState, useSyncExternalStore } from "react";
 import { DriveCollectionId, RenownWalletProvider, addFileWithProgress, getRevisionFromDate, initTheme, logout, setPHAppConfig, setPHDocumentEditorConfig, setRevisionHistoryVisible, setSelectedDrive, setSelectedNode, showPHModal, useAppModuleById, useConnectionStates, useDefaultAppModule, useDocumentById, useDocumentModelModuleById, useDocumentOperations, useDocumentVersionStatus, useDrives, useEditorModuleById, useEditorPreloader, useFallbackEditorModule, useIsAddDriveEnabled, useNodeParentFolderById, usePHModal, usePackageDiscoveryService, useReactorClientModule, useRevisionHistoryVisible, useSelectedDocument, useSelectedDocumentId, useSelectedDriveSafe, useSelectedFolder, useSelectedTimelineItem, useSyncList, useTheme, useUser, useVetraPackageManager, useVetraPackages } from "@powerhousedao/reactor-browser";
 import { childLogger } from "document-model";
-import { ConnectSidebar, ConnectTooltipProvider, CookieBanner, DefaultEditorLoader, DriveAuthGate, DropZoneWrapper, HomeScreen, HomeScreenAddDriveItem, HomeScreenItem, LogoAnimation, PackageInstallModal, RevisionHistory, SidebarAddDriveItem, SidebarItem, UploadFileListContainer, formatFileSize, mapProgressStageToStatus, useEns } from "@powerhousedao/design-system/connect";
+import { ConnectSidebar, ConnectTooltipProvider, 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";
 import { Icon, Modal, PowerhouseButton } from "@powerhousedao/design-system";
 import { ErrorBoundary } from "react-error-boundary";
 import { GenericDriveExplorer } from "@powerhousedao/powerhouse-vetra-packages/editors";
+import { createReactorMcpProvider } from "@powerhousedao/reactor-mcp/tools";
+import { ReactorChatFab } from "@powerhousedao/reactor-browser/ai";
 import { twMerge } from "tailwind-merge";
 import { mockAdapter } from "@renown/sdk/wallet/mock";
 import { privyAdapter } from "@renown/sdk/wallet/privy";
@@ -153,17 +156,17 @@ function initLaunchQueueFileHandling() {
 //#endregion
 //#region src/utils/open-file-uploads.ts
 let uploads = [];
-const listeners$3 = /* @__PURE__ */ new Set();
+const listeners$1 = /* @__PURE__ */ new Set();
 function notifyUploadListeners() {
-	for (const listener of listeners$3) listener();
+	for (const listener of listeners$1) listener();
 }
 function getOpenFileUploads() {
 	return uploads;
 }
 function subscribeOpenFileUploads(cb) {
-	listeners$3.add(cb);
+	listeners$1.add(cb);
 	return () => {
-		listeners$3.delete(cb);
+		listeners$1.delete(cb);
 	};
 }
 function removeOpenFileUpload(id) {
@@ -260,18 +263,18 @@ function runOpenFileImports(args) {
 //#endregion
 //#region src/components/migration-status.ts
 let current = null;
-const listeners$2 = /* @__PURE__ */ new Set();
+const listeners = /* @__PURE__ */ new Set();
 function setMigrationStatus(status) {
 	current = status;
-	for (const l of listeners$2) l();
+	for (const l of listeners) l();
 }
 function getMigrationStatus() {
 	return current;
 }
 function subscribeMigrationStatus(cb) {
-	listeners$2.add(cb);
+	listeners.add(cb);
 	return () => {
-		listeners$2.delete(cb);
+		listeners.delete(cb);
 	};
 }
 //#endregion
@@ -390,42 +393,6 @@ async function migrateAllIfNeeded() {
 	});
 }
 //#endregion
-//#region src/hooks/useAcceptedCookies.ts
-const ACCEPTED_COOKIES_KEY_STORAGE = `${connectConfig.routerBasename}:acceptedCookies`;
-const listeners$1 = /* @__PURE__ */ new Set();
-let cookies = getInitial$1();
-function getInitial$1() {
-	try {
-		const value = localStorage.getItem(ACCEPTED_COOKIES_KEY_STORAGE);
-		return value ? JSON.parse(value) : {
-			analytics: false,
-			marketing: false,
-			functional: false
-		};
-	} catch {
-		return {
-			analytics: false,
-			marketing: false,
-			functional: false
-		};
-	}
-}
-function getCookies() {
-	return cookies;
-}
-function setCookies(setter) {
-	cookies = setter(cookies);
-	localStorage.setItem(ACCEPTED_COOKIES_KEY_STORAGE, JSON.stringify(cookies));
-	listeners$1.forEach((fn) => fn());
-}
-function subscribe$1(fn) {
-	listeners$1.add(fn);
-	return () => listeners$1.delete(fn);
-}
-const useAcceptedCookies = () => {
-	return [useSyncExternalStore(subscribe$1, getCookies, getCookies), setCookies];
-};
-//#endregion
 //#region src/services/openpanel/buffer.ts
 const buffer = [];
 let errorHandler;
@@ -650,52 +617,6 @@ function createOpenPanelProcessorFactory(config) {
 	};
 }
 //#endregion
-//#region src/hooks/useIsEmbedded.ts
-/**
-* Detects whether Connect is being rendered inside another app (e.g. inside
-* an iframe in the vetra-cli drive editor). When `?embed=1` is present in the
-* URL, chrome that doesn't make sense in the embedded context — the cookie
-* banner, the outer sidebar — is suppressed.
-*/
-function getIsEmbedded() {
-	if (typeof window === "undefined") return false;
-	try {
-		const value = new URLSearchParams(window.location.search).get("embed");
-		return value !== null && value !== "0" && value !== "false";
-	} catch {
-		return false;
-	}
-}
-function useIsEmbedded() {
-	return getIsEmbedded();
-}
-const COOKIE_BANNER_KEY_STORAGE = `${connectConfig.routerBasename}:display-cookie-banner`;
-const listeners = /* @__PURE__ */ new Set();
-let bannerShown = getInitial();
-function getInitial() {
-	if (getIsEmbedded()) return false;
-	try {
-		return localStorage.getItem(COOKIE_BANNER_KEY_STORAGE) !== "false";
-	} catch (error) {
-		console.error(error);
-		return true;
-	}
-}
-function getCookieBannerState() {
-	return bannerShown;
-}
-function setCookieBannerState(state) {
-	bannerShown = state;
-	localStorage.setItem(COOKIE_BANNER_KEY_STORAGE, JSON.stringify(state));
-}
-function subscribe(fn) {
-	listeners.add(fn);
-	return () => listeners.delete(fn);
-}
-const useCookieBanner = () => {
-	return [useSyncExternalStore(subscribe, getCookieBannerState, getCookieBannerState), setCookieBannerState];
-};
-//#endregion
 //#region src/hooks/useFailedInstallations.ts
 const emptyArray$1 = [];
 function useFailedInstallations() {
@@ -1275,6 +1196,30 @@ const SentryProvider = ({ children }) => {
 	return children;
 };
 //#endregion
+//#region src/components/reactor-chat.tsx
+/**
+* Resolves the reactor tool descriptors for the chat agent from the
+* browser's live reactor client. Built lazily at send time so the reactor
+* (and its SharedWorker) do not need to be ready at render time.
+*/
+function getReactorTools() {
+	const ph = window.ph;
+	const client = ph?.reactorClient;
+	if (!client) return Promise.reject(/* @__PURE__ */ new Error("The reactor client is not available yet. Try again shortly."));
+	const syncManager = ph?.reactorClientModule?.reactorModule?.syncModule?.syncManager;
+	return createReactorMcpProvider({
+		client,
+		syncManager
+	}).then((provider) => Object.values(provider.tools).map((tool) => ({
+		...tool,
+		inputSchema: tool.inputSchema ?? {}
+	})));
+}
+/** Connect's bottom-right AI chat FAB, bound to the browser reactor. */
+function ConnectReactorChatFab() {
+	return /* @__PURE__ */ jsx(ReactorChatFab, { getTools: getReactorTools });
+}
+//#endregion
 //#region src/components/missing-model-banner.tsx
 const reasonLabels = {
 	"no-registry": "No package registry is configured.",
@@ -1562,6 +1507,7 @@ const App = () => {
 	}, []);
 	return /* @__PURE__ */ jsx(SentryProvider, { children: /* @__PURE__ */ jsxs(RenownWalletProviders, { children: [
 		/* @__PURE__ */ jsx(ToastContainer, { position: "bottom-right" }),
+		connectConfig.aiAssistantEnabled && /* @__PURE__ */ jsx(ConnectReactorChatFab, {}),
 		/* @__PURE__ */ jsx(MissingModelBanner, {}),
 		/* @__PURE__ */ jsx(Router, {}),
 		/* @__PURE__ */ jsx(OpenFileUploadList, {}),
@@ -1571,64 +1517,6 @@ const App = () => {
 	] }) });
 };
 //#endregion
-//#region src/components/cookie-banner.tsx
-const isCookieAccepted = (cookies, id) => {
-	return cookies.some((cookie) => cookie.id === id && cookie.value);
-};
-const CookieBanner$1 = () => {
-	const { t } = useTranslation(void 0, {
-		useSuspense: true,
-		i18n
-	});
-	const [showBanner, setShowBanner] = useCookieBanner();
-	const [, setAcceptedCookies] = useAcceptedCookies();
-	const cookiesInput = [{
-		id: "analytics-cookie",
-		label: t("cookieBanner.cookies.analytics"),
-		value: true
-	}];
-	const handleAccept = (cookies) => {
-		setShowBanner(false);
-		if (isCookieAccepted(cookies, "analytics-cookie")) setAcceptedCookies((acceptedCookies) => ({
-			...acceptedCookies,
-			analytics: true
-		}));
-	};
-	const handleReject = () => {
-		setShowBanner(false);
-		setAcceptedCookies(() => ({
-			analytics: false,
-			functional: false,
-			marketing: false
-		}));
-	};
-	if (!showBanner) return null;
-	return /* @__PURE__ */ jsxs("div", {
-		className: "absolute inset-0 z-10000 backdrop-blur-sm",
-		children: [/* @__PURE__ */ jsx("div", { className: "absolute inset-0 bg-primary opacity-15" }), /* @__PURE__ */ jsx("div", {
-			className: "absolute inset-x-0 bottom-0 flex justify-center bg-background px-10 pt-10 pb-16 shadow-lg",
-			children: /* @__PURE__ */ jsx(CookieBanner, {
-				className: "max-w-[1024px]",
-				cookies: cookiesInput,
-				onSubmit: handleAccept,
-				onReject: handleReject,
-				submitLabel: t("cookieBanner.accept"),
-				rejectLabel: t("cookieBanner.reject"),
-				children: /* @__PURE__ */ jsx("p", {
-					className: "font-semibold text-muted-foreground",
-					children: /* @__PURE__ */ jsx(Trans, {
-						i18nKey: "cookieBanner.message",
-						components: { a: /* @__PURE__ */ jsx("a", {
-							onClick: () => showPHModal({ type: "cookiesPolicy" }),
-							className: "cursor-pointer text-foreground hover:underline"
-						}, "cookieBanner.message-link") }
-					}, "cookieBanner.message")
-				})
-			})
-		})]
-	});
-};
-//#endregion
 //#region src/components/drive-icon.tsx
 function DriveIcon({ drive }) {
 	const remotes = useSyncList();
@@ -2152,20 +2040,20 @@ const MigrationBanner = () => {
 };
 //#endregion
 //#region src/components/modal/modals-container.tsx
-const AddDriveModal$1 = lazy(() => import("./AddDriveModal-Bw0YuxZg.js").then((m) => ({ default: m.AddDriveModal })));
-const ClearStorageModal = lazy(() => import("./ClearStorageModal-BP2GVtGX.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-CZNdgk7M.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-BDGa08en.js").then((m) => ({ default: m.SettingsModal })));
-const UpgradeDriveModal = lazy(() => import("./UpgradeDriveModal-wo5oO9mg.js").then((m) => ({ default: m.UpgradeDriveModal })));
+const AddDriveModal$1 = lazy(() => import("./AddDriveModal-DIMewThf.js").then((m) => ({ default: m.AddDriveModal })));
+const ClearStorageModal = lazy(() => import("./ClearStorageModal-DKy2tPYb.js").then((m) => ({ default: m.ClearStorageModal })));
+const CookiesPolicyModal = lazy(() => import("./CookiesPolicyModal-Bns4789o.js").then((m) => ({ default: m.CookiesPolicyModal })));
+const CreateDocumentModal$1 = lazy(() => import("./CreateDocumentModal-MlA2YRaW.js").then((m) => ({ default: m.CreateDocumentModal })));
+const DebugSettingsModal = lazy(() => import("./DebugSettingsModal-890WlVp4.js").then((m) => ({ default: m.DebugSettingsModal })));
+const DeleteDriveModal = lazy(() => import("./DeleteDriveModal-gP7j8C0Y.js").then((m) => ({ default: m.DeleteDriveModal })));
+const DeleteItemModal = lazy(() => import("./DeleteItemModal-CMM-fPsz.js").then((m) => ({ default: m.DeleteItemModal })));
+const DisclaimerModal = lazy(() => import("./DisclaimerModal-meOyQCfU.js").then((m) => ({ default: m.DisclaimerModal })));
+const DriveSettingsModal$1 = lazy(() => import("./DriveSettingsModal-Bv0y1BEK.js").then((m) => ({ default: m.DriveSettingsModal })));
+const DownloadDocumentWithErrorsModal = lazy(() => import("./DownloadDocumentWithErrorsModal-CCdbt2jJ.js").then((m) => ({ default: m.DownloadDocumentWithErrorsModal })));
+const DocumentVersionUnsupportedModal = lazy(() => import("./DocumentVersionUnsupportedModal-TlDH1aP5.js").then((m) => ({ default: m.DocumentVersionUnsupportedModal })));
+const ConfirmDocumentUpgradeModal = lazy(() => import("./ConfirmDocumentUpgradeModal-CcpgpyOB.js").then((m) => ({ default: m.ConfirmDocumentUpgradeModal })));
+const SettingsModal$1 = lazy(() => import("./SettingsModal-DzW3OIrB.js").then((m) => ({ default: m.SettingsModal })));
+const UpgradeDriveModal = lazy(() => import("./UpgradeDriveModal-077wPR2N.js").then((m) => ({ default: m.UpgradeDriveModal })));
 const modalComponents = {
 	addDrive: AddDriveModal$1,
 	clearStorage: ClearStorageModal,
@@ -2179,13 +2067,13 @@ const modalComponents = {
 	downloadDocumentWithErrors: DownloadDocumentWithErrorsModal,
 	documentVersionUnsupported: DocumentVersionUnsupportedModal,
 	confirmDocumentUpgrade: ConfirmDocumentUpgradeModal,
-	inspector: lazy(() => import("./InspectorModal-iCN85ElA.js").then((m) => ({ default: m.InspectorModal }))),
+	inspector: lazy(() => import("./InspectorModal-C3L5F4Ma.js").then((m) => ({ default: m.InspectorModal }))),
 	settings: SettingsModal$1,
 	upgradeDrive: UpgradeDriveModal,
-	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-BDVQgfks.js").then((m) => ({ default: m.OpenFileDocumentsModal }))),
-	login: lazy(() => import("./LoginModal-Cd2wGgG4.js").then((m) => ({ default: m.LoginModal })))
+	missingPackage: lazy(() => import("./MissingPackageModal-C6HO-a7E.js").then((m) => ({ default: m.ConnectMissingPackageModal }))),
+	driveAuthRequired: lazy(() => import("./DriveAuthRequiredModal-9GsPnOYi.js").then((m) => ({ default: m.DriveAuthRequiredModal }))),
+	openFileDocuments: lazy(() => import("./OpenFileDocumentsModal-6MK7Ourm.js").then((m) => ({ default: m.OpenFileDocumentsModal }))),
+	login: lazy(() => import("./LoginModal-CxFHjxz8.js").then((m) => ({ default: m.LoginModal })))
 };
 const ModalsContainer = lazy(() => {
 	return Promise.resolve({ default: () => {
@@ -2224,8 +2112,9 @@ const ServiceWorkerUpdatePrompt = () => {
 };
 //#endregion
 //#region src/components/app-loader.tsx
+const CookieBanner$1 = lazy(() => import("./cookie-banner-BJrG_u38.js").then((m) => ({ default: m.CookieBanner })));
 const AppLoader = (props) => {
-	const Load = lazy(() => import("./load-CD4j4th2.js").then((m) => m.loadComponent(props.localPackage)));
+	const Load = lazy(() => import("./load-RSUO_fUw.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],
@@ -2239,9 +2128,14 @@ const AppLoader = (props) => {
 					children: /* @__PURE__ */ jsx(App, {})
 				})
 			}),
-			/* @__PURE__ */ jsx(Suspense, {
-				name: "CookieBanner",
-				children: /* @__PURE__ */ jsx(CookieBanner$1, {})
+			/* @__PURE__ */ jsx(ErrorBoundary$1, {
+				variant: "silent",
+				loggerContext: ["Connect", "CookieBanner"],
+				children: /* @__PURE__ */ jsx(Suspense, {
+					fallback: null,
+					name: "CookieBanner",
+					children: /* @__PURE__ */ jsx(CookieBanner$1, {})
+				})
 			}),
 			/* @__PURE__ */ jsx(Suspense, {
 				name: "ModalsContainer",
@@ -2254,7 +2148,7 @@ const AppLoader = (props) => {
 	}) });
 };
 //#endregion
-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 };
+export { pendingFileKey as _, DocumentEditor as a, AppContainer as c, OpenPanel as d, Analytics as f, getPendingImportFiles as g, clearPendingImportFiles as h, Root as i, EditorLoader as l, runOpenFileImports as m, Sidebar as n, DriveIcon as o, AppSkeleton as p, Router as r, App as s, AppLoader as t, DocumentEditorContainer as u, subscribePendingImportFiles as v };
 
-//# sourceMappingURL=app-loader-B_-UnYWW.js.map
-//# debugId=c82e6fa5-a719-5582-96a0-75d4c7ab33e5
+//# sourceMappingURL=app-loader-VArdOK2J.js.map
+//# debugId=9484dd22-70cf-5c70-a426-ecd0dd523afb