@dxos/plugin-debug 0.8.4-main.3eb6e50203 → 0.8.4-main.4a85c3132b

package/dist/lib/browser/{DebugGraph-6VMEOKEV.mjs → DebugGraph-7HXJ2PS2.mjs}

@@ -1,4 +1,4 @@
-// src/components/DebugGraph.tsx
+// src/containers/DebugGraph/DebugGraph.tsx
 import React from "react";
 import { Tree } from "@dxos/devtools";
 import { Graph } from "@dxos/plugin-graph";
@@ -7,9 +7,10 @@ var DebugGraph = ({ graph, root }) => {
     data: Graph.toJSON(graph, root)
   });
 };
+
+// src/containers/DebugGraph/index.ts
 var DebugGraph_default = DebugGraph;
 export {
-  DebugGraph,
   DebugGraph_default as default
 };
-//# sourceMappingURL=DebugGraph-6VMEOKEV.mjs.map
+//# sourceMappingURL=DebugGraph-7HXJ2PS2.mjs.map

package/dist/lib/browser/{DebugGraph-6VMEOKEV.mjs.map → DebugGraph-7HXJ2PS2.mjs.map}

@@ -1,7 +1,7 @@
 {
   "version": 3,
-  "sources": ["../../../src/components/DebugGraph.tsx"],
-  "sourcesContent": ["//\n// Copyright 2023 DXOS.org\n//\n\nimport React, { type FC } from 'react';\n\nimport { Tree } from '@dxos/devtools';\nimport { Graph } from '@dxos/plugin-graph';\n\nexport type DebugGraphProps = { graph: Graph.Graph; root: string };\nexport const DebugGraph: FC<DebugGraphProps> = ({ graph, root }) => {\n  return <Tree data={Graph.toJSON(graph, root)} />;\n};\n\nexport default DebugGraph;\n"],
-  "mappings": ";AAIA,OAAOA,WAAwB;AAE/B,SAASC,YAAY;AACrB,SAASC,aAAa;AAGf,IAAMC,aAAkC,CAAC,EAAEC,OAAOC,KAAI,MAAE;AAC7D,SAAO,sBAAA,cAACC,MAAAA;IAAKC,MAAMC,MAAMC,OAAOL,OAAOC,IAAAA;;AACzC;AAEA,IAAA,qBAAeF;",
-  "names": ["React", "Tree", "Graph", "DebugGraph", "graph", "root", "Tree", "data", "Graph", "toJSON"]
+  "sources": ["../../../src/containers/DebugGraph/DebugGraph.tsx", "../../../src/containers/DebugGraph/index.ts"],
+  "sourcesContent": ["//\n// Copyright 2023 DXOS.org\n//\n\nimport React, { type FC } from 'react';\n\nimport { Tree } from '@dxos/devtools';\nimport { Graph } from '@dxos/plugin-graph';\n\nexport type DebugGraphProps = { graph: Graph.Graph; root: string };\nexport const DebugGraph: FC<DebugGraphProps> = ({ graph, root }) => {\n  return <Tree data={Graph.toJSON(graph, root)} />;\n};\n", "//\n// Copyright 2023 DXOS.org\n//\n\nimport { DebugGraph } from './DebugGraph';\n\nexport default DebugGraph;\n"],
+  "mappings": ";AAIA,OAAOA,WAAwB;AAE/B,SAASC,YAAY;AACrB,SAASC,aAAa;AAGf,IAAMC,aAAkC,CAAC,EAAEC,OAAOC,KAAI,MAAE;AAC7D,SAAO,sBAAA,cAACC,MAAAA;IAAKC,MAAMC,MAAMC,OAAOL,OAAOC,IAAAA;;AACzC;;;ACNA,IAAA,qBAAeK;",
+  "names": ["React", "Tree", "Graph", "DebugGraph", "graph", "root", "Tree", "data", "Graph", "toJSON", "DebugGraph"]
 }

package/dist/lib/browser/DebugObjectPanel-3TCDNUNW.mjs

@@ -0,0 +1,33 @@
+// src/containers/DebugObjectPanel/DebugObjectPanel.tsx
+import React, { useState } from "react";
+import { ObjectsTree } from "@dxos/devtools";
+import { Filter, Obj, Query } from "@dxos/echo";
+import { useQuery } from "@dxos/react-client/echo";
+import { Clipboard, Grid, Panel, ScrollArea } from "@dxos/react-ui";
+import { Json } from "@dxos/react-ui-syntax-highlighter";
+var DebugObjectPanel = ({ object }) => {
+  const db = Obj.getDatabase(object);
+  const [selectedId, setSelectedId] = useState(null);
+  const [selectedObject] = useQuery(db, Query.select(Filter.id(selectedId ?? object.id)).options({
+    deleted: "include"
+  }));
+  return /* @__PURE__ */ React.createElement(Clipboard.Provider, null, /* @__PURE__ */ React.createElement(Panel.Root, null, /* @__PURE__ */ React.createElement(Panel.Content, {
+    asChild: true
+  }, /* @__PURE__ */ React.createElement(Grid, {
+    rows: db ? 2 : 1,
+    classNames: "divide-y divide-separator"
+  }, db && /* @__PURE__ */ React.createElement(ScrollArea.Root, null, /* @__PURE__ */ React.createElement(ScrollArea.Viewport, null, /* @__PURE__ */ React.createElement(ObjectsTree, {
+    db,
+    root: object,
+    onSelect: (entity) => setSelectedId(entity.id)
+  }))), /* @__PURE__ */ React.createElement(Json, {
+    data: selectedObject
+  })))));
+};
+
+// src/containers/DebugObjectPanel/index.ts
+var DebugObjectPanel_default = DebugObjectPanel;
+export {
+  DebugObjectPanel_default as default
+};
+//# sourceMappingURL=DebugObjectPanel-3TCDNUNW.mjs.map

