@dxos/plugin-debug 0.7.2 → 0.7.3-main.2dd075e

package/dist/types/src/DebugPlugin.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DebugPlugin.d.ts","sourceRoot":"","sources":["../../../src/DebugPlugin.tsx"],"names":[],"mappings":"AAkCA,OAAO,EAGL,KAAK,mBAAmB,EAGzB,MAAM,SAAS,CAAC;AAEjB,eAAO,MAAM,WAAW,2EAuTtB,CAAC"}
+{"version":3,"file":"DebugPlugin.d.ts","sourceRoot":"","sources":["../../../src/DebugPlugin.tsx"],"names":[],"mappings":"AAmDA,OAAO,EAGL,KAAK,mBAAmB,EAGzB,MAAM,SAAS,CAAC;AAEjB,eAAO,MAAM,WAAW,2EAyTtB,CAAC"}

package/dist/types/src/components/DebugObjectPanel.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DebugObjectPanel.d.ts","sourceRoot":"","sources":["../../../../src/components/DebugObjectPanel.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,KAAK,kBAAkB,EAAE,MAAM,mBAAmB,CAAC;AAG5D,MAAM,MAAM,qBAAqB,GAAG;IAClC,MAAM,EAAE,kBAAkB,CAAC,GAAG,CAAC,CAAC;CACjC,CAAC;AAEF,eAAO,MAAM,gBAAgB,eAAgB,qBAAqB,sBAQjE,CAAC"}
+{"version":3,"file":"DebugObjectPanel.d.ts","sourceRoot":"","sources":["../../../../src/components/DebugObjectPanel.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,KAAK,kBAAkB,EAAE,MAAM,mBAAmB,CAAC;AAG5D,MAAM,MAAM,qBAAqB,GAAG;IAClC,MAAM,EAAE,kBAAkB,CAAC,GAAG,CAAC,CAAC;CACjC,CAAC;AAGF,eAAO,MAAM,gBAAgB,eAAgB,qBAAqB,sBAQjE,CAAC"}

package/dist/types/src/components/DebugSpace/DebugSpace.d.ts

@@ -1,5 +1,5 @@
 import { type FC } from 'react';
-import { type ReactiveObject } from '@dxos/echo-schema';
+import { type ReactiveObject } from '@dxos/live-object';
 import { type Space } from '@dxos/react-client/echo';
 export declare const DebugSpace: FC<{
     space: Space;

package/dist/types/src/components/{SurfaceDebug.d.ts → DebugSurface.d.ts}

@@ -5,5 +5,5 @@ export type SurfaceDebugProps = ThemedClassName<{}>;
  * Show surface info.
  * NOTE: Remove from @dxos/app-framework if removing this.
  */
-export declare const SurfaceDebug: ({ classNames }: SurfaceDebugProps) => React.JSX.Element;
-//# sourceMappingURL=SurfaceDebug.d.ts.map
+export declare const DebugSurface: ({ classNames }: SurfaceDebugProps) => React.JSX.Element;
+//# sourceMappingURL=DebugSurface.d.ts.map

package/dist/types/src/components/{SurfaceDebug.d.ts.map → DebugSurface.d.ts.map}

@@ -1 +1 @@
-{"version":3,"file":"SurfaceDebug.d.ts","sourceRoot":"","sources":["../../../../src/components/SurfaceDebug.tsx"],"names":[],"mappings":"AAIA,OAAO,KAA4B,MAAM,OAAO,CAAC;AAGjD,OAAO,EAAgB,KAAK,eAAe,EAAE,MAAM,gBAAgB,CAAC;AAKpE,MAAM,MAAM,iBAAiB,GAAG,eAAe,CAAC,EAAE,CAAC,CAAC;AAEpD;;;GAGG;AACH,eAAO,MAAM,YAAY,mBAAoB,iBAAiB,sBAoC7D,CAAC"}
+{"version":3,"file":"DebugSurface.d.ts","sourceRoot":"","sources":["../../../../src/components/DebugSurface.tsx"],"names":[],"mappings":"AAIA,OAAO,KAA4B,MAAM,OAAO,CAAC;AAGjD,OAAO,EAAgB,KAAK,eAAe,EAAE,MAAM,gBAAgB,CAAC;AAKpE,MAAM,MAAM,iBAAiB,GAAG,eAAe,CAAC,EAAE,CAAC,CAAC;AAEpD;;;GAGG;AACH,eAAO,MAAM,YAAY,mBAAoB,iBAAiB,sBAoC7D,CAAC"}

package/dist/types/src/components/SpaceGenerator/ObjectGenerator.d.ts

@@ -0,0 +1,7 @@
+import { type AbstractSchema, type BaseObject } from '@dxos/echo-schema';
+import { type ReactiveObject } from '@dxos/live-object';
+import { type Space } from '@dxos/react-client/echo';
+export type ObjectGenerator<T extends BaseObject> = (space: Space, n: number, cb?: (objects: ReactiveObject<any>[]) => void) => Promise<ReactiveObject<T>[]>;
+export declare const staticGenerators: Map<string, ObjectGenerator<any>>;
+export declare const createGenerator: <T extends BaseObject>(type: AbstractSchema<T>) => ObjectGenerator<T>;
+//# sourceMappingURL=ObjectGenerator.d.ts.map

package/dist/types/src/components/SpaceGenerator/ObjectGenerator.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ObjectGenerator.d.ts","sourceRoot":"","sources":["../../../../../src/components/SpaceGenerator/ObjectGenerator.tsx"],"names":[],"mappings":"AAcA,OAAO,EAAE,KAAK,cAAc,EAAE,KAAK,UAAU,EAAE,MAAM,mBAAmB,CAAC;AACzE,OAAO,EAAU,KAAK,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAOhE,OAAO,EAAU,KAAK,KAAK,EAAE,MAAM,yBAAyB,CAAC;AAe7D,MAAM,MAAM,eAAe,CAAC,CAAC,SAAS,UAAU,IAAI,CAClD,KAAK,EAAE,KAAK,EACZ,CAAC,EAAE,MAAM,EACT,EAAE,CAAC,EAAE,CAAC,OAAO,EAAE,cAAc,CAAC,GAAG,CAAC,EAAE,KAAK,IAAI,KAC1C,OAAO,CAAC,cAAc,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC;AAGlC,eAAO,MAAM,gBAAgB,mCAwG3B,CAAC;AAEH,eAAO,MAAM,eAAe,GAAI,CAAC,SAAS,UAAU,QAAQ,cAAc,CAAC,CAAC,CAAC,KAAG,eAAe,CAAC,CAAC,CA2BhG,CAAC"}

package/dist/types/src/components/SpaceGenerator/SchemaTable.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+export type SchemaTableProps = {
+    types: any[];
+    objects?: Record<string, number | undefined>;
+    label: string;
+    onClick: (typename: string) => void;
+};
+export declare const SchemaTable: ({ types, objects, label, onClick }: SchemaTableProps) => React.JSX.Element;
+//# sourceMappingURL=SchemaTable.d.ts.map

package/dist/types/src/components/SpaceGenerator/SchemaTable.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SchemaTable.d.ts","sourceRoot":"","sources":["../../../../../src/components/SpaceGenerator/SchemaTable.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,MAAM,MAAM,gBAAgB,GAAG;IAC7B,KAAK,EAAE,GAAG,EAAE,CAAC;IACb,OAAO,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,SAAS,CAAC,CAAC;IAC7C,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;CACrC,CAAC;AAEF,eAAO,MAAM,WAAW,uCAA6C,gBAAgB,sBAsBpF,CAAC"}

package/dist/types/src/components/SpaceGenerator/SpaceGenerator.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import { type ReactiveObject } from '@dxos/live-object';
+import { type Space } from '@dxos/react-client/echo';
+export type SpaceGeneratorProps = {
+    space: Space;
+    onCreateObjects?: (objects: ReactiveObject<any>[]) => void;
+};
+export declare const SpaceGenerator: ({ space, onCreateObjects }: SpaceGeneratorProps) => React.JSX.Element;
+//# sourceMappingURL=SpaceGenerator.d.ts.map

package/dist/types/src/components/SpaceGenerator/SpaceGenerator.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SpaceGenerator.d.ts","sourceRoot":"","sources":["../../../../../src/components/SpaceGenerator/SpaceGenerator.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAyC,MAAM,OAAO,CAAC;AAE9D,OAAO,EAAE,KAAK,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAKxD,OAAO,EAAe,KAAK,KAAK,EAAE,MAAM,yBAAyB,CAAC;AASlE,MAAM,MAAM,mBAAmB,GAAG;IAChC,KAAK,EAAE,KAAK,CAAC;IACb,eAAe,CAAC,EAAE,CAAC,OAAO,EAAE,cAAc,CAAC,GAAG,CAAC,EAAE,KAAK,IAAI,CAAC;CAC5D,CAAC;AAEF,eAAO,MAAM,cAAc,+BAAgC,mBAAmB,sBAuF7E,CAAC"}

package/dist/types/src/components/SpaceGenerator/SpaceGenerator.stories.d.ts

@@ -0,0 +1,6 @@
+import '@dxos-theme';
+import { type Meta } from '@storybook/react';
+declare const meta: Meta;
+export default meta;
+export declare const Default: {};
+//# sourceMappingURL=SpaceGenerator.stories.d.ts.map

package/dist/types/src/components/SpaceGenerator/SpaceGenerator.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SpaceGenerator.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/SpaceGenerator/SpaceGenerator.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,aAAa,CAAC;AAErB,OAAO,EAAE,KAAK,IAAI,EAAE,MAAM,kBAAkB,CAAC;AAkB7C,QAAA,MAAM,IAAI,EAAE,IAQX,CAAC;AAEF,eAAe,IAAI,CAAC;AAEpB,eAAO,MAAM,OAAO,IAAK,CAAC"}

package/dist/types/src/components/SpaceGenerator/draw-util.d.ts

@@ -0,0 +1,8 @@
+import { Graph, type PlainObject } from '@antv/graphlib';
+import { type Editor, type SerializedStore, type TLRecord } from '@tldraw/tldraw';
+/**
+ * https://github.com/antvis/graphlib/blob/master/docs/classes/Graph.md
+ */
+export declare const generateGraph: () => Graph<PlainObject, PlainObject>;
+export declare const drawGraph: (editor: Editor, graph: Graph<PlainObject, PlainObject>) => Promise<SerializedStore<TLRecord>>;
+//# sourceMappingURL=draw-util.d.ts.map

package/dist/types/src/components/SpaceGenerator/draw-util.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"draw-util.d.ts","sourceRoot":"","sources":["../../../../../src/components/SpaceGenerator/draw-util.ts"],"names":[],"mappings":"AAKA,OAAO,EAAE,KAAK,EAAa,KAAK,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAEpE,OAAO,EAAkC,KAAK,MAAM,EAAE,KAAK,eAAe,EAAE,KAAK,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAclH;;GAEG;AAGH,eAAO,MAAM,aAAa,QAAO,KAAK,CAAC,WAAW,EAAE,WAAW,CAyB9D,CAAC;AAEF,eAAO,MAAM,SAAS,WACZ,MAAM,SACP,KAAK,CAAC,WAAW,EAAE,WAAW,CAAC,KACrC,OAAO,CAAC,eAAe,CAAC,QAAQ,CAAC,CAmEnC,CAAC"}

package/dist/types/src/components/SpaceGenerator/index.d.ts

@@ -0,0 +1,3 @@
+import { SpaceGenerator } from './SpaceGenerator';
+export default SpaceGenerator;
+//# sourceMappingURL=index.d.ts.map

package/dist/types/src/components/SpaceGenerator/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/SpaceGenerator/index.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAElD,eAAe,cAAc,CAAC"}

package/dist/types/src/components/index.d.ts

@@ -3,8 +3,9 @@ export declare const DebugApp: import("react").LazyExoticComponent<import("react
 }>>;
 export declare const DebugSpace: import("react").LazyExoticComponent<import("react").FC<{
     space: import("packages/sdk/client-protocol/dist/types/src").Space;
-    onAddObjects?: (objects: import("packages/core/echo/echo-schema/dist/types/src").ReactiveObject<any>[]) => void;
+    onAddObjects?: (objects: import("packages/core/echo/live-object/dist/types/src").ReactiveObject<any>[]) => void;
 }>>;
+export declare const SpaceGenerator: import("react").LazyExoticComponent<({ space, onCreateObjects }: import("./SpaceGenerator/SpaceGenerator").SpaceGeneratorProps) => import("react").JSX.Element>;
 export * from './DebugObjectPanel';
 export * from './DebugSettings';
 export * from './DebugStatus';

package/dist/types/src/components/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/index.ts"],"names":[],"mappings":"AAMA,eAAO,MAAM,QAAQ;;GAAmC,CAAC;AACzD,eAAO,MAAM,UAAU;;;GAAqC,CAAC;AAE7D,cAAc,oBAAoB,CAAC;AACnC,cAAc,iBAAiB,CAAC;AAChC,cAAc,eAAe,CAAC;AAC9B,cAAc,aAAa,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/index.ts"],"names":[],"mappings":"AAMA,eAAO,MAAM,QAAQ;;GAAmC,CAAC;AACzD,eAAO,MAAM,UAAU;;;GAAqC,CAAC;AAC7D,eAAO,MAAM,cAAc,iKAAyC,CAAC;AAErE,cAAc,oBAAoB,CAAC;AACnC,cAAc,iBAAiB,CAAC;AAChC,cAAc,eAAe,CAAC;AAC9B,cAAc,aAAa,CAAC"}

package/package.json

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

package/src/DebugPlugin.tsx

@@ -17,10 +17,19 @@ import { Devtools } from '@dxos/devtools';
 import { invariant } from '@dxos/invariant';
 import { type ClientPluginProvides, parseClientPlugin } from '@dxos/plugin-client';
 import { createExtension, Graph, type Node, toSignal } from '@dxos/plugin-graph';
-import { SpaceAction } from '@dxos/plugin-space';
+import { memoizeQuery, SpaceAction } from '@dxos/plugin-space';
 import { CollectionType } from '@dxos/plugin-space/types';
 import { type Client } from '@dxos/react-client';
-import { create, getTypename, isEchoObject, isSpace, parseId, type Space, SpaceState } from '@dxos/react-client/echo';
+import {
+  create,
+  getTypename,
+  isEchoObject,
+  isSpace,
+  parseId,
+  type ReactiveObject,
+  type Space,
+  SpaceState,
+} from '@dxos/react-client/echo';
 import { Main } from '@dxos/react-ui';
 import {
   baseSurface,
@@ -29,7 +38,15 @@ import {
   topbarBlockPaddingStart,
 } from '@dxos/react-ui-theme';
 
-import { DebugApp, DebugObjectPanel, DebugSettings, DebugSpace, DebugStatus, Wireframe } from './components';
+import {
+  DebugApp,
+  DebugObjectPanel,
+  DebugSettings,
+  DebugSpace,
+  DebugStatus,
+  SpaceGenerator,
+  Wireframe,
+} from './components';
 import meta, { DEBUG_PLUGIN } from './meta';
 import translations from './translations';
 import {
@@ -157,7 +174,7 @@ export const DebugPlugin = definePlugin<DebugPluginProvides>((context) => {
                   {
                     id: `${space.id}-debug`, // TODO(burdon): Change to slashes consistently.
                     type: 'dxos.org/plugin/debug/space',
-                    data: { space },
+                    data: { space, type: 'dxos.org/plugin/debug/space' },
                     properties: {
                       label: ['debug label', { ns: DEBUG_PLUGIN }],
                       icon: 'ph--bug--regular',
@@ -181,7 +198,13 @@ export const DebugPlugin = definePlugin<DebugPluginProvides>((context) => {
 
                 const [subjectId] = id.split('~');
                 const { spaceId, objectId } = parseId(subjectId);
-                const space = client.spaces.get().find((space) => space.id === spaceId);
+                const spaces = toSignal(
+                  (onChange) => client.spaces.subscribe(() => onChange()).unsubscribe,
+                  () => client.spaces.get(),
+                );
+                const space = spaces?.find(
+                  (space) => space.state.get() === SpaceState.SPACE_READY && space.id === spaceId,
+                );
                 if (!objectId) {
                   // TODO(burdon): Ref SPACE_PLUGIN ns.
                   const label = space
@@ -204,18 +227,7 @@ export const DebugPlugin = definePlugin<DebugPluginProvides>((context) => {
                   };
                 }
 
-                const object = toSignal(
-                  (onChange) => {
-                    const timeout = setTimeout(async () => {
-                      await space?.db.query({ id: objectId }).first();
-                      onChange();
-                    });
-
-                    return () => clearTimeout(timeout);
-                  },
-                  () => space?.db.getObjectById(objectId),
-                  subjectId,
-                );
+                const [object] = memoizeQuery(space, { id: objectId });
                 if (!object || !subjectId) {
                   return;
                 }
@@ -283,30 +295,37 @@ export const DebugPlugin = definePlugin<DebugPluginProvides>((context) => {
               component = <Devtools />;
             } else if (!primary || typeof primary !== 'object' || !settings.debug) {
               component = null;
-            } else if ('space' in primary && isSpace(primary.space)) {
-              component = (
-                <DebugSpace
-                  space={primary.space}
-                  onAddObjects={(objects) => {
-                    if (!isSpace(primary.space)) {
-                      return;
-                    }
+            } 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;
+                }
+
+                const collection =
+                  primary.space.state.get() === SpaceState.SPACE_READY &&
+                  primary.space.properties[CollectionType.typename];
+                if (!(collection instanceof CollectionType)) {
+                  return;
+                }
 
-                    const collection =
-                      primary.space.state.get() === SpaceState.SPACE_READY &&
-                      primary.space.properties[CollectionType.typename];
-                    if (!(collection instanceof CollectionType)) {
-                      return;
-                    }
+                void context.resolvePlugin(parseIntentPlugin).provides.intent.dispatch(
+                  objects.map((object) => ({
+                    action: SpaceAction.ADD_OBJECT,
+                    data: { target: collection, object },
+                  })),
+                );
+              };
 
-                    void context.resolvePlugin(parseIntentPlugin).provides.intent.dispatch(
-                      objects.map((object) => ({
-                        action: SpaceAction.ADD_OBJECT,
-                        data: { target: collection, object },
-                      })),
-                    );
-                  }}
-                />
+              const deprecated = false;
+              component = deprecated ? (
+                <DebugSpace space={primary.space} onAddObjects={handleCreateObject} />
+              ) : (
+                <SpaceGenerator space={primary.space} onCreateObjects={handleCreateObject} />
               );
             } else if ('graph' in primary && primary.graph instanceof Graph) {
               component = <DebugApp graph={primary.graph} />;

package/src/components/DebugObjectPanel.tsx

@@ -11,9 +11,10 @@ export type DebugObjectPanelProps = {
   object: ReactiveEchoObject<any>;
 };
 
+// TODO(burdon): Get schema and traverse references.
 export const DebugObjectPanel = ({ object }: DebugObjectPanelProps) => {
   return (
-    <div role='form' className='flex flex-col'>
+    <div className='flex flex-col'>
       <SyntaxHighlighter classNames='flex text-xs' language='json'>
         {JSON.stringify(object, null, 2)}
       </SyntaxHighlighter>

package/src/components/DebugSpace/DebugSpace.tsx

@@ -5,7 +5,7 @@
 import React, { type FC, useContext, useMemo, useState } from 'react';
 
 import { createSpaceObjectGenerator } from '@dxos/echo-generator';
-import { type ReactiveObject } from '@dxos/echo-schema';
+import { type ReactiveObject } from '@dxos/live-object';
 import { DocumentType } from '@dxos/plugin-markdown/types';
 import { Invitation } from '@dxos/protocols/proto/dxos/client/services';
 import { faker } from '@dxos/random';
@@ -149,7 +149,7 @@ export const DebugSpace: FC<{
           />
 
           <IconButton
-            icon={running ? 'ph--hand-palm--regular' : 'ph--play--regular'}
+            icon={running ? 'ph--pause-circle--regular' : 'ph--play-circle--regular'}
             iconOnly
             label='Start/stop'
             size={5}

package/src/components/DebugSpace/ObjectCreator.tsx

@@ -92,7 +92,7 @@ export const ObjectCreator = ({ space, onAddObjects }: ObjectCreatorProps) => {
           <Table.Main<CreateObjectsParams> columns={columns} data={objects} />
         </Table.Viewport>
       </Table.Root>
-      <Toolbar.Root classNames='p-2'>
+      <Toolbar.Root classNames='p-1'>
         <IconButton icon='ph--plus--regular' label='Create' onClick={handleCreate} />
       </Toolbar.Root>
     </>

package/src/components/{SurfaceDebug.tsx → DebugSurface.tsx}

@@ -16,7 +16,7 @@ export type SurfaceDebugProps = ThemedClassName<{}>;
  * Show surface info.
  * NOTE: Remove from @dxos/app-framework if removing this.
  */
-export const SurfaceDebug = ({ classNames }: SurfaceDebugProps) => {
+export const DebugSurface = ({ classNames }: SurfaceDebugProps) => {
   const context = useSurfaceRoot();
   const [surfaces, setSurfaces] = useState<DebugInfo[]>([]);
   const renderMap = useMemo(() => new Map<string, { last: number; delta: number }>(), []);

package/src/components/SpaceGenerator/ObjectGenerator.tsx

@@ -0,0 +1,178 @@
+//
+// Copyright 2024 DXOS.org
+//
+
+import {
+  createTLStore,
+  defaultBindingUtils,
+  defaultShapeUtils,
+  defaultShapeTools,
+  defaultTools,
+  Editor,
+  type TLEditorOptions,
+} from '@tldraw/tldraw';
+
+import { type AbstractSchema, type BaseObject } from '@dxos/echo-schema';
+import { create, 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 { TLDRAW_SCHEMA, 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 } from '@dxos/schema';
+import { createAsyncGenerator, type ValueGenerator } from '@dxos/schema/testing';
+import { range } from '@dxos/util';
+
+import { drawGraph, generateGraph } from './draw-util';
+
+const generator: ValueGenerator = faker as any;
+
+// TODO(burdon): Add objects to collections.
+// TODO(burdon): Create comments.
+// TODO(burdon): Reuse in testbench-app.
+// TODO(burdon): Mutator running in background (factor out): from echo-generator.
+
+export type ObjectGenerator<T extends BaseObject> = (
+  space: Space,
+  n: number,
+  cb?: (objects: ReactiveObject<any>[]) => void,
+) => Promise<ReactiveObject<T>[]>;
+
+// TODO(burdon): Factor out and create unit tests. See "fuzz" patterns.
+export const staticGenerators = new Map<string, ObjectGenerator<any>>([
+  //
+  // DocumentType
+  //
+  [
+    DocumentType.typename,
+    async (space, n, cb) => {
+      const objects = range(n).map(() => {
+        const content = range(faker.number.int({ min: 3, max: 8 }))
+          .map(() => faker.lorem.sentences(faker.number.int({ min: 3, max: 16 })))
+          .join('\n\n');
+
+        const obj = space.db.add(
+          create(DocumentType, {
+            name: faker.commerce.productName(),
+            content: create(TextType, { content }),
+            threads: [],
+          }),
+        );
+
+        return obj;
+      });
+
+      cb?.(objects);
+      return objects;
+    },
+  ],
+  //
+  // DiagramType
+  //
+  [
+    DiagramType.typename,
+    async (space, n, cb) => {
+      const options: Pick<TLEditorOptions, 'bindingUtils' | 'shapeUtils' | 'tools' | 'getContainer'> = {
+        bindingUtils: defaultBindingUtils,
+        shapeUtils: defaultShapeUtils,
+        tools: [...defaultTools, ...defaultShapeTools],
+        getContainer: () => document.body, // TODO(burdon): Fake via JSDOM?
+      };
+
+      const objects = await Promise.all(
+        range(n).map(async () => {
+          const store = createTLStore();
+          const editor = new Editor({ ...options, store });
+          const graph = generateGraph();
+          const content = await drawGraph(editor, graph);
+          editor.dispose();
+          store.dispose();
+
+          const obj = space.db.add(
+            create(DiagramType, {
+              name: faker.commerce.productName(),
+              canvas: create(CanvasType, { schema: TLDRAW_SCHEMA, content }),
+            }),
+          );
+
+          return obj;
+        }),
+      );
+
+      cb?.(objects);
+      return objects;
+    },
+  ],
+  //
+  // SheetType
+  //
+  [
+    SheetType.typename,
+    async (space, n, cb) => {
+      const objects = range(n).map(() => {
+        // TODO(burdon): Reconcile with plugin-sheet/testing
+        const year = new Date().getFullYear();
+        const cols = 4;
+        const rows = 20;
+        const cells: Record<string, CellValue> = {};
+        for (let col = 1; col <= cols; col++) {
+          for (let row = 1; row <= 10; row++) {
+            const cell = addressToA1Notation({ col, row });
+            if (row === 1) {
+              cells[cell] = { value: `${year} Q${col}` };
+            } else if (row === rows) {
+              const from = addressToA1Notation({ col, row: 2 });
+              const to = addressToA1Notation({ col, row: rows - 1 });
+              cells[cell] = { value: `=SUM(${from}:${to})` };
+            } else if (row > 2 && row < rows - 1) {
+              cells[cell] = { value: Math.floor(Math.random() * 10_000) };
+            }
+          }
+        }
+
+        // TODO(burdon): Set width.
+        return space.db.add(
+          createSheet({
+            name: faker.commerce.productName(),
+            cells,
+          }),
+        );
+      });
+
+      cb?.(objects);
+      return objects;
+    },
+  ],
+]);
+
+export const createGenerator = <T extends BaseObject>(type: AbstractSchema<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);
+
+    // Create objects.
+    const generate = createAsyncGenerator(generator, schema.schema, 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?.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 }));
+      cb?.([table]);
+    }
+
+    return objects;
+  };
+};