@dxos/plugin-debug 0.8.4-main.dedc0f3 → 0.8.4-main.dfabb4ec29

package/dist/lib/neutral/DebugGraph-G4FWS57E.mjs

@@ -0,0 +1,15 @@
+import "./chunk-J5LGTIGS.mjs";
+
+// src/containers/DebugGraph/DebugGraph.tsx
+import React from "react";
+import { Tree } from "@dxos/devtools";
+import { Graph } from "@dxos/plugin-graph";
+var DebugGraph = ({ graph, root }) => {
+  return /* @__PURE__ */ React.createElement(Tree, {
+    data: Graph.toJSON(graph, root)
+  });
+};
+export {
+  DebugGraph as default
+};
+//# sourceMappingURL=DebugGraph-G4FWS57E.mjs.map

package/dist/lib/neutral/DebugGraph-G4FWS57E.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/containers/DebugGraph/DebugGraph.tsx"],
+  "sourcesContent": ["//\n// Copyright 2023 DXOS.org\n//\n\nimport React from 'react';\n\nimport { Tree } from '@dxos/devtools';\nimport { Graph } from '@dxos/plugin-graph';\n\nexport type DebugGraphProps = { graph: Graph.Graph; root: string };\n\nexport const DebugGraph = ({ graph, root }: DebugGraphProps) => {\n  return <Tree data={Graph.toJSON(graph, root)} />;\n};\n"],
+  "mappings": ";;;AAIA,OAAOA,WAAW;AAElB,SAASC,YAAY;AACrB,SAASC,aAAa;AAIf,IAAMC,aAAa,CAAC,EAAEC,OAAOC,KAAI,MAAmB;AACzD,SAAO,sBAAA,cAACJ,MAAAA;IAAKK,MAAMJ,MAAMK,OAAOH,OAAOC,IAAAA;;AACzC;",
+  "names": ["React", "Tree", "Graph", "DebugGraph", "graph", "root", "data", "toJSON"]
+}

package/dist/lib/neutral/DebugObjectPanel-UJ63CV25.mjs

@@ -0,0 +1,59 @@
+import "./chunk-J5LGTIGS.mjs";
+
+// src/containers/DebugObjectPanel/DebugObjectPanel.tsx
+import React, { useMemo, useState } from "react";
+import { ObjectsTree } from "@dxos/devtools";
+import { Filter, Json, Obj, Query } from "@dxos/echo";
+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 }) => {
+  const db = Obj.getDatabase(companionTo);
+  const [selectedId, setSelectedId] = useState(null);
+  const [depth, setDepth] = useState(0);
+  const [selectedObject] = useQuery(db, Query.select(Filter.id(selectedId ?? companionTo.id)).options({
+    deleted: "include"
+  }));
+  const refReplacer = useMemo(() => db ? Json.createRefReplacer({
+    db,
+    depth
+  }) : void 0, [
+    db,
+    depth
+  ]);
+  return /* @__PURE__ */ React.createElement(Clipboard.Provider, null, /* @__PURE__ */ React.createElement(Panel.Root, {
+    role
+  }, /* @__PURE__ */ React.createElement(Panel.Toolbar, {
+    asChild: true
+  }, /* @__PURE__ */ React.createElement(Toolbar.Root, null)), /* @__PURE__ */ React.createElement(Panel.Content, {
+    asChild: true
+  }, /* @__PURE__ */ React.createElement("div", {
+    className: mx("grid divide-y divide-separator", db && "grid-rows-[1fr_2fr]")
+  }, 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)
+  }))), /* @__PURE__ */ React.createElement(Syntax.Root, {
+    data: selectedObject,
+    replacer: refReplacer
+  }, /* @__PURE__ */ React.createElement(Panel.Root, null, /* @__PURE__ */ React.createElement(Panel.Toolbar, {
+    asChild: true
+  }, /* @__PURE__ */ React.createElement(Toolbar.Root, {
+    classNames: "grid grid-cols-[1fr_3rem]"
+  }, /* @__PURE__ */ React.createElement(Syntax.Filter, null), /* @__PURE__ */ React.createElement(Input.Root, null, /* @__PURE__ */ React.createElement(Input.TextInput, {
+    variant: "subdued",
+    type: "number",
+    min: 0,
+    step: 1,
+    "aria-label": "Ref depth",
+    value: depth,
+    onChange: (event) => setDepth(Math.max(0, Number(event.target.value) || 0))
+  })))), /* @__PURE__ */ React.createElement(Panel.Content, {
+    asChild: true
+  }, /* @__PURE__ */ React.createElement(Syntax.Viewport, null, /* @__PURE__ */ React.createElement(Syntax.Code, null)))))))));
+};
+export {
+  DebugObjectPanel as default
+};
+//# sourceMappingURL=DebugObjectPanel-UJ63CV25.mjs.map

