@powerhousedao/connect 6.2.0-rc.1 → 6.2.0-rc.3

package/dist/{ClearStorageModal-kAd_wAOs.js → ClearStorageModal-CHBwj023.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]="8cf462e8-1159-5940-829a-dde2b774935d")}catch(e){}}();
-import { t as clearReactorStorage } from "./reactor-BkaNhcsJ.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]="b65f8115-621a-54b2-9d1d-d5993404997e")}catch(e){}}();
+import { t as clearReactorStorage } from "./reactor-hZFnVUPj.js";
 import { jsx } from "react/jsx-runtime";
 import { useTranslation } from "react-i18next";
 import { useState } from "react";
@@ -42,5 +42,5 @@ function ClearStorageModal() {
 //#endregion
 export { ClearStorageModal };
 
-//# sourceMappingURL=ClearStorageModal-kAd_wAOs.js.map
-//# debugId=8cf462e8-1159-5940-829a-dde2b774935d
+//# sourceMappingURL=ClearStorageModal-CHBwj023.js.map
+//# debugId=b65f8115-621a-54b2-9d1d-d5993404997e

package/dist/{ClearStorageModal-kAd_wAOs.js.map → ClearStorageModal-CHBwj023.js.map}

@@ -1 +1 @@
-{"version":3,"file":"ClearStorageModal-kAd_wAOs.js","sources":["../src/components/modal/modals/ClearStorageModal.tsx"],"sourcesContent":["import { clearReactorStorage } from \"@powerhousedao/connect/store\";\nimport { ConnectConfirmationModal } from \"@powerhousedao/design-system/connect\";\nimport {\n  closePHModal,\n  setSelectedDrive,\n  setSelectedNode,\n  showPHModal,\n  usePHModal,\n} from \"@powerhousedao/reactor-browser\";\nimport { childLogger } from \"document-model\";\nimport { useState } from \"react\";\nimport { useTranslation } from \"react-i18next\";\n\nconst logger = childLogger([\"ClearStorage\"]);\n\nexport function ClearStorageModal() {\n  const phModal = usePHModal();\n  const open = phModal?.type === \"clearStorage\";\n  const { t } = useTranslation();\n  const [loading, setLoading] = useState(false);\n\n  function clearStorage() {\n    setLoading(true);\n    clearReactorStorage()\n      .then(() => {\n        logger.info(\"Storage cleared\");\n        setSelectedDrive(undefined);\n        setSelectedNode(undefined);\n        window.location.reload();\n      })\n      .catch((error) => {\n        logger.error(\"Error clearing storage: @error\", error);\n        setLoading(false);\n      });\n  }\n\n  return (\n    <ConnectConfirmationModal\n      open={open}\n      header={t(\"modals.connectSettings.clearStorage.confirmation.title\")}\n      body={t(\"modals.connectSettings.clearStorage.confirmation.body\")}\n      cancelLabel={t(\"common.cancel\")}\n      continueLabel={t(\n        \"modals.connectSettings.clearStorage.confirmation.clearButton\",\n      )}\n      onCancel={() => showPHModal({ type: \"settings\" })}\n      onContinue={clearStorage}\n      onOpenChange={(status: boolean) => {\n        if (!status) return closePHModal();\n      }}\n      continueDisabled={loading}\n    />\n  );\n}\n"],"names":["logger"],"mappings":";;;;;;;;;;AAaA,MAAMA,WAAS,YAAY,CAAC,eAAe,CAAC;AAE5C,SAAgB,oBAAoB;CAElC,MAAM,OADU,YAAY,EACN,SAAS;CAC/B,MAAM,EAAE,MAAM,gBAAgB;CAC9B,MAAM,CAAC,SAAS,cAAc,SAAS,MAAM;CAE7C,SAAS,eAAe;AACtB,aAAW,KAAK;AAChB,uBAAqB,CAClB,WAAW;AACV,YAAO,KAAK,kBAAkB;AAC9B,oBAAiB,KAAA,EAAU;AAC3B,mBAAgB,KAAA,EAAU;AAC1B,UAAO,SAAS,QAAQ;IACxB,CACD,OAAO,UAAU;AAChB,YAAO,MAAM,kCAAkC,MAAM;AACrD,cAAW,MAAM;IACjB;;AAGN,QACE,oBAAC,0BAAD;EACQ;EACN,QAAQ,EAAE,yDAAyD;EACnE,MAAM,EAAE,wDAAwD;EAChE,aAAa,EAAE,gBAAgB;EAC/B,eAAe,EACb,+DACD;EACD,gBAAgB,YAAY,EAAE,MAAM,YAAY,CAAC;EACjD,YAAY;EACZ,eAAe,WAAoB;AACjC,OAAI,CAAC,OAAQ,QAAO,cAAc;;EAEpC,kBAAkB;EAClB,CAAA","debug_id":"8cf462e8-1159-5940-829a-dde2b774935d"}
+{"version":3,"file":"ClearStorageModal-CHBwj023.js","sources":["../src/components/modal/modals/ClearStorageModal.tsx"],"sourcesContent":["import { clearReactorStorage } from \"@powerhousedao/connect/store\";\nimport { ConnectConfirmationModal } from \"@powerhousedao/design-system/connect\";\nimport {\n  closePHModal,\n  setSelectedDrive,\n  setSelectedNode,\n  showPHModal,\n  usePHModal,\n} from \"@powerhousedao/reactor-browser\";\nimport { childLogger } from \"document-model\";\nimport { useState } from \"react\";\nimport { useTranslation } from \"react-i18next\";\n\nconst logger = childLogger([\"ClearStorage\"]);\n\nexport function ClearStorageModal() {\n  const phModal = usePHModal();\n  const open = phModal?.type === \"clearStorage\";\n  const { t } = useTranslation();\n  const [loading, setLoading] = useState(false);\n\n  function clearStorage() {\n    setLoading(true);\n    clearReactorStorage()\n      .then(() => {\n        logger.info(\"Storage cleared\");\n        setSelectedDrive(undefined);\n        setSelectedNode(undefined);\n        window.location.reload();\n      })\n      .catch((error) => {\n        logger.error(\"Error clearing storage: @error\", error);\n        setLoading(false);\n      });\n  }\n\n  return (\n    <ConnectConfirmationModal\n      open={open}\n      header={t(\"modals.connectSettings.clearStorage.confirmation.title\")}\n      body={t(\"modals.connectSettings.clearStorage.confirmation.body\")}\n      cancelLabel={t(\"common.cancel\")}\n      continueLabel={t(\n        \"modals.connectSettings.clearStorage.confirmation.clearButton\",\n      )}\n      onCancel={() => showPHModal({ type: \"settings\" })}\n      onContinue={clearStorage}\n      onOpenChange={(status: boolean) => {\n        if (!status) return closePHModal();\n      }}\n      continueDisabled={loading}\n    />\n  );\n}\n"],"names":["logger"],"mappings":";;;;;;;;;;AAaA,MAAMA,WAAS,YAAY,CAAC,eAAe,CAAC;AAE5C,SAAgB,oBAAoB;CAElC,MAAM,OADU,YAAY,EACN,SAAS;CAC/B,MAAM,EAAE,MAAM,gBAAgB;CAC9B,MAAM,CAAC,SAAS,cAAc,SAAS,MAAM;CAE7C,SAAS,eAAe;AACtB,aAAW,KAAK;AAChB,uBAAqB,CAClB,WAAW;AACV,YAAO,KAAK,kBAAkB;AAC9B,oBAAiB,KAAA,EAAU;AAC3B,mBAAgB,KAAA,EAAU;AAC1B,UAAO,SAAS,QAAQ;IACxB,CACD,OAAO,UAAU;AAChB,YAAO,MAAM,kCAAkC,MAAM;AACrD,cAAW,MAAM;IACjB;;AAGN,QACE,oBAAC,0BAAD;EACQ;EACN,QAAQ,EAAE,yDAAyD;EACnE,MAAM,EAAE,wDAAwD;EAChE,aAAa,EAAE,gBAAgB;EAC/B,eAAe,EACb,+DACD;EACD,gBAAgB,YAAY,EAAE,MAAM,YAAY,CAAC;EACjD,YAAY;EACZ,eAAe,WAAoB;AACjC,OAAI,CAAC,OAAQ,QAAO,cAAc;;EAEpC,kBAAkB;EAClB,CAAA","debug_id":"b65f8115-621a-54b2-9d1d-d5993404997e"}

package/dist/{DebugSettingsModal-KycsxQUR.js → DebugSettingsModal-DoqfgFB2.js}

@@ -1,8 +1,8 @@
 
-!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]="db7a6a8e-21d7-5a43-a52f-ab44938cb8b4")}catch(e){}}();
-import { n as getGitUrl, r as shortGitSha, t as getGitSha } from "./build-info-Li7MRKo3.js";
-import { r as connectConfig } from "./connect.config-Bt4pvvWV.js";
-import { t as serviceWorkerManager } from "./registerServiceWorker-D9l1kja7.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]="f02f9123-9443-5501-9351-de454b35bcf9")}catch(e){}}();
+import { n as getGitUrl, r as shortGitSha, t as getGitSha } from "./build-info-DpDu5eq2.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";
 import { useEffect, useState } from "react";
 import { closePHModal, usePHModal } from "@powerhousedao/reactor-browser";