package/dist/lib/browser/DebugObjectPanel-3TCDNUNW.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/containers/DebugObjectPanel/DebugObjectPanel.tsx", "../../../src/containers/DebugObjectPanel/index.ts"],
+  "sourcesContent": ["//\n// Copyright 2024 DXOS.org\n//\n\nimport React, { useState } from 'react';\n\nimport { ObjectsTree } from '@dxos/devtools';\nimport { Filter, Obj, Query } from '@dxos/echo';\nimport type { ObjectId } from '@dxos/keys';\nimport { useQuery } from '@dxos/react-client/echo';\nimport { Clipboard, Grid, Panel, ScrollArea } from '@dxos/react-ui';\nimport { Json } from '@dxos/react-ui-syntax-highlighter';\n\nexport type DebugObjectPanelProps = {\n  object: Obj.Unknown;\n};\n\nexport const DebugObjectPanel = ({ object }: DebugObjectPanelProps) => {\n  const db = Obj.getDatabase(object);\n\n  const [selectedId, setSelectedId] = useState<ObjectId | null>(null);\n  const [selectedObject] = useQuery(\n    db,\n    Query.select(Filter.id(selectedId ?? object.id)).options({ deleted: 'include' }),\n  );\n\n  return (\n    <Clipboard.Provider>\n      <Panel.Root>\n        <Panel.Content asChild>\n          <Grid rows={db ? 2 : 1} classNames='divide-y divide-separator'>\n            {db && (\n              <ScrollArea.Root>\n                <ScrollArea.Viewport>\n                  <ObjectsTree db={db} root={object} onSelect={(entity) => setSelectedId(entity.id)} />\n                </ScrollArea.Viewport>\n              </ScrollArea.Root>\n            )}\n            <Json data={selectedObject} />\n          </Grid>\n        </Panel.Content>\n      </Panel.Root>\n    </Clipboard.Provider>\n  );\n};\n", "//\n// Copyright 2024 DXOS.org\n//\n\nimport { DebugObjectPanel } from './DebugObjectPanel';\n\nexport default DebugObjectPanel;\n"],
+  "mappings": ";AAIA,OAAOA,SAASC,gBAAgB;AAEhC,SAASC,mBAAmB;AAC5B,SAASC,QAAQC,KAAKC,aAAa;AAEnC,SAASC,gBAAgB;AACzB,SAASC,WAAWC,MAAMC,OAAOC,kBAAkB;AACnD,SAASC,YAAY;AAMd,IAAMC,mBAAmB,CAAC,EAAEC,OAAM,MAAyB;AAChE,QAAMC,KAAKC,IAAIC,YAAYH,MAAAA;AAE3B,QAAM,CAACI,YAAYC,aAAAA,IAAiBC,SAA0B,IAAA;AAC9D,QAAM,CAACC,cAAAA,IAAkBC,SACvBP,IACAQ,MAAMC,OAAOC,OAAOC,GAAGR,cAAcJ,OAAOY,EAAE,CAAA,EAAGC,QAAQ;IAAEC,SAAS;EAAU,CAAA,CAAA;AAGhF,SACE,sBAAA,cAACC,UAAUC,UAAQ,MACjB,sBAAA,cAACC,MAAMC,MAAI,MACT,sBAAA,cAACD,MAAME,SAAO;IAACC,SAAAA;KACb,sBAAA,cAACC,MAAAA;IAAKC,MAAMrB,KAAK,IAAI;IAAGsB,YAAW;KAChCtB,MACC,sBAAA,cAACuB,WAAWN,MAAI,MACd,sBAAA,cAACM,WAAWC,UAAQ,MAClB,sBAAA,cAACC,aAAAA;IAAYzB;IAAQ0B,MAAM3B;IAAQ4B,UAAU,CAACC,WAAWxB,cAAcwB,OAAOjB,EAAE;QAItF,sBAAA,cAACkB,MAAAA;IAAKC,MAAMxB;;AAMxB;;;ACtCA,IAAA,2BAAeyB;",
+  "names": ["React", "useState", "ObjectsTree", "Filter", "Obj", "Query", "useQuery", "Clipboard", "Grid", "Panel", "ScrollArea", "Json", "DebugObjectPanel", "object", "db", "Obj", "getDatabase", "selectedId", "setSelectedId", "useState", "selectedObject", "useQuery", "Query", "select", "Filter", "id", "options", "deleted", "Clipboard", "Provider", "Panel", "Root", "Content", "asChild", "Grid", "rows", "classNames", "ScrollArea", "Viewport", "ObjectsTree", "root", "onSelect", "entity", "Json", "data", "DebugObjectPanel"]
+}

package/dist/lib/browser/DebugSettings-JZMIUDYB.mjs