package/dist/lib/neutral/DebugObjectPanel-UJ63CV25.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 { Filter, Json, Obj, Query } from '@dxos/echo';\nimport type { ObjectId } 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\nexport const DebugObjectPanel = ({ role, companionTo }: DebugObjectPanelProps) => {\n  const db = Obj.getDatabase(companionTo);\n  const [selectedId, setSelectedId] = useState<ObjectId | 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 db={db} root={companionTo} onSelect={(entity) => setSelectedId(entity.id)} />\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,SAASC,QAAQC,MAAMC,KAAKC,aAAa;AAEzC,SAASC,gBAAgB;AACzB,SAASC,WAAWC,OAAOC,OAAOC,YAAYC,eAAe;AAC7D,SAASC,cAAc;AACvB,SAASC,UAAU;AAOZ,IAAMC,mBAAmB,CAAC,EAAEC,MAAMC,YAAW,MAAyB;AAC3E,QAAMC,KAAKb,IAAIc,YAAYF,WAAAA;AAC3B,QAAM,CAACG,YAAYC,aAAAA,IAAiBpB,SAA0B,IAAA;AAC9D,QAAM,CAACqB,OAAOC,QAAAA,IAAYtB,SAAS,CAAA;AACnC,QAAM,CAACuB,cAAAA,IAAkBjB,SACvBW,IACAZ,MAAMmB,OAAOtB,OAAOuB,GAAGN,cAAcH,YAAYS,EAAE,CAAA,EAAGC,QAAQ;IAAEC,SAAS;EAAU,CAAA,CAAA;AAErF,QAAMC,cAAc7B,QAAQ,MAAOkB,KAAKd,KAAK0B,kBAAkB;IAAEZ;IAAII;EAAM,CAAA,IAAKS,QAAY;IAACb;IAAII;GAAM;AAEvG,SACE,sBAAA,cAACd,UAAUwB,UAAQ,MACjB,sBAAA,cAACtB,MAAMuB,MAAI;IAACjB;KACV,sBAAA,cAACN,MAAME,SAAO;IAACsB,SAAAA;KACb,sBAAA,cAACtB,QAAQqB,MAAI,IAAA,CAAA,GAEf,sBAAA,cAACvB,MAAMyB,SAAO;IAACD,SAAAA;KACb,sBAAA,cAACE,OAAAA;IAAIC,WAAWvB,GAAG,kCAAkCI,MAAM,qBAAA;KACxDA,MACC,sBAAA,cAACP,WAAWsB,MAAI,MACd,sBAAA,cAACtB,WAAW2B,UAAQ,MAClB,sBAAA,cAACpC,aAAAA;IAAYgB;IAAQqB,MAAMtB;IAAauB,UAAU,CAACC,WAAWpB,cAAcoB,OAAOf,EAAE;QAI3F,sBAAA,cAACb,OAAOoB,MAAI;IAACS,MAAMlB;IAAgBmB,UAAUd;KAC3C,sBAAA,cAACnB,MAAMuB,MAAI,MACT,sBAAA,cAACvB,MAAME,SAAO;IAACsB,SAAAA;KACb,sBAAA,cAACtB,QAAQqB,MAAI;IAACW,YAAW;KACvB,sBAAA,cAAC/B,OAAOV,QAAM,IAAA,GACd,sBAAA,cAACM,MAAMwB,MAAI,MACT,sBAAA,cAACxB,MAAMoC,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,cAACzC,MAAMyB,SAAO;IAACD,SAAAA;KACb,sBAAA,cAACrB,OAAOyB,UAAQ,MACd,sBAAA,cAACzB,OAAO6C,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", "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/DebugPlugin.mjs

@@ -0,0 +1,47 @@
+import "./chunk-J5LGTIGS.mjs";
+
+// src/DebugPlugin.tsx
+import * as Effect from "effect/Effect";
+import { ActivationEvents, Capability, Plugin } from "@dxos/app-framework";
+import { AppPlugin } from "@dxos/app-toolkit";
+import { AppGraphBuilder, DebugSettings, ReactContext, ReactSurface } from "#capabilities";
+import { meta } from "#meta";
+import { translations } from "#translations";
+var DebugPlugin = Plugin.define(meta).pipe(AppPlugin.addAppGraphModule({
+  activate: AppGraphBuilder
+}), AppPlugin.addReactContextModule({
+  activate: ReactContext
+}), AppPlugin.addSettingsModule({
+  activate: DebugSettings
+}), Plugin.addModule(({ logStore }) => ({
+  id: Capability.getModuleTag(ReactSurface) ?? "surfaces",
+  activatesOn: ActivationEvents.SetupReactSurface,
+  activate: () => ReactSurface({
+    logStore
+  })
+})), AppPlugin.addTranslationsModule({
+  translations
+}), Plugin.addModule({
+  id: "setup-devtools",
+  activatesOn: ActivationEvents.Startup,
+  activate: () => Effect.sync(() => setupDevtools())
+}), Plugin.make);
+var setupDevtools = () => {
+  globalThis.composer ??= {};
+  globalThis.composer.changeStorageVersionInMetadata = async (version) => {
+    const { changeStorageVersionInMetadata } = await import("@dxos/echo-pipeline/testing");
+    const { createStorageObjects } = await import("@dxos/client-services");
+    const client = window.dxos.client;
+    const config = client.config;
+    await client.destroy();
+    const { storage } = createStorageObjects(config.values?.runtime?.client?.storage ?? {});
+    await changeStorageVersionInMetadata(storage, version);
+    location.pathname = "/";
+  };
+};
+var DebugPlugin_default = DebugPlugin;
+export {
+  DebugPlugin,
+  DebugPlugin_default as default
+};
+//# sourceMappingURL=DebugPlugin.mjs.map

package/dist/lib/neutral/DebugPlugin.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/DebugPlugin.tsx"],
+  "sourcesContent": ["//\n// Copyright 2023 DXOS.org\n//\n\nimport * as Effect from 'effect/Effect';\n\nimport { ActivationEvents, Capability, Plugin } from '@dxos/app-framework';\nimport { AppPlugin } from '@dxos/app-toolkit';\nimport { type Client } from '@dxos/react-client';\n\nimport { AppGraphBuilder, DebugSettings, ReactContext, ReactSurface } from '#capabilities';\nimport { meta } from '#meta';\nimport { translations } from '#translations';\nimport { type DebugPluginOptions } from '#types';\n\n// TODO(wittjosiah): Factor out DevtoolsPlugin?\n\nexport const DebugPlugin = Plugin.define<DebugPluginOptions>(meta).pipe(\n  AppPlugin.addAppGraphModule({ activate: AppGraphBuilder }),\n  AppPlugin.addReactContextModule({ activate: ReactContext }),\n  AppPlugin.addSettingsModule({ activate: DebugSettings }),\n  Plugin.addModule(({ logStore }) => ({\n    id: Capability.getModuleTag(ReactSurface) ?? 'surfaces',\n    activatesOn: ActivationEvents.SetupReactSurface,\n    activate: () => ReactSurface({ logStore }),\n  })),\n  AppPlugin.addTranslationsModule({ translations }),\n  Plugin.addModule({\n    id: 'setup-devtools',\n    activatesOn: ActivationEvents.Startup,\n    activate: () => Effect.sync(() => setupDevtools()),\n  }),\n  Plugin.make,\n);\n\nconst setupDevtools = () => {\n  (globalThis as any).composer ??= {};\n\n  // Used to test how composer handles breaking protocol changes.\n  (globalThis as any).composer.changeStorageVersionInMetadata = async (version: number) => {\n    const { changeStorageVersionInMetadata } = await import('@dxos/echo-pipeline/testing');\n    const { createStorageObjects } = await import('@dxos/client-services');\n    const client: Client = (window as any).dxos.client;\n    const config = client.config;\n    await client.destroy();\n    const { storage } = createStorageObjects(config.values?.runtime?.client?.storage ?? {});\n    await changeStorageVersionInMetadata(storage, version);\n    location.pathname = '/';\n  };\n};\n\nexport default DebugPlugin;\n"],
+  "mappings": ";;;AAIA,YAAYA,YAAY;AAExB,SAASC,kBAAkBC,YAAYC,cAAc;AACrD,SAASC,iBAAiB;AAG1B,SAASC,iBAAiBC,eAAeC,cAAcC,oBAAoB;AAC3E,SAASC,YAAY;AACrB,SAASC,oBAAoB;AAKtB,IAAMC,cAAcR,OAAOS,OAA2BH,IAAAA,EAAMI,KACjET,UAAUU,kBAAkB;EAAEC,UAAUV;AAAgB,CAAA,GACxDD,UAAUY,sBAAsB;EAAED,UAAUR;AAAa,CAAA,GACzDH,UAAUa,kBAAkB;EAAEF,UAAUT;AAAc,CAAA,GACtDH,OAAOe,UAAU,CAAC,EAAEC,SAAQ,OAAQ;EAClCC,IAAIlB,WAAWmB,aAAab,YAAAA,KAAiB;EAC7Cc,aAAarB,iBAAiBsB;EAC9BR,UAAU,MAAMP,aAAa;IAAEW;EAAS,CAAA;AAC1C,EAAA,GACAf,UAAUoB,sBAAsB;EAAEd;AAAa,CAAA,GAC/CP,OAAOe,UAAU;EACfE,IAAI;EACJE,aAAarB,iBAAiBwB;EAC9BV,UAAU,MAAaW,YAAK,MAAMC,cAAAA,CAAAA;AACpC,CAAA,GACAxB,OAAOyB,IAAI;AAGb,IAAMD,gBAAgB,MAAA;AACnBE,aAAmBC,aAAa,CAAC;AAGjCD,aAAmBC,SAASC,iCAAiC,OAAOC,YAAAA;AACnE,UAAM,EAAED,+BAA8B,IAAK,MAAM,OAAO,6BAAA;AACxD,UAAM,EAAEE,qBAAoB,IAAK,MAAM,OAAO,uBAAA;AAC9C,UAAMC,SAAkBC,OAAeC,KAAKF;AAC5C,UAAMG,SAASH,OAAOG;AACtB,UAAMH,OAAOI,QAAO;AACpB,UAAM,EAAEC,QAAO,IAAKN,qBAAqBI,OAAOG,QAAQC,SAASP,QAAQK,WAAW,CAAC,CAAA;AACrF,UAAMR,+BAA+BQ,SAASP,OAAAA;AAC9CU,aAASC,WAAW;EACtB;AACF;AAEA,IAAA,sBAAehC;",
+  "names": ["Effect", "ActivationEvents", "Capability", "Plugin", "AppPlugin", "AppGraphBuilder", "DebugSettings", "ReactContext", "ReactSurface", "meta", "translations", "DebugPlugin", "define", "pipe", "addAppGraphModule", "activate", "addReactContextModule", "addSettingsModule", "addModule", "logStore", "id", "getModuleTag", "activatesOn", "SetupReactSurface", "addTranslationsModule", "Startup", "sync", "setupDevtools", "make", "globalThis", "composer", "changeStorageVersionInMetadata", "version", "createStorageObjects", "client", "window", "dxos", "config", "destroy", "storage", "values", "runtime", "location", "pathname"]
+}

