@dxos/plugin-debug 0.8.3 → 0.8.4-main.1c7ec43d41

package/src/translations.ts

@@ -2,69 +2,90 @@
 // Copyright 2023 DXOS.org
 //
 
-import { DEBUG_PLUGIN } from './meta';
+import { type Resource } from '@dxos/react-ui';
+import { translations as introspectTranslations } from '@dxos/react-ui-introspect/translations';
 
-export default [
+import { meta } from '#meta';
+
+export const translations = [
+  ...introspectTranslations,
   {
     'en-US': {
-      [DEBUG_PLUGIN]: {
-        'plugin name': 'Debug',
-        'mutation count': 'Number of mutations',
-        'mutation period': 'Mutation period',
-        'open devtools label': 'Open DevTools',
-        'devtools label': 'DevTools',
-        'devtools overview label': 'DevTools Stats',
-        'debug label': 'Debug',
-        'settings show debug panel': 'Show Debug panel.',
-        'settings show devtools panel': 'Show DevTools panel.',
-        'settings wireframe': 'Show wireframes.',
-        'settings repair': 'Run repair tool.',
-        'settings download diagnostics': 'Download diagnostics.',
-        'settings uploaded': 'Uploaded to IPFS',
-        'settings uploaded to clipboard': 'URL copied to clipboard.',
-        'settings repair success': 'Repair succeeded',
-        'settings repair failed': 'Repair failed',
-        'settings choose storage adaptor': 'Storage adaptor (worker reload required).',
-        'settings storage adaptor idb label': 'IndexedDB',
-        'settings storage adaptor opfs label': 'OPFS',
-        'settings data store label': 'Data Store',
-        'settings storage adapter changed alert':
+      [meta.id]: {
+        'plugin.name': 'Debug',
+        'settings.title': 'Debug settings',
+        'open-devtools.label': 'Open DevTools',
+        'devtools.label': 'DevTools',
+        'devtools-overview.label': 'Stats',
+        'space-objects.label': 'Database',
+        'debug.label': 'Debug',
+        'generate-objects.label': 'Generate Objects',
+        'debug-app-graph.label': 'App Graph',
+        'debug-tools-explorer.label': 'Tools Explorer',
+
+        'settings.wireframe.label': 'Show wireframes.',
+        'settings.wireframe.description': 'Overlay wireframe outlines on UI components for debugging layout.',
+        'settings.trace-all.label': 'Trace all requests (100% sampling).',
+        'settings.trace-all.description':
+          'Override the default 30% sampling rate to capture all traces. Requires page reload to take effect.',
+        'settings.tracing-panel.label': 'Open tracing panel.',
+        'settings.tracing-panel.description': 'Open the tracing dashboard to inspect captured spans.',
+        'settings.repair.label': 'Run repair tool.',
+        'settings.repair.description': 'Attempt to detect and fix inconsistencies in local data storage.',
+        'settings.download-diagnostics.label': 'Download diagnostics.',
+        'settings.download-diagnostics.description':
+          'Export a JSON file containing client diagnostics for troubleshooting.',
+        'settings.download-logs.label': 'Download log buffer.',
+        'settings.download-logs.description': 'Export the in-memory log buffer as an NDJSON file.',
+        'settings.uploaded.message': 'Settings uploaded.',
+        'settings.uploaded.description': 'URL copied to clipboard.',
+        'settings.choose-storage-adaptor.label': 'Storage adaptor (worker reload required).',
+        'settings.choose-storage-adaptor.description':
+          'Select the browser storage backend. Changing this requires a worker reload and may make existing data unavailable.',
+        'settings.repair-success.message': 'Repair succeeded',
+        'settings.repair-failed.message': 'Repair failed',
+
+        'settings.storage-adaptor.idb.label': 'IndexedDB',
+        'settings.storage-adaptor.opfs.label': 'OPFS',
+        'settings.storage-adapter.changed-alert.message':
           'Warning: Swapping the storage adapter will make your data unavailable.',
-        'settings space fragmentation': 'Enable AM space fragmentation',
-        'open debug panel label': 'Show Debug',
-        'client label': 'Client',
-        'config label': 'Config',
-        'storage label': 'Storage',
-        'logs label': 'Logs',
-        'diagnostics label': 'Diagnostics',
-        'tracing label': 'Tracing',
-        'halo label': 'HALO',
-        'identity label': 'Identity',
-        'devices label': 'Devices',
-        'keyring label': 'Keyring',
-        'credentials label': 'Credentials',
-        'echo label': 'ECHO',
-        'spaces label': 'Spaces',
-        'space label': 'Space',
-        'feeds label': 'Feeds',
-        'objects label': 'Objects',
-        'schema label': 'Schema',
-        'automerge label': 'Automerge',
-        'queues label': 'Queues',
-        'members label': 'Members',
-        'metadata label': 'Metadata',
-        'mesh label': 'MESH',
-        'signal label': 'Signal',
-        'swarm label': 'Swarm',
-        'network label': 'Network',
-        'agent label': 'Agent',
-        'dashboard label': 'Dashboard',
-        'search label': 'Search',
-        'edge label': 'EDGE',
-        'workflows label': 'Workflows',
-        'traces label': 'Traces',
-        'testing label': 'Testing',
+
+        'settings.data-store.label': 'Data Store',
+
+        'open-debug-panel.label': 'Show Debug',
+        'client.label': 'Client',
+        'config.label': 'Config',
+        'storage.label': 'Storage',
+        'logs.label': 'Logs',
+        'diagnostics.label': 'Diagnostics',
+        'tracing.label': 'Tracing',
+        'halo.label': 'HALO',
+        'identity.label': 'Identity',
+        'devices.label': 'Devices',
+        'keyring.label': 'Keyring',
+        'credentials.label': 'Credentials',
+        'echo.label': 'ECHO',
+        'spaces.label': 'Spaces',
+        'space.label': 'Space',
+        'feeds.label': 'Feeds',
+        'objects.label': 'Objects',
+        'schema.label': 'Schema',
+        'automerge.label': 'Automerge',
+        'queues.label': 'Queues',
+        'members.label': 'Members',
+        'metadata.label': 'Metadata',
+        'mesh.label': 'MESH',
+        'signal.label': 'Signal',
+        'swarm.label': 'Swarm',
+        'network.label': 'Network',
+        'agent.label': 'Agent',
+        'dashboard.label': 'Dashboard',
+        'search.label': 'Search',
+        'edge.label': 'EDGE',
+        'workflows.label': 'Workflows',
+        'traces.label': 'Traces',
+        'testing.label': 'Testing',
       },
     },
   },
-];
+] as const satisfies Resource[];

package/src/types/Settings.ts

@@ -0,0 +1,16 @@
+//
+// Copyright 2023 DXOS.org
+//
+
+// @import-as-namespace
+
+import * as Schema from 'effect/Schema';
+
+export const Settings = Schema.mutable(
+  Schema.Struct({
+    wireframe: Schema.optional(Schema.Boolean),
+    traceAll: Schema.optional(Schema.Boolean),
+  }),
+);
+
+export interface Settings extends Schema.Schema.Type<typeof Settings> {}

package/src/{types.ts → types/index.ts}

@@ -2,10 +2,23 @@
 // Copyright 2023 DXOS.org
 //
 
-import { Schema } from 'effect';
+import { type Atom } from '@effect-atom/atom-react';
 import { type Context, createContext } from 'react';
 
+import { Capability } from '@dxos/app-framework';
 import type { TimerCallback, TimerOptions } from '@dxos/async';
+import { type IdbLogStore } from '@dxos/log-store-idb';
+
+import { meta } from '#meta';
+
+import * as Settings from './Settings';
+
+export * as Settings from './Settings';
+
+export type DebugPluginOptions = {
+  /** Shared persistent log store for capturing and downloading logs. */
+  logStore?: IdbLogStore;
+};
 
 export type DebugContextType = {
   running: boolean;
@@ -19,17 +32,14 @@ export const DebugContext: Context<DebugContextType> = createContext<DebugContex
   stop: () => {},
 });
 