@@ -0,0 +1,174 @@
+import {
+  meta
+} from "./chunk-A5H5GRV6.mjs";
+
+// src/containers/DebugSettings/DebugSettings.tsx
+import React, { useEffect, useState } from "react";
+import { useCapabilities } from "@dxos/app-framework/ui";
+import { AppCapabilities } from "@dxos/app-toolkit";
+import { SaveConfig, Storage, defs } from "@dxos/config";
+import { log } from "@dxos/log";
+import { useClient } from "@dxos/react-client";
+import { Icon, IconButton, Input, Select, Toast, useFileDownload, useTranslation } from "@dxos/react-ui";
+import { Settings } from "@dxos/react-ui-form";
+import { setDeep } from "@dxos/util";
+var __dxlog_file = "/__w/dxos/dxos/packages/plugins/plugin-debug/src/containers/DebugSettings/DebugSettings.tsx";
+var StorageAdapters = {
+  opfs: defs.Runtime.Client.Storage.StorageDriver.WEBFS,
+  idb: defs.Runtime.Client.Storage.StorageDriver.IDB
+};
+var DebugSettings = ({ settings, onSettingsChange, logBuffer }) => {
+  const { t } = useTranslation(meta.id);
+  const [toast, setToast] = useState();
+  const client = useClient();
+  const download = useFileDownload();
+  const [storageConfig, setStorageConfig] = useState({});
+  const [upload] = useCapabilities(AppCapabilities.FileUploader);
+  useEffect(() => {
+    void Storage().then((config) => setStorageConfig(config));
+  }, []);
+  const handleToast = (toast2) => {
+    setToast(toast2);
+    const t2 = setTimeout(() => setToast(void 0), 5e3);
+    return () => clearTimeout(t2);
+  };
+  const handleDownload = async () => {
+    const data = await client.diagnostics();
+    const file = new Blob([
+      JSON.stringify(data, void 0, 2)
+    ], {
+      type: "text/plain"
+    });
+    const fileName = `composer-${(/* @__PURE__ */ new Date()).toISOString().replace(/\W/g, "-")}.json`;
+    download(file, fileName);
+    if (upload) {
+      const info = await upload(client.spaces.default.db, new File([
+        file
+      ], fileName));
+      if (!info) {
+        log.error("diagnostics failed to upload to IPFS", void 0, {
+          F: __dxlog_file,
+          L: 65,
+          S: void 0,
+          C: (f, a) => f(...a)
+        });
+        return;
+      }
+      handleToast({
+        title: t("settings uploaded"),
+        description: t("settings uploaded to clipboard")
+      });
+      const url = client.config.values.runtime.services.ipfs.gateway + "/" + info.cid;
+      void navigator.clipboard.writeText(url);
+      handleToast({
+        title: t("settings uploaded"),
+        description: t("settings uploaded to clipboard")
+      });
+      log.info("diagnostics", {
+        url
+      }, {
+        F: __dxlog_file,
+        L: 80,
+        S: void 0,
+        C: (f, a) => f(...a)
+      });
+    }
+  };
+  const handleDownloadLogs = () => {
+    const ndjson = logBuffer.serialize();
+    const file = new Blob([
+      ndjson
+    ], {
+      type: "application/x-ndjson"
+    });
+    const fileName = `composer-logs-${(/* @__PURE__ */ new Date()).toISOString().slice(0, 19).replace(/:/g, "-")}.ndjson`;
+    download(file, fileName);
+  };
+  const handleRepair = async () => {
+    try {
+      const info = await client.repair();
+      setStorageConfig(await Storage());
+      handleToast({
+        title: t("settings repair success"),
+        description: JSON.stringify(info, void 0, 2)
+      });
+    } catch (err) {
+      handleToast({
+        title: t("settings repair failed"),
+        description: err.message
+      });
+    }
+  };
+  return /* @__PURE__ */ React.createElement(Settings.Root, null, /* @__PURE__ */ React.createElement(Settings.Section, {
+    title: t("settings title", {
+      ns: meta.id
+    })
+  }, /* @__PURE__ */ React.createElement(Settings.Group, null, /* @__PURE__ */ React.createElement(Settings.ItemInput, {
+    title: t("settings wireframe")
+  }, /* @__PURE__ */ React.createElement(Input.Switch, {
+    checked: settings.wireframe,
+    onCheckedChange: (checked) => onSettingsChange((s) => ({
+      ...s,
+      wireframe: !!checked
+    }))
+  })), /* @__PURE__ */ React.createElement(Settings.ItemInput, {
+    title: t("settings download diagnostics")
+  }, /* @__PURE__ */ React.createElement(IconButton, {
+    icon: "ph--download-simple--regular",
+    iconOnly: true,
+    label: t("settings download diagnostics"),
+    onClick: handleDownload
+  })), /* @__PURE__ */ React.createElement(Settings.ItemInput, {
+    title: t("settings download logs")
+  }, /* @__PURE__ */ React.createElement(IconButton, {
+    icon: "ph--download-simple--regular",
+    iconOnly: true,
+    label: t("settings download logs"),
+    onClick: handleDownloadLogs
+  })), /* @__PURE__ */ React.createElement(Settings.ItemInput, {
+    title: t("settings repair")
+  }, /* @__PURE__ */ React.createElement(IconButton, {
+    icon: "ph--first-aid-kit--regular",
+    iconOnly: true,
+    label: t("settings repair"),
+    onClick: handleRepair
+  })), toast && /* @__PURE__ */ React.createElement(Toast.Root, null, /* @__PURE__ */ React.createElement(Toast.Body, null, /* @__PURE__ */ React.createElement(Toast.Title, null, /* @__PURE__ */ React.createElement(Icon, {
+    icon: "ph--gift--duotone",
+    size: 5,
+    classNames: "inline mr-1"
+  }), /* @__PURE__ */ React.createElement("span", null, toast.title)), toast.description && /* @__PURE__ */ React.createElement(Toast.Description, null, toast.description))), /* @__PURE__ */ React.createElement(Settings.ItemInput, {
+    title: t("settings choose storage adaptor")
+  }, /* @__PURE__ */ React.createElement(Select.Root, {
+    value: Object.entries(StorageAdapters).find(([_name, value]) => value === storageConfig?.runtime?.client?.storage?.dataStore)?.[0],
+    onValueChange: (value) => {
+      if (confirm(t("settings storage adapter changed alert"))) {
+        updateConfig(storageConfig, setStorageConfig, [
+          "runtime",
+          "client",
+          "storage",
+          "dataStore"
+        ], StorageAdapters[value]);
+      }
+    }
+  }, /* @__PURE__ */ React.createElement(Select.TriggerButton, {
+    placeholder: t("settings data store label")
+  }), /* @__PURE__ */ React.createElement(Select.Portal, null, /* @__PURE__ */ React.createElement(Select.Content, null, /* @__PURE__ */ React.createElement(Select.Viewport, null, Object.keys(StorageAdapters).map((key) => /* @__PURE__ */ React.createElement(Select.Option, {
+    key,
+    value: key
+  }, t(`settings storage adaptor ${key} label`)))), /* @__PURE__ */ React.createElement(Select.Arrow, null))))))));
+};
+var updateConfig = (config, setConfig, path, value) => {
+  const storageConfigCopy = JSON.parse(JSON.stringify(config ?? {}));
+  setDeep(storageConfigCopy, path, value);
+  setConfig(storageConfigCopy);
+  queueMicrotask(async () => {
+    await SaveConfig(storageConfigCopy);
+  });
+};
+
+// src/containers/DebugSettings/index.ts
+var DebugSettings_default = DebugSettings;
+export {
+  DebugSettings_default as default
+};
+//# sourceMappingURL=DebugSettings-JZMIUDYB.mjs.map