package/dist/lib/neutral/DebugPlugin.node.mjs

@@ -0,0 +1,18 @@
+import "./chunk-J5LGTIGS.mjs";
+
+// src/DebugPlugin.node.ts
+import { Plugin } from "@dxos/app-framework";
+import { AppPlugin } from "@dxos/app-toolkit";
+import { AppGraphBuilder, DebugSettings } from "#capabilities";
+import { meta } from "#meta";
+var DebugPlugin = Plugin.define(meta).pipe(AppPlugin.addAppGraphModule({
+  activate: AppGraphBuilder
+}), AppPlugin.addSettingsModule({
+  activate: DebugSettings
+}), Plugin.make);
+var DebugPlugin_node_default = DebugPlugin;
+export {
+  DebugPlugin,
+  DebugPlugin_node_default as default
+};
+//# sourceMappingURL=DebugPlugin.node.mjs.map

package/dist/lib/neutral/DebugPlugin.node.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/DebugPlugin.node.ts"],
+  "sourcesContent": ["//\n// Copyright 2023 DXOS.org\n//\n\nimport { Plugin } from '@dxos/app-framework';\nimport { AppPlugin } from '@dxos/app-toolkit';\n\nimport { AppGraphBuilder, DebugSettings } from '#capabilities';\nimport { meta } from '#meta';\nimport { type DebugPluginOptions } from '#types';\n\nexport const DebugPlugin = Plugin.define<DebugPluginOptions>(meta).pipe(\n  AppPlugin.addAppGraphModule({ activate: AppGraphBuilder }),\n  AppPlugin.addSettingsModule({ activate: DebugSettings }),\n  Plugin.make,\n);\n\nexport default DebugPlugin;\n"],
+  "mappings": ";;;AAIA,SAASA,cAAc;AACvB,SAASC,iBAAiB;AAE1B,SAASC,iBAAiBC,qBAAqB;AAC/C,SAASC,YAAY;AAGd,IAAMC,cAAcL,OAAOM,OAA2BF,IAAAA,EAAMG,KACjEN,UAAUO,kBAAkB;EAAEC,UAAUP;AAAgB,CAAA,GACxDD,UAAUS,kBAAkB;EAAED,UAAUN;AAAc,CAAA,GACtDH,OAAOW,IAAI;AAGb,IAAA,2BAAeN;",
+  "names": ["Plugin", "AppPlugin", "AppGraphBuilder", "DebugSettings", "meta", "DebugPlugin", "define", "pipe", "addAppGraphModule", "activate", "addSettingsModule", "make"]
+}

