@dxos/plugin-debug 0.7.4 → 0.7.5-main.9cb18ac

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dxos/plugin-debug",
-  "version": "0.7.4",
+  "version": "0.7.5-main.9cb18ac",
   "description": "DXOS Surface plugin for testing.",
   "homepage": "https://dxos.org",
   "bugs": "https://github.com/dxos/dxos/issues",
@@ -35,45 +35,46 @@
     "@preact/signals-core": "^1.6.0",
     "@tldraw/tldraw": "^3.0.0",
     "date-fns": "^3.3.1",
-    "effect": "^3.9.2",
+    "effect": "^3.12.1",
     "lodash.get": "^4.4.2",
     "react-json-tree": "^0.18.0",
     "react-resize-detector": "^11.0.1",
     "workerize-loader": "^2.0.2",
-    "@dxos/app-framework": "0.7.4",
-    "@dxos/async": "0.7.4",
-    "@dxos/automerge": "0.7.4",
-    "@dxos/devtools": "0.7.4",
-    "@dxos/config": "0.7.4",
-    "@dxos/client-services": "0.7.4",
-    "@dxos/echo-pipeline": "0.7.4",
-    "@dxos/invariant": "0.7.4",
-    "@dxos/echo-schema": "0.7.4",
-    "@dxos/keys": "0.7.4",
-    "@dxos/echo-generator": "0.7.4",
-    "@dxos/live-object": "0.7.4",
-    "@dxos/log": "0.7.4",
-    "@dxos/local-storage": "0.7.4",
-    "@dxos/plugin-deck": "0.7.4",
-    "@dxos/plugin-graph": "0.7.4",
-    "@dxos/plugin-client": "0.7.4",
-    "@dxos/plugin-markdown": "0.7.4",
-    "@dxos/plugin-sketch": "0.7.4",
-    "@dxos/plugin-sheet": "0.7.4",
-    "@dxos/plugin-space": "0.7.4",
-    "@dxos/plugin-status-bar": "0.7.4",
-    "@dxos/plugin-table": "0.7.4",
-    "@dxos/protocols": "0.7.4",
-    "@dxos/random": "0.7.4",
-    "@dxos/react-client": "0.7.4",
-    "@dxos/plugin-theme": "0.7.4",
-    "@dxos/react-ui-attention": "0.7.4",
-    "@dxos/react-hooks": "0.7.4",
-    "@dxos/react-ui-form": "0.7.4",
-    "@dxos/react-ui-syntax-highlighter": "0.7.4",
-    "@dxos/react-ui-table": "0.7.4",
-    "@dxos/schema": "0.7.4",
-    "@dxos/util": "0.7.4"
+    "@dxos/app-framework": "0.7.5-main.9cb18ac",
+    "@dxos/automerge": "0.7.5-main.9cb18ac",
+    "@dxos/async": "0.7.5-main.9cb18ac",
+    "@dxos/client-services": "0.7.5-main.9cb18ac",
+    "@dxos/compute": "0.7.5-main.9cb18ac",
+    "@dxos/config": "0.7.5-main.9cb18ac",
+    "@dxos/devtools": "0.7.5-main.9cb18ac",
+    "@dxos/echo-generator": "0.7.5-main.9cb18ac",
+    "@dxos/echo-pipeline": "0.7.5-main.9cb18ac",
+    "@dxos/echo-schema": "0.7.5-main.9cb18ac",
+    "@dxos/invariant": "0.7.5-main.9cb18ac",
+    "@dxos/keys": "0.7.5-main.9cb18ac",
+    "@dxos/live-object": "0.7.5-main.9cb18ac",
+    "@dxos/local-storage": "0.7.5-main.9cb18ac",
+    "@dxos/log": "0.7.5-main.9cb18ac",
+    "@dxos/plugin-deck": "0.7.5-main.9cb18ac",
+    "@dxos/plugin-markdown": "0.7.5-main.9cb18ac",
+    "@dxos/plugin-client": "0.7.5-main.9cb18ac",
+    "@dxos/plugin-graph": "0.7.5-main.9cb18ac",
+    "@dxos/plugin-sketch": "0.7.5-main.9cb18ac",
+    "@dxos/plugin-space": "0.7.5-main.9cb18ac",
+    "@dxos/plugin-sheet": "0.7.5-main.9cb18ac",
+    "@dxos/plugin-status-bar": "0.7.5-main.9cb18ac",
+    "@dxos/plugin-theme": "0.7.5-main.9cb18ac",
+    "@dxos/random": "0.7.5-main.9cb18ac",
+    "@dxos/plugin-table": "0.7.5-main.9cb18ac",
+    "@dxos/protocols": "0.7.5-main.9cb18ac",
+    "@dxos/react-client": "0.7.5-main.9cb18ac",
+    "@dxos/react-hooks": "0.7.5-main.9cb18ac",
+    "@dxos/react-ui-attention": "0.7.5-main.9cb18ac",
+    "@dxos/react-ui-form": "0.7.5-main.9cb18ac",
+    "@dxos/react-ui-syntax-highlighter": "0.7.5-main.9cb18ac",
+    "@dxos/react-ui-table": "0.7.5-main.9cb18ac",
+    "@dxos/schema": "0.7.5-main.9cb18ac",
+    "@dxos/util": "0.7.5-main.9cb18ac"
   },
   "devDependencies": {
     "@phosphor-icons/react": "^2.1.5",
@@ -83,17 +84,17 @@
     "react": "~18.2.0",
     "react-dom": "~18.2.0",
     "vite": "5.4.7",
-    "@dxos/react-ui-theme": "0.7.4",
-    "@dxos/react-ui": "0.7.4",
-    "@dxos/storybook-utils": "0.7.4"
+    "@dxos/react-ui": "0.7.5-main.9cb18ac",
+    "@dxos/react-ui-theme": "0.7.5-main.9cb18ac",
+    "@dxos/storybook-utils": "0.7.5-main.9cb18ac"
   },
   "peerDependencies": {
     "@phosphor-icons/react": "^2.1.5",
     "react": "~18.2.0",
     "react-dom": "~18.2.0",
-    "@dxos/react-ui-theme": "0.7.4",
-    "@dxos/random": "0.7.4",
-    "@dxos/react-ui": "0.7.4"
+    "@dxos/random": "0.7.5-main.9cb18ac",
+    "@dxos/react-ui-theme": "0.7.5-main.9cb18ac",
+    "@dxos/react-ui": "0.7.5-main.9cb18ac"
   },
   "publishConfig": {
     "access": "public"

package/src/DebugPlugin.tsx

@@ -2,9 +2,11 @@
 // Copyright 2023 DXOS.org
 //
 
-import React, { type ReactNode, useEffect, useState } from 'react';
+import React, { useCallback, useEffect, useState } from 'react';
 
 import {
+  createIntent,
+  createSurface,
   definePlugin,
   parseGraphPlugin,
   parseIntentPlugin,
@@ -15,7 +17,7 @@ import {
 import { Timer } from '@dxos/async';
 import { Devtools } from '@dxos/devtools';
 import { invariant } from '@dxos/invariant';
-import { type ClientPluginProvides, parseClientPlugin } from '@dxos/plugin-client';
+import { parseClientPlugin } from '@dxos/plugin-client/types';
 import { createExtension, Graph, type Node, toSignal } from '@dxos/plugin-graph';
 import { memoizeQuery, SpaceAction } from '@dxos/plugin-space';
 import { CollectionType } from '@dxos/plugin-space/types';
@@ -26,17 +28,11 @@ import {
   isEchoObject,
   isSpace,
   parseId,
+  type ReactiveEchoObject,
   type ReactiveObject,
   type Space,
   SpaceState,
 } from '@dxos/react-client/echo';
-import { Main } from '@dxos/react-ui';
-import {
-  baseSurface,
-  bottombarBlockPaddingEnd,
-  fixedInsetFlexLayout,
-  topbarBlockPaddingStart,
-} from '@dxos/react-ui-theme';
 
 import {
   DebugApp,
@@ -49,13 +45,19 @@ import {
 } from './components';
 import meta, { DEBUG_PLUGIN } from './meta';
 import translations from './translations';
-import {
-  DebugAction,
-  DebugContext,
-  type DebugPluginProvides,
-  type DebugSettingsProps,
-  DebugSettingsSchema,
-} from './types';
+import { DebugContext, type DebugPluginProvides, type DebugSettingsProps, DebugSettingsSchema } from './types';
+
+type SpaceDebug = {
+  type: string;
+  space: Space;
+};
+
+type GraphDebug = {
+  graph: Graph;
+};
+
+const isSpaceDebug = (data: any): data is SpaceDebug => data.type === `${DEBUG_PLUGIN}/space` && isSpace(data.space);
+const isGraphDebug = (data: any): data is GraphDebug => data.graph instanceof Graph;
 
 export const DebugPlugin = definePlugin<DebugPluginProvides>((context) => {
   const settings = create<DebugSettingsProps>({
@@ -65,7 +67,7 @@ export const DebugPlugin = definePlugin<DebugPluginProvides>((context) => {
 
   return {
     meta,
-    ready: async (plugins) => {
+    ready: async ({ plugins }) => {
       context.init(plugins);
       context.resolvePlugin(parseSettingsPlugin).provides.settingsStore.createStore({
         schema: DebugSettingsSchema,
@@ -182,7 +184,7 @@ export const DebugPlugin = definePlugin<DebugPluginProvides>((context) => {
                 // Not adding the debug node until the root collection is available aligns the behaviour of this
                 // extension with that of the space plugin adding objects. This ensures that the debug node is added at
                 // the same time as objects and prevents order from changing as the nodes are added.
-                const collection = space.properties[CollectionType.typename] as CollectionType | undefined;
+                const collection = space.properties[CollectionType.typename]?.target as CollectionType | undefined;
                 if (!collection) {
                   return;
                 }
@@ -269,121 +271,85 @@ export const DebugPlugin = definePlugin<DebugPluginProvides>((context) => {
           ];
         },
       },
-      intent: {
-        resolver: async (intent, plugins) => {
-          switch (intent.action) {
-            case DebugAction.OPEN_DEVTOOLS: {
-              const clientPlugin = context.getPlugin<ClientPluginProvides>('dxos.org/plugin/client');
-              const client = clientPlugin.provides.client;
-              const vaultUrl = client.config.values?.runtime?.client?.remoteSource ?? 'https://halo.dxos.org';
-
-              // Check if we're serving devtools locally on the usual port.
-              let devtoolsUrl = 'http://localhost:5174';
-              try {
-                // TODO(burdon): Test header to see if this is actually devtools.
-                await fetch(devtoolsUrl);
-              } catch {
-                // Match devtools to running app.
-                const isDev = window.location.href.includes('.dev.') || window.location.href.includes('localhost');
-                devtoolsUrl = `https://devtools${isDev ? '.dev.' : '.'}dxos.org`;
-              }
-
-              window.open(`${devtoolsUrl}?target=${vaultUrl}`, '_blank');
-              return { data: true };
-            }
-          }
-        },
-      },
       surface: {
-        component: ({ name, data, role }) => {
-          switch (role) {
-            case 'settings':
-              return data.plugin === meta.id ? <DebugSettings settings={settings} /> : null;
-            case 'status':
-              return <DebugStatus />;
-            case 'complementary--debug':
-              return isEchoObject(data.subject) ? <DebugObjectPanel object={data.subject} /> : null;
-          }
-
-          const primary = data.active ?? data.object;
-          let component: ReactNode = null;
-          if (role === 'main' || role === 'article') {
-            if (primary === 'devtools' && settings.devtools) {
-              component = <Devtools />;
-            } else if (!primary || typeof primary !== 'object' || !settings.debug) {
-              component = null;
-            } else if (
-              'type' in primary &&
-              primary.type === 'dxos.org/plugin/debug/space' &&
-              'space' in primary &&
-              isSpace(primary.space)
-            ) {
-              const handleCreateObject = (objects: ReactiveObject<any>[]) => {
-                if (!isSpace(primary.space)) {
-                  return;
-                }
+        definitions: () => [
+          createSurface({
+            id: `${DEBUG_PLUGIN}/settings`,
+            role: 'settings',
+            filter: (data): data is any => data.subject === DEBUG_PLUGIN,
+            component: () => <DebugSettings settings={settings} />,
+          }),
+          createSurface({
+            id: `${DEBUG_PLUGIN}/status`,
+            role: 'status',
+            component: () => <DebugStatus />,
+          }),
+          createSurface({
+            id: `${DEBUG_PLUGIN}/complementary`,
+            role: 'complementary--debug',
+            filter: (data): data is { subject: ReactiveEchoObject<any> } => isEchoObject(data.subject),
+            component: ({ data }) => <DebugObjectPanel object={data.subject} />,
+          }),
+          createSurface({
+            id: `${DEBUG_PLUGIN}/devtools`,
+            role: 'article',
+            filter: (data): data is any => data.subject === 'devtools' && !!settings.devtools,
+            component: () => <Devtools />,
+          }),
+          createSurface({
+            id: `${DEBUG_PLUGIN}/space`,
+            role: 'article',
+            filter: (data): data is { subject: SpaceDebug } => isSpaceDebug(data.subject),
+            component: ({ data }) => {
+              const handleCreateObject = useCallback(
+                (objects: ReactiveObject<any>[]) => {
+                  if (!isSpace(data.subject.space)) {
+                    return;
+                  }
 
-                const collection =
-                  primary.space.state.get() === SpaceState.SPACE_READY &&
-                  primary.space.properties[CollectionType.typename];
-                if (!(collection instanceof CollectionType)) {
-                  return;
-                }
+                  const collection =
+                    data.subject.space.state.get() === SpaceState.SPACE_READY &&
+                    data.subject.space.properties[CollectionType.typename]?.target;
+                  if (!(collection instanceof CollectionType)) {
+                    return;
+                  }
 
-                void context.resolvePlugin(parseIntentPlugin).provides.intent.dispatch(
-                  objects.map((object) => ({
-                    action: SpaceAction.ADD_OBJECT,
-                    data: { target: collection, object },
-                  })),
-                );
-              };
+                  objects.forEach((object) => {
+                    void context
+                      .resolvePlugin(parseIntentPlugin)
+                      .provides.intent.dispatchPromise(
+                        createIntent(SpaceAction.AddObject, { target: collection, object }),
+                      );
+                  });
+                },
+                [data.subject.space],
+              );
 
               const deprecated = false;
-              component = deprecated ? (
-                <DebugSpace space={primary.space} onAddObjects={handleCreateObject} />
+              return deprecated ? (
+                <DebugSpace space={data.subject.space} onAddObjects={handleCreateObject} />
               ) : (
-                <SpaceGenerator space={primary.space} onCreateObjects={handleCreateObject} />
+                <SpaceGenerator space={data.subject.space} onCreateObjects={handleCreateObject} />
               );
-            } else if ('graph' in primary && primary.graph instanceof Graph) {
-              component = <DebugApp graph={primary.graph} />;
-            }
-          }
-
-          if (!component) {
-            if (settings.wireframe) {
-              if (role === 'main' || role === 'article' || role === 'section') {
-                const primary = data.active ?? data.object;
-                const isCollection = primary instanceof CollectionType;
-                // TODO(burdon): Move into Container abstraction.
-                if (!isCollection) {
-                  return {
-                    node: (
-                      <Wireframe label={`${role}:${name}`} object={primary} classNames='row-span-2 overflow-hidden' />
-                    ),
-                    disposition: 'hoist',
-                  };
-                }
-              }
-            }
-
-            return null;
-          }
-
-          switch (role) {
-            case 'article':
-              return <>{component}</>;
-            case 'main':
-              return (
-                <Main.Content
-                  classNames={[baseSurface, fixedInsetFlexLayout, topbarBlockPaddingStart, bottombarBlockPaddingEnd]}
-                >
-                  {component}
-                </Main.Content>
-              );
-          }
-
-          return null;
-        },
+            },
+          }),
+          createSurface({
+            id: `${DEBUG_PLUGIN}/graph`,
+            role: 'article',
+            filter: (data): data is { subject: GraphDebug } => isGraphDebug(data.subject),
+            component: ({ data }) => <DebugApp graph={data.subject.graph} />,
+          }),
+          createSurface({
+            id: `${DEBUG_PLUGIN}/wireframe`,
+            role: ['article', 'section'],
+            disposition: 'hoist',
+            filter: (data): data is { subject: ReactiveEchoObject<any> } =>
+              isEchoObject(data.subject) && !!settings.wireframe,
+            component: ({ data, role }) => (
+              <Wireframe label={`${role}:${name}`} object={data.subject} classNames='row-span-2 overflow-hidden' />
+            ),
+          }),
+        ],
       },
     },
   };

package/src/components/DebugSpace/DebugSpace.stories.tsx

@@ -5,21 +5,22 @@
 import '@dxos-theme';
 
 import { type Meta } from '@storybook/react';
-import React, { useEffect } from 'react';
+import React from 'react';
 
 import { createSpaceObjectGenerator } from '@dxos/echo-generator';
 import { useSpaces } from '@dxos/react-client/echo';
 import { withClientProvider } from '@dxos/react-client/testing';
+import { useAsyncEffect } from '@dxos/react-hooks';
 import { render, withLayout, withTheme } from '@dxos/storybook-utils';
 
 import { DebugSpace } from './DebugSpace';
 
 const DefaultStory = () => {
   const [space] = useSpaces();
-  useEffect(() => {
+  useAsyncEffect(async () => {
     if (space) {
       const generator = createSpaceObjectGenerator(space);
-      generator.addSchemas();
+      await generator.addSchemas();
     }
   }, [space]);
 

package/src/components/DebugSpace/ObjectCreator.stories.tsx

@@ -5,22 +5,23 @@
 import '@dxos-theme';
 
 import { type Meta } from '@storybook/react';
-import React, { useEffect } from 'react';
+import React from 'react';
 
 import { createSpaceObjectGenerator } from '@dxos/echo-generator';
 import { log } from '@dxos/log';
 import { useSpaces } from '@dxos/react-client/echo';
 import { withClientProvider } from '@dxos/react-client/testing';
+import { useAsyncEffect } from '@dxos/react-hooks';
 import { render, withLayout, withTheme } from '@dxos/storybook-utils';
 
 import { ObjectCreator, type ObjectCreatorProps } from './ObjectCreator';
 
 const DefaultStory = () => {
   const [space] = useSpaces();
-  useEffect(() => {
+  useAsyncEffect(async () => {
     if (space) {
       const generator = createSpaceObjectGenerator(space);
-      generator.addSchemas();
+      await generator.addSchemas();
     }
   }, [space]);
 

package/src/components/DebugSurface.tsx

@@ -37,9 +37,9 @@ export const DebugSurface = ({ classNames }: SurfaceDebugProps) => {
   return (
     <div className={mx('flex flex-col border border-separator overflow-hidden bg-modalSurface', classNames)}>
       <div className='flex flex-col h-full w-full p-2'>
-        {surfaces.map(({ id, name, renderCount }) => (
+        {surfaces.map(({ id, role, renderCount }) => (
           <div key={id} className='grid grid-cols-[1fr_3rem_3rem] items-center text-xs font-mono whitespace-nowrap'>
-            <span className='px-1 truncate'>{name}</span>
+            <span className='px-1 truncate'>{role}</span>
             <span className='px-1 text-right'>{renderCount}</span>
             <span className='px-1 text-right'>{renderMap.get(id)?.delta}</span>
           </div>

package/src/components/SpaceGenerator/ObjectGenerator.tsx

@@ -2,12 +2,12 @@
 // Copyright 2024 DXOS.org
 //
 
-import { type AbstractSchema, type BaseObject } from '@dxos/echo-schema';
-import { create, type ReactiveObject } from '@dxos/live-object';
+import { addressToA1Notation } from '@dxos/compute';
+import { type BaseObject, type TypedObject } from '@dxos/echo-schema';
+import { create, makeRef, type ReactiveObject } from '@dxos/live-object';
 import { DocumentType, TextType } from '@dxos/plugin-markdown/types';
-import { addressToA1Notation, createSheet } from '@dxos/plugin-sheet';
-import { type CellValue } from '@dxos/plugin-sheet/types';
-import { SheetType } from '@dxos/plugin-sheet/types';
+import { createSheet } from '@dxos/plugin-sheet';
+import { SheetType, type CellValue } from '@dxos/plugin-sheet/types';
 import { CanvasType, DiagramType } from '@dxos/plugin-sketch/types';
 import { faker } from '@dxos/random';
 import { Filter, type Space } from '@dxos/react-client/echo';
@@ -40,7 +40,7 @@ export const staticGenerators = new Map<string, ObjectGenerator<any>>([
         const obj = space.db.add(
           create(DocumentType, {
             name: faker.commerce.productName(),
-            content: create(TextType, { content: faker.lorem.sentences(5) }),
+            content: makeRef(create(TextType, { content: faker.lorem.sentences(5) })),
             threads: [],
           }),
         );
@@ -60,7 +60,7 @@ export const staticGenerators = new Map<string, ObjectGenerator<any>>([
         const obj = space.db.add(
           create(DiagramType, {
             name: faker.commerce.productName(),
-            canvas: create(CanvasType, { content: {} }),
+            canvas: makeRef(create(CanvasType, { content: {} })),
           }),
         );
 
@@ -111,28 +111,28 @@ export const staticGenerators = new Map<string, ObjectGenerator<any>>([
   ],
 ]);
 
-export const createGenerator = <T extends BaseObject>(type: AbstractSchema<T>): ObjectGenerator<T> => {
+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>[]> => {
     // Find or create mutable schema.
-    const mutableSchema = await space.db.schemaRegistry.query();
     const schema =
-      mutableSchema.find((schema) => schema.typename === type.typename) ?? space.db.schemaRegistry.addSchema(type);
+      (await space.db.schemaRegistry.query({ typename: type.typename }).firstOrUndefined()) ??
+      (await space.db.schemaRegistry.register([type]))[0];
 
     // Create objects.
-    const generate = createAsyncGenerator(generator, schema.schema, { db: space.db });
+    const generate = createAsyncGenerator(generator, schema.getSchemaSnapshot(), { db: space.db });
     const objects = await generate.createObjects(n);
 
     // Find or create table and view.
     const { objects: tables } = await space.db.query(Filter.schema(TableType)).run();
-    const table = tables.find((table) => table.view?.query?.type === type.typename);
+    const table = tables.find((table) => table.view?.target?.query?.type === 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 }));
+      const table = space.db.add(create(TableType, { name, view: makeRef(view) }));
       cb?.([table]);
     }
 

package/src/components/SpaceGenerator/SpaceGenerator.tsx

@@ -43,7 +43,7 @@ export const SpaceGenerator = ({ space, onCreateObjects }: SpaceGeneratorProps)
   // Query space to get info.
   const updateInfo = async () => {
     // Create schema map.
-    const mutableSchema = await space.db.schemaRegistry.query();
+    const echoSchema = await space.db.schemaRegistry.query().run();
     const staticSchema = space.db.graph.schemaRegistry.schemas;
 
     // Create object map.
@@ -62,7 +62,7 @@ export const SpaceGenerator = ({ space, onCreateObjects }: SpaceGeneratorProps)
     setInfo({
       schema: {
         static: staticSchema.length,
-        mutable: mutableSchema.length,
+        mutable: echoSchema.length,
       },
       objects: objectMap,
     });

package/src/components/SpaceGenerator/draw-util.ts

@@ -86,20 +86,21 @@ export const drawGraph = async (
   editor: Editor,
   graph: Graph<PlainObject, PlainObject>,
 ): Promise<SerializedStore<TLRecord>> => {
-  const grid = 40;
+  const gridSize = 40;
   const nodeSize = 80;
 
-  const snap = (n: number) => Math.round(n / grid) * grid;
+  const snap = (n: number) => Math.round(n / gridSize) * gridSize;
 
+  // TODO(burdon): Util.
   type Intersection<Types extends readonly unknown[]> = Types extends [infer First, ...infer Rest]
     ? First & Intersection<Rest>
     : unknown;
 
   const defaultOptions: Intersection<[D3ForceLayoutOptions, GridLayoutOptions, RadialLayoutOptions]> = {
     center: [0, 0],
-    width: grid * 20,
-    height: grid * 20,
-    linkDistance: grid * 2,
+    width: gridSize * 20,
+    height: gridSize * 20,
+    linkDistance: gridSize * 2,
     nodeSize,
     nodeSpacing: nodeSize,
     preventOverlap: true,
@@ -129,7 +130,7 @@ export const drawGraph = async (
       layout = new RadialLayout({
         ...defaultOptions,
         focusNode: graph.getAllNodes()[0],
-        unitRadius: grid * 2,
+        unitRadius: gridSize * 2,
       });
     }
   }

package/src/components/Wireframe.tsx

@@ -5,7 +5,7 @@
 import React from 'react';
 import { useResizeDetector } from 'react-resize-detector';
 
-import { fullyQualifiedId } 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?: any;
+  object: ReactiveEchoObject<any>;
 }>;
 
 // TODO(burdon): Make focusable and attendable with input.

package/src/types.ts

@@ -6,7 +6,6 @@ import { type Context, createContext } from 'react';
 
 import type {
   GraphBuilderProvides,
-  IntentResolverProvides,
   SettingsProvides,
   SurfaceProvides,
   TranslationsProvides,
@@ -15,13 +14,6 @@ import type { TimerCallback, TimerOptions } from '@dxos/async';
 import { S } from '@dxos/echo-schema';
 import { type PanelProvides } from '@dxos/plugin-deck/types';
 
-import { DEBUG_PLUGIN } from './meta';
-
-const DEBUG_ACTION = `${DEBUG_PLUGIN}/action`;
-export enum DebugAction {
-  OPEN_DEVTOOLS = `${DEBUG_ACTION}/open-devtools`,
-}
-
 export type DebugContextType = {
   running: boolean;
   start: (cb: TimerCallback, options: TimerOptions) => void;
@@ -45,7 +37,6 @@ export const DebugSettingsSchema = S.mutable(
 export interface DebugSettingsProps extends S.Schema.Type<typeof DebugSettingsSchema> {}
 
 export type DebugPluginProvides = SurfaceProvides &
-  IntentResolverProvides &
   GraphBuilderProvides &
   SettingsProvides<DebugSettingsProps> &
   TranslationsProvides &