@@ -168,5 +168,5 @@ const DebugSettingsModal = () => {
 //#endregion
 export { DebugSettingsModal };
 
-//# sourceMappingURL=DebugSettingsModal-KycsxQUR.js.map
-//# debugId=db7a6a8e-21d7-5a43-a52f-ab44938cb8b4
+//# sourceMappingURL=DebugSettingsModal-DoqfgFB2.js.map
+//# debugId=f02f9123-9443-5501-9351-de454b35bcf9

package/dist/{DebugSettingsModal-KycsxQUR.js.map → DebugSettingsModal-DoqfgFB2.js.map}

@@ -1 +1 @@
-{"version":3,"file":"DebugSettingsModal-KycsxQUR.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                // @ts-expect-error todo add send message method to service worker manager class\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":"db7a6a8e-21d7-5a43-a52f-ab44938cb8b4"}
+{"version":3,"file":"DebugSettingsModal-DoqfgFB2.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":"f02f9123-9443-5501-9351-de454b35bcf9"}

package/dist/{InspectorModal-so7krTny.js → InspectorModal-tu6Ag_S8.js}

@@ -1,8 +1,8 @@
 
-!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]="fc3a92c7-c046-5d11-94bb-d0dff7f3a6ea")}catch(e){}}();
-import { c as subscribeReactorPgMajor, o as loadPgDump, r as getCachedReactorPgMajor, s as resolvePgMajorForRuntime } from "./pglite-runtime-Ch2YeUAA.js";
-import { t as PENDING_PG_SEED_KEY } from "./pglite-seed-BWk7yOwr.js";
-import { t as clearReactorStorage } from "./reactor-BkaNhcsJ.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]="1d213f83-d53e-59fe-b3db-24a6a7413ced")}catch(e){}}();
+import { c as subscribeReactorPgMajor, o as loadPgDump, r as getCachedReactorPgMajor, s as resolvePgMajorForRuntime } from "./pglite-runtime-2eIIG0d3.js";
+import { t as PENDING_PG_SEED_KEY } from "./pglite-seed-CLLGzRvE.js";
+import { t as clearReactorStorage } from "./reactor-hZFnVUPj.js";
 import { jsx } from "react/jsx-runtime";
 import { useCallback, useMemo, useSyncExternalStore } from "react";
 import { DocumentIntegrityService, InMemoryQueue, PollBehavior, REACTOR_SCHEMA, addRemoteDrive, closePHModal, useConnectionStates, useDatabase, usePGlite, usePHModal, useReactorClientModule, useSync } from "@powerhousedao/reactor-browser";
