@dxos/plugin-debug 0.8.2-main.fbd8ed0 → 0.8.2-staging.7ac8446

package/src/capabilities/react-surface.tsx

@@ -13,35 +13,33 @@ import {
   createSurface,
   LayoutAction,
   useCapability,
-  useIntentDispatcher,
-  type PluginContext,
+  type PluginsContext,
 } from '@dxos/app-framework';
 import {
-  AutomergePanel,
   ConfigPanel,
   CredentialsPanel,
   DeviceListPanel,
   DiagnosticsPanel,
-  EdgeDashboardPanel,
   FeedsPanel,
   IdentityPanel,
-  InvocationTraceContainer,
   KeyringPanel,
   LoggingPanel,
   MembersPanel,
   MetadataPanel,
   NetworkPanel,
   ObjectsPanel,
-  QueuesPanel,
-  SchemaPanel,
   SignalPanel,
   SpaceInfoPanel,
   SpaceListPanel,
   StoragePanel,
   SwarmPanel,
-  TestingPanel,
   TracingPanel,
+  EdgeDashboardPanel,
+  AutomergePanel,
   WorkflowPanel,
+  QueuesPanel,
+  InvocationTracePanel,
+  TestingPanel,
 } from '@dxos/devtools';
 import { SettingsStore } from '@dxos/local-storage';
 import { log } from '@dxos/log';
@@ -53,21 +51,13 @@ import {
   SpaceState,
   isSpace,
   isEchoObject,
-  type AnyLiveObject,
-  type Live,
+  type ReactiveEchoObject,
+  type ReactiveObject,
   type Space,
   parseId,
 } from '@dxos/react-client/echo';
 
-import {
-  DebugApp,
-  DebugObjectPanel,
-  DebugSettings,
-  DebugStatus,
-  DevtoolsOverviewContainer,
-  SpaceGenerator,
-  Wireframe,
-} from '../components';
+import { DebugApp, DebugObjectPanel, DebugSettings, DebugStatus, SpaceGenerator, Wireframe } from '../components';
 import { DEBUG_PLUGIN } from '../meta';
 import { type DebugSettingsProps, Devtools } from '../types';
 
@@ -92,7 +82,7 @@ const useCurrentSpace = () => {
   return space;
 };
 