package/dist/lib/neutral/DebugSettings-Z3XADRNK.mjs

@@ -0,0 +1,224 @@
+import "./chunk-J5LGTIGS.mjs";
+
+// src/components/DebugSettings/DebugSettings.tsx
+import React, { useCallback, useEffect, useMemo, useState } from "react";
+import { getPersonalSpace } 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 as SettingsForm } 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";
+var StorageAdapters = {
+  opfs: defs.Runtime.Client.Storage.StorageDriver.WEBFS,
+  idb: defs.Runtime.Client.Storage.StorageDriver.IDB
+};
+var DebugSettings = ({ settings, onSettingsChange, logStore, onUpload }) => {
+  const { t } = useTranslation(meta.id);
+  const [toast, setToast] = useState();
+  const download = useFileDownload();
+  const [storageConfig, setStorageConfig] = useState({});
+  const client = useClient();
+  useEffect(() => {
+    void Storage().then((config) => setStorageConfig(config));
+  }, []);
+  const handleToast = useCallback((toast2) => {
+    setToast(toast2);
+    const timer = setTimeout(() => setToast(void 0), 5e3);
+    return () => clearTimeout(timer);
+  }, [
+    setToast
+  ]);
+  const handleDownload = useCallback(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 (onUpload) {
+      const personalSpace = getPersonalSpace(client);
+      if (!personalSpace) {
+        log.error("no personal space available for upload", void 0, { "~LogMeta": "~LogMeta", F: __dxlog_file, L: 46, 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 });
+        return;
+      }
+      handleToast({
+        title: t("settings.uploaded.message"),
+        description: t("settings.uploaded.description")
+      });
+      const url = client.config.values.runtime.services.ipfs.gateway + "/" + info.cid;
+      void navigator.clipboard.writeText(url);
+      handleToast({
+        title: t("settings.uploaded.message"),
+        description: t("settings.uploaded.description")
+      });
+      log.info("diagnostics", {
+        url
+      }, { "~LogMeta": "~LogMeta", F: __dxlog_file, L: 67, S: void 0 });
+    }
+  }, [
+    client,
+    download,
+    handleToast,
+    onUpload,
+    t
+  ]);
+  const handleDownloadLogs = useCallback(async () => {
+    const ndjson = await logStore.export();
+    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);
+  }, [
+    download,
+    logStore
+  ]);
+  const handleRepair = useCallback(async () => {
+    try {
+      const info = await client.repair();
+      setStorageConfig(await Storage());
+      handleToast({
+        title: t("settings.repair-success.message"),
+        description: JSON.stringify(info, void 0, 2)
+      });
+    } catch (err) {
+      handleToast({
+        title: t("settings.repair-failed.message"),
+        description: err.message
+      });
+    }
+  }, [
+    client,
+    handleToast,
+    t
+  ]);
+  const handleWireframeChange = useCallback((checked) => onSettingsChange?.((s) => ({
+    ...s,
+    wireframe: !!checked
+  })), [
+    onSettingsChange
+  ]);
+  const traceAll = useMemo(() => settings.traceAll ?? (typeof localStorage !== "undefined" && localStorage.getItem(TRACE_ALL_KEY) === "true"), [
+    settings.traceAll
+  ]);
+  const handleTraceAllChange = useCallback((checked) => {
+    const value = !!checked;
+    localStorage.setItem(TRACE_ALL_KEY, String(value));
+    onSettingsChange?.((s) => ({
+      ...s,
+      traceAll: value
+    }));
+  }, [
+    onSettingsChange
+  ]);
+  const handleOpenTracingPanel = useCallback(() => {
+    window.open("about:blank", "_blank");
+  }, []);
+  const handleStorageAdapterChange = useCallback((value) => {
+    if (confirm(t("settings.storage-adapter.changed-alert.message"))) {
+      updateConfig(storageConfig, setStorageConfig, [
+        "runtime",
+        "client",
+        "storage",
+        "dataStore"
+      ], StorageAdapters[value]);
+    }
+  }, [
+    storageConfig,
+    t
+  ]);
+  return /* @__PURE__ */ React.createElement(SettingsForm.Viewport, null, /* @__PURE__ */ React.createElement(SettingsForm.Section, {
+    title: t("settings.title", {
+      ns: meta.id
+    })
+  }, /* @__PURE__ */ React.createElement(SettingsForm.Item, {
+    title: t("settings.wireframe.label"),
+    description: t("settings.wireframe.description")
+  }, /* @__PURE__ */ React.createElement(Input.Switch, {
+    disabled: !onSettingsChange,
+    checked: settings.wireframe,
+    onCheckedChange: handleWireframeChange
+  })), /* @__PURE__ */ React.createElement(SettingsForm.Item, {
+    title: t("settings.trace-all.label"),
+    description: t("settings.trace-all.description")
+  }, /* @__PURE__ */ React.createElement(Input.Switch, {
+    disabled: !onSettingsChange,
+    checked: traceAll,
+    onCheckedChange: handleTraceAllChange
+  })), /* @__PURE__ */ React.createElement(SettingsForm.Item, {
+    title: 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"),
+    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"),
+    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"),
+    description: t("settings.repair.description")
+  }, /* @__PURE__ */ React.createElement(IconButton, {
+    icon: "ph--first-aid-kit--regular",
+    iconOnly: true,
+    label: t("settings.repair.label"),
+    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",
+    classNames: "inline mr-1"
+  }), /* @__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"),
+    description: t("settings.choose-storage-adaptor.description")
+  }, /* @__PURE__ */ React.createElement(Select.Root, {
+    disabled: !onSettingsChange,
+    value: Object.entries(StorageAdapters).find(([_name, value]) => value === storageConfig?.runtime?.client?.storage?.dataStore)?.[0],
+    onValueChange: handleStorageAdapterChange
+  }, /* @__PURE__ */ React.createElement(Select.TriggerButton, {
+    disabled: !onSettingsChange,
+    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);
+  });
+};
+export {
+  DebugSettings as default
+};
+//# sourceMappingURL=DebugSettings-Z3XADRNK.mjs.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/components/DebugSettings/DebugSettings.tsx"],
+  "sourcesContent": ["//\n// Copyright 2023 DXOS.org\n//\n\nimport React, { useCallback, useEffect, useMemo, useState } from 'react';\n\nimport { AppCapabilities, getPersonalSpace } 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 { Icon, IconButton, Input, Select, Toast, useFileDownload, useTranslation } from '@dxos/react-ui';\nimport { Settings as SettingsForm } from '@dxos/react-ui-form';\nimport { TRACE_ALL_KEY } from '@dxos/tracing';\nimport { setDeep } from '@dxos/util';\n\nimport { meta } from '#meta';\nimport { type 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.SettingsArticleProps<\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.id);\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 = 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    <SettingsForm.Viewport>\n      <SettingsForm.Section title={t('settings.title', { ns: meta.id })}>\n        <SettingsForm.Item title={t('settings.wireframe.label')} description={t('settings.wireframe.description')}>\n          <Input.Switch\n            disabled={!onSettingsChange}\n            checked={settings.wireframe}\n            onCheckedChange={handleWireframeChange}\n          />\n        </SettingsForm.Item>\n        <SettingsForm.Item title={t('settings.trace-all.label')} description={t('settings.trace-all.description')}>\n          <Input.Switch disabled={!onSettingsChange} checked={traceAll} onCheckedChange={handleTraceAllChange} />\n        </SettingsForm.Item>\n        <SettingsForm.Item\n          title={t('settings.tracing-panel.label')}\n          description={t('settings.tracing-panel.description')}\n        >\n          <IconButton\n            icon='ph--arrow-square-out--regular'\n            iconOnly\n            label={t('settings.tracing-panel.label')}\n            onClick={handleOpenTracingPanel}\n          />\n        </SettingsForm.Item>\n        <SettingsForm.Item\n          title={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        </SettingsForm.Item>\n        <SettingsForm.Item\n          title={t('settings.download-logs.label')}\n          description={t('settings.download-logs.description')}\n        >\n          <IconButton\n            icon='ph--download-simple--regular'\n            iconOnly\n            label={t('settings.download-logs.label')}\n            onClick={handleDownloadLogs}\n          />\n        </SettingsForm.Item>\n        <SettingsForm.Item title={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        </SettingsForm.Item>\n\n        {/* TODO(burdon): Move to layout? */}\n        {toast && (\n          <Toast.Root>\n            <Toast.Body>\n              <Toast.Title>\n                <Icon icon='ph--gift--duotone' 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        <SettingsForm.Item\n          title={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        </SettingsForm.Item>\n      </SettingsForm.Section>\n    </SettingsForm.Viewport>\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", "getPersonalSpace", "SaveConfig", "Storage", "defs", "log", "useClient", "Icon", "IconButton", "Input", "Select", "Toast", "useFileDownload", "useTranslation", "Settings", "SettingsForm", "TRACE_ALL_KEY", "setDeep", "meta", "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", "disabled", "wireframe", "onCheckedChange", "traceAll", "icon", "iconOnly", "label", "onClick", "handleOpenTracingPanel", "handleDownload", "handleDownloadLogs", "handleRepair", "classNames", "Object", "entries", "find", "_name", "onValueChange", "TriggerButton", "key", "updateConfig", "path", "storageConfigCopy", "setConfig", "queueMicrotask"]
+}

package/dist/lib/neutral/DebugSpaceObjectsPanel-NISULU6U.mjs

@@ -0,0 +1,34 @@
+import "./chunk-J5LGTIGS.mjs";
+
+// src/containers/DebugSpaceObjectsPanel/DebugSpaceObjectsPanel.tsx
+import React, { useState } from "react";
+import { ObjectsTree } from "@dxos/devtools";
+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 }) => {
+  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, {
+    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: space.db,
+    onSelect: (entity) => setSelectedId(entity.id)
+  }))), selectedObject && /* @__PURE__ */ React.createElement(JsonHighlighter, {
+    classNames: "p-1",
+    data: selectedObject
+  })))));
+};
+export {
+  DebugSpaceObjectsPanel as default
+};
+//# sourceMappingURL=DebugSpaceObjectsPanel-NISULU6U.mjs.map