@@ -372,5 +372,5 @@ const InspectorModal = () => {
 //#endregion
 export { InspectorModal };
 
-//# sourceMappingURL=InspectorModal-so7krTny.js.map
-//# debugId=fc3a92c7-c046-5d11-94bb-d0dff7f3a6ea
+//# sourceMappingURL=InspectorModal-tu6Ag_S8.js.map
+//# debugId=1d213f83-d53e-59fe-b3db-24a6a7413ced

package/dist/{InspectorModal-so7krTny.js.map → InspectorModal-tu6Ag_S8.js.map}

@@ -1 +1 @@
-{"version":3,"file":"InspectorModal-so7krTny.js","sources":["../src/components/modal/modals/InspectorModal/useDbExplorer.ts","../src/components/modal/modals/InspectorModal/useDebugInspector.ts","../src/components/modal/modals/InspectorModal/useIntegrityInspector.ts","../src/components/modal/modals/InspectorModal/useProcessorsInspector.ts","../src/components/modal/modals/InspectorModal/useQueueInspector.ts","../src/components/modal/modals/InspectorModal/useRemotesInspector.ts","../src/components/modal/modals/InspectorModal/InspectorModal.tsx"],"sourcesContent":["import {\n  getCachedReactorPgMajor,\n  loadPgDump,\n  resolvePgMajorForRuntime,\n} from \"@powerhousedao/connect/utils\";\nimport type {\n  FilterGroup,\n  SortOptions,\n} from \"@powerhousedao/design-system/connect\";\nimport {\n  REACTOR_SCHEMA,\n  useDatabase,\n  usePGlite,\n  useReactorClientModule,\n  type IQueue,\n} from \"@powerhousedao/reactor-browser\";\nimport { sql } from \"kysely\";\nimport { useCallback } from \"react\";\n\nasync function quiesceQueue(queue: IQueue): Promise<void> {\n  await new Promise<void>((resolve) => queue.block(() => resolve()));\n}\n\n// The reactor runs with `relaxedDurability: true`, which makes PGlite's\n// `syncToFs()` fire the IDBFS→IndexedDB write and return without awaiting\n// Emscripten's syncfs callback. `close()` also doesn't flush. Calling\n// `FS.syncfs(false, cb)` directly gives us a callback that fires from the\n// IDBFS transaction's `oncomplete` — i.e. after IDB has actually committed.\nasync function syncPgliteToIdb(pglite: {\n  readonly Module: {\n    readonly FS: {\n      syncfs(populate: boolean, cb: (err: Error | null) => void): void;\n    };\n  };\n}): Promise<void> {\n  await new Promise<void>((resolve, reject) => {\n    pglite.Module.FS.syncfs(false, (err) => (err ? reject(err) : resolve()));\n  });\n}\n\ntype ColumnInfo = {\n  readonly name: string;\n  readonly dataType: string;\n  readonly isNullable: boolean;\n};\n\ntype TableInfo = {\n  readonly name: string;\n  readonly columns: ColumnInfo[];\n};\n\ntype ColumnRow = {\n  table_name: string;\n  column_name: string;\n  data_type: string;\n  is_nullable: string;\n};\n\ntype GetTableRowsOptions = {\n  readonly schema?: string;\n  readonly limit: number;\n  readonly offset: number;\n  readonly sort?: SortOptions;\n  readonly filters?: FilterGroup;\n};\n\ntype TablePage = {\n  readonly columns: string[];\n  readonly rows: Record<string, unknown>[];\n  readonly total: number | null;\n};\n\nconst PRIORITY_COLUMNS = [\n  \"documentType\",\n  \"documentId\",\n  \"scope\",\n  \"branch\",\n  \"index\",\n  \"skip\",\n] as const;\n\nexport function useDbExplorer() {\n  const database = useDatabase();\n  const pglite = usePGlite();\n  const reactorClientModule = useReactorClientModule();\n  const reactor = reactorClientModule?.reactorModule?.reactor;\n  const queue = reactorClientModule?.reactorModule?.queue;\n\n  const getTables = useCallback(async (): Promise<TableInfo[]> => {\n    if (!database) return [];\n\n    const result = await sql<ColumnRow>`\n      SELECT\n        c.table_name,\n        c.column_name,\n        c.data_type,\n        c.is_nullable\n      FROM information_schema.columns c\n      INNER JOIN information_schema.tables t\n        ON c.table_name = t.table_name\n        AND c.table_schema = t.table_schema\n      WHERE c.table_schema = ${REACTOR_SCHEMA}\n        AND t.table_type = 'BASE TABLE'\n      ORDER BY c.table_name, c.ordinal_position\n    `.execute(database);\n\n    const tableMap = new Map<string, ColumnInfo[]>();\n    for (const row of result.rows) {\n      if (!tableMap.has(row.table_name)) {\n        tableMap.set(row.table_name, []);\n      }\n      tableMap.get(row.table_name)!.push({\n        name: row.column_name,\n        dataType: row.data_type,\n        isNullable: row.is_nullable === \"YES\",\n      });\n    }\n\n    return Array.from(tableMap).map(([name, columns]) => {\n      const columnNames = columns.map((col) => col.name);\n      const orderedColumns = [\n        ...PRIORITY_COLUMNS.filter((col) => columnNames.includes(col)).map(\n          (col) => columns.find((c) => c.name === col)!,\n        ),\n        ...columns.filter(\n          (col) =>\n            !PRIORITY_COLUMNS.includes(\n              col.name as (typeof PRIORITY_COLUMNS)[number],\n            ),\n        ),\n      ];\n      return {\n        name,\n        columns: orderedColumns,\n      };\n    });\n  }, [database]);\n\n  const getTableRows = useCallback(\n    async (table: string, options: GetTableRowsOptions): Promise<TablePage> => {\n      if (!database) {\n        return { columns: [], rows: [], total: null };\n      }\n\n      const limit = options.limit;\n      const offset = options.offset;\n      const sort = options.sort;\n      const filters = options.filters;\n      const tableRef = sql.raw(`${REACTOR_SCHEMA}.\"${table}\"`);\n\n      // Build WHERE clause from filters\n      let whereClause = sql``;\n      if (filters?.clauses && filters.clauses.length > 0) {\n        const conditions: ReturnType<typeof sql>[] = [];\n\n        for (let i = 0; i < filters.clauses.length; i++) {\n          const clause = filters.clauses[i];\n          if (!clause) continue;\n\n          const columnRef = sql.raw(`\"${clause.column}\"`);\n\n          let condition: ReturnType<typeof sql>;\n\n          if (clause.operator === \"IS NULL\") {\n            condition = sql`${columnRef} IS NULL`;\n          } else if (clause.operator === \"IS NOT NULL\") {\n            condition = sql`${columnRef} IS NOT NULL`;\n          } else if (\n            clause.operator === \"LIKE\" ||\n            clause.operator === \"ILIKE\"\n          ) {\n            const value = clause.value;\n            const operator =\n              clause.operator === \"LIKE\" ? sql`LIKE` : sql`ILIKE`;\n            condition = sql`${columnRef} ${operator} ${value}`;\n          } else {\n            // For =, !=, >, <, >=, <=\n            const operator = sql.raw(clause.operator);\n            const value = clause.value;\n\n            // Try to parse as number if it looks like a number\n            let parsedValue: string | number = value;\n            if (value !== \"\" && !isNaN(Number(value)) && value.trim() !== \"\") {\n              parsedValue = Number(value);\n            }\n\n            condition = sql`${columnRef} ${operator} ${parsedValue}`;\n          }\n\n          conditions.push(condition);\n\n          // Add connector if not the last clause\n          if (i < filters.clauses.length - 1) {\n            const connector = filters.connectors?.[i] ?? \"AND\";\n            conditions.push(sql.raw(connector));\n          }\n        }\n\n        // Combine all conditions\n        if (conditions.length > 0) {\n          whereClause = sql`WHERE ${sql.join(conditions, sql` `)}`;\n        }\n      }\n\n      // Build main query\n      let query;\n      if (sort) {\n        const columnRef = sql.raw(`\"${sort.column}\"`);\n        const direction = sort.direction === \"desc\" ? sql`DESC` : sql`ASC`;\n        query = sql<Record<string, unknown>>`\n          SELECT * FROM ${tableRef}\n          ${whereClause}\n          ORDER BY ${columnRef} ${direction}\n          LIMIT ${limit} OFFSET ${offset}\n        `;\n      } else {\n        query = sql<Record<string, unknown>>`\n          SELECT * FROM ${tableRef}\n          ${whereClause}\n          LIMIT ${limit} OFFSET ${offset}\n        `;\n      }\n\n      const result = await query.execute(database);\n\n      // Build count query with same filters\n      const countQuery = sql<{ count: string }>`\n        SELECT COUNT(*) as count FROM ${tableRef}\n        ${whereClause}\n      `;\n      const countResult = await countQuery.execute(database);\n      const total = countResult.rows[0]\n        ? parseInt(countResult.rows[0].count, 10)\n        : null;\n\n      const rawColumns =\n        result.rows.length > 0 ? Object.keys(result.rows[0]) : [];\n      const columns = [\n        ...PRIORITY_COLUMNS.filter((col) => rawColumns.includes(col)),\n        ...rawColumns.filter(\n          (col) =>\n            !PRIORITY_COLUMNS.includes(\n              col as (typeof PRIORITY_COLUMNS)[number],\n            ),\n        ),\n      ];\n\n      return {\n        columns,\n        rows: result.rows,\n        total,\n      };\n    },\n    [database],\n  );\n\n  const onExportDb = useCallback(async () => {\n    if (!pglite) return;\n\n    if (queue) await quiesceQueue(queue);\n\n    try {\n      const major = resolvePgMajorForRuntime(getCachedReactorPgMajor() ?? null);\n      const pgDump = await loadPgDump(major);\n      const dump = await pgDump({ pg: pglite });\n      const sqlContent = await dump.text();\n\n      const blob = new Blob([sqlContent], { type: \"text/sql\" });\n      const url = URL.createObjectURL(blob);\n      const a = document.createElement(\"a\");\n      a.href = url;\n      a.download = `database-export-${Date.now()}.sql`;\n      a.click();\n      URL.revokeObjectURL(url);\n    } finally {\n      queue?.unblock();\n    }\n  }, [pglite, queue]);\n\n  const onImportDb = useCallback(\n    async (sqlContent: string) => {\n      if (!pglite) return;\n\n      if (queue) await quiesceQueue(queue);\n\n      if (reactor) {\n        const status = reactor.kill();\n        await status.completed;\n      }\n\n      // Drop every user-created schema before restoring. Processors may own\n      // schemas beyond `reactor`, so dropping only that one leaves orphans\n      // whose tables collide with whatever the dump recreates. The dump\n      // itself emits `CREATE SCHEMA ...;` statements, so we don't pre-create.\n      // `standard_conforming_strings=off` matches pg_dump's escape-string\n      // literals so doubled backslashes in JSONB collapse correctly.\n      await pglite.transaction(async (tx) => {\n        const schemas = await tx.query<{ nspname: string }>(\n          `SELECT nspname FROM pg_namespace\n           WHERE nspname NOT IN ('pg_catalog', 'pg_toast', 'information_schema', 'public')\n             AND nspname NOT LIKE 'pg_temp_%'\n             AND nspname NOT LIKE 'pg_toast_temp_%'`,\n        );\n        for (const { nspname } of schemas.rows) {\n          await tx.exec(`DROP SCHEMA IF EXISTS \"${nspname}\" CASCADE`);\n        }\n        try {\n          await tx.exec(\"SET standard_conforming_strings = off;\");\n        } catch {\n          // PG17 still accepts this but log if it ever fails.\n        }\n        await tx.exec(sqlContent);\n        await tx.exec(`SET search_path TO ${REACTOR_SCHEMA}`);\n      });\n\n      // Flush IDBFS → IndexedDB synchronously. PGlite's own syncToFs is\n      // fire-and-forget under relaxedDurability, and close() doesn't run\n      // a final sync, so we drive Emscripten's syncfs directly — its\n      // callback fires from the IDB transaction's oncomplete, guaranteeing\n      // the writes have committed before we reload.\n      await syncPgliteToIdb(pglite);\n\n      window.location.reload();\n      // reload() is asynchronous; without blocking here the DBExplorer caller\n      // would continue and call loadTables() against an in-flight shutdown.\n      await new Promise(() => {});\n    },\n    [pglite, queue, reactor],\n  );\n\n  const getDefaultSort = useCallback(\n    (table: string): SortOptions | undefined => {\n      if (table === \"Operation\") {\n        return { column: \"timestampUtcMs\", direction: \"desc\" };\n      }\n      return undefined;\n    },\n    [],\n  );\n\n  return {\n    getTables,\n    getTableRows,\n    getDefaultSort,\n    onExportDb,\n    onImportDb,\n  };\n}\n","import { clearReactorStorage } from \"@powerhousedao/connect/store\";\nimport {\n  getCachedReactorPgMajor,\n  PENDING_PG_SEED_KEY,\n  subscribeReactorPgMajor,\n} from \"@powerhousedao/connect/utils\";\nimport { useCallback, useSyncExternalStore } from \"react\";\n\nconst SUPPORTED_PG_VERSIONS = [16, 17] as const;\n\nexport function useDebugInspector() {\n  const currentPgVersion = useSyncExternalStore(\n    subscribeReactorPgMajor,\n    getCachedReactorPgMajor,\n    () => undefined,\n  );\n\n  const onResetToPgVersion = useCallback(async (major: number) => {\n    console.info(`[debug-inspector] Reset requested: PG${major}`);\n    try {\n      localStorage.setItem(PENDING_PG_SEED_KEY, String(major));\n      console.info(`[debug-inspector] Clearing reactor storage...`);\n      await clearReactorStorage();\n      console.info(`[debug-inspector] Storage cleared. Reloading...`);\n      window.location.reload();\n    } catch (err) {\n      console.error(\"[debug-inspector] Reset failed:\", err);\n      localStorage.removeItem(PENDING_PG_SEED_KEY);\n      throw err;\n    }\n  }, []);\n\n  return {\n    supportedPgVersions: SUPPORTED_PG_VERSIONS,\n    currentPgVersion: currentPgVersion ?? null,\n    onResetToPgVersion,\n  };\n}\n","import type { IntegrityInspectorProps } from \"@powerhousedao/design-system/connect\";\nimport {\n  DocumentIntegrityService,\n  useReactorClientModule,\n} from \"@powerhousedao/reactor-browser\";\nimport { useCallback, useMemo } from \"react\";\n\nexport function useIntegrityInspector(): IntegrityInspectorProps | undefined {\n  const reactorClientModule = useReactorClientModule();\n  const reactorModule = reactorClientModule?.reactorModule;\n\n  const service = useMemo(() => {\n    if (!reactorModule) return undefined;\n\n    return new DocumentIntegrityService(\n      reactorModule.keyframeStore,\n      reactorModule.operationStore,\n      reactorModule.writeCache,\n      reactorModule.documentView,\n      reactorModule.documentModelRegistry,\n    );\n  }, [reactorModule]);\n\n  const onValidate = useCallback(\n    async (documentId: string, branch?: string) => {\n      if (!service) {\n        throw new Error(\"Reactor module not available\");\n      }\n      return service.validateDocument(documentId, branch);\n    },\n    [service],\n  );\n\n  const onRebuildKeyframes = useCallback(\n    async (documentId: string, branch?: string) => {\n      if (!service) {\n        throw new Error(\"Reactor module not available\");\n      }\n      return service.rebuildKeyframes(documentId, branch);\n    },\n    [service],\n  );\n\n  const onRebuildSnapshots = useCallback(\n    async (documentId: string, branch?: string) => {\n      if (!service) {\n        throw new Error(\"Reactor module not available\");\n      }\n      return service.rebuildSnapshots(documentId, branch);\n    },\n    [service],\n  );\n\n  if (!service) {\n    return undefined;\n  }\n\n  return {\n    onValidate,\n    onRebuildKeyframes,\n    onRebuildSnapshots,\n  };\n}\n","import type { ProcessorsInspectorProps } from \"@powerhousedao/design-system/connect\";\nimport { useReactorClientModule } from \"@powerhousedao/reactor-browser\";\nimport { useCallback, useMemo } from \"react\";\n\nexport function useProcessorsInspector(): ProcessorsInspectorProps | undefined {\n  const reactorClientModule = useReactorClientModule();\n  const processorManager = reactorClientModule?.reactorModule?.processorManager;\n\n  const hasProcessorManager = useMemo(\n    () => processorManager != null,\n    [processorManager],\n  );\n\n  const getProcessors = useCallback(() => {\n    if (!processorManager) {\n      return Promise.resolve([]);\n    }\n\n    return Promise.resolve(\n      processorManager.getAll().map((tracked) => ({\n        processorId: tracked.processorId,\n        factoryId: tracked.factoryId,\n        driveId: tracked.driveId,\n        processorIndex: tracked.processorIndex,\n        lastOrdinal: tracked.lastOrdinal,\n        status: tracked.status,\n        lastError: tracked.lastError,\n        lastErrorTimestamp: tracked.lastErrorTimestamp,\n      })),\n    );\n  }, [processorManager]);\n\n  const onRetry = useCallback(\n    async (processorId: string) => {\n      if (!processorManager) return;\n      const tracked = processorManager.get(processorId);\n      if (tracked) {\n        await tracked.retry();\n      }\n    },\n    [processorManager],\n  );\n\n  if (!hasProcessorManager) {\n    return undefined;\n  }\n\n  return {\n    getProcessors,\n    onRetry,\n  };\n}\n","import type {\n  QueueInspectorProps,\n  QueueState,\n} from \"@powerhousedao/design-system/connect\";\nimport {\n  InMemoryQueue,\n  useReactorClientModule,\n  type Job,\n} from \"@powerhousedao/reactor-browser\";\nimport { useCallback, useMemo } from \"react\";\n\nexport function useQueueInspector(): QueueInspectorProps | undefined {\n  const reactorClientModule = useReactorClientModule();\n  const queue = reactorClientModule?.reactorModule?.queue;\n\n  const inMemoryQueue = useMemo(() => {\n    if (queue instanceof InMemoryQueue) {\n      return queue;\n    }\n    return undefined;\n  }, [queue]);\n\n  const getQueueState = useCallback((): Promise<QueueState> => {\n    if (!inMemoryQueue) {\n      return Promise.resolve({\n        isPaused: false,\n        pendingJobs: [],\n        executingJobs: [],\n        totalPending: 0,\n        totalExecuting: 0,\n      });\n    }\n\n    const pendingJobs = inMemoryQueue.getPendingJobs();\n    const executingJobIds = inMemoryQueue.getExecutingJobIds();\n\n    const executingJobs: Job[] = [];\n    for (const jobIdSet of executingJobIds.values()) {\n      for (const jobId of jobIdSet) {\n        const job = inMemoryQueue.getJob(jobId);\n        if (job) {\n          executingJobs.push(job);\n        }\n      }\n    }\n\n    return Promise.resolve({\n      isPaused: inMemoryQueue.paused,\n      pendingJobs,\n      executingJobs,\n      totalPending: pendingJobs.length,\n      totalExecuting: executingJobs.length,\n    });\n  }, [inMemoryQueue]);\n\n  const onPause = useCallback((): Promise<void> => {\n    if (inMemoryQueue) {\n      inMemoryQueue.pause();\n    }\n    return Promise.resolve();\n  }, [inMemoryQueue]);\n\n  const onResume = useCallback(async (): Promise<void> => {\n    if (inMemoryQueue) {\n      await inMemoryQueue.resume();\n    }\n  }, [inMemoryQueue]);\n\n  if (!inMemoryQueue) {\n    return undefined;\n  }\n\n  return {\n    getQueueState,\n    onPause,\n    onResume,\n  };\n}\n","import type {\n  ConnectionStateSnapshot,\n  Remote,\n} from \"@powerhousedao/reactor-browser\";\nimport {\n  addRemoteDrive,\n  PollBehavior,\n  useConnectionStates,\n  useSync,\n} from \"@powerhousedao/reactor-browser\";\nimport { useCallback } from \"react\";\n\nexport function useRemotesInspector(): {\n  getRemotes: () => Promise<Remote[]>;\n  removeRemote: (name: string) => Promise<void>;\n  addRemoteManual: (url: string) => Promise<void>;\n  triggerPull: (name: string) => void;\n  connectionStates: ReadonlyMap<string, ConnectionStateSnapshot>;\n} {\n  const syncManager = useSync();\n  if (!syncManager) {\n    throw new Error(\"Sync manager not found\");\n  }\n\n  const connectionStates = useConnectionStates();\n\n  const getRemotes = useCallback(() => {\n    return Promise.resolve(syncManager.list());\n  }, [syncManager]);\n\n  const removeRemote = useCallback(\n    (name: string) => syncManager.remove(name),\n    [syncManager],\n  );\n\n  const addRemoteManual = useCallback(async (url: string) => {\n    await addRemoteDrive(url, undefined, {\n      pollBehavior: PollBehavior.Manual,\n    });\n  }, []);\n\n  const triggerPull = useCallback(\n    (name: string) => syncManager.triggerPull(name),\n    [syncManager],\n  );\n\n  return {\n    getRemotes,\n    removeRemote,\n    addRemoteManual,\n    triggerPull,\n    connectionStates,\n  };\n}\n","import { InspectorModal as ConnectInspectorModal } from \"@powerhousedao/design-system/connect\";\nimport { REACTOR_SCHEMA } from \"@powerhousedao/reactor-browser\";\nimport { closePHModal, usePHModal } from \"@powerhousedao/reactor-browser\";\nimport { useDbExplorer } from \"./useDbExplorer.js\";\nimport { useDebugInspector } from \"./useDebugInspector.js\";\nimport { useIntegrityInspector } from \"./useIntegrityInspector.js\";\nimport { useProcessorsInspector } from \"./useProcessorsInspector.js\";\nimport { useQueueInspector } from \"./useQueueInspector.js\";\nimport { useRemotesInspector } from \"./useRemotesInspector.js\";\n\nconst DEFAULT_PAGE_SIZE = 25;\n\nexport const InspectorModal: React.FC = () => {\n  const phModal = usePHModal();\n  const open = phModal?.type === \"inspector\";\n\n  const { getTables, getTableRows, getDefaultSort, onExportDb, onImportDb } =\n    useDbExplorer();\n  const {\n    getRemotes,\n    removeRemote,\n    addRemoteManual,\n    triggerPull,\n    connectionStates,\n  } = useRemotesInspector();\n  const queueInspectorProps = useQueueInspector();\n  const processorsInspectorProps = useProcessorsInspector();\n  const integrityInspectorProps = useIntegrityInspector();\n  const { currentPgVersion, supportedPgVersions, onResetToPgVersion } =\n    useDebugInspector();\n\n  return (\n    <ConnectInspectorModal\n      open={open}\n      onOpenChange={(status) => {\n        if (!status) closePHModal();\n      }}\n      dbExplorerProps={{\n        schema: REACTOR_SCHEMA,\n        getTables,\n        getTableRows,\n        getDefaultSort,\n        pageSize: DEFAULT_PAGE_SIZE,\n        onExportDb,\n        onImportDb,\n        pgVersionControl: {\n          currentPgVersion,\n          supportedPgVersions,\n          onResetToPgVersion,\n        },\n      }}\n      remotesInspectorProps={{\n        getRemotes,\n        removeRemote,\n        addRemoteManual,\n        triggerPull,\n        connectionStates,\n      }}\n      queueInspectorProps={queueInspectorProps}\n      processorsInspectorProps={processorsInspectorProps}\n      integrityInspectorProps={integrityInspectorProps}\n    />\n  );\n};\n"],"names":["ConnectInspectorModal"],"mappings":"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","debug_id":"fc3a92c7-c046-5d11-94bb-d0dff7f3a6ea"}
+{"version":3,"file":"InspectorModal-tu6Ag_S8.js","sources":["../src/components/modal/modals/InspectorModal/useDbExplorer.ts","../src/components/modal/modals/InspectorModal/useDebugInspector.ts","../src/components/modal/modals/InspectorModal/useIntegrityInspector.ts","../src/components/modal/modals/InspectorModal/useProcessorsInspector.ts","../src/components/modal/modals/InspectorModal/useQueueInspector.ts","../src/components/modal/modals/InspectorModal/useRemotesInspector.ts","../src/components/modal/modals/InspectorModal/InspectorModal.tsx"],"sourcesContent":["import {\n  getCachedReactorPgMajor,\n  loadPgDump,\n  resolvePgMajorForRuntime,\n} from \"@powerhousedao/connect/utils\";\nimport type {\n  FilterGroup,\n  SortOptions,\n} from \"@powerhousedao/design-system/connect\";\nimport {\n  REACTOR_SCHEMA,\n  useDatabase,\n  usePGlite,\n  useReactorClientModule,\n  type IQueue,\n} from \"@powerhousedao/reactor-browser\";\nimport { sql } from \"kysely\";\nimport { useCallback } from \"react\";\n\nasync function quiesceQueue(queue: IQueue): Promise<void> {\n  await new Promise<void>((resolve) => queue.block(() => resolve()));\n}\n\n// The reactor runs with `relaxedDurability: true`, which makes PGlite's\n// `syncToFs()` fire the IDBFS→IndexedDB write and return without awaiting\n// Emscripten's syncfs callback. `close()` also doesn't flush. Calling\n// `FS.syncfs(false, cb)` directly gives us a callback that fires from the\n// IDBFS transaction's `oncomplete` — i.e. after IDB has actually committed.\nasync function syncPgliteToIdb(pglite: {\n  readonly Module: {\n    readonly FS: {\n      syncfs(populate: boolean, cb: (err: Error | null) => void): void;\n    };\n  };\n}): Promise<void> {\n  await new Promise<void>((resolve, reject) => {\n    pglite.Module.FS.syncfs(false, (err) => (err ? reject(err) : resolve()));\n  });\n}\n\ntype ColumnInfo = {\n  readonly name: string;\n  readonly dataType: string;\n  readonly isNullable: boolean;\n};\n\ntype TableInfo = {\n  readonly name: string;\n  readonly columns: ColumnInfo[];\n};\n\ntype ColumnRow = {\n  table_name: string;\n  column_name: string;\n  data_type: string;\n  is_nullable: string;\n};\n\ntype GetTableRowsOptions = {\n  readonly schema?: string;\n  readonly limit: number;\n  readonly offset: number;\n  readonly sort?: SortOptions;\n  readonly filters?: FilterGroup;\n};\n\ntype TablePage = {\n  readonly columns: string[];\n  readonly rows: Record<string, unknown>[];\n  readonly total: number | null;\n};\n\nconst PRIORITY_COLUMNS = [\n  \"documentType\",\n  \"documentId\",\n  \"scope\",\n  \"branch\",\n  \"index\",\n  \"skip\",\n] as const;\n\nexport function useDbExplorer() {\n  const database = useDatabase();\n  const pglite = usePGlite();\n  const reactorClientModule = useReactorClientModule();\n  const reactor = reactorClientModule?.reactorModule?.reactor;\n  const queue = reactorClientModule?.reactorModule?.queue;\n\n  const getTables = useCallback(async (): Promise<TableInfo[]> => {\n    if (!database) return [];\n\n    const result = await sql<ColumnRow>`\n      SELECT\n        c.table_name,\n        c.column_name,\n        c.data_type,\n        c.is_nullable\n      FROM information_schema.columns c\n      INNER JOIN information_schema.tables t\n        ON c.table_name = t.table_name\n        AND c.table_schema = t.table_schema\n      WHERE c.table_schema = ${REACTOR_SCHEMA}\n        AND t.table_type = 'BASE TABLE'\n      ORDER BY c.table_name, c.ordinal_position\n    `.execute(database);\n\n    const tableMap = new Map<string, ColumnInfo[]>();\n    for (const row of result.rows) {\n      if (!tableMap.has(row.table_name)) {\n        tableMap.set(row.table_name, []);\n      }\n      tableMap.get(row.table_name)!.push({\n        name: row.column_name,\n        dataType: row.data_type,\n        isNullable: row.is_nullable === \"YES\",\n      });\n    }\n\n    return Array.from(tableMap).map(([name, columns]) => {\n      const columnNames = columns.map((col) => col.name);\n      const orderedColumns = [\n        ...PRIORITY_COLUMNS.filter((col) => columnNames.includes(col)).map(\n          (col) => columns.find((c) => c.name === col)!,\n        ),\n        ...columns.filter(\n          (col) =>\n            !PRIORITY_COLUMNS.includes(\n              col.name as (typeof PRIORITY_COLUMNS)[number],\n            ),\n        ),\n      ];\n      return {\n        name,\n        columns: orderedColumns,\n      };\n    });\n  }, [database]);\n\n  const getTableRows = useCallback(\n    async (table: string, options: GetTableRowsOptions): Promise<TablePage> => {\n      if (!database) {\n        return { columns: [], rows: [], total: null };\n      }\n\n      const limit = options.limit;\n      const offset = options.offset;\n      const sort = options.sort;\n      const filters = options.filters;\n      const tableRef = sql.raw(`${REACTOR_SCHEMA}.\"${table}\"`);\n\n      // Build WHERE clause from filters\n      let whereClause = sql``;\n      if (filters?.clauses && filters.clauses.length > 0) {\n        const conditions: ReturnType<typeof sql>[] = [];\n\n        for (let i = 0; i < filters.clauses.length; i++) {\n          const clause = filters.clauses[i];\n          if (!clause) continue;\n\n          const columnRef = sql.raw(`\"${clause.column}\"`);\n\n          let condition: ReturnType<typeof sql>;\n\n          if (clause.operator === \"IS NULL\") {\n            condition = sql`${columnRef} IS NULL`;\n          } else if (clause.operator === \"IS NOT NULL\") {\n            condition = sql`${columnRef} IS NOT NULL`;\n          } else if (\n            clause.operator === \"LIKE\" ||\n            clause.operator === \"ILIKE\"\n          ) {\n            const value = clause.value;\n            const operator =\n              clause.operator === \"LIKE\" ? sql`LIKE` : sql`ILIKE`;\n            condition = sql`${columnRef} ${operator} ${value}`;\n          } else {\n            // For =, !=, >, <, >=, <=\n            const operator = sql.raw(clause.operator);\n            const value = clause.value;\n\n            // Try to parse as number if it looks like a number\n            let parsedValue: string | number = value;\n            if (value !== \"\" && !isNaN(Number(value)) && value.trim() !== \"\") {\n              parsedValue = Number(value);\n            }\n\n            condition = sql`${columnRef} ${operator} ${parsedValue}`;\n          }\n\n          conditions.push(condition);\n\n          // Add connector if not the last clause\n          if (i < filters.clauses.length - 1) {\n            const connector = filters.connectors?.[i] ?? \"AND\";\n            conditions.push(sql.raw(connector));\n          }\n        }\n\n        // Combine all conditions\n        if (conditions.length > 0) {\n          whereClause = sql`WHERE ${sql.join(conditions, sql` `)}`;\n        }\n      }\n\n      // Build main query\n      let query;\n      if (sort) {\n        const columnRef = sql.raw(`\"${sort.column}\"`);\n        const direction = sort.direction === \"desc\" ? sql`DESC` : sql`ASC`;\n        query = sql<Record<string, unknown>>`\n          SELECT * FROM ${tableRef}\n          ${whereClause}\n          ORDER BY ${columnRef} ${direction}\n          LIMIT ${limit} OFFSET ${offset}\n        `;\n      } else {\n        query = sql<Record<string, unknown>>`\n          SELECT * FROM ${tableRef}\n          ${whereClause}\n          LIMIT ${limit} OFFSET ${offset}\n        `;\n      }\n\n      const result = await query.execute(database);\n\n      // Build count query with same filters\n      const countQuery = sql<{ count: string }>`\n        SELECT COUNT(*) as count FROM ${tableRef}\n        ${whereClause}\n      `;\n      const countResult = await countQuery.execute(database);\n      const total = countResult.rows[0]\n        ? parseInt(countResult.rows[0].count, 10)\n        : null;\n\n      const rawColumns =\n        result.rows.length > 0 ? Object.keys(result.rows[0]) : [];\n      const columns = [\n        ...PRIORITY_COLUMNS.filter((col) => rawColumns.includes(col)),\n        ...rawColumns.filter(\n          (col) =>\n            !PRIORITY_COLUMNS.includes(\n              col as (typeof PRIORITY_COLUMNS)[number],\n            ),\n        ),\n      ];\n\n      return {\n        columns,\n        rows: result.rows,\n        total,\n      };\n    },\n    [database],\n  );\n\n  const onExportDb = useCallback(async () => {\n    if (!pglite) return;\n\n    if (queue) await quiesceQueue(queue);\n\n    try {\n      const major = resolvePgMajorForRuntime(getCachedReactorPgMajor() ?? null);\n      const pgDump = await loadPgDump(major);\n      const dump = await pgDump({ pg: pglite });\n      const sqlContent = await dump.text();\n\n      const blob = new Blob([sqlContent], { type: \"text/sql\" });\n      const url = URL.createObjectURL(blob);\n      const a = document.createElement(\"a\");\n      a.href = url;\n      a.download = `database-export-${Date.now()}.sql`;\n      a.click();\n      URL.revokeObjectURL(url);\n    } finally {\n      queue?.unblock();\n    }\n  }, [pglite, queue]);\n\n  const onImportDb = useCallback(\n    async (sqlContent: string) => {\n      if (!pglite) return;\n\n      if (queue) await quiesceQueue(queue);\n\n      if (reactor) {\n        const status = reactor.kill();\n        await status.completed;\n      }\n\n      // Drop every user-created schema before restoring. Processors may own\n      // schemas beyond `reactor`, so dropping only that one leaves orphans\n      // whose tables collide with whatever the dump recreates. The dump\n      // itself emits `CREATE SCHEMA ...;` statements, so we don't pre-create.\n      // `standard_conforming_strings=off` matches pg_dump's escape-string\n      // literals so doubled backslashes in JSONB collapse correctly.\n      await pglite.transaction(async (tx) => {\n        const schemas = await tx.query<{ nspname: string }>(\n          `SELECT nspname FROM pg_namespace\n           WHERE nspname NOT IN ('pg_catalog', 'pg_toast', 'information_schema', 'public')\n             AND nspname NOT LIKE 'pg_temp_%'\n             AND nspname NOT LIKE 'pg_toast_temp_%'`,\n        );\n        for (const { nspname } of schemas.rows) {\n          await tx.exec(`DROP SCHEMA IF EXISTS \"${nspname}\" CASCADE`);\n        }\n        try {\n          await tx.exec(\"SET standard_conforming_strings = off;\");\n        } catch {\n          // PG17 still accepts this but log if it ever fails.\n        }\n        await tx.exec(sqlContent);\n        await tx.exec(`SET search_path TO ${REACTOR_SCHEMA}`);\n      });\n\n      // Flush IDBFS → IndexedDB synchronously. PGlite's own syncToFs is\n      // fire-and-forget under relaxedDurability, and close() doesn't run\n      // a final sync, so we drive Emscripten's syncfs directly — its\n      // callback fires from the IDB transaction's oncomplete, guaranteeing\n      // the writes have committed before we reload.\n      await syncPgliteToIdb(pglite);\n\n      window.location.reload();\n      // reload() is asynchronous; without blocking here the DBExplorer caller\n      // would continue and call loadTables() against an in-flight shutdown.\n      await new Promise(() => {});\n    },\n    [pglite, queue, reactor],\n  );\n\n  const getDefaultSort = useCallback(\n    (table: string): SortOptions | undefined => {\n      if (table === \"Operation\") {\n        return { column: \"timestampUtcMs\", direction: \"desc\" };\n      }\n      return undefined;\n    },\n    [],\n  );\n\n  return {\n    getTables,\n    getTableRows,\n    getDefaultSort,\n    onExportDb,\n    onImportDb,\n  };\n}\n","import { clearReactorStorage } from \"@powerhousedao/connect/store\";\nimport {\n  getCachedReactorPgMajor,\n  PENDING_PG_SEED_KEY,\n  subscribeReactorPgMajor,\n} from \"@powerhousedao/connect/utils\";\nimport { useCallback, useSyncExternalStore } from \"react\";\n\nconst SUPPORTED_PG_VERSIONS = [16, 17] as const;\n\nexport function useDebugInspector() {\n  const currentPgVersion = useSyncExternalStore(\n    subscribeReactorPgMajor,\n    getCachedReactorPgMajor,\n    () => undefined,\n  );\n\n  const onResetToPgVersion = useCallback(async (major: number) => {\n    console.info(`[debug-inspector] Reset requested: PG${major}`);\n    try {\n      localStorage.setItem(PENDING_PG_SEED_KEY, String(major));\n      console.info(`[debug-inspector] Clearing reactor storage...`);\n      await clearReactorStorage();\n      console.info(`[debug-inspector] Storage cleared. Reloading...`);\n      window.location.reload();\n    } catch (err) {\n      console.error(\"[debug-inspector] Reset failed:\", err);\n      localStorage.removeItem(PENDING_PG_SEED_KEY);\n      throw err;\n    }\n  }, []);\n\n  return {\n    supportedPgVersions: SUPPORTED_PG_VERSIONS,\n    currentPgVersion: currentPgVersion ?? null,\n    onResetToPgVersion,\n  };\n}\n","import type { IntegrityInspectorProps } from \"@powerhousedao/design-system/connect\";\nimport {\n  DocumentIntegrityService,\n  useReactorClientModule,\n} from \"@powerhousedao/reactor-browser\";\nimport { useCallback, useMemo } from \"react\";\n\nexport function useIntegrityInspector(): IntegrityInspectorProps | undefined {\n  const reactorClientModule = useReactorClientModule();\n  const reactorModule = reactorClientModule?.reactorModule;\n\n  const service = useMemo(() => {\n    if (!reactorModule) return undefined;\n\n    return new DocumentIntegrityService(\n      reactorModule.keyframeStore,\n      reactorModule.operationStore,\n      reactorModule.writeCache,\n      reactorModule.documentView,\n      reactorModule.documentModelRegistry,\n    );\n  }, [reactorModule]);\n\n  const onValidate = useCallback(\n    async (documentId: string, branch?: string) => {\n      if (!service) {\n        throw new Error(\"Reactor module not available\");\n      }\n      return service.validateDocument(documentId, branch);\n    },\n    [service],\n  );\n\n  const onRebuildKeyframes = useCallback(\n    async (documentId: string, branch?: string) => {\n      if (!service) {\n        throw new Error(\"Reactor module not available\");\n      }\n      return service.rebuildKeyframes(documentId, branch);\n    },\n    [service],\n  );\n\n  const onRebuildSnapshots = useCallback(\n    async (documentId: string, branch?: string) => {\n      if (!service) {\n        throw new Error(\"Reactor module not available\");\n      }\n      return service.rebuildSnapshots(documentId, branch);\n    },\n    [service],\n  );\n\n  if (!service) {\n    return undefined;\n  }\n\n  return {\n    onValidate,\n    onRebuildKeyframes,\n    onRebuildSnapshots,\n  };\n}\n","import type { ProcessorsInspectorProps } from \"@powerhousedao/design-system/connect\";\nimport { useReactorClientModule } from \"@powerhousedao/reactor-browser\";\nimport { useCallback, useMemo } from \"react\";\n\nexport function useProcessorsInspector(): ProcessorsInspectorProps | undefined {\n  const reactorClientModule = useReactorClientModule();\n  const processorManager = reactorClientModule?.reactorModule?.processorManager;\n\n  const hasProcessorManager = useMemo(\n    () => processorManager != null,\n    [processorManager],\n  );\n\n  const getProcessors = useCallback(() => {\n    if (!processorManager) {\n      return Promise.resolve([]);\n    }\n\n    return Promise.resolve(\n      processorManager.getAll().map((tracked) => ({\n        processorId: tracked.processorId,\n        factoryId: tracked.factoryId,\n        driveId: tracked.driveId,\n        processorIndex: tracked.processorIndex,\n        lastOrdinal: tracked.lastOrdinal,\n        status: tracked.status,\n        lastError: tracked.lastError,\n        lastErrorTimestamp: tracked.lastErrorTimestamp,\n      })),\n    );\n  }, [processorManager]);\n\n  const onRetry = useCallback(\n    async (processorId: string) => {\n      if (!processorManager) return;\n      const tracked = processorManager.get(processorId);\n      if (tracked) {\n        await tracked.retry();\n      }\n    },\n    [processorManager],\n  );\n\n  if (!hasProcessorManager) {\n    return undefined;\n  }\n\n  return {\n    getProcessors,\n    onRetry,\n  };\n}\n","import type {\n  QueueInspectorProps,\n  QueueState,\n} from \"@powerhousedao/design-system/connect\";\nimport {\n  InMemoryQueue,\n  useReactorClientModule,\n  type Job,\n} from \"@powerhousedao/reactor-browser\";\nimport { useCallback, useMemo } from \"react\";\n\nexport function useQueueInspector(): QueueInspectorProps | undefined {\n  const reactorClientModule = useReactorClientModule();\n  const queue = reactorClientModule?.reactorModule?.queue;\n\n  const inMemoryQueue = useMemo(() => {\n    if (queue instanceof InMemoryQueue) {\n      return queue;\n    }\n    return undefined;\n  }, [queue]);\n\n  const getQueueState = useCallback((): Promise<QueueState> => {\n    if (!inMemoryQueue) {\n      return Promise.resolve({\n        isPaused: false,\n        pendingJobs: [],\n        executingJobs: [],\n        totalPending: 0,\n        totalExecuting: 0,\n      });\n    }\n\n    const pendingJobs = inMemoryQueue.getPendingJobs();\n    const executingJobIds = inMemoryQueue.getExecutingJobIds();\n\n    const executingJobs: Job[] = [];\n    for (const jobIdSet of executingJobIds.values()) {\n      for (const jobId of jobIdSet) {\n        const job = inMemoryQueue.getJob(jobId);\n        if (job) {\n          executingJobs.push(job);\n        }\n      }\n    }\n\n    return Promise.resolve({\n      isPaused: inMemoryQueue.paused,\n      pendingJobs,\n      executingJobs,\n      totalPending: pendingJobs.length,\n      totalExecuting: executingJobs.length,\n    });\n  }, [inMemoryQueue]);\n\n  const onPause = useCallback((): Promise<void> => {\n    if (inMemoryQueue) {\n      inMemoryQueue.pause();\n    }\n    return Promise.resolve();\n  }, [inMemoryQueue]);\n\n  const onResume = useCallback(async (): Promise<void> => {\n    if (inMemoryQueue) {\n      await inMemoryQueue.resume();\n    }\n  }, [inMemoryQueue]);\n\n  if (!inMemoryQueue) {\n    return undefined;\n  }\n\n  return {\n    getQueueState,\n    onPause,\n    onResume,\n  };\n}\n","import type {\n  ConnectionStateSnapshot,\n  Remote,\n} from \"@powerhousedao/reactor-browser\";\nimport {\n  addRemoteDrive,\n  PollBehavior,\n  useConnectionStates,\n  useSync,\n} from \"@powerhousedao/reactor-browser\";\nimport { useCallback } from \"react\";\n\nexport function useRemotesInspector(): {\n  getRemotes: () => Promise<Remote[]>;\n  removeRemote: (name: string) => Promise<void>;\n  addRemoteManual: (url: string) => Promise<void>;\n  triggerPull: (name: string) => void;\n  connectionStates: ReadonlyMap<string, ConnectionStateSnapshot>;\n} {\n  const syncManager = useSync();\n  if (!syncManager) {\n    throw new Error(\"Sync manager not found\");\n  }\n\n  const connectionStates = useConnectionStates();\n\n  const getRemotes = useCallback(() => {\n    return Promise.resolve(syncManager.list());\n  }, [syncManager]);\n\n  const removeRemote = useCallback(\n    (name: string) => syncManager.remove(name),\n    [syncManager],\n  );\n\n  const addRemoteManual = useCallback(async (url: string) => {\n    await addRemoteDrive(url, undefined, {\n      pollBehavior: PollBehavior.Manual,\n    });\n  }, []);\n\n  const triggerPull = useCallback(\n    (name: string) => syncManager.triggerPull(name),\n    [syncManager],\n  );\n\n  return {\n    getRemotes,\n    removeRemote,\n    addRemoteManual,\n    triggerPull,\n    connectionStates,\n  };\n}\n","import { InspectorModal as ConnectInspectorModal } from \"@powerhousedao/design-system/connect\";\nimport { REACTOR_SCHEMA } from \"@powerhousedao/reactor-browser\";\nimport { closePHModal, usePHModal } from \"@powerhousedao/reactor-browser\";\nimport { useDbExplorer } from \"./useDbExplorer.js\";\nimport { useDebugInspector } from \"./useDebugInspector.js\";\nimport { useIntegrityInspector } from \"./useIntegrityInspector.js\";\nimport { useProcessorsInspector } from \"./useProcessorsInspector.js\";\nimport { useQueueInspector } from \"./useQueueInspector.js\";\nimport { useRemotesInspector } from \"./useRemotesInspector.js\";\n\nconst DEFAULT_PAGE_SIZE = 25;\n\nexport const InspectorModal: React.FC = () => {\n  const phModal = usePHModal();\n  const open = phModal?.type === \"inspector\";\n\n  const { getTables, getTableRows, getDefaultSort, onExportDb, onImportDb } =\n    useDbExplorer();\n  const {\n    getRemotes,\n    removeRemote,\n    addRemoteManual,\n    triggerPull,\n    connectionStates,\n  } = useRemotesInspector();\n  const queueInspectorProps = useQueueInspector();\n  const processorsInspectorProps = useProcessorsInspector();\n  const integrityInspectorProps = useIntegrityInspector();\n  const { currentPgVersion, supportedPgVersions, onResetToPgVersion } =\n    useDebugInspector();\n\n  return (\n    <ConnectInspectorModal\n      open={open}\n      onOpenChange={(status) => {\n        if (!status) closePHModal();\n      }}\n      dbExplorerProps={{\n        schema: REACTOR_SCHEMA,\n        getTables,\n        getTableRows,\n        getDefaultSort,\n        pageSize: DEFAULT_PAGE_SIZE,\n        onExportDb,\n        onImportDb,\n        pgVersionControl: {\n          currentPgVersion,\n          supportedPgVersions,\n          onResetToPgVersion,\n        },\n      }}\n      remotesInspectorProps={{\n        getRemotes,\n        removeRemote,\n        addRemoteManual,\n        triggerPull,\n        connectionStates,\n      }}\n      queueInspectorProps={queueInspectorProps}\n      processorsInspectorProps={processorsInspectorProps}\n      integrityInspectorProps={integrityInspectorProps}\n    />\n  );\n};\n"],"names":["ConnectInspectorModal"],"mappings":"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","debug_id":"1d213f83-d53e-59fe-b3db-24a6a7413ced"}

package/dist/{SettingsModal-jpXBkztl.js → SettingsModal-YNinKqb9.js}

@@ -1,8 +1,8 @@
 
-!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]="d71217af-bee0-568d-88b6-1d33c5c3c501")}catch(e){}}();
-import { t as package_default } from "./package-DVBbQSsX.js";
-import { n as getGitUrl, r as shortGitSha, t as getGitSha } from "./build-info-Li7MRKo3.js";
-import { r as connectConfig } from "./connect.config-Bt4pvvWV.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]="f13b39fb-2825-5e72-a843-f5689d935a13")}catch(e){}}();
+import { t as package_default } from "./package-BlwJPa66.js";
+import { n as getGitUrl, r as shortGitSha, t as getGitSha } from "./build-info-DpDu5eq2.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";
 import { jsx, jsxs } from "react/jsx-runtime";