package/dist/lib/browser/DebugSettings-JZMIUDYB.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/containers/DebugSettings/DebugSettings.tsx", "../../../src/containers/DebugSettings/index.ts"],
+  "sourcesContent": ["//\n// Copyright 2023 DXOS.org\n//\n\nimport React, { useEffect, useState } from 'react';\n\nimport { useCapabilities } from '@dxos/app-framework/ui';\nimport { AppCapabilities } from '@dxos/app-toolkit';\nimport { type ConfigProto, SaveConfig, Storage, defs } from '@dxos/config';\nimport { type LogBuffer, log } from '@dxos/log';\nimport { useClient } from '@dxos/react-client';\nimport { Icon, IconButton, Input, Select, Toast, useFileDownload, useTranslation } from '@dxos/react-ui';\nimport { Settings } from '@dxos/react-ui-form';\nimport { setDeep } from '@dxos/util';\n\nimport { meta } from '../../meta';\nimport { type DebugSettingsProps } from '../../types';\n\ntype Toast = {\n  title: string;\n  description?: string;\n};\n\nconst StorageAdapters = {\n  opfs: defs.Runtime.Client.Storage.StorageDriver.WEBFS,\n  idb: defs.Runtime.Client.Storage.StorageDriver.IDB,\n} as const;\n\nexport type DebugSettingsComponentProps = {\n  settings: DebugSettingsProps;\n  onSettingsChange: (fn: (current: DebugSettingsProps) => DebugSettingsProps) => void;\n  logBuffer: LogBuffer;\n};\n\nexport const DebugSettings = ({ settings, onSettingsChange, logBuffer }: DebugSettingsComponentProps) => {\n  const { t } = useTranslation(meta.id);\n  const [toast, setToast] = useState<Toast>();\n  const client = useClient();\n  const download = useFileDownload();\n  // TODO(mykola): Get updates from other places that change Config.\n  const [storageConfig, setStorageConfig] = useState<ConfigProto>({});\n  const [upload] = useCapabilities(AppCapabilities.FileUploader);\n\n  useEffect(() => {\n    void Storage().then((config) => setStorageConfig(config));\n  }, []);\n\n  const handleToast = (toast: Toast) => {\n    setToast(toast);\n    const t = setTimeout(() => setToast(undefined), 5_000);\n    return () => clearTimeout(t);\n  };\n\n  const handleDownload = async () => {\n    const data = await client.diagnostics();\n    const file = new Blob([JSON.stringify(data, undefined, 2)], {\n      type: 'text/plain',\n    });\n    const fileName = `composer-${new Date().toISOString().replace(/\\W/g, '-')}.json`;\n    download(file, fileName);\n\n    if (upload) {\n      const info = await upload(client.spaces.default.db, new File([file], fileName));\n      if (!info) {\n        log.error('diagnostics failed to upload to IPFS');\n        return;\n      }\n      handleToast({\n        title: t('settings uploaded'),\n        description: t('settings uploaded to clipboard'),\n      });\n\n      // TODO(nf): move to IpfsPlugin?\n      const url = client.config.values.runtime!.services!.ipfs!.gateway + '/' + info.cid;\n      void navigator.clipboard.writeText(url);\n      handleToast({\n        title: t('settings uploaded'),\n        description: t('settings uploaded to clipboard'),\n      });\n      log.info('diagnostics', { url });\n    }\n  };\n\n  const handleDownloadLogs = () => {\n    const ndjson = logBuffer.serialize();\n    const file = new Blob([ndjson], { type: 'application/x-ndjson' });\n    const fileName = `composer-logs-${new Date().toISOString().slice(0, 19).replace(/:/g, '-')}.ndjson`;\n    download(file, fileName);\n  };\n\n  const handleRepair = async () => {\n    try {\n      const info = await client.repair();\n      setStorageConfig(await Storage());\n      handleToast({\n        title: t('settings repair success'),\n        description: JSON.stringify(info, undefined, 2),\n      });\n    } catch (err: any) {\n      handleToast({\n        title: t('settings repair failed'),\n        description: err.message,\n      });\n    }\n  };\n\n  return (\n    <Settings.Root>\n      <Settings.Section title={t('settings title', { ns: meta.id })}>\n        <Settings.Group>\n          <Settings.ItemInput title={t('settings wireframe')}>\n            <Input.Switch\n              checked={settings.wireframe}\n              onCheckedChange={(checked) => onSettingsChange((s) => ({ ...s, wireframe: !!checked }))}\n            />\n          </Settings.ItemInput>\n          <Settings.ItemInput title={t('settings download diagnostics')}>\n            <IconButton\n              icon='ph--download-simple--regular'\n              iconOnly\n              label={t('settings download diagnostics')}\n              onClick={handleDownload}\n            />\n          </Settings.ItemInput>\n          <Settings.ItemInput title={t('settings download logs')}>\n            <IconButton\n              icon='ph--download-simple--regular'\n              iconOnly\n              label={t('settings download logs')}\n              onClick={handleDownloadLogs}\n            />\n          </Settings.ItemInput>\n          <Settings.ItemInput title={t('settings repair')}>\n            <IconButton\n              icon='ph--first-aid-kit--regular'\n              iconOnly\n              label={t('settings repair')}\n              onClick={handleRepair}\n            />\n          </Settings.ItemInput>\n\n          {/* TODO(burdon): Move to layout? */}\n          {toast && (\n            <Toast.Root>\n              <Toast.Body>\n                <Toast.Title>\n                  <Icon icon='ph--gift--duotone' size={5} classNames='inline mr-1' />\n                  <span>{toast.title}</span>\n                </Toast.Title>\n                {toast.description && <Toast.Description>{toast.description}</Toast.Description>}\n              </Toast.Body>\n            </Toast.Root>\n          )}\n\n          <Settings.ItemInput title={t('settings choose storage adaptor')}>\n            <Select.Root\n              value={\n                Object.entries(StorageAdapters).find(\n                  ([_name, value]) => value === storageConfig?.runtime?.client?.storage?.dataStore,\n                )?.[0]\n              }\n              onValueChange={(value) => {\n                if (confirm(t('settings storage adapter changed alert'))) {\n                  updateConfig(\n                    storageConfig,\n                    setStorageConfig,\n                    ['runtime', 'client', 'storage', 'dataStore'],\n                    StorageAdapters[value as keyof typeof StorageAdapters],\n                  );\n                }\n              }}\n            >\n              <Select.TriggerButton placeholder={t('settings data store label')} />\n              <Select.Portal>\n                <Select.Content>\n                  <Select.Viewport>\n                    {Object.keys(StorageAdapters).map((key) => (\n                      <Select.Option key={key} value={key}>\n                        {t(`settings storage adaptor ${key} label`)}\n                      </Select.Option>\n                    ))}\n                  </Select.Viewport>\n                  <Select.Arrow />\n                </Select.Content>\n              </Select.Portal>\n            </Select.Root>\n          </Settings.ItemInput>\n        </Settings.Group>\n      </Settings.Section>\n    </Settings.Root>\n  );\n};\n\nconst updateConfig = (config: ConfigProto, setConfig: (newConfig: ConfigProto) => void, path: string[], value: any) => {\n  const storageConfigCopy = JSON.parse(JSON.stringify(config ?? {}));\n  setDeep(storageConfigCopy, path, value);\n  setConfig(storageConfigCopy);\n  queueMicrotask(async () => {\n    await SaveConfig(storageConfigCopy);\n  });\n};\n", "//\n// Copyright 2023 DXOS.org\n//\n\nimport { DebugSettings } from './DebugSettings';\n\nexport default DebugSettings;\n"],
+  "mappings": "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",
+  "names": ["React", "useEffect", "useState", "useCapabilities", "AppCapabilities", "SaveConfig", "Storage", "defs", "log", "useClient", "Icon", "IconButton", "Input", "Select", "Toast", "useFileDownload", "useTranslation", "Settings", "setDeep", "StorageAdapters", "opfs", "defs", "Runtime", "Client", "Storage", "StorageDriver", "WEBFS", "idb", "IDB", "DebugSettings", "settings", "onSettingsChange", "logBuffer", "t", "useTranslation", "meta", "id", "toast", "setToast", "useState", "client", "useClient", "download", "useFileDownload", "storageConfig", "setStorageConfig", "upload", "useCapabilities", "AppCapabilities", "FileUploader", "useEffect", "then", "config", "handleToast", "setTimeout", "undefined", "clearTimeout", "handleDownload", "data", "diagnostics", "file", "Blob", "JSON", "stringify", "type", "fileName", "Date", "toISOString", "replace", "info", "spaces", "default", "db", "File", "log", "error", "title", "description", "url", "values", "runtime", "services", "ipfs", "gateway", "cid", "navigator", "clipboard", "writeText", "handleDownloadLogs", "ndjson", "serialize", "slice", "handleRepair", "repair", "err", "message", "Settings", "Root", "Section", "ns", "Group", "ItemInput", "Input", "Switch", "checked", "wireframe", "onCheckedChange", "s", "IconButton", "icon", "iconOnly", "label", "onClick", "Toast", "Body", "Title", "Icon", "size", "classNames", "span", "Description", "Select", "value", "Object", "entries", "find", "_name", "storage", "dataStore", "onValueChange", "confirm", "updateConfig", "TriggerButton", "placeholder", "Portal", "Content", "Viewport", "keys", "map", "key", "Option", "Arrow", "setConfig", "path", "storageConfigCopy", "parse", "setDeep", "queueMicrotask", "SaveConfig", "DebugSettings"]
+}

