@dxos/plugin-debug 0.8.2-main.f11618f → 0.8.2-staging.42af850

package/src/capabilities/react-surface.tsx

@@ -13,7 +13,8 @@ import {
   createSurface,
   LayoutAction,
   useCapability,
-  type PluginsContext,
+  useIntentDispatcher,
+  type PluginContext,
 } from '@dxos/app-framework';
 import {
   AutomergePanel,
@@ -24,7 +25,7 @@ import {
   EdgeDashboardPanel,
   FeedsPanel,
   IdentityPanel,
-  InvocationTracePanel,
+  InvocationTraceContainer,
   KeyringPanel,
   LoggingPanel,
   MembersPanel,
@@ -32,6 +33,7 @@ import {
   NetworkPanel,
   ObjectsPanel,
   QueuesPanel,
+  SchemaPanel,
   SignalPanel,
   SpaceInfoPanel,
   SpaceListPanel,
@@ -51,7 +53,7 @@ import {
   SpaceState,
   isSpace,
   isEchoObject,
-  type ReactiveEchoObject,
+  type AnyLiveObject,
   type Live,
   type Space,
   parseId,
@@ -90,7 +92,7 @@ const useCurrentSpace = () => {
   return space;
 };
 
-export default (context: PluginsContext) =>
+export default (context: PluginContext) =>
   contributes(Capabilities.ReactSurface, [
     createSurface({
       id: `${DEBUG_PLUGIN}/plugin-settings`,
@@ -117,7 +119,7 @@ export default (context: PluginsContext) =>
               return;
             }
 
-            const { dispatchPromise: dispatch } = context.requestCapability(Capabilities.IntentDispatcher);
+            const { dispatchPromise: dispatch } = useIntentDispatcher();
             objects.forEach((object) => {
               void dispatch(createIntent(SpaceAction.AddObject, { target: collection, object }));
             });
@@ -138,9 +140,9 @@ export default (context: PluginsContext) =>
       id: `${DEBUG_PLUGIN}/wireframe`,
       role: ['article', 'section'],
       position: 'hoist',
-      filter: (data): data is { subject: ReactiveEchoObject<any> } => {
+      filter: (data): data is { subject: AnyLiveObject<any> } => {
         const settings = context
-          .requestCapability(Capabilities.SettingsStore)
+          .getCapability(Capabilities.SettingsStore)
           .getStore<DebugSettingsProps>(DEBUG_PLUGIN)!.value;
         return isEchoObject(data.subject) && !!settings.wireframe;
       },
@@ -151,7 +153,7 @@ export default (context: PluginsContext) =>
     createSurface({
       id: `${DEBUG_PLUGIN}/object-debug`,
       role: 'article',
-      filter: (data): data is { companionTo: ReactiveEchoObject<any> } =>
+      filter: (data): data is { companionTo: AnyLiveObject<any> } =>
         data.subject === 'debug' && isEchoObject(data.companionTo),
       component: ({ data }) => <DebugObjectPanel object={data.companionTo} />,
     }),
@@ -232,7 +234,7 @@ export default (context: PluginsContext) =>
       role: 'article',
       filter: (data): data is any => data.subject === Devtools.Echo.Spaces,
       component: () => {
-        const { dispatchPromise: dispatch } = context.requestCapability(Capabilities.IntentDispatcher);
+        const { dispatchPromise: dispatch } = useIntentDispatcher();
         const handleSelect = useCallback(
           () => dispatch(createIntent(LayoutAction.Open, { part: 'main', subject: [Devtools.Echo.Space] })),
           [dispatch],
@@ -246,7 +248,7 @@ export default (context: PluginsContext) =>
       filter: (data): data is any => data.subject === Devtools.Echo.Space,
       component: () => {
         const space = useCurrentSpace();
-        const { dispatchPromise: dispatch } = context.requestCapability(Capabilities.IntentDispatcher);
+        const { dispatchPromise: dispatch } = useIntentDispatcher();
         const handleSelect = useCallback(
           () => dispatch(createIntent(LayoutAction.Open, { part: 'main', subject: [Devtools.Echo.Feeds] })),
           [dispatch],
@@ -272,6 +274,15 @@ export default (context: PluginsContext) =>
         return <ObjectsPanel space={space} />;
       },
     }),
+    createSurface({
+      id: `${DEBUG_PLUGIN}/echo/schema`,
+      role: 'article',
+      filter: (data): data is any => data.subject === Devtools.Echo.Schema,
+      component: () => {
+        const space = useCurrentSpace();
+        return <SchemaPanel space={space} />;
+      },
+    }),
     createSurface({
       id: `${DEBUG_PLUGIN}/echo/automerge`,
       role: 'article',
@@ -351,7 +362,7 @@ export default (context: PluginsContext) =>
       filter: (data): data is any => data.subject === Devtools.Edge.Traces,
       component: () => {
         const space = useCurrentSpace();
-        return <InvocationTracePanel space={space} />;
+        return <InvocationTraceContainer space={space} />;
       },
     }),
     createSurface({
@@ -359,7 +370,7 @@ export default (context: PluginsContext) =>
       role: 'article',
       filter: (data): data is any => data.subject === Devtools.Edge.Testing,
       component: () => {
-        const { dispatchPromise: dispatch } = context.requestCapability(Capabilities.IntentDispatcher);
+        const { dispatchPromise: dispatch } = useIntentDispatcher();
         const onSpaceCreate = useCallback(
           async (space: Space) => {
             await space.waitUntilReady();

package/src/components/DebugObjectPanel.tsx

@@ -4,12 +4,12 @@
 
 import React from 'react';
 
-import { type ReactiveEchoObject } from '@dxos/client/echo';
+import { type AnyLiveObject } from '@dxos/client/echo';
 import { Clipboard, Input } from '@dxos/react-ui';
 import { SyntaxHighlighter } from '@dxos/react-ui-syntax-highlighter';
 
 export type DebugObjectPanelProps = {
-  object: ReactiveEchoObject<any>;
+  object: AnyLiveObject<any>;
 };
 
 // TODO(burdon): Get schema and traverse references.

package/src/components/DebugStatus.tsx

@@ -4,9 +4,8 @@
 
 import React, { useEffect, useRef, useState } from 'react';
 
-import { useAppGraph, useLayout } from '@dxos/app-framework';
 import { TimeoutError } from '@dxos/async';
-import { getActiveSpace } from '@dxos/plugin-space';
+import { useActiveSpace } from '@dxos/plugin-space';
 import { StatusBar } from '@dxos/plugin-status-bar';
 import { ConnectionState } from '@dxos/protocols/proto/dxos/client/services';
 import { useNetworkStatus } from '@dxos/react-client/mesh';
@@ -134,9 +133,7 @@ const SwarmIndicator = () => {
 // TODO(burdon): Merge with SaveStatus.
 const SavingIndicator = () => {
   const [state, _setState] = useState(0);
-  const layout = useLayout();
-  const { graph } = useAppGraph();
-  const _space = graph ? getActiveSpace(graph, layout.active[0]) : undefined;
+  const _space = useActiveSpace();
   // TODO(dmaretskyi): Fix this when we have save status for automerge.
   // useEffect(() => {
   //   if (!space) {

package/src/components/SpaceGenerator/ObjectGenerator.tsx

@@ -14,7 +14,7 @@ import { CanvasType, DiagramType } from '@dxos/plugin-sketch/types';
 import { faker } from '@dxos/random';
 import { Filter, type Space } from '@dxos/react-client/echo';
 import { TableType } from '@dxos/react-ui-table';
-import { createView, TextType } from '@dxos/schema';
+import { createView, DataType } from '@dxos/schema';
 import { createAsyncGenerator, type ValueGenerator } from '@dxos/schema/testing';
 import { range } from '@dxos/util';
 
@@ -42,8 +42,7 @@ export const staticGenerators = new Map<string, ObjectGenerator<any>>([
         return space.db.add(
           live(DocumentType, {
             name: faker.commerce.productName(),
-            content: makeRef(live(TextType, { content: faker.lorem.sentences(5) })),
-            threads: [],
+            content: makeRef(live(DataType.Text, { content: faker.lorem.sentences(5) })),
           }),
         );
       });
@@ -150,7 +149,7 @@ export const createGenerator = <T extends BaseObject>(type: TypedObject<T>): Obj
     const objects = await generate.createObjects(n);
 
     // Find or create table and view.
-    const { objects: tables } = await space.db.query(Filter.schema(TableType)).run();
+    const { objects: tables } = await space.db.query(Filter.type(TableType)).run();
     const table = tables.find((table) => table.view?.target?.query?.typename === type.typename);
     if (!table) {
       const name = type.typename.split('/').pop() ?? type.typename;

package/src/components/SpaceGenerator/SpaceGenerator.stories.tsx

@@ -26,7 +26,7 @@ const meta: Meta = {
   title: 'plugins/plugin-debug/SpaceGenerator',
   component: SpaceGenerator,
   render: render(DefaultStory),
-  decorators: [withClientProvider({ createSpace: true }), withLayout({ tooltips: true }), withTheme],
+  decorators: [withClientProvider({ createSpace: true }), withLayout(), withTheme],
   parameters: {
     layout: 'fullscreen',
   },

package/src/components/SpaceGenerator/SpaceGenerator.tsx

@@ -6,7 +6,7 @@ import React, { useCallback, useMemo, useState } from 'react';
 
 import { createIntent, useIntentDispatcher } from '@dxos/app-framework';
 import { ComputeGraph } from '@dxos/conductor';
-import { toEffectSchema } from '@dxos/echo-schema';
+import { Filter, toEffectSchema } from '@dxos/echo-schema';
 import { live, type Live } from '@dxos/live-object';
 import { log } from '@dxos/log';
 import { DocumentType } from '@dxos/plugin-markdown/types';
@@ -18,10 +18,10 @@ import { getTypename, type Space } from '@dxos/react-client/echo';
 import { IconButton, Input, Toolbar, useAsyncEffect } from '@dxos/react-ui';
 import { SyntaxHighlighter } from '@dxos/react-ui-syntax-highlighter';
 import { initializeTable, TableType } from '@dxos/react-ui-table';
-import { Testing } from '@dxos/schema/testing';
+import { DataType } from '@dxos/schema';
 import { jsonKeyReplacer, sortKeys } from '@dxos/util';
 
-import { type ObjectGenerator, createGenerator, staticGenerators } from './ObjectGenerator';
+import { createGenerator, staticGenerators, type ObjectGenerator } from './ObjectGenerator';
 import { SchemaTable } from './SchemaTable';
 import { presets } from './presets';
 
@@ -34,7 +34,7 @@ export const SpaceGenerator = ({ space, onCreateObjects }: SpaceGeneratorProps)
   const { dispatchPromise: dispatch } = useIntentDispatcher();
   const client = useClient();
   const staticTypes = [DocumentType, DiagramType, SheetType, ComputeGraph]; // TODO(burdon): Make extensible.
-  const mutableTypes = [Testing.Organization, Testing.Project, Testing.Contact, Testing.Message];
+  const mutableTypes = [DataType.Organization, DataType.Project, DataType.Person, DataType.Message];
   const [count, setCount] = useState(1);
   const [info, setInfo] = useState<any>({});
 
@@ -55,7 +55,7 @@ export const SpaceGenerator = ({ space, onCreateObjects }: SpaceGeneratorProps)
     const staticSchema = space.db.graph.schemaRegistry.schemas;
 
     // Create object map.
-    const { objects } = await space.db.query().run();
+    const { objects } = await space.db.query(Filter.everything()).run();
     const objectMap = sortKeys(
       objects.reduce<Record<string, number>>((map, obj) => {
         const type = getTypename(obj);

package/src/components/SpaceGenerator/presets.ts

@@ -2,9 +2,12 @@
 // Copyright 2025 DXOS.org
 //
 
-import { type ComputeGraphModel, EmailTriggerOutput, NODE_INPUT } from '@dxos/conductor';
-import { AST, ObjectId, S, toJsonSchema } from '@dxos/echo-schema';
-import { FunctionTrigger, TriggerKind, type TriggerType } from '@dxos/functions/types';
+import { Schema, SchemaAST } from 'effect';
+
+import { type ComputeGraphModel, NODE_INPUT } from '@dxos/conductor';
+import { Ref } from '@dxos/echo';
+import { ObjectId, toJsonSchema } from '@dxos/echo-schema';
+import { FunctionTrigger, TriggerKind, EmailTriggerOutput, type TriggerType } from '@dxos/functions';
 import { invariant } from '@dxos/invariant';
 import { DXN } from '@dxos/keys';
 import { live, makeRef } from '@dxos/live-object';
@@ -131,7 +134,7 @@ export const presets = {
         const objects = range(n, () => {
           const canvasModel = CanvasGraphModel.create<ComputeShape>();
 
-          const results = space.db.query(Filter.schema(TableType)).runSync();
+          const results = space.db.query(Filter.type(TableType)).runSync();
           const emailTable = results.find((r) => r.object?.view?.target?.query?.typename?.endsWith('Email'));
           invariant(emailTable, 'Email table not found.');
 
@@ -161,7 +164,7 @@ export const presets = {
 
             const appendToTable = canvasModel.createNode(createAppend(position({ x: 10, y: 6 })));
 
-            const properties = AST.getPropertySignatures(EmailTriggerOutput.ast);
+            const properties = SchemaAST.getPropertySignatures(EmailTriggerOutput.ast);
             for (let i = 0; i < properties.length; i++) {
               const propName = properties[i].name.toString();
               builder.createEdge({ source: trigger.id, target: template.id, input: propName, output: propName });
@@ -228,7 +231,7 @@ export const presets = {
         const objects = range(n, () => {
           const canvasModel = CanvasGraphModel.create<ComputeShape>();
 
-          const results = space.db.query(Filter.schema(TableType)).runSync();
+          const results = space.db.query(Filter.type(TableType)).runSync();
           const emailTable = results.find((r) => r.object?.view?.target?.query?.typename?.endsWith('Email'));
           invariant(emailTable, 'Email table not found.');
 
@@ -280,7 +283,7 @@ export const presets = {
             templateContent.push('  "category": "{{text}}",');
             builder.createEdge({ source: gpt.id, target: template.id, input: 'text', output: 'text' });
 
-            const properties = AST.getPropertySignatures(EmailTriggerOutput.ast);
+            const properties = SchemaAST.getPropertySignatures(EmailTriggerOutput.ast);
             for (let i = 0; i < properties.length; i++) {
               const propName = properties[i].name.toString();
               builder.createEdge({ source: trigger.id, target: template.id, input: propName, output: propName });
@@ -304,7 +307,7 @@ export const presets = {
           const templateComputeNode = computeModel.nodes.find((n) => n.id === template.node);
           invariant(templateComputeNode, 'Template compute node was not created.');
           templateComputeNode.value = templateContent.join('\n');
-          const extendedSchema = S.extend(EmailTriggerOutput, S.Struct({ text: S.String }));
+          const extendedSchema = Schema.extend(EmailTriggerOutput, Schema.Struct({ text: Schema.String }));
           templateComputeNode.inputSchema = toJsonSchema(extendedSchema);
 
           attachTrigger(functionTrigger, computeModel);
@@ -402,11 +405,11 @@ export const presets = {
           const canvasModel = CanvasGraphModel.create<ComputeShape>();
 
           // TODO(wittjosiah): Integrate directly w/ Kanban.
-          // const results = space.db.query(Filter.schema(KanbanType)).runSync();
+          // const results = space.db.query(Filter.type(KanbanType)).runSync();
           // const kanban = results.find((r) => r.object?.cardView?.target?.query?.type?.endsWith('Message'));
           // invariant(kanban, 'Kanban not found.');
 
-          const results = space.db.query(Filter.schema(TableType)).runSync();
+          const results = space.db.query(Filter.type(TableType)).runSync();
           const messages = results.find((r) => r.object?.view?.target?.query?.typename?.endsWith('Message'));
           invariant(messages, 'Table not found.');
 
@@ -449,7 +452,7 @@ export const presets = {
 const createQueueSinkPreset = <SpecType extends TriggerKind>(
   space: Space,
   triggerKind: SpecType,
-  initSpec: (spec: Extract<TriggerType, { type: SpecType }>) => void,
+  initSpec: (spec: Extract<TriggerType, { kind: SpecType }>) => void,
   triggerOutputName: string,
 ) => {
   const canvasModel = CanvasGraphModel.create<ComputeShape>();
@@ -491,7 +494,7 @@ const createQueueSinkPreset = <SpecType extends TriggerKind>(
 
     functionTrigger = triggerShape.functionTrigger!.target!;
     const triggerSpec = functionTrigger.spec;
-    invariant(triggerSpec && triggerSpec.type === triggerKind, 'No trigger spec.');
+    invariant(triggerSpec && triggerSpec.kind === triggerKind, 'No trigger spec.');
     initSpec(triggerSpec as any);
   });
 
@@ -500,7 +503,7 @@ const createQueueSinkPreset = <SpecType extends TriggerKind>(
   const templateComputeNode = computeModel.nodes.find((n) => n.id === template.node);
   invariant(templateComputeNode, 'Template compute node was not created.');
   templateComputeNode.value = ['{', '  "@type": "{{type}}",', '  "id": "@{{changeId}}"', '}'].join('\n');
-  templateComputeNode.inputSchema = toJsonSchema(S.Struct({ type: S.String, changeId: S.String }));
+  templateComputeNode.inputSchema = toJsonSchema(Schema.Struct({ type: Schema.String, changeId: Schema.String }));
 
   attachTrigger(functionTrigger, computeModel);
 
@@ -539,10 +542,9 @@ const setupQueue = (
 
 const attachTrigger = (functionTrigger: FunctionTrigger | undefined, computeModel: ComputeGraphModel) => {
   invariant(functionTrigger);
-  functionTrigger.function = DXN.fromLocalObjectId(computeModel.root.id).toString();
-  functionTrigger.meta ??= {};
+  functionTrigger.function = Ref.make(computeModel.root);
   const inputNode = computeModel.nodes.find((node) => node.type === NODE_INPUT)!;
-  functionTrigger.meta.computeNodeId = inputNode.id;
+  functionTrigger.inputNodeId = inputNode.id;
 };
 
 type RawPositionInput = { centerX: number; centerY: number; width: number; height: number };

package/src/components/Wireframe.tsx

@@ -5,7 +5,7 @@
 import React from 'react';
 import { useResizeDetector } from 'react-resize-detector';
 
-import { fullyQualifiedId, type ReactiveEchoObject } from '@dxos/react-client/echo';
+import { fullyQualifiedId, type AnyLiveObject } from '@dxos/react-client/echo';
 import { type ThemedClassName } from '@dxos/react-ui';
 import { useAttendableAttributes } from '@dxos/react-ui-attention';
 import { SyntaxHighlighter } from '@dxos/react-ui-syntax-highlighter';
@@ -14,7 +14,7 @@ import { mx } from '@dxos/react-ui-theme';
 // TODO(burdon): Create generic container with wireframe mode.
 export type WireframeProps = ThemedClassName<{
   label?: string;
-  object: ReactiveEchoObject<any>;
+  object: AnyLiveObject<any>;
 }>;
 
 // TODO(burdon): Make focusable and attendable with input.

package/src/meta.ts

@@ -13,6 +13,5 @@ export const meta: PluginMeta = {
     'The debug plugin is useful for troubleshooting inside of Composer. You can also use the Debug plugin to create test data inside of sheets or tables or explore pre-built automations. Non-technical users will likely not spend much time here, but this plugin is invaluable for developers and technical users.',
   icon: 'ph--bug--regular',
   source: 'https://github.com/dxos/dxos/tree/main/packages/plugins/plugin-debug',
-  tags: ['experimental'],
   screenshots: ['https://dxos.network/plugin-details-debug-dark.png'],
 };

package/src/translations.ts

@@ -48,6 +48,7 @@ export default [
         'space label': 'Space',
         'feeds label': 'Feeds',
         'objects label': 'Objects',
+        'schema label': 'Schema',
         'automerge label': 'Automerge',
         'queues label': 'Queues',
         'members label': 'Members',

package/src/types.ts

@@ -2,10 +2,10 @@
 // Copyright 2023 DXOS.org
 //
 
+import { Schema } from 'effect';
 import { type Context, createContext } from 'react';
 
 import type { TimerCallback, TimerOptions } from '@dxos/async';
-import { S } from '@dxos/echo-schema';
 
 export type DebugContextType = {
   running: boolean;
@@ -19,13 +19,13 @@ export const DebugContext: Context<DebugContextType> = createContext<DebugContex
   stop: () => {},
 });
 
-export const DebugSettingsSchema = S.mutable(
-  S.Struct({
-    wireframe: S.optional(S.Boolean),
+export const DebugSettingsSchema = Schema.mutable(
+  Schema.Struct({
+    wireframe: Schema.optional(Schema.Boolean),
   }),
 );
 
-export interface DebugSettingsProps extends S.Schema.Type<typeof DebugSettingsSchema> {}
+export interface DebugSettingsProps extends Schema.Schema.Type<typeof DebugSettingsSchema> {}
 
 export namespace Devtools {
   // TODO(wittjosiah): Cannot use slashes in ids until we have a router which decouples ids from url paths.
@@ -54,6 +54,7 @@ export namespace Devtools {
     export const Space = `${Devtools.Echo.id}.space`;
     export const Feeds = `${Devtools.Echo.id}.feeds`;
     export const Objects = `${Devtools.Echo.id}.objects`;
+    export const Schema = `${Devtools.Echo.id}.schema`;
     export const Automerge = `${Devtools.Echo.id}.automerge`;
     export const Queues = `${Devtools.Echo.id}.queues`;
     export const Members = `${Devtools.Echo.id}.members`;

package/dist/lib/browser/DebugApp-7PFYN52J.mjs

@@ -1,182 +0,0 @@
-// packages/plugins/plugin-debug/src/components/DebugApp/DebugApp.tsx
-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 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 }) => {
-  return /* @__PURE__ */ React.createElement(SyntaxHighlighter, {
-    language: "json"
-  }, JSON.stringify(data, replacer, 2));
-};
-var Tree = ({ data }) => {
-  return /* @__PURE__ */ React.createElement("div", {
-    className: "p-2"
-  }, /* @__PURE__ */ React.createElement(Node, {
-    data,
-    root: true
-  }));
-};
-var Node = ({ data, root }) => {
-  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"
-  })));
-};
-var KeyValue = ({ label, data, className }) => {
-  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
-  }));
-};
-var Scalar = ({ value }) => {
-  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));
-};
-var Box = ({ children, className, ...props }) => {
-  return /* @__PURE__ */ React.createElement("div", {
-    className: mx("flex px-2 border border-l-0 font-mono truncate", className),
-    ...props
-  }, children);
-};
-
-// packages/plugins/plugin-debug/src/components/Container.tsx
-import React2 from "react";
-var Container = ({ toolbar, children }) => {
-  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));
-};
-
-// packages/plugins/plugin-debug/src/components/DebugApp/DebugApp.tsx
-var DebugApp = ({ graph }) => {
-  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
-  }));
-};
-
-// packages/plugins/plugin-debug/src/components/DebugApp/index.ts
-var DebugApp_default = DebugApp;
-export {
-  DebugApp_default as default
-};
-//# sourceMappingURL=DebugApp-7PFYN52J.mjs.map

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

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