-export default (context: PluginContext) =>
+export default (context: PluginsContext) =>
   contributes(Capabilities.ReactSurface, [
     createSurface({
       id: `${DEBUG_PLUGIN}/plugin-settings`,
@@ -107,7 +97,7 @@ export default (context: PluginContext) =>
       filter: (data): data is { subject: SpaceDebug } => isSpaceDebug(data.subject),
       component: ({ data }) => {
         const handleCreateObject = useCallback(
-          (objects: Live<any>[]) => {
+          (objects: ReactiveObject<any>[]) => {
             if (!isSpace(data.subject.space)) {
               return;
             }
@@ -119,7 +109,7 @@ export default (context: PluginContext) =>
               return;
             }
 
-            const { dispatchPromise: dispatch } = useIntentDispatcher();
+            const { dispatchPromise: dispatch } = context.requestCapability(Capabilities.IntentDispatcher);
             objects.forEach((object) => {
               void dispatch(createIntent(SpaceAction.AddObject, { target: collection, object }));
             });
@@ -140,9 +130,9 @@ export default (context: PluginContext) =>
       id: `${DEBUG_PLUGIN}/wireframe`,
       role: ['article', 'section'],
       position: 'hoist',
-      filter: (data): data is { subject: AnyLiveObject<any> } => {
+      filter: (data): data is { subject: ReactiveEchoObject<any> } => {
         const settings = context
-          .getCapability(Capabilities.SettingsStore)
+          .requestCapability(Capabilities.SettingsStore)
           .getStore<DebugSettingsProps>(DEBUG_PLUGIN)!.value;
         return isEchoObject(data.subject) && !!settings.wireframe;
       },
@@ -153,15 +143,10 @@ export default (context: PluginContext) =>
     createSurface({
       id: `${DEBUG_PLUGIN}/object-debug`,
       role: 'article',
-      filter: (data): data is { companionTo: AnyLiveObject<any> } =>
+      filter: (data): data is { companionTo: ReactiveEchoObject<any> } =>
         data.subject === 'debug' && isEchoObject(data.companionTo),
       component: ({ data }) => <DebugObjectPanel object={data.companionTo} />,
     }),
-    createSurface({
-      id: `${DEBUG_PLUGIN}/devtools-overview`,
-      role: 'deck-companion--devtools',
-      component: () => <DevtoolsOverviewContainer />,
-    }),
     createSurface({
       id: `${DEBUG_PLUGIN}/status`,
       role: 'status',
@@ -234,7 +219,7 @@ export default (context: PluginContext) =>
       role: 'article',
       filter: (data): data is any => data.subject === Devtools.Echo.Spaces,
       component: () => {
-        const { dispatchPromise: dispatch } = useIntentDispatcher();
+        const { dispatchPromise: dispatch } = context.requestCapability(Capabilities.IntentDispatcher);
         const handleSelect = useCallback(
           () => dispatch(createIntent(LayoutAction.Open, { part: 'main', subject: [Devtools.Echo.Space] })),
           [dispatch],
@@ -248,7 +233,7 @@ export default (context: PluginContext) =>
       filter: (data): data is any => data.subject === Devtools.Echo.Space,
       component: () => {
         const space = useCurrentSpace();
-        const { dispatchPromise: dispatch } = useIntentDispatcher();
+        const { dispatchPromise: dispatch } = context.requestCapability(Capabilities.IntentDispatcher);
         const handleSelect = useCallback(
           () => dispatch(createIntent(LayoutAction.Open, { part: 'main', subject: [Devtools.Echo.Feeds] })),
           [dispatch],
@@ -274,15 +259,6 @@ export default (context: PluginContext) =>
         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',
@@ -362,7 +338,7 @@ export default (context: PluginContext) =>
       filter: (data): data is any => data.subject === Devtools.Edge.Traces,
       component: () => {
         const space = useCurrentSpace();
-        return <InvocationTraceContainer space={space} />;
+        return <InvocationTracePanel space={space} />;
       },
     }),
     createSurface({
@@ -370,7 +346,7 @@ export default (context: PluginContext) =>
       role: 'article',
       filter: (data): data is any => data.subject === Devtools.Edge.Testing,
       component: () => {
-        const { dispatchPromise: dispatch } = useIntentDispatcher();
+        const { dispatchPromise: dispatch } = context.requestCapability(Capabilities.IntentDispatcher);
         const onSpaceCreate = useCallback(
           async (space: Space) => {
             await space.waitUntilReady();

package/src/capabilities/settings.ts

@@ -3,13 +3,13 @@
 //
 
 import { Capabilities, contributes } from '@dxos/app-framework';
-import { live } from '@dxos/react-client/echo';
+import { create } from '@dxos/react-client/echo';
 
 import { DEBUG_PLUGIN } from '../meta';
 import { type DebugSettingsProps, DebugSettingsSchema } from '../types';
 
 export default () => {
-  const settings = live<DebugSettingsProps>({});
+  const settings = create<DebugSettingsProps>({});
 
   return contributes(Capabilities.Settings, { schema: DebugSettingsSchema, prefix: DEBUG_PLUGIN, value: settings });
 };

package/src/components/DebugObjectPanel.tsx

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

package/src/components/DebugStatus.tsx

@@ -4,12 +4,14 @@
 
 import React, { useEffect, useRef, useState } from 'react';
 
+import { useAppGraph, useLayout } from '@dxos/app-framework';
 import { TimeoutError } from '@dxos/async';
-import { useActiveSpace } from '@dxos/plugin-space';
+import { StatsPanel, useStats } from '@dxos/devtools';
+import { getActiveSpace } from '@dxos/plugin-space';
 import { StatusBar } from '@dxos/plugin-status-bar';
 import { ConnectionState } from '@dxos/protocols/proto/dxos/client/services';
 import { useNetworkStatus } from '@dxos/react-client/mesh';
-import { Icon } from '@dxos/react-ui';
+import { Icon, Popover } from '@dxos/react-ui';
 
 const styles = {
   success: 'text-sky-300 dark:text-green-700',
@@ -133,7 +135,9 @@ const SwarmIndicator = () => {
 // TODO(burdon): Merge with SaveStatus.
 const SavingIndicator = () => {
   const [state, _setState] = useState(0);
-  const _space = useActiveSpace();
+  const layout = useLayout();
+  const { graph } = useAppGraph();
+  const _space = graph ? getActiveSpace(graph, layout.active[0]) : undefined;
   // TODO(dmaretskyi): Fix this when we have save status for automerge.
   // useEffect(() => {
   //   if (!space) {
@@ -176,7 +180,28 @@ const SavingIndicator = () => {
   }
 };
 
-const indicators = [SavingIndicator, SwarmIndicator, ErrorIndicator];
+const PerformanceIndicator = () => {
+  const [visible, setVisible] = useState(false);
+  const [stats, refreshStats] = useStats();
+
+  return (
+    <Popover.Root open={visible} onOpenChange={setVisible}>
+      <Popover.Trigger asChild>
+        <StatusBar.Button onClick={() => setVisible((visible) => !visible)} title='Performance panels'>
+          <Icon icon='ph--chart-bar--regular' size={4} />
+        </StatusBar.Button>
+      </Popover.Trigger>
+      <Popover.Portal>
+        <Popover.Content classNames='max-is-[min(var(--radix-popover-content-available-width),300px)] max-bs-[--radix-popover-content-available-height]'>
+          <StatsPanel stats={stats} onRefresh={refreshStats} />
+          <Popover.Arrow />
+        </Popover.Content>
+      </Popover.Portal>
+    </Popover.Root>
+  );
+};
+
+const indicators = [SavingIndicator, SwarmIndicator, PerformanceIndicator, ErrorIndicator];
 
 export const DebugStatus = () => {
   return (

package/src/components/SpaceGenerator/ObjectGenerator.tsx

@@ -6,7 +6,7 @@ import { addressToA1Notation } from '@dxos/compute';
 import { ComputeGraph, ComputeGraphModel, DEFAULT_OUTPUT, NODE_INPUT, NODE_OUTPUT } from '@dxos/conductor';
 import { ObjectId, type BaseObject, type TypedObject } from '@dxos/echo-schema';
 import { DXN } from '@dxos/keys';
-import { live, makeRef, type Live } from '@dxos/live-object';
+import { create, makeRef, type ReactiveObject } from '@dxos/live-object';
 import { DocumentType } from '@dxos/plugin-markdown/types';
 import { createSheet } from '@dxos/plugin-sheet/types';
 import { SheetType, type CellValue } from '@dxos/plugin-sheet/types';
@@ -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, DataType } from '@dxos/schema';
+import { createView, TextType } from '@dxos/schema';
 import { createAsyncGenerator, type ValueGenerator } from '@dxos/schema/testing';
 import { range } from '@dxos/util';
 
@@ -31,8 +31,8 @@ const generator: ValueGenerator = faker as any;
 export type ObjectGenerator<T extends BaseObject> = (
   space: Space,
   n: number,
-  cb?: (objects: Live<any>[]) => void,
-) => Promise<Live<T>[]>;
+  cb?: (objects: ReactiveObject<any>[]) => void,
+) => Promise<ReactiveObject<T>[]>;
 
 export const staticGenerators = new Map<string, ObjectGenerator<any>>([
   [
@@ -40,9 +40,9 @@ export const staticGenerators = new Map<string, ObjectGenerator<any>>([
     async (space, n, cb) => {
       const objects = range(n).map(() => {
         return space.db.add(
-          live(DocumentType, {
+          create(DocumentType, {
             name: faker.commerce.productName(),
-            content: makeRef(live(DataType.Text, { content: faker.lorem.sentences(5) })),
+            content: makeRef(create(TextType, { content: faker.lorem.sentences(5) })),
             threads: [],
           }),
         );
@@ -58,9 +58,9 @@ export const staticGenerators = new Map<string, ObjectGenerator<any>>([
       const objects = range(n).map(() => {
         // TODO(burdon): Generate diagram.
         const obj = space.db.add(
-          live(DiagramType, {
+          create(DiagramType, {
             name: faker.commerce.productName(),
-            canvas: makeRef(live(CanvasType, { content: {} })),
+            canvas: makeRef(create(CanvasType, { content: {} })),
           }),
         );
 
@@ -139,7 +139,11 @@ export const staticGenerators = new Map<string, ObjectGenerator<any>>([
 ]);
 
 export const createGenerator = <T extends BaseObject>(type: TypedObject<T>): ObjectGenerator<T> => {
-  return async (space: Space, n: number, cb?: (objects: Live<any>[]) => void): Promise<Live<T>[]> => {
+  return async (
+    space: Space,
+    n: number,
+    cb?: (objects: ReactiveObject<any>[]) => void,
+  ): Promise<ReactiveObject<T>[]> => {
     // Find or create mutable schema.
     const schema =
       (await space.db.schemaRegistry.query({ typename: type.typename }).firstOrUndefined()) ??
@@ -150,12 +154,12 @@ 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.type(TableType)).run();
+    const { objects: tables } = await space.db.query(Filter.schema(TableType)).run();
     const table = tables.find((table) => table.view?.target?.query?.typename === type.typename);
     if (!table) {
       const name = type.typename.split('/').pop() ?? type.typename;
       const view = createView({ name, typename: type.typename, jsonSchema: schema.jsonSchema });
-      const table = space.db.add(live(TableType, { name, view: makeRef(view) }));
+      const table = space.db.add(create(TableType, { name, view: makeRef(view) }));
       cb?.([table]);
     }
 

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(), withTheme],
+  decorators: [withClientProvider({ createSpace: true }), withLayout({ tooltips: true }), withTheme],
   parameters: {
     layout: 'fullscreen',
   },

package/src/components/SpaceGenerator/SpaceGenerator.tsx

@@ -7,7 +7,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 { live, type Live } from '@dxos/live-object';
+import { create, type ReactiveObject } from '@dxos/live-object';
 import { log } from '@dxos/log';
 import { DocumentType } from '@dxos/plugin-markdown/types';
 import { SheetType } from '@dxos/plugin-sheet/types';
@@ -27,14 +27,14 @@ import { presets } from './presets';
 
 export type SpaceGeneratorProps = {
   space: Space;
-  onCreateObjects?: (objects: Live<any>[]) => void;
+  onCreateObjects?: (objects: ReactiveObject<any>[]) => void;
 };
 
 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 = [Testing.Org, Testing.Project, Testing.Contact, Testing.Message];
   const [count, setCount] = useState(1);
   const [info, setInfo] = useState<any>({});
 
@@ -111,7 +111,7 @@ export const SpaceGenerator = ({ space, onCreateObjects }: SpaceGeneratorProps)
           schemas.map(async (schema) => {
             const parts = schema.typename.split('/');
             const name = parts[parts.length - 1];
-            const table = live(TableType, { name, threads: [] });
+            const table = create(TableType, { name, threads: [] });
             await initializeTable({ client, space, table, typename: schema.typename });
             await dispatch(createIntent(SpaceAction.AddObject, { target: space, object: table }));
             return table;
@@ -125,7 +125,7 @@ export const SpaceGenerator = ({ space, onCreateObjects }: SpaceGeneratorProps)
               log.warn('Missing schema for object', { id, typename });
               return;
             }
-            const object = live(schema, fields);
+            const object = create(schema, fields);
             space.db.add(object);
             return object;
           }),

package/src/components/SpaceGenerator/presets.ts

@@ -2,15 +2,12 @@
 // Copyright 2025 DXOS.org
 //
 
-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 { 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 { invariant } from '@dxos/invariant';
 import { DXN } from '@dxos/keys';
-import { live, makeRef } from '@dxos/live-object';
+import { create, makeRef } from '@dxos/live-object';
 import { Filter, type Space } from '@dxos/react-client/echo';
 import {
   type ComputeShape,
@@ -134,7 +131,7 @@ export const presets = {
         const objects = range(n, () => {
           const canvasModel = CanvasGraphModel.create<ComputeShape>();
 
-          const results = space.db.query(Filter.type(TableType)).runSync();
+          const results = space.db.query(Filter.schema(TableType)).runSync();
           const emailTable = results.find((r) => r.object?.view?.target?.query?.typename?.endsWith('Email'));
           invariant(emailTable, 'Email table not found.');
 
@@ -164,7 +161,7 @@ export const presets = {
 
             const appendToTable = canvasModel.createNode(createAppend(position({ x: 10, y: 6 })));
 
-            const properties = SchemaAST.getPropertySignatures(EmailTriggerOutput.ast);
+            const properties = AST.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 });
@@ -231,7 +228,7 @@ export const presets = {
         const objects = range(n, () => {
           const canvasModel = CanvasGraphModel.create<ComputeShape>();
 
-          const results = space.db.query(Filter.type(TableType)).runSync();
+          const results = space.db.query(Filter.schema(TableType)).runSync();
           const emailTable = results.find((r) => r.object?.view?.target?.query?.typename?.endsWith('Email'));
           invariant(emailTable, 'Email table not found.');
 
@@ -283,7 +280,7 @@ export const presets = {
             templateContent.push('  "category": "{{text}}",');
             builder.createEdge({ source: gpt.id, target: template.id, input: 'text', output: 'text' });
 
-            const properties = SchemaAST.getPropertySignatures(EmailTriggerOutput.ast);
+            const properties = AST.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 });
@@ -307,7 +304,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 = Schema.extend(EmailTriggerOutput, Schema.Struct({ text: Schema.String }));
+          const extendedSchema = S.extend(EmailTriggerOutput, S.Struct({ text: S.String }));
           templateComputeNode.inputSchema = toJsonSchema(extendedSchema);
 
           attachTrigger(functionTrigger, computeModel);
@@ -405,11 +402,11 @@ export const presets = {
           const canvasModel = CanvasGraphModel.create<ComputeShape>();
 
           // TODO(wittjosiah): Integrate directly w/ Kanban.
-          // const results = space.db.query(Filter.type(KanbanType)).runSync();
+          // const results = space.db.query(Filter.schema(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.type(TableType)).runSync();
+          const results = space.db.query(Filter.schema(TableType)).runSync();
           const messages = results.find((r) => r.object?.view?.target?.query?.typename?.endsWith('Message'));
           invariant(messages, 'Table not found.');
 
@@ -452,7 +449,7 @@ export const presets = {
 const createQueueSinkPreset = <SpecType extends TriggerKind>(
   space: Space,
   triggerKind: SpecType,
-  initSpec: (spec: Extract<TriggerType, { kind: SpecType }>) => void,
+  initSpec: (spec: Extract<TriggerType, { type: SpecType }>) => void,
   triggerOutputName: string,
 ) => {
   const canvasModel = CanvasGraphModel.create<ComputeShape>();
@@ -494,7 +491,7 @@ const createQueueSinkPreset = <SpecType extends TriggerKind>(
 
     functionTrigger = triggerShape.functionTrigger!.target!;
     const triggerSpec = functionTrigger.spec;
-    invariant(triggerSpec && triggerSpec.kind === triggerKind, 'No trigger spec.');
+    invariant(triggerSpec && triggerSpec.type === triggerKind, 'No trigger spec.');
     initSpec(triggerSpec as any);
   });
 
@@ -503,7 +500,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(Schema.Struct({ type: Schema.String, changeId: Schema.String }));
+  templateComputeNode.inputSchema = toJsonSchema(S.Struct({ type: S.String, changeId: S.String }));
 
   attachTrigger(functionTrigger, computeModel);
 
@@ -512,7 +509,7 @@ const createQueueSinkPreset = <SpecType extends TriggerKind>(
 
 const addToSpace = (name: string, space: Space, canvas: CanvasGraphModel, compute: ComputeGraphModel) => {
   return space.db.add(
-    live(CanvasBoardType, {
+    create(CanvasBoardType, {
       name,
       computeGraph: makeRef(compute.root),
       layout: canvas.graph,
@@ -542,9 +539,10 @@ const setupQueue = (
 
 const attachTrigger = (functionTrigger: FunctionTrigger | undefined, computeModel: ComputeGraphModel) => {
   invariant(functionTrigger);
-  functionTrigger.function = Ref.make(computeModel.root);
+  functionTrigger.function = DXN.fromLocalObjectId(computeModel.root.id).toString();
+  functionTrigger.meta ??= {};
   const inputNode = computeModel.nodes.find((node) => node.type === NODE_INPUT)!;
-  functionTrigger.inputNodeId = inputNode.id;
+  functionTrigger.meta.computeNodeId = 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 AnyLiveObject } from '@dxos/react-client/echo';
+import { fullyQualifiedId, type ReactiveEchoObject } 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: AnyLiveObject<any>;
+  object: ReactiveEchoObject<any>;
 }>;
 
 // TODO(burdon): Make focusable and attendable with input.

package/src/components/index.ts

@@ -5,7 +5,6 @@
 import { lazy } from 'react';
 
 export const DebugApp = lazy(() => import('./DebugApp'));
-export const DevtoolsOverviewContainer = lazy(() => import('./DevtoolsOverviewContainer'));
 export const SpaceGenerator = lazy(() => import('./SpaceGenerator'));
 
 export * from './DebugObjectPanel';

package/src/translations.ts

@@ -13,7 +13,6 @@ export default [
         '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.',
@@ -48,7 +47,6 @@ 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 = Schema.mutable(
-  Schema.Struct({
-    wireframe: Schema.optional(Schema.Boolean),
+export const DebugSettingsSchema = S.mutable(
+  S.Struct({
+    wireframe: S.optional(S.Boolean),
   }),
 );
 
-export interface DebugSettingsProps extends Schema.Schema.Type<typeof DebugSettingsSchema> {}
+export interface DebugSettingsProps extends S.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,7 +54,6 @@ 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/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

package/dist/lib/browser/DevtoolsOverviewContainer-HYNZTH2Z.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,QAAM,CAACC,OAAOC,YAAAA,IAAgBC,SAAAA;AAE9B,SACE,sBAAA,cAACC,YAAAA;IAAWH;IAAcI,WAAWH;KACnC,sBAAA,cAACI,SAAAA;IAAQC,MAAK;;AAGpB;AAEA,IAAA,oCAAeP;",
-  "names": ["React", "Surface", "StatsPanel", "useStats", "DevtoolsOverviewContainer", "stats", "refreshStats", "useStats", "StatsPanel", "onRefresh", "Surface", "role"]
-}