package/dist/lib/browser/DebugSpaceObjectsPanel-7NRPLWZ4.mjs

@@ -0,0 +1,50 @@
+// src/containers/DebugSpaceObjectsPanel/DebugSpaceObjectsPanel.tsx
+import React, { useState } from "react";
+import { useCapability } from "@dxos/app-framework/ui";
+import { useLayout } from "@dxos/app-toolkit/ui";
+import { ObjectsTree } from "@dxos/devtools";
+import { Filter, Query } from "@dxos/echo";
+import { ClientCapabilities } from "@dxos/plugin-client";
+import { parseId, useQuery } from "@dxos/react-client/echo";
+import { Clipboard, Grid, Input, Panel, ScrollArea, Toolbar } from "@dxos/react-ui";
+import { Json } from "@dxos/react-ui-syntax-highlighter";
+var DebugSpaceObjectsPanel = () => {
+  const layout = useLayout();
+  const client = useCapability(ClientCapabilities.Client);
+  const { spaceId } = parseId(layout.workspace);
+  const space = spaceId ? client.spaces.get(spaceId) : void 0;
+  if (!space) {
+    return null;
+  }
+  return /* @__PURE__ */ React.createElement(DebugSpaceObjectsPanelMain, {
+    database: space.db
+  });
+};
+var DebugSpaceObjectsPanelMain = ({ database }) => {
+  const [selectedId, setSelectedId] = useState(null);
+  const [selectedObject] = useQuery(database, selectedId ? Query.select(Filter.id(selectedId)) : Query.select(Filter.nothing()));
+  return /* @__PURE__ */ React.createElement(Clipboard.Provider, null, /* @__PURE__ */ React.createElement(Panel.Root, null, /* @__PURE__ */ React.createElement(Panel.Toolbar, {
+    asChild: true
+  }, /* @__PURE__ */ React.createElement(Toolbar.Root, null, /* @__PURE__ */ React.createElement(Input.Root, null, /* @__PURE__ */ React.createElement(Input.TextInput, {
+    disabled: true,
+    placeholder: "Search..."
+  })))), /* @__PURE__ */ React.createElement(Panel.Content, {
+    asChild: true
+  }, /* @__PURE__ */ React.createElement(Grid, {
+    rows: 2,
+    classNames: "divide-y divide-separator"
+  }, /* @__PURE__ */ React.createElement(ScrollArea.Root, null, /* @__PURE__ */ React.createElement(ScrollArea.Viewport, null, /* @__PURE__ */ React.createElement(ObjectsTree, {
+    db: database,
+    onSelect: (entity) => setSelectedId(entity.id)
+  }))), selectedObject && /* @__PURE__ */ React.createElement(Json, {
+    classNames: "p-1",
+    data: selectedObject
+  })))));
+};
+
+// src/containers/DebugSpaceObjectsPanel/index.ts
+var DebugSpaceObjectsPanel_default = DebugSpaceObjectsPanel;
+export {
+  DebugSpaceObjectsPanel_default as default
+};
+//# sourceMappingURL=DebugSpaceObjectsPanel-7NRPLWZ4.mjs.map