package/dist/lib/neutral/DebugSpaceObjectsPanel-NISULU6U.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 { Filter, Query } from '@dxos/echo';\nimport { type ObjectId } 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\nexport const DebugSpaceObjectsPanel = ({ space }: DebugSpaceObjectsPanelProps) => {\n  const [selectedId, setSelectedId] = useState<ObjectId | 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 db={space.db} onSelect={(entity) => setSelectedId(entity.id)} />\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,SAASC,QAAQC,aAAa;AAE9B,SAASC,gBAAgB;AACzB,SAASC,WAAWC,MAAMC,OAAOC,OAAOC,YAAYC,eAAe;AACnE,SAASC,uBAAuB;AAIzB,IAAMC,yBAAyB,CAAC,EAAEC,MAAK,MAA+B;AAC3E,QAAM,CAACC,YAAYC,aAAAA,IAAiBf,SAA0B,IAAA;AAC9D,QAAM,CAACgB,cAAAA,IAAkBZ,SACvBS,MAAMI,IACNH,aAAaX,MAAMe,OAAOhB,OAAOiB,GAAGL,UAAAA,CAAAA,IAAeX,MAAMe,OAAOhB,OAAOkB,QAAO,CAAA,CAAA;AAGhF,SACE,sBAAA,cAACf,UAAUgB,UAAQ,MACjB,sBAAA,cAACb,MAAMc,MAAI,MACT,sBAAA,cAACd,MAAME,SAAO;IAACa,SAAAA;KACb,sBAAA,cAACb,QAAQY,MAAI,MACX,sBAAA,cAACf,MAAMe,MAAI,MACT,sBAAA,cAACf,MAAMiB,WAAS;IAACC,UAAAA;IAASC,aAAY;SAI5C,sBAAA,cAAClB,MAAMmB,SAAO;IAACJ,SAAAA;KACb,sBAAA,cAACjB,MAAAA;IAAKsB,MAAM;IAAGC,YAAW;KACxB,sBAAA,cAACpB,WAAWa,MAAI,MACd,sBAAA,cAACb,WAAWqB,UAAQ,MAClB,sBAAA,cAAC7B,aAAAA;IAAYgB,IAAIJ,MAAMI;IAAIc,UAAU,CAACC,WAAWjB,cAAciB,OAAOb,EAAE;QAG3EH,kBAAkB,sBAAA,cAACL,iBAAAA;IAAgBkB,YAAW;IAAMI,MAAMjB;;AAMvE;",
+  "names": ["React", "useState", "ObjectsTree", "Filter", "Query", "useQuery", "Clipboard", "Grid", "Input", "Panel", "ScrollArea", "Toolbar", "JsonHighlighter", "DebugSpaceObjectsPanel", "space", "selectedId", "setSelectedId", "selectedObject", "db", "select", "id", "nothing", "Provider", "Root", "asChild", "TextInput", "disabled", "placeholder", "Content", "rows", "classNames", "Viewport", "onSelect", "entity", "data"]
+}

