@dxos/plugin-debug 0.9.1-main.c7dcc2e112 → 0.10.0

package/dist/lib/neutral/{DebugObjectPanel-OS65NC4M.mjs → DebugObjectPanel-QSGQJ3LM.mjs}

@@ -8,7 +8,7 @@ import { useQuery } from "@dxos/react-client/echo";
 import { Clipboard, Input, Panel, ScrollArea, Toolbar } from "@dxos/react-ui";
 import { Syntax } from "@dxos/react-ui-syntax-highlighter";
 import { mx } from "@dxos/ui-theme";
-var DebugObjectPanel = ({ role, companionTo }) => {
+var DebugObjectPanel = ({ role, companionTo, onOpen, canOpen }) => {
   const db = Obj.getDatabase(companionTo);
   const [selectedId, setSelectedId] = useState(null);
   const [depth, setDepth] = useState(0);
@@ -33,7 +33,9 @@ var DebugObjectPanel = ({ role, companionTo }) => {
   }, db && /* @__PURE__ */ React.createElement(ScrollArea.Root, null, /* @__PURE__ */ React.createElement(ScrollArea.Viewport, null, /* @__PURE__ */ React.createElement(ObjectsTree, {
     db,
     root: companionTo,
-    onSelect: (entity) => setSelectedId(entity.id)
+    onSelect: (entity) => setSelectedId(entity.id),
+    onOpen,
+    canOpen
   }))), /* @__PURE__ */ React.createElement(Syntax.Root, {
     data: selectedObject,
     replacer: refReplacer
@@ -56,4 +58,4 @@ var DebugObjectPanel = ({ role, companionTo }) => {
 export {
   DebugObjectPanel as default
 };
-//# sourceMappingURL=DebugObjectPanel-OS65NC4M.mjs.map
+//# sourceMappingURL=DebugObjectPanel-QSGQJ3LM.mjs.map

package/dist/lib/neutral/DebugObjectPanel-QSGQJ3LM.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/containers/DebugObjectPanel/DebugObjectPanel.tsx"],
+  "sourcesContent": ["//\n// Copyright 2024 DXOS.org\n//\n\nimport React, { useMemo, useState } from 'react';\n\nimport { AppSurface } from '@dxos/app-toolkit/ui';\nimport { ObjectsTree } from '@dxos/devtools';\nimport { type Entity, Filter, Json, Obj, Query } from '@dxos/echo';\nimport type { EntityId } from '@dxos/keys';\nimport { useQuery } from '@dxos/react-client/echo';\nimport { Clipboard, Input, Panel, ScrollArea, Toolbar } from '@dxos/react-ui';\nimport { Syntax } from '@dxos/react-ui-syntax-highlighter';\nimport { mx } from '@dxos/ui-theme';\n\nexport type DebugObjectPanelProps = Pick<\n  AppSurface.ObjectArticleProps<Obj.Unknown, {}, Obj.Unknown>,\n  'role' | 'companionTo'\n> & {\n  onOpen?: (object: Obj.Unknown) => void;\n  canOpen?: (entity: Entity.Snapshot) => boolean;\n};\n\nexport const DebugObjectPanel = ({ role, companionTo, onOpen, canOpen }: DebugObjectPanelProps) => {\n  const db = Obj.getDatabase(companionTo);\n  const [selectedId, setSelectedId] = useState<EntityId | null>(null);\n  const [depth, setDepth] = useState(0);\n  const [selectedObject] = useQuery(\n    db,\n    Query.select(Filter.id(selectedId ?? companionTo.id)).options({ deleted: 'include' }),\n  );\n  const refReplacer = useMemo(() => (db ? Json.createRefReplacer({ db, depth }) : undefined), [db, depth]);\n\n  return (\n    <Clipboard.Provider>\n      <Panel.Root role={role}>\n        <Panel.Toolbar asChild>\n          <Toolbar.Root />\n        </Panel.Toolbar>\n        <Panel.Content asChild>\n          <div className={mx('grid divide-y divide-separator', db && 'grid-rows-[1fr_2fr]')}>\n            {db && (\n              <ScrollArea.Root>\n                <ScrollArea.Viewport>\n                  <ObjectsTree\n                    db={db}\n                    root={companionTo}\n                    onSelect={(entity) => setSelectedId(entity.id)}\n                    onOpen={onOpen}\n                    canOpen={canOpen}\n                  />\n                </ScrollArea.Viewport>\n              </ScrollArea.Root>\n            )}\n            <Syntax.Root data={selectedObject} replacer={refReplacer}>\n              <Panel.Root>\n                <Panel.Toolbar asChild>\n                  <Toolbar.Root classNames='grid grid-cols-[1fr_3rem]'>\n                    <Syntax.Filter />\n                    <Input.Root>\n                      <Input.TextInput\n                        variant='subdued'\n                        type='number'\n                        min={0}\n                        step={1}\n                        aria-label='Ref depth'\n                        value={depth}\n                        onChange={(event) => setDepth(Math.max(0, Number(event.target.value) || 0))}\n                      />\n                    </Input.Root>\n                  </Toolbar.Root>\n                </Panel.Toolbar>\n                <Panel.Content asChild>\n                  <Syntax.Viewport>\n                    <Syntax.Code />\n                  </Syntax.Viewport>\n                </Panel.Content>\n              </Panel.Root>\n            </Syntax.Root>\n          </div>\n        </Panel.Content>\n      </Panel.Root>\n    </Clipboard.Provider>\n  );\n};\n"],
+  "mappings": ";;;AAIA,OAAOA,SAASC,SAASC,gBAAgB;AAGzC,SAASC,mBAAmB;AAC5B,SAAsBC,QAAQC,MAAMC,KAAKC,aAAa;AAEtD,SAASC,gBAAgB;AACzB,SAASC,WAAWC,OAAOC,OAAOC,YAAYC,eAAe;AAC7D,SAASC,cAAc;AACvB,SAASC,UAAU;AAUZ,IAAMC,mBAAmB,CAAC,EAAEC,MAAMC,aAAaC,QAAQC,QAAO,MAAyB;AAC5F,QAAMC,KAAKf,IAAIgB,YAAYJ,WAAAA;AAC3B,QAAM,CAACK,YAAYC,aAAAA,IAAiBtB,SAA0B,IAAA;AAC9D,QAAM,CAACuB,OAAOC,QAAAA,IAAYxB,SAAS,CAAA;AACnC,QAAM,CAACyB,cAAAA,IAAkBnB,SACvBa,IACAd,MAAMqB,OAAOxB,OAAOyB,GAAGN,cAAcL,YAAYW,EAAE,CAAA,EAAGC,QAAQ;IAAEC,SAAS;EAAU,CAAA,CAAA;AAErF,QAAMC,cAAc/B,QAAQ,MAAOoB,KAAKhB,KAAK4B,kBAAkB;IAAEZ;IAAII;EAAM,CAAA,IAAKS,QAAY;IAACb;IAAII;GAAM;AAEvG,SACE,sBAAA,cAAChB,UAAU0B,UAAQ,MACjB,sBAAA,cAACxB,MAAMyB,MAAI;IAACnB;KACV,sBAAA,cAACN,MAAME,SAAO;IAACwB,SAAAA;KACb,sBAAA,cAACxB,QAAQuB,MAAI,IAAA,CAAA,GAEf,sBAAA,cAACzB,MAAM2B,SAAO;IAACD,SAAAA;KACb,sBAAA,cAACE,OAAAA;IAAIC,WAAWzB,GAAG,kCAAkCM,MAAM,qBAAA;KACxDA,MACC,sBAAA,cAACT,WAAWwB,MAAI,MACd,sBAAA,cAACxB,WAAW6B,UAAQ,MAClB,sBAAA,cAACtC,aAAAA;IACCkB;IACAqB,MAAMxB;IACNyB,UAAU,CAACC,WAAWpB,cAAcoB,OAAOf,EAAE;IAC7CV;IACAC;QAKR,sBAAA,cAACN,OAAOsB,MAAI;IAACS,MAAMlB;IAAgBmB,UAAUd;KAC3C,sBAAA,cAACrB,MAAMyB,MAAI,MACT,sBAAA,cAACzB,MAAME,SAAO;IAACwB,SAAAA;KACb,sBAAA,cAACxB,QAAQuB,MAAI;IAACW,YAAW;KACvB,sBAAA,cAACjC,OAAOV,QAAM,IAAA,GACd,sBAAA,cAACM,MAAM0B,MAAI,MACT,sBAAA,cAAC1B,MAAMsC,WAAS;IACdC,SAAQ;IACRC,MAAK;IACLC,KAAK;IACLC,MAAM;IACNC,cAAW;IACXC,OAAO7B;IACP8B,UAAU,CAACC,UAAU9B,SAAS+B,KAAKC,IAAI,GAAGC,OAAOH,MAAMI,OAAON,KAAK,KAAK,CAAA,CAAA;SAKhF,sBAAA,cAAC3C,MAAM2B,SAAO;IAACD,SAAAA;KACb,sBAAA,cAACvB,OAAO2B,UAAQ,MACd,sBAAA,cAAC3B,OAAO+C,MAAI,IAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA;AAUhC;",
+  "names": ["React", "useMemo", "useState", "ObjectsTree", "Filter", "Json", "Obj", "Query", "useQuery", "Clipboard", "Input", "Panel", "ScrollArea", "Toolbar", "Syntax", "mx", "DebugObjectPanel", "role", "companionTo", "onOpen", "canOpen", "db", "getDatabase", "selectedId", "setSelectedId", "depth", "setDepth", "selectedObject", "select", "id", "options", "deleted", "refReplacer", "createRefReplacer", "undefined", "Provider", "Root", "asChild", "Content", "div", "className", "Viewport", "root", "onSelect", "entity", "data", "replacer", "classNames", "TextInput", "variant", "type", "min", "step", "aria-label", "value", "onChange", "event", "Math", "max", "Number", "target", "Code"]
+}

package/dist/lib/neutral/{DebugSettings-WLFIBSRV.mjs → DebugSettings-Q3WUL6YQ.mjs}

@@ -1,17 +1,18 @@
 import "./chunk-J5LGTIGS.mjs";
 
-// src/components/DebugSettings/DebugSettings.tsx
+// src/containers/DebugSettings/DebugSettings.tsx
 import React, { useCallback, useEffect, useMemo, useState } from "react";
 import { AppSpace } from "@dxos/app-toolkit";
 import { SaveConfig, Storage, defs } from "@dxos/config";
 import { log } from "@dxos/log";
 import { useClient } from "@dxos/react-client";
 import { IconButton, Input, Select, Toast, useFileDownload, useTranslation } from "@dxos/react-ui";
-import { Settings as SettingsForm } from "@dxos/react-ui-form";
+import { Form } from "@dxos/react-ui-form";
 import { TRACE_ALL_KEY } from "@dxos/tracing";
 import { setDeep } from "@dxos/util";
 import { meta } from "#meta";
-var __dxlog_file = "/__w/dxos/dxos/packages/plugins/plugin-debug/src/components/DebugSettings/DebugSettings.tsx";
+import { Settings } from "#types";
+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
@@ -44,14 +45,14 @@ var DebugSettings = ({ settings, onSettingsChange, logStore, onUpload }) => {
     if (onUpload) {
       const personalSpace = AppSpace.getPersonalSpace(client);
       if (!personalSpace) {
-        log.error("no personal space available for upload", void 0, { "~LogMeta": "~LogMeta", F: __dxlog_file, L: 46, S: void 0 });
+        log.error("no personal space available for upload", void 0, { "~LogMeta": "~LogMeta", F: __dxlog_file, L: 47, S: void 0 });
         return;
       }
       const info = await onUpload(personalSpace.db, new File([
         file
       ], fileName));
       if (!info) {
-        log.error("diagnostics failed to upload to IPFS", void 0, { "~LogMeta": "~LogMeta", F: __dxlog_file, L: 53, S: void 0 });
+        log.error("diagnostics failed to upload to IPFS", void 0, { "~LogMeta": "~LogMeta", F: __dxlog_file, L: 54, S: void 0 });
         return;
       }
       handleToast({
@@ -66,7 +67,7 @@ var DebugSettings = ({ settings, onSettingsChange, logStore, onUpload }) => {
       });
       log.info("diagnostics", {
         url
-      }, { "~LogMeta": "~LogMeta", F: __dxlog_file, L: 67, S: void 0 });
+      }, { "~LogMeta": "~LogMeta", F: __dxlog_file, L: 68, S: void 0 });
     }
   }, [
     client,
@@ -142,50 +143,55 @@ var DebugSettings = ({ settings, onSettingsChange, logStore, onUpload }) => {
     storageConfig,
     t
   ]);
-  return /* @__PURE__ */ React.createElement(SettingsForm.Viewport, null, /* @__PURE__ */ React.createElement(SettingsForm.Section, {
-    title: t("settings.title", {
-      ns: meta.profile.key
-    })
-  }, /* @__PURE__ */ React.createElement(SettingsForm.Item, {
-    title: t("settings.wireframe.label"),
+  return /* @__PURE__ */ React.createElement(Form.Root, {
+    schema: Settings.Settings,
+    values: settings,
+    variant: "settings",
+    readonly: !onSettingsChange
+  }, /* @__PURE__ */ React.createElement(Form.Viewport, {
+    scroll: true
+  }, /* @__PURE__ */ React.createElement(Form.Content, null, /* @__PURE__ */ React.createElement(Form.Section, {
+    title: meta.profile.name ?? meta.profile.key
+  }, /* @__PURE__ */ React.createElement(Form.Row, {
+    label: t("settings.wireframe.label"),
     description: t("settings.wireframe.description")
-  }, /* @__PURE__ */ React.createElement(Input.Switch, {
+  }, /* @__PURE__ */ React.createElement(Input.Root, null, /* @__PURE__ */ React.createElement(Input.Switch, {
     disabled: !onSettingsChange,
     checked: settings.wireframe,
     onCheckedChange: handleWireframeChange
-  })), /* @__PURE__ */ React.createElement(SettingsForm.Item, {
-    title: t("settings.trace-all.label"),
+  }))), /* @__PURE__ */ React.createElement(Form.Row, {
+    label: t("settings.trace-all.label"),
     description: t("settings.trace-all.description")
-  }, /* @__PURE__ */ React.createElement(Input.Switch, {
+  }, /* @__PURE__ */ React.createElement(Input.Root, null, /* @__PURE__ */ React.createElement(Input.Switch, {
     disabled: !onSettingsChange,
     checked: traceAll,
     onCheckedChange: handleTraceAllChange
-  })), /* @__PURE__ */ React.createElement(SettingsForm.Item, {
-    title: t("settings.tracing-panel.label"),
+  }))), /* @__PURE__ */ React.createElement(Form.Row, {
+    label: t("settings.tracing-panel.label"),
     description: t("settings.tracing-panel.description")
   }, /* @__PURE__ */ React.createElement(IconButton, {
     icon: "ph--arrow-square-out--regular",
     iconOnly: true,
     label: t("settings.tracing-panel.label"),
     onClick: handleOpenTracingPanel
-  })), /* @__PURE__ */ React.createElement(SettingsForm.Item, {
-    title: t("settings.download-diagnostics.label"),
+  })), /* @__PURE__ */ React.createElement(Form.Row, {
+    label: t("settings.download-diagnostics.label"),
     description: t("settings.download-diagnostics.description")
   }, /* @__PURE__ */ React.createElement(IconButton, {
     icon: "ph--download-simple--regular",
     iconOnly: true,
     label: t("settings.download-diagnostics.label"),
     onClick: handleDownload
-  })), /* @__PURE__ */ React.createElement(SettingsForm.Item, {
-    title: t("settings.download-logs.label"),
+  })), /* @__PURE__ */ React.createElement(Form.Row, {
+    label: t("settings.download-logs.label"),
     description: t("settings.download-logs.description")
   }, /* @__PURE__ */ React.createElement(IconButton, {
     icon: "ph--download-simple--regular",
     iconOnly: true,
     label: t("settings.download-logs.label"),
     onClick: handleDownloadLogs
-  })), /* @__PURE__ */ React.createElement(SettingsForm.Item, {
-    title: t("settings.repair.label"),
+  })), /* @__PURE__ */ React.createElement(Form.Row, {
+    label: t("settings.repair.label"),
     description: t("settings.repair.description")
   }, /* @__PURE__ */ React.createElement(IconButton, {
     icon: "ph--first-aid-kit--regular",
@@ -194,8 +200,8 @@ var DebugSettings = ({ settings, onSettingsChange, logStore, onUpload }) => {
     onClick: handleRepair
   })), toast && /* @__PURE__ */ React.createElement(Toast.Root, null, /* @__PURE__ */ React.createElement(Toast.Title, {
     icon: "ph--gift--duotone"
-  }, /* @__PURE__ */ React.createElement("span", null, toast.title)), toast.description && /* @__PURE__ */ React.createElement(Toast.Description, null, toast.description)), /* @__PURE__ */ React.createElement(SettingsForm.Item, {
-    title: t("settings.choose-storage-adaptor.label"),
+  }, /* @__PURE__ */ React.createElement("span", null, toast.title)), toast.description && /* @__PURE__ */ React.createElement(Toast.Description, null, toast.description)), /* @__PURE__ */ React.createElement(Form.Row, {
+    label: t("settings.choose-storage-adaptor.label"),
     description: t("settings.choose-storage-adaptor.description")
   }, /* @__PURE__ */ React.createElement(Select.Root, {
     disabled: !onSettingsChange,
@@ -207,7 +213,7 @@ var DebugSettings = ({ settings, onSettingsChange, logStore, onUpload }) => {
   }), /* @__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)))))));
+  }, 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 ?? {}));
@@ -220,4 +226,4 @@ var updateConfig = (config, setConfig, path, value) => {
 export {
   DebugSettings as default
 };
-//# sourceMappingURL=DebugSettings-WLFIBSRV.mjs.map
+//# sourceMappingURL=DebugSettings-Q3WUL6YQ.mjs.map

package/dist/lib/neutral/DebugSettings-Q3WUL6YQ.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/containers/DebugSettings/DebugSettings.tsx"],
+  "sourcesContent": ["//\n// Copyright 2023 DXOS.org\n//\n\nimport React, { useCallback, useEffect, useMemo, useState } from 'react';\n\nimport { AppCapabilities, AppSpace } from '@dxos/app-toolkit';\nimport { type AppSurface } from '@dxos/app-toolkit/ui';\nimport { type ConfigProto, SaveConfig, Storage, defs } from '@dxos/config';\nimport { log } from '@dxos/log';\nimport { type IdbLogStore } from '@dxos/log-store-idb';\nimport { useClient } from '@dxos/react-client';\nimport { IconButton, Input, Select, Toast, useFileDownload, useTranslation } from '@dxos/react-ui';\nimport { Form } from '@dxos/react-ui-form';\nimport { TRACE_ALL_KEY } from '@dxos/tracing';\nimport { setDeep } from '@dxos/util';\n\nimport { meta } from '#meta';\nimport { Settings } 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 DebugSettingsProps = AppSurface.SettingsProps<\n  Settings.Settings,\n  {\n    logStore: IdbLogStore;\n    onUpload?: AppCapabilities.FileUploader;\n  }\n>;\n\nexport const DebugSettings = ({ settings, onSettingsChange, logStore, onUpload }: DebugSettingsProps) => {\n  const { t } = useTranslation(meta.profile.key);\n  const [toast, setToast] = useState<Toast>();\n  const download = useFileDownload();\n  const [storageConfig, setStorageConfig] = useState<ConfigProto>({});\n  const client = useClient();\n\n  useEffect(() => {\n    void Storage().then((config) => setStorageConfig(config));\n  }, []);\n\n  const handleToast = useCallback(\n    (toast: Toast) => {\n      setToast(toast);\n      const timer = setTimeout(() => setToast(undefined), 5_000);\n      return () => clearTimeout(timer);\n    },\n    [setToast],\n  );\n\n  const handleDownload = useCallback(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 (onUpload) {\n      const personalSpace = AppSpace.getPersonalSpace(client);\n      if (!personalSpace) {\n        log.error('no personal space available for upload');\n        return;\n      }\n      const info = await onUpload(personalSpace.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.message'),\n        description: t('settings.uploaded.description'),\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.message'),\n        description: t('settings.uploaded.description'),\n      });\n      log.info('diagnostics', { url });\n    }\n  }, [client, download, handleToast, onUpload, t]);\n\n  const handleDownloadLogs = useCallback(async () => {\n    const ndjson = await logStore.export();\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  }, [download, logStore]);\n\n  const handleRepair = useCallback(async () => {\n    try {\n      const info = await client.repair();\n      setStorageConfig(await Storage());\n      handleToast({\n        title: t('settings.repair-success.message'),\n        description: JSON.stringify(info, undefined, 2),\n      });\n    } catch (err: any) {\n      handleToast({\n        title: t('settings.repair-failed.message'),\n        description: err.message,\n      });\n    }\n  }, [client, handleToast, t]);\n\n  const handleWireframeChange = useCallback(\n    (checked: boolean) => onSettingsChange?.((s) => ({ ...s, wireframe: !!checked })),\n    [onSettingsChange],\n  );\n\n  const traceAll = useMemo(\n    () => settings.traceAll ?? (typeof localStorage !== 'undefined' && localStorage.getItem(TRACE_ALL_KEY) === 'true'),\n    [settings.traceAll],\n  );\n\n  const handleTraceAllChange = useCallback(\n    (checked: boolean) => {\n      const value = !!checked;\n      localStorage.setItem(TRACE_ALL_KEY, String(value));\n      onSettingsChange?.((s) => ({ ...s, traceAll: value }));\n    },\n    [onSettingsChange],\n  );\n\n  const handleOpenTracingPanel = useCallback(() => {\n    window.open('about:blank', '_blank');\n  }, []);\n\n  const handleStorageAdapterChange = useCallback(\n    (value: string) => {\n      if (confirm(t('settings.storage-adapter.changed-alert.message'))) {\n        updateConfig(\n          storageConfig,\n          setStorageConfig,\n          ['runtime', 'client', 'storage', 'dataStore'],\n          StorageAdapters[value as keyof typeof StorageAdapters],\n        );\n      }\n    },\n    [storageConfig, t],\n  );\n\n  return (\n    <Form.Root schema={Settings.Settings} values={settings} variant='settings' readonly={!onSettingsChange}>\n      <Form.Viewport scroll>\n        <Form.Content>\n          <Form.Section title={meta.profile.name ?? meta.profile.key}>\n            <Form.Row label={t('settings.wireframe.label')} description={t('settings.wireframe.description')}>\n              <Input.Root>\n                <Input.Switch\n                  disabled={!onSettingsChange}\n                  checked={settings.wireframe}\n                  onCheckedChange={handleWireframeChange}\n                />\n              </Input.Root>\n            </Form.Row>\n            <Form.Row label={t('settings.trace-all.label')} description={t('settings.trace-all.description')}>\n              <Input.Root>\n                <Input.Switch disabled={!onSettingsChange} checked={traceAll} onCheckedChange={handleTraceAllChange} />\n              </Input.Root>\n            </Form.Row>\n            <Form.Row label={t('settings.tracing-panel.label')} description={t('settings.tracing-panel.description')}>\n              <IconButton\n                icon='ph--arrow-square-out--regular'\n                iconOnly\n                label={t('settings.tracing-panel.label')}\n                onClick={handleOpenTracingPanel}\n              />\n            </Form.Row>\n            <Form.Row\n              label={t('settings.download-diagnostics.label')}\n              description={t('settings.download-diagnostics.description')}\n            >\n              <IconButton\n                icon='ph--download-simple--regular'\n                iconOnly\n                label={t('settings.download-diagnostics.label')}\n                onClick={handleDownload}\n              />\n            </Form.Row>\n            <Form.Row label={t('settings.download-logs.label')} description={t('settings.download-logs.description')}>\n              <IconButton\n                icon='ph--download-simple--regular'\n                iconOnly\n                label={t('settings.download-logs.label')}\n                onClick={handleDownloadLogs}\n              />\n            </Form.Row>\n            <Form.Row label={t('settings.repair.label')} description={t('settings.repair.description')}>\n              <IconButton\n                icon='ph--first-aid-kit--regular'\n                iconOnly\n                label={t('settings.repair.label')}\n                onClick={handleRepair}\n              />\n            </Form.Row>\n\n            {/* TODO(burdon): Move to layout? */}\n            {toast && (\n              <Toast.Root>\n                <Toast.Title icon='ph--gift--duotone'>\n                  <span>{toast.title}</span>\n                </Toast.Title>\n                {toast.description && <Toast.Description>{toast.description}</Toast.Description>}\n              </Toast.Root>\n            )}\n\n            <Form.Row\n              label={t('settings.choose-storage-adaptor.label')}\n              description={t('settings.choose-storage-adaptor.description')}\n            >\n              <Select.Root\n                disabled={!onSettingsChange}\n                value={\n                  Object.entries(StorageAdapters).find(\n                    ([_name, value]) => value === storageConfig?.runtime?.client?.storage?.dataStore,\n                  )?.[0]\n                }\n                onValueChange={handleStorageAdapterChange}\n              >\n                <Select.TriggerButton disabled={!onSettingsChange} 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            </Form.Row>\n          </Form.Section>\n        </Form.Content>\n      </Form.Viewport>\n    </Form.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"],
+  "mappings": "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",
+  "names": ["React", "useCallback", "useEffect", "useMemo", "useState", "AppSpace", "SaveConfig", "Storage", "defs", "log", "useClient", "IconButton", "Input", "Select", "Toast", "useFileDownload", "useTranslation", "Form", "TRACE_ALL_KEY", "setDeep", "meta", "Settings", "StorageAdapters", "idb", "Client", "DebugSettings", "settings", "onSettingsChange", "toast", "download", "storageConfig", "setStorageConfig", "client", "config", "handleToast", "setToast", "setTimeout", "clearTimeout", "Blob", "JSON", "stringify", "data", "undefined", "type", "fileName", "onUpload", "personalSpace", "error", "description", "title", "info", "t", "ndjson", "checked", "handleTraceAllChange", "localStorage", "String", "value", "handleStorageAdapterChange", "variant", "readonly", "scroll", "Content", "Row", "label", "disabled", "wireframe", "onCheckedChange", "traceAll", "icon", "iconOnly", "onClick", "handleOpenTracingPanel", "handleDownload", "handleDownloadLogs", "handleRepair", "span", "Object", "entries", "find", "_name", "onValueChange", "TriggerButton", "key", "updateConfig", "path", "storageConfigCopy", "setConfig", "queueMicrotask"]
+}

package/dist/lib/neutral/{DebugSpaceObjectsPanel-BHOCFWDJ.mjs → DebugSpaceObjectsPanel-AXFZWEIM.mjs}

@@ -7,7 +7,7 @@ import { Filter, Query } from "@dxos/echo";
 import { useQuery } from "@dxos/react-client/echo";
 import { Clipboard, Grid, Input, Panel, ScrollArea, Toolbar } from "@dxos/react-ui";
 import { JsonHighlighter } from "@dxos/react-ui-syntax-highlighter";
-var DebugSpaceObjectsPanel = ({ space }) => {
+var DebugSpaceObjectsPanel = ({ space, onOpen, canOpen }) => {
   const [selectedId, setSelectedId] = useState(null);
   const [selectedObject] = useQuery(space.db, 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, {
@@ -22,7 +22,9 @@ var DebugSpaceObjectsPanel = ({ space }) => {
     classNames: "divide-y divide-separator"
   }, /* @__PURE__ */ React.createElement(ScrollArea.Root, null, /* @__PURE__ */ React.createElement(ScrollArea.Viewport, null, /* @__PURE__ */ React.createElement(ObjectsTree, {
     db: space.db,
-    onSelect: (entity) => setSelectedId(entity.id)
+    onSelect: (entity) => setSelectedId(entity.id),
+    onOpen,
+    canOpen
   }))), selectedObject && /* @__PURE__ */ React.createElement(JsonHighlighter, {
     classNames: "p-1",
     data: selectedObject
@@ -31,4 +33,4 @@ var DebugSpaceObjectsPanel = ({ space }) => {
 export {
   DebugSpaceObjectsPanel as default
 };
-//# sourceMappingURL=DebugSpaceObjectsPanel-BHOCFWDJ.mjs.map
+//# sourceMappingURL=DebugSpaceObjectsPanel-AXFZWEIM.mjs.map

package/dist/lib/neutral/DebugSpaceObjectsPanel-AXFZWEIM.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/containers/DebugSpaceObjectsPanel/DebugSpaceObjectsPanel.tsx"],
+  "sourcesContent": ["//\n// Copyright 2024 DXOS.org\n//\n\nimport React, { useState } from 'react';\n\nimport { type AppSurface } from '@dxos/app-toolkit/ui';\nimport { ObjectsTree } from '@dxos/devtools';\nimport { type Entity, Filter, Obj, Query } from '@dxos/echo';\nimport { type EntityId } from '@dxos/keys';\nimport { useQuery } from '@dxos/react-client/echo';\nimport { Clipboard, Grid, Input, Panel, ScrollArea, Toolbar } from '@dxos/react-ui';\nimport { JsonHighlighter } from '@dxos/react-ui-syntax-highlighter';\n\nexport type DebugSpaceObjectsPanelProps = AppSurface.SpaceArticleProps & {\n  onOpen?: (object: Obj.Unknown) => void;\n  canOpen?: (entity: Entity.Snapshot) => boolean;\n};\n\nexport const DebugSpaceObjectsPanel = ({ space, onOpen, canOpen }: DebugSpaceObjectsPanelProps) => {\n  const [selectedId, setSelectedId] = useState<EntityId | null>(null);\n  const [selectedObject] = useQuery(\n    space.db,\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\n                  db={space.db}\n                  onSelect={(entity) => setSelectedId(entity.id)}\n                  onOpen={onOpen}\n                  canOpen={canOpen}\n                />\n              </ScrollArea.Viewport>\n            </ScrollArea.Root>\n            {selectedObject && <JsonHighlighter classNames='p-1' data={selectedObject} />}\n          </Grid>\n        </Panel.Content>\n      </Panel.Root>\n    </Clipboard.Provider>\n  );\n};\n"],
+  "mappings": ";;;AAIA,OAAOA,SAASC,gBAAgB;AAGhC,SAASC,mBAAmB;AAC5B,SAAsBC,QAAaC,aAAa;AAEhD,SAASC,gBAAgB;AACzB,SAASC,WAAWC,MAAMC,OAAOC,OAAOC,YAAYC,eAAe;AACnE,SAASC,uBAAuB;AAOzB,IAAMC,yBAAyB,CAAC,EAAEC,OAAOC,QAAQC,QAAO,MAA+B;AAC5F,QAAM,CAACC,YAAYC,aAAAA,IAAiBjB,SAA0B,IAAA;AAC9D,QAAM,CAACkB,cAAAA,IAAkBd,SACvBS,MAAMM,IACNH,aAAab,MAAMiB,OAAOlB,OAAOmB,GAAGL,UAAAA,CAAAA,IAAeb,MAAMiB,OAAOlB,OAAOoB,QAAO,CAAA,CAAA;AAGhF,SACE,sBAAA,cAACjB,UAAUkB,UAAQ,MACjB,sBAAA,cAACf,MAAMgB,MAAI,MACT,sBAAA,cAAChB,MAAME,SAAO;IAACe,SAAAA;KACb,sBAAA,cAACf,QAAQc,MAAI,MACX,sBAAA,cAACjB,MAAMiB,MAAI,MACT,sBAAA,cAACjB,MAAMmB,WAAS;IAACC,UAAAA;IAASC,aAAY;SAI5C,sBAAA,cAACpB,MAAMqB,SAAO;IAACJ,SAAAA;KACb,sBAAA,cAACnB,MAAAA;IAAKwB,MAAM;IAAGC,YAAW;KACxB,sBAAA,cAACtB,WAAWe,MAAI,MACd,sBAAA,cAACf,WAAWuB,UAAQ,MAClB,sBAAA,cAAC/B,aAAAA;IACCkB,IAAIN,MAAMM;IACVc,UAAU,CAACC,WAAWjB,cAAciB,OAAOb,EAAE;IAC7CP;IACAC;QAILG,kBAAkB,sBAAA,cAACP,iBAAAA;IAAgBoB,YAAW;IAAMI,MAAMjB;;AAMvE;",
+  "names": ["React", "useState", "ObjectsTree", "Filter", "Query", "useQuery", "Clipboard", "Grid", "Input", "Panel", "ScrollArea", "Toolbar", "JsonHighlighter", "DebugSpaceObjectsPanel", "space", "onOpen", "canOpen", "selectedId", "setSelectedId", "selectedObject", "db", "select", "id", "nothing", "Provider", "Root", "asChild", "TextInput", "disabled", "placeholder", "Content", "rows", "classNames", "Viewport", "onSelect", "entity", "data"]
+}