package/dist/lib/browser/DebugSpaceObjectsPanel-7NRPLWZ4.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/containers/DebugSpaceObjectsPanel/DebugSpaceObjectsPanel.tsx", "../../../src/containers/DebugSpaceObjectsPanel/index.ts"],
+  "sourcesContent": ["//\n// Copyright 2024 DXOS.org\n//\n\nimport React, { useState } from 'react';\n\nimport { useCapability } from '@dxos/app-framework/ui';\nimport { useLayout } from '@dxos/app-toolkit/ui';\nimport { ObjectsTree } from '@dxos/devtools';\nimport { type Database, Filter, Query } from '@dxos/echo';\nimport type { ObjectId } from '@dxos/keys';\nimport { ClientCapabilities } from '@dxos/plugin-client';\nimport { parseId, useQuery } from '@dxos/react-client/echo';\nimport { Clipboard, Grid, Input, Panel, ScrollArea, Toolbar } from '@dxos/react-ui';\nimport { Json } from '@dxos/react-ui-syntax-highlighter';\n\nexport const DebugSpaceObjectsPanel = () => {\n  const layout = useLayout();\n  const client = useCapability(ClientCapabilities.Client);\n  const { spaceId } = parseId(layout.workspace);\n  const space = spaceId ? client.spaces.get(spaceId) : undefined;\n  if (!space) {\n    return null;\n  }\n\n  return <DebugSpaceObjectsPanelMain database={space.db} />;\n};\n\nconst DebugSpaceObjectsPanelMain = ({ database }: { database: Database.Database }) => {\n  const [selectedId, setSelectedId] = useState<ObjectId | null>(null);\n\n  const [selectedObject] = useQuery(\n    database,\n    selectedId ? Query.select(Filter.id(selectedId)) : Query.select(Filter.nothing()),\n  );\n\n  return (\n    <Clipboard.Provider>\n      <Panel.Root>\n        <Panel.Toolbar asChild>\n          <Toolbar.Root>\n            <Input.Root>\n              <Input.TextInput disabled placeholder='Search...' />\n            </Input.Root>\n          </Toolbar.Root>\n        </Panel.Toolbar>\n        <Panel.Content asChild>\n          <Grid rows={2} classNames='divide-y divide-separator'>\n            <ScrollArea.Root>\n              <ScrollArea.Viewport>\n                <ObjectsTree db={database} onSelect={(entity) => setSelectedId(entity.id)} />\n              </ScrollArea.Viewport>\n            </ScrollArea.Root>\n            {selectedObject && <Json classNames='p-1' data={selectedObject} />}\n          </Grid>\n        </Panel.Content>\n      </Panel.Root>\n    </Clipboard.Provider>\n  );\n};\n", "//\n// Copyright 2024 DXOS.org\n//\n\nimport { DebugSpaceObjectsPanel } from './DebugSpaceObjectsPanel';\n\nexport default DebugSpaceObjectsPanel;\n"],
+  "mappings": ";AAIA,OAAOA,SAASC,gBAAgB;AAEhC,SAASC,qBAAqB;AAC9B,SAASC,iBAAiB;AAC1B,SAASC,mBAAmB;AAC5B,SAAwBC,QAAQC,aAAa;AAE7C,SAASC,0BAA0B;AACnC,SAASC,SAASC,gBAAgB;AAClC,SAASC,WAAWC,MAAMC,OAAOC,OAAOC,YAAYC,eAAe;AACnE,SAASC,YAAY;AAEd,IAAMC,yBAAyB,MAAA;AACpC,QAAMC,SAASC,UAAAA;AACf,QAAMC,SAASC,cAAcC,mBAAmBC,MAAM;AACtD,QAAM,EAAEC,QAAO,IAAKC,QAAQP,OAAOQ,SAAS;AAC5C,QAAMC,QAAQH,UAAUJ,OAAOQ,OAAOC,IAAIL,OAAAA,IAAWM;AACrD,MAAI,CAACH,OAAO;AACV,WAAO;EACT;AAEA,SAAO,sBAAA,cAACI,4BAAAA;IAA2BC,UAAUL,MAAMM;;AACrD;AAEA,IAAMF,6BAA6B,CAAC,EAAEC,SAAQ,MAAmC;AAC/E,QAAM,CAACE,YAAYC,aAAAA,IAAiBC,SAA0B,IAAA;AAE9D,QAAM,CAACC,cAAAA,IAAkBC,SACvBN,UACAE,aAAaK,MAAMC,OAAOC,OAAOC,GAAGR,UAAAA,CAAAA,IAAeK,MAAMC,OAAOC,OAAOE,QAAO,CAAA,CAAA;AAGhF,SACE,sBAAA,cAACC,UAAUC,UAAQ,MACjB,sBAAA,cAACC,MAAMC,MAAI,MACT,sBAAA,cAACD,MAAME,SAAO;IAACC,SAAAA;KACb,sBAAA,cAACD,QAAQD,MAAI,MACX,sBAAA,cAACG,MAAMH,MAAI,MACT,sBAAA,cAACG,MAAMC,WAAS;IAACC,UAAAA;IAASC,aAAY;SAI5C,sBAAA,cAACP,MAAMQ,SAAO;IAACL,SAAAA;KACb,sBAAA,cAACM,MAAAA;IAAKC,MAAM;IAAGC,YAAW;KACxB,sBAAA,cAACC,WAAWX,MAAI,MACd,sBAAA,cAACW,WAAWC,UAAQ,MAClB,sBAAA,cAACC,aAAAA;IAAY3B,IAAID;IAAU6B,UAAU,CAACC,WAAW3B,cAAc2B,OAAOpB,EAAE;QAG3EL,kBAAkB,sBAAA,cAAC0B,MAAAA;IAAKN,YAAW;IAAMO,MAAM3B;;AAM5D;;;ACrDA,IAAA,iCAAe4B;",
+  "names": ["React", "useState", "useCapability", "useLayout", "ObjectsTree", "Filter", "Query", "ClientCapabilities", "parseId", "useQuery", "Clipboard", "Grid", "Input", "Panel", "ScrollArea", "Toolbar", "Json", "DebugSpaceObjectsPanel", "layout", "useLayout", "client", "useCapability", "ClientCapabilities", "Client", "spaceId", "parseId", "workspace", "space", "spaces", "get", "undefined", "DebugSpaceObjectsPanelMain", "database", "db", "selectedId", "setSelectedId", "useState", "selectedObject", "useQuery", "Query", "select", "Filter", "id", "nothing", "Clipboard", "Provider", "Panel", "Root", "Toolbar", "asChild", "Input", "TextInput", "disabled", "placeholder", "Content", "Grid", "rows", "classNames", "ScrollArea", "Viewport", "ObjectsTree", "onSelect", "entity", "Json", "data", "DebugSpaceObjectsPanel"]
+}

package/dist/lib/browser/DebugStatus-COQGH37G.mjs

@@ -0,0 +1,125 @@
+// src/containers/DebugStatus/DebugStatus.tsx
+import React, { useEffect, useRef, useState } from "react";
+import { TimeoutError } from "@dxos/async";
+import { useActiveSpace } from "@dxos/plugin-space";
+import { StatusBar } from "@dxos/plugin-status-bar";
+import { ConnectionState } from "@dxos/protocols/proto/dxos/client/services";
+import { useNetworkStatus } from "@dxos/react-client/mesh";
+import { Icon } from "@dxos/react-ui";
+var styles = {
+  success: "text-sky-300 dark:text-green-700",
+  warning: "text-orange-300 dark:text-orange-600",
+  error: "text-red-300 dark:text-red-600"
+};
+var ErrorIndicator = () => {
+  const [, forceUpdate] = useState({});
+  const errorRef = useRef(null);
+  useEffect(() => {
+    const errorListener = (event) => {
+      const error = event.error ?? event.reason;
+      if (errorRef.current !== error) {
+        errorRef.current = error;
+        forceUpdate({});
+      }
+    };
+    window.addEventListener("error", errorListener);
+    window.addEventListener("unhandledrejection", errorListener);
+    return () => {
+      window.removeEventListener("error", errorListener);
+      window.removeEventListener("unhandledrejection", errorListener);
+    };
+  }, []);
+  const handleReset = () => {
+    errorRef.current = null;
+    forceUpdate({});
+  };
+  if (errorRef.current) {
+    return /* @__PURE__ */ React.createElement(StatusBar.Button, {
+      title: errorRef.current.message,
+      onClick: handleReset
+    }, /* @__PURE__ */ React.createElement(Icon, {
+      icon: "ph--warning-circle--duotone",
+      size: 4,
+      classNames: styles.error
+    }));
+  } else {
+    return /* @__PURE__ */ React.createElement(StatusBar.Item, {
+      title: "No errors."
+    }, /* @__PURE__ */ React.createElement(Icon, {
+      icon: "ph--check--regular",
+      size: 4
+    }));
+  }
+};
+var SwarmIndicator = () => {
+  const [state, setState] = useState(0);
+  const { swarm } = useNetworkStatus();
+  useEffect(() => {
+    setState(swarm === ConnectionState.ONLINE ? 0 : 1);
+  }, [
+    swarm
+  ]);
+  if (state === 0) {
+    return /* @__PURE__ */ React.createElement(StatusBar.Item, {
+      title: "Connected to swarm."
+    }, /* @__PURE__ */ React.createElement(Icon, {
+      icon: "ph--lightning--regular",
+      size: 4
+    }));
+  } else {
+    return /* @__PURE__ */ React.createElement(StatusBar.Item, {
+      title: "Disconnected from swarm."
+    }, /* @__PURE__ */ React.createElement(Icon, {
+      icon: "ph--lightning-slash--regular",
+      size: 4,
+      classNames: styles.warning
+    }));
+  }
+};
+var SavingIndicator = () => {
+  const [state, _setState] = useState(0);
+  const _space = useActiveSpace();
+  switch (state) {
+    case 2:
+      return /* @__PURE__ */ React.createElement(StatusBar.Item, {
+        title: "Edit not saved."
+      }, /* @__PURE__ */ React.createElement(Icon, {
+        icon: "ph--circle--duotone",
+        size: 4,
+        classNames: styles.warning
+      }));
+    case 1:
+      return /* @__PURE__ */ React.createElement(StatusBar.Item, {
+        title: "Saving..."
+      }, /* @__PURE__ */ React.createElement(Icon, {
+        icon: "ph--circle--duotone",
+        size: 4,
+        classNames: styles.success
+      }));
+    case 0:
+    default:
+      return /* @__PURE__ */ React.createElement(StatusBar.Item, {
+        title: "Modified indicator."
+      }, /* @__PURE__ */ React.createElement(Icon, {
+        icon: "ph--circle--duotone",
+        size: 4
+      }));
+  }
+};
+var indicators = [
+  SavingIndicator,
+  SwarmIndicator,
+  ErrorIndicator
+];
+var DebugStatus = () => {
+  return /* @__PURE__ */ React.createElement(React.Fragment, null, indicators.map((Indicator) => /* @__PURE__ */ React.createElement(Indicator, {
+    key: Indicator.name
+  })));
+};
+
+// src/containers/DebugStatus/index.ts
+var DebugStatus_default = DebugStatus;
+export {
+  DebugStatus_default as default
+};
+//# sourceMappingURL=DebugStatus-COQGH37G.mjs.map

