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

package/src/capabilities/react-surface.tsx

@@ -13,33 +13,35 @@ import {
   createSurface,
   LayoutAction,
   useCapability,
-  type PluginsContext,
+  useIntentDispatcher,
+  type PluginContext,
 } 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';
@@ -51,13 +53,21 @@ import {
   SpaceState,
   isSpace,
   isEchoObject,
-  type ReactiveEchoObject,
-  type ReactiveObject,
+  type AnyLiveObject,
+  type Live,
   type Space,
   parseId,
 } from '@dxos/react-client/echo';
 
-import { DebugApp, DebugObjectPanel, DebugSettings, DebugStatus, SpaceGenerator, Wireframe } from '../components';
+import {
+  DebugApp,
+  DebugObjectPanel,
+  DebugSettings,
+  DebugStatus,
+  DevtoolsOverviewContainer,
+  SpaceGenerator,
+  Wireframe,
+} from '../components';
 import { DEBUG_PLUGIN } from '../meta';
 import { type DebugSettingsProps, Devtools } from '../types';
 
@@ -82,7 +92,7 @@ const useCurrentSpace = () => {
   return space;
 };
 
-export default (context: PluginsContext) =>
+export default (context: PluginContext) =>
   contributes(Capabilities.ReactSurface, [
     createSurface({
       id: `${DEBUG_PLUGIN}/plugin-settings`,
@@ -97,7 +107,7 @@ export default (context: PluginsContext) =>
       filter: (data): data is { subject: SpaceDebug } => isSpaceDebug(data.subject),
       component: ({ data }) => {
         const handleCreateObject = useCallback(
-          (objects: ReactiveObject<any>[]) => {
+          (objects: Live<any>[]) => {
             if (!isSpace(data.subject.space)) {
               return;
             }
@@ -109,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 }));
             });
@@ -130,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;
       },
@@ -143,10 +153,15 @@ 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} />,
     }),