@@ -285,5 +285,5 @@ const SettingsModal = () => {
 //#endregion
 export { SettingsModal };
 
-//# sourceMappingURL=SettingsModal-jpXBkztl.js.map
-//# debugId=d71217af-bee0-568d-88b6-1d33c5c3c501
+//# sourceMappingURL=SettingsModal-YNinKqb9.js.map
+//# debugId=f13b39fb-2825-5e72-a843-f5689d935a13

package/dist/{SettingsModal-jpXBkztl.js.map → SettingsModal-YNinKqb9.js.map}

@@ -1 +1 @@
-{"version":3,"file":"SettingsModal-jpXBkztl.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":"d71217af-bee0-568d-88b6-1d33c5c3c501"}
+{"version":3,"file":"SettingsModal-YNinKqb9.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":"f13b39fb-2825-5e72-a843-f5689d935a13"}

package/dist/{app-loader-C7xhbUOE.js → app-loader-Bn-ZDoWw.js}

@@ -1,10 +1,10 @@
 
-!function(){try{var e="undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof globalThis?globalThis:"undefined"!=typeof self?self:{},n=(new e.Error).stack;n&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[n]="b850574f-7bb4-5a62-9387-9ac2b4359a18")}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]="91b7bd51-d51e-5679-8fdc-aea2c85522a3")}catch(e){}}();
 import { n as getRuntimeConfig } from "./runtime-config-DL3QjcfM.js";
 import { n as i18n } from "./reload-connect-toast-CwvSc6F-.js";
-import { a as defaultPHDocumentEditorConfig, i as defaultPHAppConfig, r as connectConfig } from "./connect.config-Bt4pvvWV.js";
-import { c as subscribeReactorPgMajor, d as createFileDataStore, f as idbError, l as IDB_STORE_NAME, m as readPgVersionFile, p as openIdb, r as getCachedReactorPgMajor, u as PRIMARY_IDB_NAMES } from "./pglite-runtime-Ch2YeUAA.js";
-import { t as serviceWorkerManager } from "./registerServiceWorker-D9l1kja7.js";
+import { a as defaultPHDocumentEditorConfig, i as defaultPHAppConfig, r as connectConfig } from "./connect.config-BDYNejx3.js";
+import { c as subscribeReactorPgMajor, d as createFileDataStore, f as idbError, l as IDB_STORE_NAME, m as readPgVersionFile, p as openIdb, r as getCachedReactorPgMajor, u as PRIMARY_IDB_NAMES } from "./pglite-runtime-2eIIG0d3.js";
+import { n as serviceWorkerManager, r as subscribeServiceWorkerUpdate, t as getServiceWorkerUpdateAvailable } from "./registerServiceWorker-Dc4QY0Sd.js";
 import { n as toast, t as ToastContainer } from "./toast-BEy42aYx.js";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { PGlite } from "@electric-sql/pglite";
@@ -1209,7 +1209,8 @@ const reasonLabels = {
 	"not-in-registry": "No matching package found in the registry.",
 	"registry-error": "Couldn't reach the package registry.",
 	"install-failed": "Package failed to install.",
-	dismissed: "Installation was dismissed."
+	dismissed: "Installation was dismissed.",
+	offline: "You're offline — this package can't be loaded until you reconnect."
 };
 function canRetry(reason) {
 	return reason !== "no-registry";
@@ -1364,7 +1365,8 @@ const App = () => {
 	}, []);
 	useEffect(() => {
 		if (import.meta.env.MODE === "development") window.documentEditorDebugTools = new DocumentEditorDebugTools();
-		else serviceWorkerManager.registerServiceWorker(false);
+		else if (connectConfig.offline) serviceWorkerManager.registerServiceWorker(false);
+		else serviceWorkerManager.unregisterAll();
 	}, []);
 	return /* @__PURE__ */ jsxs(SentryProvider, { children: [
 		/* @__PURE__ */ jsx(ToastContainer, { position: "bottom-right" }),
@@ -1844,16 +1846,16 @@ const MigrationBanner = () => {
 //#endregion
 //#region src/components/modal/modals-container.tsx
 const AddDriveModal$1 = lazy(() => import("./AddDriveModal-BoKLJyUY.js").then((m) => ({ default: m.AddDriveModal })));
-const ClearStorageModal = lazy(() => import("./ClearStorageModal-kAd_wAOs.js").then((m) => ({ default: m.ClearStorageModal })));
+const ClearStorageModal = lazy(() => import("./ClearStorageModal-CHBwj023.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-KycsxQUR.js").then((m) => ({ default: m.DebugSettingsModal })));
+const DebugSettingsModal = lazy(() => import("./DebugSettingsModal-DoqfgFB2.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-jpXBkztl.js").then((m) => ({ default: m.SettingsModal })));
+const SettingsModal$1 = lazy(() => import("./SettingsModal-YNinKqb9.js").then((m) => ({ default: m.SettingsModal })));
 const UpgradeDriveModal = lazy(() => import("./UpgradeDriveModal-C7lV4rAX.js").then((m) => ({ default: m.UpgradeDriveModal })));
 const modalComponents = {
 	addDrive: AddDriveModal$1,
@@ -1866,7 +1868,7 @@ const modalComponents = {
 	disclaimer: DisclaimerModal,
 	driveSettings: DriveSettingsModal$1,
 	downloadDocumentWithErrors: DownloadDocumentWithErrorsModal,
-	inspector: lazy(() => import("./InspectorModal-so7krTny.js").then((m) => ({ default: m.InspectorModal }))),
+	inspector: lazy(() => import("./InspectorModal-tu6Ag_S8.js").then((m) => ({ default: m.InspectorModal }))),
 	settings: SettingsModal$1,
 	upgradeDrive: UpgradeDriveModal,
 	missingPackage: lazy(() => import("./MissingPackageModal-Bn036mWQ.js").then((m) => ({ default: m.ConnectMissingPackageModal }))),
@@ -1888,9 +1890,29 @@ const ModalsContainer = lazy(() => {
 	} });
 });
 //#endregion
+//#region src/components/service-worker-update-prompt.tsx
+const ServiceWorkerUpdatePrompt = () => {
+	if (!useSyncExternalStore(subscribeServiceWorkerUpdate, getServiceWorkerUpdateAvailable, () => false)) return null;
+	return /* @__PURE__ */ jsx("div", {
+		className: "absolute inset-x-0 bottom-0 z-30 flex justify-center p-3",
+		children: /* @__PURE__ */ jsxs("div", {
+			className: "flex max-w-3xl items-center gap-3 rounded-lg border border-foreground bg-primary px-4 py-3 text-sm text-primary-foreground shadow-lg",
+			children: [/* @__PURE__ */ jsx("div", {
+				className: "flex-1 font-medium",
+				children: "A new version of Connect is available."
+			}), /* @__PURE__ */ jsx("button", {
+				type: "button",
+				onClick: () => serviceWorkerManager.applyUpdate(),
+				className: "rounded-sm bg-primary-foreground px-3 py-1 text-sm font-medium text-primary hover:hover-effect",
+				children: "Refresh"
+			})]
+		})
+	});
+};
+//#endregion
 //#region src/components/app-loader.tsx
 const AppLoader = (props) => {
-	const Load = lazy(() => import("./load-Pu2QBqW0.js").then((m) => m.loadComponent(props.localPackage)));
+	const Load = lazy(() => import("./load-u-mF-h9S.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],
@@ -1912,12 +1934,13 @@ const AppLoader = (props) => {
 				name: "ModalsContainer",
 				children: /* @__PURE__ */ jsx(ModalsContainer, {})
 			}),
-			/* @__PURE__ */ jsx(MigrationBanner, {})
+			/* @__PURE__ */ jsx(MigrationBanner, {}),
+			/* @__PURE__ */ jsx(ServiceWorkerUpdatePrompt, {})
 		]
 	}) });
 };
 //#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-C7xhbUOE.js.map
-//# debugId=b850574f-7bb4-5a62-9387-9ac2b4359a18
+//# sourceMappingURL=app-loader-Bn-ZDoWw.js.map
+//# debugId=91b7bd51-d51e-5679-8fdc-aea2c85522a3