package/dist/lib/browser/DebugStatus-COQGH37G.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/containers/DebugStatus/DebugStatus.tsx", "../../../src/containers/DebugStatus/index.ts"],
+  "sourcesContent": ["//\n// Copyright 2023 DXOS.org\n//\n\nimport React, { useEffect, useRef, useState } from 'react';\n\nimport { TimeoutError } from '@dxos/async';\nimport { useActiveSpace } from '@dxos/plugin-space';\nimport { StatusBar } from '@dxos/plugin-status-bar';\nimport { ConnectionState } from '@dxos/protocols/proto/dxos/client/services';\nimport { useNetworkStatus } from '@dxos/react-client/mesh';\nimport { Icon } from '@dxos/react-ui';\n\nconst styles = {\n  success: 'text-sky-300 dark:text-green-700',\n  warning: 'text-orange-300 dark:text-orange-600',\n  error: 'text-red-300 dark:text-red-600',\n};\n\n// TODO(burdon): Move out of debug plugin.\n// TODO(burdon): Make pluggable (move indicators to relevant plugins).\n// TODO(burdon): Vault heartbeat indicator (global scope)?\n\n/**\n * Ensure light doesn't flicker immediately after start.\n */\n// TODO(burdon): Move to @dxos/async (debounce?)\nconst _timer = (cb: (err?: Error) => void, options?: { min?: number; max?: number }) => {\n  const min = options?.min ?? 500;\n  let start: number;\n  let pending: NodeJS.Timeout;\n  let timeout: NodeJS.Timeout;\n  return {\n    start: () => {\n      start = Date.now();\n      clearTimeout(pending);\n      if (options?.max) {\n        clearTimeout(timeout);\n        timeout = setTimeout(() => {\n          cb(new TimeoutError(options.max));\n        }, options.max);\n      }\n    },\n    stop: () => {\n      clearTimeout(timeout);\n      const delta = Date.now() - start;\n      if (delta < min) {\n        pending = setTimeout(() => {\n          cb();\n        }, min - delta);\n      }\n    },\n  };\n};\n\n/**\n * Global error handler.\n */\n// TODO(burdon): Integrate with Sentry?\nconst ErrorIndicator = () => {\n  const [, forceUpdate] = useState({});\n  const errorRef = useRef<Error>(null);\n  useEffect(() => {\n    const errorListener = (event: any) => {\n      const error: Error = event.error ?? event.reason;\n      if (errorRef.current !== error) {\n        errorRef.current = error;\n        forceUpdate({});\n      }\n    };\n\n    // TODO(burdon): Register globally?\n    // https://developer.mozilla.org/en-US/docs/Web/API/Window/error_event\n    window.addEventListener('error', errorListener);\n\n    // https://developer.mozilla.org/en-US/docs/Web/API/Window/unhandledrejection_event\n    window.addEventListener('unhandledrejection', errorListener);\n\n    return () => {\n      window.removeEventListener('error', errorListener);\n      window.removeEventListener('unhandledrejection', errorListener);\n    };\n  }, []);\n\n  const handleReset = () => {\n    errorRef.current = null;\n    forceUpdate({});\n  };\n\n  if (errorRef.current) {\n    return (\n      <StatusBar.Button title={errorRef.current.message} onClick={handleReset}>\n        <Icon icon='ph--warning-circle--duotone' size={4} classNames={styles.error} />\n      </StatusBar.Button>\n    );\n  } else {\n    return (\n      <StatusBar.Item title='No errors.'>\n        <Icon icon='ph--check--regular' size={4} />\n      </StatusBar.Item>\n    );\n  }\n};\n\n/**\n * Swarm connection handler.\n */\nconst SwarmIndicator = () => {\n  const [state, setState] = useState(0);\n  const { swarm } = useNetworkStatus();\n  useEffect(() => {\n    setState(swarm === ConnectionState.ONLINE ? 0 : 1);\n  }, [swarm]);\n\n  if (state === 0) {\n    return (\n      <StatusBar.Item title='Connected to swarm.'>\n        <Icon icon='ph--lightning--regular' size={4} />\n      </StatusBar.Item>\n    );\n  } else {\n    return (\n      <StatusBar.Item title='Disconnected from swarm.'>\n        <Icon icon='ph--lightning-slash--regular' size={4} classNames={styles.warning} />\n      </StatusBar.Item>\n    );\n  }\n};\n\n/**\n * Data saving indicator.\n */\n// TODO(burdon): Merge with SaveStatus.\nconst SavingIndicator = () => {\n  const [state, _setState] = useState(0);\n  const _space = useActiveSpace();\n  // TODO(dmaretskyi): Fix this when we have save status for automerge.\n  // useEffect(() => {\n  //   if (!space) {\n  //     return;\n  //   }\n  // const { start, stop } = timer(() => setState(0), { min: 250 });\n  // return space.db.pendingBatch.on(({ duration, error }) => {\n  //   if (error) {\n  //     setState(2);\n  //     stop();\n  //   } else if (duration === undefined) {\n  //     setState(1);\n  //     start();\n  //   } else {\n  //     stop();\n  //   }\n  // });\n  // }, [space]);\n\n  switch (state) {\n    case 2:\n      return (\n        <StatusBar.Item title='Edit not saved.'>\n          <Icon icon='ph--circle--duotone' size={4} classNames={styles.warning} />\n        </StatusBar.Item>\n      );\n    case 1:\n      return (\n        <StatusBar.Item title='Saving...'>\n          <Icon icon='ph--circle--duotone' size={4} classNames={styles.success} />\n        </StatusBar.Item>\n      );\n    case 0:\n    default:\n      return (\n        <StatusBar.Item title='Modified indicator.'>\n          <Icon icon='ph--circle--duotone' size={4} />\n        </StatusBar.Item>\n      );\n  }\n};\n\nconst indicators = [SavingIndicator, SwarmIndicator, ErrorIndicator];\n\nexport const DebugStatus = () => {\n  return (\n    <>\n      {indicators.map((Indicator) => (\n        <Indicator key={Indicator.name} />\n      ))}\n    </>\n  );\n};\n", "//\n// Copyright 2023 DXOS.org\n//\n\nimport { DebugStatus } from './DebugStatus';\n\nexport default DebugStatus;\n"],
+  "mappings": "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",
+  "names": ["React", "useEffect", "useRef", "useState", "TimeoutError", "useActiveSpace", "StatusBar", "ConnectionState", "useNetworkStatus", "Icon", "styles", "success", "warning", "error", "ErrorIndicator", "forceUpdate", "useState", "errorRef", "useRef", "useEffect", "errorListener", "event", "error", "reason", "current", "window", "addEventListener", "removeEventListener", "handleReset", "StatusBar", "Button", "title", "message", "onClick", "Icon", "icon", "size", "classNames", "styles", "Item", "SwarmIndicator", "state", "setState", "swarm", "useNetworkStatus", "ConnectionState", "ONLINE", "warning", "SavingIndicator", "_setState", "_space", "useActiveSpace", "success", "indicators", "DebugStatus", "map", "Indicator", "key", "name", "DebugStatus"]
+}