+    createSurface({
+      id: `${DEBUG_PLUGIN}/devtools-overview`,
+      role: 'deck-companion--devtools',
+      component: () => <DevtoolsOverviewContainer />,
+    }),
     createSurface({
       id: `${DEBUG_PLUGIN}/status`,
       role: 'status',
@@ -219,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],
@@ -233,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],
@@ -259,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',
@@ -338,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({
@@ -346,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/capabilities/settings.ts

@@ -3,13 +3,13 @@
 //
 
 import { Capabilities, contributes } from '@dxos/app-framework';
-import { create } from '@dxos/react-client/echo';
+import { live } from '@dxos/react-client/echo';
 
 import { DEBUG_PLUGIN } from '../meta';
 import { type DebugSettingsProps, DebugSettingsSchema } from '../types';
 
 export default () => {
-  const settings = create<DebugSettingsProps>({});
+  const settings = live<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 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,14 +4,12 @@
 
 import React, { useEffect, useRef, useState } from 'react';
 
-import { useAppGraph, useLayout } from '@dxos/app-framework';
 import { TimeoutError } from '@dxos/async';
-import { StatsPanel, useStats } from '@dxos/devtools';
-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';
-import { Icon, Popover } from '@dxos/react-ui';
+import { Icon } from '@dxos/react-ui';
 
 const styles = {
   success: 'text-sky-300 dark:text-green-700',
@@ -135,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) {
@@ -180,28 +176,7 @@ const SavingIndicator = () => {
   }
 };
 
-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];
+const indicators = [SavingIndicator, SwarmIndicator, ErrorIndicator];
 
 export const DebugStatus = () => {
   return (

package/src/components/DevtoolsOverviewContainer.tsx

@@ -0,0 +1,20 @@
+//
+// Copyright 2025 DXOS.org
+//
+
+import React from 'react';
+
+import { Surface } from '@dxos/app-framework';
+import { StatsPanel, useStats } from '@dxos/devtools';
+
+export const DevtoolsOverviewContainer = () => {
+  const [stats, refreshStats] = useStats();
+
+  return (
+    <StatsPanel stats={stats} onRefresh={refreshStats}>
+      <Surface role='devtools-overview' />
+    </StatsPanel>
+  );
+};
+
+export default DevtoolsOverviewContainer;

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 { create, makeRef, type ReactiveObject } from '@dxos/live-object';
+import { live, makeRef, type Live } 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, TextType } from '@dxos/schema';
+import { createView, DataType } 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: ReactiveObject<any>[]) => void,
-) => Promise<ReactiveObject<T>[]>;
+  cb?: (objects: Live<any>[]) => void,
+) => Promise<Live<T>[]>;
 
 export const staticGenerators = new Map<string, ObjectGenerator<any>>([
   [
@@ -40,10 +40,9 @@ export const staticGenerators = new Map<string, ObjectGenerator<any>>([
     async (space, n, cb) => {
       const objects = range(n).map(() => {
         return space.db.add(
-          create(DocumentType, {
+          live(DocumentType, {
             name: faker.commerce.productName(),
-            content: makeRef(create(TextType, { content: faker.lorem.sentences(5) })),
-            threads: [],
+            content: makeRef(live(DataType.Text, { content: faker.lorem.sentences(5) })),
           }),
         );
       });
@@ -58,9 +57,9 @@ export const staticGenerators = new Map<string, ObjectGenerator<any>>([
       const objects = range(n).map(() => {
         // TODO(burdon): Generate diagram.
         const obj = space.db.add(
-          create(DiagramType, {
+          live(DiagramType, {
             name: faker.commerce.productName(),
-            canvas: makeRef(create(CanvasType, { content: {} })),
+            canvas: makeRef(live(CanvasType, { content: {} })),
           }),
         );
 
@@ -139,11 +138,7 @@ 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: ReactiveObject<any>[]) => void,
-  ): Promise<ReactiveObject<T>[]> => {
+  return async (space: Space, n: number, cb?: (objects: Live<any>[]) => void): Promise<Live<T>[]> => {
     // Find or create mutable schema.
     const schema =
       (await space.db.schemaRegistry.query({ typename: type.typename }).firstOrUndefined()) ??
@@ -154,12 +149,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.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;
       const view = createView({ name, typename: type.typename, jsonSchema: schema.jsonSchema });
-      const table = space.db.add(create(TableType, { name, view: makeRef(view) }));
+      const table = space.db.add(live(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({ tooltips: true }), withTheme],
+  decorators: [withClientProvider({ createSpace: true }), withLayout(), withTheme],
   parameters: {
     layout: 'fullscreen',
   },

package/src/components/SpaceGenerator/SpaceGenerator.tsx

@@ -6,8 +6,8 @@ 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 { create, type ReactiveObject } from '@dxos/live-object';
+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';
 import { SheetType } from '@dxos/plugin-sheet/types';
@@ -18,23 +18,23 @@ 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';
 
 export type SpaceGeneratorProps = {
   space: Space;
-  onCreateObjects?: (objects: ReactiveObject<any>[]) => void;
+  onCreateObjects?: (objects: Live<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.Org, 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);
@@ -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 = create(TableType, { name, threads: [] });
+            const table = live(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 = create(schema, fields);
+            const object = live(schema, fields);
             space.db.add(object);
             return object;
           }),

package/src/components/SpaceGenerator/presets.ts

@@ -2,12 +2,15 @@
 // 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 { create, makeRef } from '@dxos/live-object';
+import { live, makeRef } from '@dxos/live-object';
 import { Filter, type Space } from '@dxos/react-client/echo';
 import {
   type ComputeShape,
@@ -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);
 
@@ -509,7 +512,7 @@ const createQueueSinkPreset = <SpecType extends TriggerKind>(
 
 const addToSpace = (name: string, space: Space, canvas: CanvasGraphModel, compute: ComputeGraphModel) => {
   return space.db.add(
-    create(CanvasBoardType, {
+    live(CanvasBoardType, {
       name,
       computeGraph: makeRef(compute.root),
       layout: canvas.graph,
@@ -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/components/index.ts

@@ -5,6 +5,7 @@
 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/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

@@ -13,6 +13,7 @@ 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.',
@@ -47,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`;