package/dist/lib/neutral/DebugStatus-YB3KFP7G.mjs

@@ -0,0 +1,121 @@
+import "./chunk-J5LGTIGS.mjs";
+
+// src/containers/DebugStatus/DebugStatus.tsx
+import React, { useEffect, useRef, useState } from "react";
+import { TimeoutError } from "@dxos/async";
+import { StatusBar } from "@dxos/plugin-status-bar/components";
+import { ConnectionState } from "@dxos/protocols/proto/dxos/client/services";
+import { useNetworkStatus } from "@dxos/react-client/mesh";
+import { IconButton } 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.Item, null, /* @__PURE__ */ React.createElement(IconButton, {
+      icon: "ph--warning-circle--duotone",
+      iconOnly: true,
+      label: errorRef.current.message,
+      classNames: styles.error,
+      onClick: handleReset
+    }));
+  } else {
+    return /* @__PURE__ */ React.createElement(StatusBar.Item, null, /* @__PURE__ */ React.createElement(IconButton, {
+      variant: "ghost",
+      icon: "ph--check--regular",
+      iconOnly: true,
+      label: "No errors."
+    }));
+  }
+};
+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, null, /* @__PURE__ */ React.createElement(IconButton, {
+      variant: "ghost",
+      icon: "ph--lightning--regular",
+      iconOnly: true,
+      label: "Connected to swarm."
+    }));
+  } else {
+    return /* @__PURE__ */ React.createElement(StatusBar.Item, null, /* @__PURE__ */ React.createElement(IconButton, {
+      variant: "ghost",
+      icon: "ph--lightning-slash--regular",
+      iconOnly: true,
+      label: "Disconnected from swarm.",
+      classNames: styles.warning
+    }));
+  }
+};
+var SavingIndicator = () => {
+  const [state, _setState] = useState(0);
+  switch (state) {
+    case 2:
+      return /* @__PURE__ */ React.createElement(StatusBar.Item, null, /* @__PURE__ */ React.createElement(IconButton, {
+        variant: "ghost",
+        icon: "ph--circle--duotone",
+        iconOnly: true,
+        label: "Edit not saved.",
+        classNames: styles.warning
+      }));
+    case 1:
+      return /* @__PURE__ */ React.createElement(StatusBar.Item, null, /* @__PURE__ */ React.createElement(IconButton, {
+        variant: "ghost",
+        icon: "ph--circle--duotone",
+        iconOnly: true,
+        label: "Saving...",
+        classNames: styles.success
+      }));
+    case 0:
+    default:
+      return /* @__PURE__ */ React.createElement(StatusBar.Item, null, /* @__PURE__ */ React.createElement(IconButton, {
+        variant: "ghost",
+        icon: "ph--circle--duotone",
+        iconOnly: true,
+        label: "Modified indicator."
+      }));
+  }
+};
+var indicators = [
+  SavingIndicator,
+  SwarmIndicator,
+  ErrorIndicator
+];
+var DebugStatus = () => {
+  return /* @__PURE__ */ React.createElement(React.Fragment, null, indicators.map((Indicator) => /* @__PURE__ */ React.createElement(Indicator, {
+    key: Indicator.name
+  })));
+};
+export {
+  DebugStatus as default
+};
+//# sourceMappingURL=DebugStatus-YB3KFP7G.mjs.map