package/dist/lib/browser/{DevtoolsOverviewContainer-2C6XMJ3L.mjs → DevtoolsOverviewContainer-C75NFVER.mjs}

@@ -1,4 +1,4 @@
-// src/components/DevtoolsOverviewContainer.tsx
+// src/containers/DevtoolsOverviewContainer/DevtoolsOverviewContainer.tsx
 import React from "react";
 import { Surface } from "@dxos/app-framework/ui";
 import { StatsPanel, useStats } from "@dxos/devtools";
@@ -11,9 +11,10 @@ var DevtoolsOverviewContainer = () => {
     role: "devtools-overview"
   }));
 };
+
+// src/containers/DevtoolsOverviewContainer/index.ts
 var DevtoolsOverviewContainer_default = DevtoolsOverviewContainer;
 export {
-  DevtoolsOverviewContainer,
   DevtoolsOverviewContainer_default as default
 };
-//# sourceMappingURL=DevtoolsOverviewContainer-2C6XMJ3L.mjs.map
+//# sourceMappingURL=DevtoolsOverviewContainer-C75NFVER.mjs.map

package/dist/lib/browser/{DevtoolsOverviewContainer-2C6XMJ3L.mjs.map → DevtoolsOverviewContainer-C75NFVER.mjs.map}

@@ -1,7 +1,7 @@
 {
   "version": 3,
-  "sources": ["../../../src/components/DevtoolsOverviewContainer.tsx"],
-  "sourcesContent": ["//\n// Copyright 2025 DXOS.org\n//\n\nimport React from 'react';\n\nimport { Surface } from '@dxos/app-framework/ui';\nimport { StatsPanel, useStats } from '@dxos/devtools';\n\nexport const DevtoolsOverviewContainer = () => {\n  const [stats, refreshStats] = useStats();\n\n  return (\n    <StatsPanel stats={stats} onRefresh={refreshStats}>\n      <Surface.Surface role='devtools-overview' />\n    </StatsPanel>\n  );\n};\n\nexport default DevtoolsOverviewContainer;\n"],
-  "mappings": ";AAIA,OAAOA,WAAW;AAElB,SAASC,eAAe;AACxB,SAASC,YAAYC,gBAAgB;AAE9B,IAAMC,4BAA4B,MAAA;AACvC,QAAM,CAACC,OAAOC,YAAAA,IAAgBC,SAAAA;AAE9B,SACE,sBAAA,cAACC,YAAAA;IAAWH;IAAcI,WAAWH;KACnC,sBAAA,cAACI,QAAQA,SAAO;IAACC,MAAK;;AAG5B;AAEA,IAAA,oCAAeP;",
-  "names": ["React", "Surface", "StatsPanel", "useStats", "DevtoolsOverviewContainer", "stats", "refreshStats", "useStats", "StatsPanel", "onRefresh", "Surface", "role"]
+  "sources": ["../../../src/containers/DevtoolsOverviewContainer/DevtoolsOverviewContainer.tsx", "../../../src/containers/DevtoolsOverviewContainer/index.ts"],
+  "sourcesContent": ["//\n// Copyright 2025 DXOS.org\n//\n\nimport React from 'react';\n\nimport { Surface } from '@dxos/app-framework/ui';\nimport { StatsPanel, useStats } from '@dxos/devtools';\n\nexport const DevtoolsOverviewContainer = () => {\n  const [stats, refreshStats] = useStats();\n\n  return (\n    <StatsPanel stats={stats} onRefresh={refreshStats}>\n      <Surface.Surface role='devtools-overview' />\n    </StatsPanel>\n  );\n};\n", "//\n// Copyright 2025 DXOS.org\n//\n\nimport { DevtoolsOverviewContainer } from './DevtoolsOverviewContainer';\n\nexport default DevtoolsOverviewContainer;\n"],
+  "mappings": ";AAIA,OAAOA,WAAW;AAElB,SAASC,eAAe;AACxB,SAASC,YAAYC,gBAAgB;AAE9B,IAAMC,4BAA4B,MAAA;AACvC,QAAM,CAACC,OAAOC,YAAAA,IAAgBC,SAAAA;AAE9B,SACE,sBAAA,cAACC,YAAAA;IAAWH;IAAcI,WAAWH;KACnC,sBAAA,cAACI,QAAQA,SAAO;IAACC,MAAK;;AAG5B;;;ACXA,IAAA,oCAAeC;",
+  "names": ["React", "Surface", "StatsPanel", "useStats", "DevtoolsOverviewContainer", "stats", "refreshStats", "useStats", "StatsPanel", "onRefresh", "Surface", "role", "DevtoolsOverviewContainer"]
 }