-export const DebugSettingsSchema = Schema.mutable(
-  Schema.Struct({
-    wireframe: Schema.optional(Schema.Boolean),
-  }),
-);
-
-export interface DebugSettingsProps extends Schema.Schema.Type<typeof DebugSettingsSchema> {}
+export namespace DebugCapabilities {
+  export const Settings = Capability.make<Atom.Writable<Settings.Settings>>(`${meta.id}.capability.settings`);
+}
 
 export namespace Devtools {
-  // TODO(wittjosiah): Cannot use slashes in ids until we have a router which decouples ids from url paths.
-  export const id = 'dxos.org.plugin.debug.devtools';
+  export const id = `${meta.id}.devtools`;
+
+  export const ToolsExplorer = `${Devtools.id}.tools-explorer`;
 
   export namespace Client {
     export const id = `${Devtools.id}.client`;
@@ -37,7 +47,6 @@ export namespace Devtools {
     export const Storage = `${Devtools.Client.id}.storage`;
     export const Logs = `${Devtools.Client.id}.logs`;
     export const Diagnostics = `${Devtools.Client.id}.diagnostics`;
-    export const Tracing = `${Devtools.Client.id}.tracing`;
   }
 
   export namespace Halo {

package/dist/lib/browser/DebugApp-WSEJPCKY.mjs

@@ -1,225 +0,0 @@
-// packages/plugins/plugin-debug/src/components/DebugApp/DebugApp.tsx
-import { useSignals as _useSignals3 } from "@preact-signals/safe-react/tracking";
-import { Gauge, Graph as GraphIcon, Gear, Toolbox, Warning } from "@phosphor-icons/react";
-import React3, { useEffect, useState as useState2 } from "react";
-import { useClient, useConfig } from "@dxos/react-client";
-import { Button, ToggleGroup, ToggleGroupItem, Toolbar } from "@dxos/react-ui";
-import { getSize, mx as mx2 } from "@dxos/react-ui-theme";
-
-// packages/plugins/plugin-debug/src/components/DebugApp/Tree.tsx
-import { useSignals as _useSignals } from "@preact-signals/safe-react/tracking";
-import React, { useState } from "react";
-import { SyntaxHighlighter } from "@dxos/react-ui-syntax-highlighter";
-import { mx } from "@dxos/react-ui-theme";
-import { arrayToBuffer } from "@dxos/util";
-var replacer = (key, value) => {
-  if (typeof value === "object") {
-    if (value instanceof Uint8Array) {
-      return arrayToBuffer(value).toString("hex");
-    }
-    if (value?.type === "Buffer") {
-      return Buffer.from(value.data).toString("hex");
-    }
-    if (key === "downloaded") {
-      return void 0;
-    }
-  }
-  return value;
-};
-var Json = ({ data }) => {
-  var _effect = _useSignals();
-  try {
-    return /* @__PURE__ */ React.createElement(SyntaxHighlighter, {
-      language: "json"
-    }, JSON.stringify(data, replacer, 2));
-  } finally {
-    _effect.f();
-  }
-};
-var Tree = ({ data }) => {
-  var _effect = _useSignals();
-  try {
-    return /* @__PURE__ */ React.createElement("div", {
-      className: "p-2"
-    }, /* @__PURE__ */ React.createElement(Node, {
-      data,
-      root: true
-    }));
-  } finally {
-    _effect.f();
-  }
-};
-var Node = ({ data, root }) => {
-  var _effect = _useSignals();
-  try {
-    if (typeof data !== "object" || data === void 0 || data === null) {
-      return /* @__PURE__ */ React.createElement(Scalar, {
-        value: data
-      });
-    }
-    if (Array.isArray(data)) {
-      return /* @__PURE__ */ React.createElement("div", {
-        className: "flex flex-col space-y-2"
-      }, data.map((value, index) => /* @__PURE__ */ React.createElement(KeyValue, {
-        key: index,
-        label: String(index),
-        data: value,
-        className: "bg-teal-50"
-      })));
-    }
-    return /* @__PURE__ */ React.createElement("div", {
-      className: "flex flex-col space-y-2"
-    }, Object.entries(data).map(([key, value]) => /* @__PURE__ */ React.createElement(KeyValue, {
-      key,
-      label: key,
-      data: value,
-      className: "bg-blue-50"
-    })));
-  } finally {
-    _effect.f();
-  }
-};
-var KeyValue = ({ label, data, className }) => {
-  var _effect = _useSignals();
-  try {
-    const [open, setOpen] = useState(true);
-    if (data === void 0) {
-      return null;
-    }
-    return /* @__PURE__ */ React.createElement("div", {
-      className: "flex"
-    }, /* @__PURE__ */ React.createElement(Box, {
-      className: mx("border-blue-200 text-sm select-none cursor-pointer", className),
-      onClick: () => setOpen((open2) => !open2)
-    }, label), open && /* @__PURE__ */ React.createElement(Node, {
-      data
-    }));
-  } finally {
-    _effect.f();
-  }
-};
-var Scalar = ({ value }) => {
-  var _effect = _useSignals();
-  try {
-    return /* @__PURE__ */ React.createElement(Box, {
-      className: "bg-green-50 border-green-200 rounded-r text-sm font-thin"
-    }, value === void 0 && "undefined" || value === null && "null" || typeof value === "string" && value || JSON.stringify(value));
-  } finally {
-    _effect.f();
-  }
-};
-var Box = ({ children, className, ...props }) => {
-  var _effect = _useSignals();
-  try {
-    return /* @__PURE__ */ React.createElement("div", {
-      className: mx("flex px-2 border border-l-0 font-mono truncate", className),
-      ...props
-    }, children);
-  } finally {
-    _effect.f();
-  }
-};
-
-// packages/plugins/plugin-debug/src/components/Container.tsx
-import { useSignals as _useSignals2 } from "@preact-signals/safe-react/tracking";
-import React2 from "react";
-var Container = ({ toolbar, children }) => {
-  var _effect = _useSignals2();
-  try {
-    return /* @__PURE__ */ React2.createElement("div", {
-      role: "none",
-      className: "flex flex-col grow overflow-hidden divide-y divide-separator"
-    }, toolbar, /* @__PURE__ */ React2.createElement("div", {
-      className: "flex flex-col grow overflow-auto"
-    }, children));
-  } finally {
-    _effect.f();
-  }
-};
-
-// packages/plugins/plugin-debug/src/components/DebugApp/DebugApp.tsx
-var DebugApp = ({ graph }) => {
-  var _effect = _useSignals3();
-  try {
-    const [view, setView] = useState2("graph");
-    const [data, setData] = useState2({});
-    const client = useClient();
-    const config = useConfig();
-    const handleRefresh = async () => {
-      const data2 = await client.diagnostics({
-        truncate: true
-      });
-      setData(data2);
-    };
-    useEffect(() => {
-      void handleRefresh();
-    }, []);
-    const handleResetClient = async (force = false) => {
-      if (!force && !window.confirm("Reset storage?")) {
-        return;
-      }
-      await client.reset();
-      window.location.href = window.location.origin;
-    };
-    const handleOpenDevtools = () => {
-      const vaultUrl = config.values?.runtime?.client?.remoteSource;
-      if (vaultUrl) {
-        window.open(`https://devtools.dev.dxos.org/?target=${vaultUrl}`);
-      }
-    };
-    return /* @__PURE__ */ React3.createElement(Container, {
-      toolbar: /* @__PURE__ */ React3.createElement(Toolbar.Root, {
-        classNames: "p-1"
-      }, /* @__PURE__ */ React3.createElement(ToggleGroup, {
-        type: "single",
-        value: view
-      }, /* @__PURE__ */ React3.createElement(ToggleGroupItem, {
-        value: "graph",
-        onClick: () => setView("graph"),
-        title: "Plugin graph"
-      }, /* @__PURE__ */ React3.createElement(GraphIcon, {
-        className: getSize(5)
-      })), /* @__PURE__ */ React3.createElement(ToggleGroupItem, {
-        value: "diagnostics",
-        onClick: () => setView("diagnostics"),
-        title: "Diagnostics"
-      }, /* @__PURE__ */ React3.createElement(Gauge, {
-        className: getSize(5)
-      })), /* @__PURE__ */ React3.createElement(ToggleGroupItem, {
-        value: "config",
-        onClick: () => setView("config"),
-        title: "Config"
-      }, /* @__PURE__ */ React3.createElement(Gear, {
-        className: getSize(5)
-      }))), /* @__PURE__ */ React3.createElement(Toolbar.Separator, {
-        variant: "gap"
-      }), /* @__PURE__ */ React3.createElement(Button, {
-        onClick: (event) => handleResetClient(event.shiftKey),
-        title: "Reset client"
-      }, /* @__PURE__ */ React3.createElement(Warning, {
-        className: mx2(getSize(5), "text-red-700")
-      })), /* @__PURE__ */ React3.createElement(Button, {
-        onClick: handleOpenDevtools,
-        title: "Open Devtools"
-      }, /* @__PURE__ */ React3.createElement(Toolbox, {
-        weight: "duotone",
-        className: mx2(getSize(5), "text-700")
-      })))
-    }, view === "graph" && /* @__PURE__ */ React3.createElement(Tree, {
-      data: graph.toJSON()
-    }), view === "config" && /* @__PURE__ */ React3.createElement(Json, {
-      data: data.diagnostics?.config
-    }), view === "diagnostics" && /* @__PURE__ */ React3.createElement(Json, {
-      data
-    }));
-  } finally {
-    _effect.f();
-  }
-};
-
-// packages/plugins/plugin-debug/src/components/DebugApp/index.ts
-var DebugApp_default = DebugApp;
-export {
-  DebugApp_default as default
-};
-//# sourceMappingURL=DebugApp-WSEJPCKY.mjs.map

package/dist/lib/browser/DebugApp-WSEJPCKY.mjs.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/components/DebugApp/DebugApp.tsx", "../../../src/components/DebugApp/Tree.tsx", "../../../src/components/Container.tsx", "../../../src/components/DebugApp/index.ts"],
-  "sourcesContent": ["//\n// Copyright 2023 DXOS.org\n//\n\nimport { Gauge, Graph as GraphIcon, Gear, Toolbox, Warning } from '@phosphor-icons/react';\nimport React, { type FC, useEffect, useState } from 'react';\n\nimport { type Graph } from '@dxos/plugin-graph';\nimport { useClient, useConfig } from '@dxos/react-client';\nimport { Button, ToggleGroup, ToggleGroupItem, Toolbar } from '@dxos/react-ui';\nimport { getSize, mx } from '@dxos/react-ui-theme';\n\nimport { Json, Tree } from './Tree';\nimport { Container } from '../Container';\n\nexport const DebugApp: FC<{ graph: Graph }> = ({ graph }) => {\n  const [view, setView] = useState<'config' | 'diagnostics' | 'graph'>('graph');\n  const [data, setData] = useState<any>({});\n  const client = useClient();\n  const config = useConfig();\n  const handleRefresh = async () => {\n    const data = await client.diagnostics({ truncate: true });\n    setData(data);\n  };\n  useEffect(() => {\n    void handleRefresh();\n  }, []);\n\n  const handleResetClient = async (force = false) => {\n    if (!force && !window.confirm('Reset storage?')) {\n      return;\n    }\n\n    // TODO(burdon): Throws exception.\n    await client.reset();\n    window.location.href = window.location.origin;\n  };\n\n  const handleOpenDevtools = () => {\n    const vaultUrl = config.values?.runtime?.client?.remoteSource;\n    if (vaultUrl) {\n      window.open(`https://devtools.dev.dxos.org/?target=${vaultUrl}`);\n    }\n  };\n\n  return (\n    <Container\n      toolbar={\n        <Toolbar.Root classNames='p-1'>\n          <ToggleGroup type='single' value={view}>\n            <ToggleGroupItem value={'graph'} onClick={() => setView('graph')} title={'Plugin graph'}>\n              <GraphIcon className={getSize(5)} />\n            </ToggleGroupItem>\n            <ToggleGroupItem value={'diagnostics'} onClick={() => setView('diagnostics')} title={'Diagnostics'}>\n              <Gauge className={getSize(5)} />\n            </ToggleGroupItem>\n            <ToggleGroupItem value={'config'} onClick={() => setView('config')} title={'Config'}>\n              <Gear className={getSize(5)} />\n            </ToggleGroupItem>\n          </ToggleGroup>\n\n          <Toolbar.Separator variant='gap' />\n          <Button onClick={(event) => handleResetClient(event.shiftKey)} title='Reset client'>\n            <Warning className={mx(getSize(5), 'text-red-700')} />\n          </Button>\n          <Button onClick={handleOpenDevtools} title='Open Devtools'>\n            <Toolbox weight='duotone' className={mx(getSize(5), 'text-700')} />\n          </Button>\n        </Toolbar.Root>\n      }\n    >\n      {view === 'graph' && <Tree data={graph.toJSON()} />}\n      {view === 'config' && <Json data={data.diagnostics?.config} />}\n      {view === 'diagnostics' && <Json data={data} />}\n    </Container>\n  );\n};\n", "//\n// Copyright 2023 DXOS.org\n//\n\nimport React, { type FC, type HTMLAttributes, useState } from 'react';\n\nimport { SyntaxHighlighter } from '@dxos/react-ui-syntax-highlighter';\nimport { mx } from '@dxos/react-ui-theme';\nimport { arrayToBuffer } from '@dxos/util';\n\n// TODO(burdon): Copied form devtools.\n\nexport const replacer = (key: any, value: any) => {\n  if (typeof value === 'object') {\n    if (value instanceof Uint8Array) {\n      return arrayToBuffer(value).toString('hex');\n    }\n\n    if (value?.type === 'Buffer') {\n      return Buffer.from(value.data).toString('hex');\n    }\n\n    if (key === 'downloaded') {\n      return undefined;\n    }\n  }\n\n  return value;\n};\n\nexport const Json: FC<{ data?: object }> = ({ data }) => {\n  return <SyntaxHighlighter language='json'>{JSON.stringify(data, replacer, 2)}</SyntaxHighlighter>;\n};\n\nexport const Tree: FC<{ data?: object }> = ({ data }) => {\n  return (\n    <div className='p-2'>\n      <Node data={data} root />\n    </div>\n  );\n};\n\nexport const Node: FC<{ data?: any; root?: boolean }> = ({ data, root }) => {\n  if (typeof data !== 'object' || data === undefined || data === null) {\n    return <Scalar value={data} />;\n  }\n\n  if (Array.isArray(data)) {\n    return (\n      <div className='flex flex-col space-y-2'>\n        {data.map((value, index) => (\n          <KeyValue key={index} label={String(index)} data={value} className='bg-teal-50' />\n        ))}\n      </div>\n    );\n  }\n\n  return (\n    <div className='flex flex-col space-y-2'>\n      {Object.entries(data).map(([key, value]) => (\n        <KeyValue key={key} label={key} data={value} className='bg-blue-50' />\n      ))}\n    </div>\n  );\n};\n\nexport const KeyValue: FC<{ label: string; data?: any; className?: string }> = ({ label, data, className }) => {\n  const [open, setOpen] = useState(true);\n  if (data === undefined) {\n    return null;\n  }\n\n  return (\n    <div className='flex'>\n      <Box\n        className={mx('border-blue-200 text-sm select-none cursor-pointer', className)}\n        onClick={() => setOpen((open) => !open)}\n      >\n        {label}\n      </Box>\n      {open && <Node data={data} />}\n    </div>\n  );\n};\n\nconst Scalar: FC<{ value: any }> = ({ value }) => {\n  return (\n    <Box className='bg-green-50 border-green-200 rounded-r text-sm font-thin'>\n      {(value === undefined && 'undefined') ||\n        (value === null && 'null') ||\n        (typeof value === 'string' && value) ||\n        JSON.stringify(value)}\n    </Box>\n  );\n};\n\nconst Box: FC<HTMLAttributes<HTMLDivElement>> = ({ children, className, ...props }) => {\n  return (\n    <div className={mx('flex px-2 border border-l-0 font-mono truncate', className)} {...props}>\n      {children}\n    </div>\n  );\n};\n", "//\n// Copyright 2023 DXOS.org\n//\n\nimport React, { type PropsWithChildren, type ReactNode } from 'react';\n\n// TODO(burdon): Convert to grid.\nexport const Container = ({ toolbar, children }: PropsWithChildren<{ toolbar: ReactNode }>) => {\n  return (\n    <div role='none' className='flex flex-col grow overflow-hidden divide-y divide-separator'>\n      {toolbar}\n      <div className='flex flex-col grow overflow-auto'>{children}</div>\n    </div>\n  );\n};\n", "//\n// Copyright 2023 DXOS.org\n//\n\nimport { DebugApp } from './DebugApp';\n\nexport default DebugApp;\n"],
-  "mappings": "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",
-  "names": ["Gauge", "Graph", "GraphIcon", "Gear", "Toolbox", "Warning", "React", "useEffect", "useState", "useClient", "useConfig", "Button", "ToggleGroup", "ToggleGroupItem", "Toolbar", "getSize", "mx", "React", "useState", "SyntaxHighlighter", "mx", "arrayToBuffer", "replacer", "key", "value", "Uint8Array", "arrayToBuffer", "toString", "type", "Buffer", "from", "data", "undefined", "Json", "SyntaxHighlighter", "language", "JSON", "stringify", "Tree", "div", "className", "Node", "root", "Scalar", "Array", "isArray", "map", "index", "KeyValue", "label", "String", "Object", "entries", "open", "setOpen", "useState", "Box", "mx", "onClick", "children", "props", "React", "Container", "toolbar", "children", "React", "div", "role", "className", "DebugApp", "graph", "view", "setView", "useState", "data", "setData", "client", "useClient", "config", "useConfig", "handleRefresh", "diagnostics", "truncate", "useEffect", "handleResetClient", "force", "window", "confirm", "reset", "location", "href", "origin", "handleOpenDevtools", "vaultUrl", "values", "runtime", "remoteSource", "open", "React", "Container", "toolbar", "Toolbar", "Root", "classNames", "ToggleGroup", "type", "value", "ToggleGroupItem", "onClick", "title", "GraphIcon", "className", "getSize", "Gauge", "Gear", "Separator", "variant", "Button", "event", "shiftKey", "Warning", "mx", "Toolbox", "weight", "Tree", "toJSON", "Json", "DebugApp"]
-}

package/dist/lib/browser/DevtoolsOverviewContainer-IIIWO77Q.mjs

@@ -1,25 +0,0 @@
-// packages/plugins/plugin-debug/src/components/DevtoolsOverviewContainer.tsx
-import { useSignals as _useSignals } from "@preact-signals/safe-react/tracking";
-import React from "react";
-import { Surface } from "@dxos/app-framework";
-import { StatsPanel, useStats } from "@dxos/devtools";
-var DevtoolsOverviewContainer = () => {
-  var _effect = _useSignals();
-  try {
-    const [stats, refreshStats] = useStats();
-    return /* @__PURE__ */ React.createElement(StatsPanel, {
-      stats,
-      onRefresh: refreshStats
-    }, /* @__PURE__ */ React.createElement(Surface, {
-      role: "devtools-overview"
-    }));
-  } finally {
-    _effect.f();
-  }
-};
-var DevtoolsOverviewContainer_default = DevtoolsOverviewContainer;
-export {
-  DevtoolsOverviewContainer,
-  DevtoolsOverviewContainer_default as default
-};
-//# sourceMappingURL=DevtoolsOverviewContainer-IIIWO77Q.mjs.map

package/dist/lib/browser/DevtoolsOverviewContainer-IIIWO77Q.mjs.map

@@ -1,7 +0,0 @@
-{
-  "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';\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 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,UAAM,CAACC,OAAOC,YAAAA,IAAgBC,SAAAA;AAE9B,WACE,sBAAA,cAACC,YAAAA;MAAWH;MAAcI,WAAWH;OACnC,sBAAA,cAACI,SAAAA;MAAQC,MAAK;;;;;AAGpB;AAEA,IAAA,oCAAeP;",
-  "names": ["React", "Surface", "StatsPanel", "useStats", "DevtoolsOverviewContainer", "stats", "refreshStats", "useStats", "StatsPanel", "onRefresh", "Surface", "role"]
-}