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

package/src/capabilities/app-graph-builder.ts

@@ -3,11 +3,10 @@
 //
 
 import { contributes, Capabilities, type PluginsContext } from '@dxos/app-framework';
-import { ClientCapabilities } from '@dxos/plugin-client';
-import { ATTENDABLE_PATH_SEPARATOR, DECK_COMPANION_TYPE, PLANK_COMPANION_TYPE } from '@dxos/plugin-deck/types';
-import { createExtension, type Node } from '@dxos/plugin-graph';
-import { SPACE_PLUGIN } from '@dxos/plugin-space';
-import { isEchoObject, type ReactiveEchoObject, parseId } from '@dxos/react-client/echo';
+import { ATTENDABLE_PATH_SEPARATOR, PLANK_COMPANION_TYPE } from '@dxos/plugin-deck/types';
+import { createExtension, toSignal, type Node } from '@dxos/plugin-graph';
+import { CollectionType } from '@dxos/plugin-space/types';
+import { isEchoObject, isSpace, type ReactiveEchoObject, SpaceState, type Space } from '@dxos/react-client/echo';
 
 import { DEBUG_PLUGIN } from '../meta';
 import { Devtools } from '../types';
@@ -19,31 +18,43 @@ export default (context: PluginsContext) =>
     // Devtools node.
     createExtension({
       id: 'dxos.org/plugin/debug/devtools',
-      filter: (node): node is Node<null> => node.id === 'root' || node.type === `${SPACE_PLUGIN}/settings`,
+      filter: (node): node is Node<null | Space> => node.id === 'root' || isSpace(node.data),
       connector: ({ node }) => {
-        const layout = context.requestCapability(Capabilities.Layout);
-        const client = context.requestCapability(ClientCapabilities.Client);
-        const { spaceId } = parseId(layout.workspace);
-        const space = spaceId && client.spaces.get(spaceId);
+        const space = node.data;
+        const state = toSignal(
+          (onChange) => space?.state.subscribe(() => onChange()).unsubscribe ?? (() => {}),
+          () => space?.state.get(),
+          space?.id,
+        );
+        if (node.id !== 'root' && state !== SpaceState.SPACE_READY) {
+          return;
+        }
+
+        // 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]?.target as CollectionType | undefined;
+        if (node.id !== 'root' && !collection) {
+          return;
+        }
 
         return [
           {
-            id: `${Devtools.id}-${node.id}`,
+            id: `${node.id}-${Devtools.id}`,
             data: null,
             type: DEVTOOLS_TYPE,
             properties: {
               label: ['devtools label', { ns: DEBUG_PLUGIN }],
-              icon: 'ph--hammer--regular',
               disposition: 'workspace',
-              position: 'fallback',
+              icon: 'ph--hammer--regular',
             },
             nodes: [
-              ...(space
+              ...(isSpace(node.data)
                 ? [
                     {
-                      id: `debug-${node.id}`,
+                      id: `${node.data.id}-debug`,
                       type: 'dxos.org/plugin/debug/space',
-                      data: { space, type: 'dxos.org/plugin/debug/space' },
+                      data: { space: node.data, type: 'dxos.org/plugin/debug/space' },
                       properties: {
                         label: ['debug label', { ns: DEBUG_PLUGIN }],
                         icon: 'ph--bug--regular',
@@ -52,7 +63,7 @@ export default (context: PluginsContext) =>
                   ]
                 : []),
               {
-                id: `${Devtools.Client.id}-${node.id}`,
+                id: `${node.id}-${Devtools.Client.id}`,
                 data: null,
                 type: DEVTOOLS_TYPE,
                 properties: {
@@ -61,7 +72,7 @@ export default (context: PluginsContext) =>
                 },
                 nodes: [
                   {
-                    id: `${Devtools.Client.Config}-${node.id}`,
+                    id: `${node.id}-${Devtools.Client.Config}`,
                     data: Devtools.Client.Config,
                     type: DEVTOOLS_TYPE,
                     properties: {
@@ -70,7 +81,7 @@ export default (context: PluginsContext) =>
                     },
                   },
                   {
-                    id: `${Devtools.Client.Storage}-${node.id}`,
+                    id: `${node.id}-${Devtools.Client.Storage}`,
                     data: Devtools.Client.Storage,
                     type: DEVTOOLS_TYPE,
                     properties: {
@@ -79,7 +90,7 @@ export default (context: PluginsContext) =>
                     },
                   },
                   {
-                    id: `${Devtools.Client.Logs}-${node.id}`,
+                    id: `${node.id}-${Devtools.Client.Logs}`,
                     data: Devtools.Client.Logs,
                     type: DEVTOOLS_TYPE,
                     properties: {
@@ -88,7 +99,7 @@ export default (context: PluginsContext) =>
                     },
                   },
                   {
-                    id: `${Devtools.Client.Diagnostics}-${node.id}`,
+                    id: `${node.id}-${Devtools.Client.Diagnostics}`,
                     data: Devtools.Client.Diagnostics,
                     type: DEVTOOLS_TYPE,
                     properties: {
@@ -97,7 +108,7 @@ export default (context: PluginsContext) =>
                     },
                   },
                   {
-                    id: `${Devtools.Client.Tracing}-${node.id}`,
+                    id: `${node.id}-${Devtools.Client.Tracing}`,
                     data: Devtools.Client.Tracing,
                     type: DEVTOOLS_TYPE,
                     properties: {
@@ -108,7 +119,7 @@ export default (context: PluginsContext) =>
                 ],
               },
               {
-                id: `${Devtools.Halo.id}-${node.id}`,
+                id: `${node.id}-${Devtools.Halo.id}`,
                 data: null,
                 type: DEVTOOLS_TYPE,
                 properties: {
@@ -117,7 +128,7 @@ export default (context: PluginsContext) =>
                 },
                 nodes: [
                   {
-                    id: `${Devtools.Halo.Identity}-${node.id}`,
+                    id: `${node.id}-${Devtools.Halo.Identity}`,
                     data: Devtools.Halo.Identity,
                     type: DEVTOOLS_TYPE,
                     properties: {
@@ -126,7 +137,7 @@ export default (context: PluginsContext) =>
                     },
                   },
                   {
-                    id: `${Devtools.Halo.Devices}-${node.id}`,
+                    id: `${node.id}-${Devtools.Halo.Devices}`,
                     data: Devtools.Halo.Devices,
                     type: DEVTOOLS_TYPE,
                     properties: {
@@ -135,7 +146,7 @@ export default (context: PluginsContext) =>
                     },
                   },
                   {
-                    id: `${Devtools.Halo.Keyring}-${node.id}`,
+                    id: `${node.id}-${Devtools.Halo.Keyring}`,
                     data: Devtools.Halo.Keyring,
                     type: DEVTOOLS_TYPE,
                     properties: {
@@ -144,7 +155,7 @@ export default (context: PluginsContext) =>
                     },
                   },
                   {
-                    id: `${Devtools.Halo.Credentials}-${node.id}`,
+                    id: `${node.id}-${Devtools.Halo.Credentials}`,
                     data: Devtools.Halo.Credentials,
                     type: DEVTOOLS_TYPE,
                     properties: {
@@ -155,7 +166,7 @@ export default (context: PluginsContext) =>
                 ],
               },
               {
-                id: `${Devtools.Echo.id}-${node.id}`,
+                id: `${node.id}-${Devtools.Echo.id}`,
                 data: null,
                 type: DEVTOOLS_TYPE,
                 properties: {
@@ -164,7 +175,7 @@ export default (context: PluginsContext) =>
                 },
                 nodes: [
                   {
-                    id: `${Devtools.Echo.Spaces}-${node.id}`,
+                    id: `${node.id}-${Devtools.Echo.Spaces}`,
                     data: Devtools.Echo.Spaces,
                     type: DEVTOOLS_TYPE,
                     properties: {
@@ -173,7 +184,7 @@ export default (context: PluginsContext) =>
                     },
                   },
                   {
-                    id: `${Devtools.Echo.Space}-${node.id}`,
+                    id: `${node.id}-${Devtools.Echo.Space}`,
                     data: Devtools.Echo.Space,
                     type: DEVTOOLS_TYPE,
                     properties: {
@@ -182,7 +193,7 @@ export default (context: PluginsContext) =>
                     },
                   },
                   {
-                    id: `${Devtools.Echo.Feeds}-${node.id}`,
+                    id: `${node.id}-${Devtools.Echo.Feeds}`,
                     data: Devtools.Echo.Feeds,
                     type: DEVTOOLS_TYPE,
                     properties: {
@@ -191,7 +202,7 @@ export default (context: PluginsContext) =>
                     },
                   },
                   {
-                    id: `${Devtools.Echo.Objects}-${node.id}`,
+                    id: `${node.id}-${Devtools.Echo.Objects}`,
                     data: Devtools.Echo.Objects,
                     type: DEVTOOLS_TYPE,
                     properties: {
@@ -200,7 +211,7 @@ export default (context: PluginsContext) =>
                     },
                   },
                   {
-                    id: `${Devtools.Echo.Automerge}-${node.id}`,
+                    id: `${node.id}-${Devtools.Echo.Automerge}`,
                     data: Devtools.Echo.Automerge,
                     type: DEVTOOLS_TYPE,
                     properties: {
@@ -209,7 +220,7 @@ export default (context: PluginsContext) =>
                     },
                   },
                   {
-                    id: `${Devtools.Echo.Queues}-${node.id}`,
+                    id: `${node.id}-${Devtools.Echo.Queues}`,
                     data: Devtools.Echo.Queues,
                     type: DEVTOOLS_TYPE,
                     properties: {
@@ -218,7 +229,7 @@ export default (context: PluginsContext) =>
                     },
                   },
                   {
-                    id: `${Devtools.Echo.Members}-${node.id}`,
+                    id: `${node.id}-${Devtools.Echo.Members}`,
                     data: Devtools.Echo.Members,
                     type: DEVTOOLS_TYPE,
                     properties: {
@@ -227,7 +238,7 @@ export default (context: PluginsContext) =>
                     },
                   },
                   {
-                    id: `${Devtools.Echo.Metadata}-${node.id}`,
+                    id: `${node.id}-${Devtools.Echo.Metadata}`,
                     data: Devtools.Echo.Metadata,
                     type: DEVTOOLS_TYPE,
                     properties: {
@@ -238,7 +249,7 @@ export default (context: PluginsContext) =>
                 ],
               },
               {
-                id: `${Devtools.Mesh.id}-${node.id}`,
+                id: `${node.id}-${Devtools.Mesh.id}`,
                 data: null,
                 type: DEVTOOLS_TYPE,
                 properties: {
@@ -247,7 +258,7 @@ export default (context: PluginsContext) =>
                 },
                 nodes: [
                   {
-                    id: `${Devtools.Mesh.Signal}-${node.id}`,
+                    id: `${node.id}-${Devtools.Mesh.Signal}`,
                     data: Devtools.Mesh.Signal,
                     type: DEVTOOLS_TYPE,
                     properties: {
@@ -256,7 +267,7 @@ export default (context: PluginsContext) =>
                     },
                   },
                   {
-                    id: `${Devtools.Mesh.Swarm}-${node.id}`,
+                    id: `${node.id}-${Devtools.Mesh.Swarm}`,
                     data: Devtools.Mesh.Swarm,
                     type: DEVTOOLS_TYPE,
                     properties: {
@@ -265,7 +276,7 @@ export default (context: PluginsContext) =>
                     },
                   },
                   {
-                    id: `${Devtools.Mesh.Network}-${node.id}`,
+                    id: `${node.id}-${Devtools.Mesh.Network}`,
                     data: Devtools.Mesh.Network,
                     type: DEVTOOLS_TYPE,
                     properties: {
@@ -277,7 +288,7 @@ export default (context: PluginsContext) =>
               },
               // TODO(wittjosiah): Remove?
               // {
-              //   id: `${prefix}-${Devtools.Agent.id}`,
+              //   id: `${node.id}-${Devtools.Agent.id}`,
               //   data: null,
               //   type: DEVTOOLS_TYPE,
               //   properties: {
@@ -286,7 +297,7 @@ export default (context: PluginsContext) =>
               //   },
               //   nodes: [
               //     {
-              //       id: `${prefix}-${Devtools.Agent.Dashboard}`,
+              //       id: `${node.id}-${Devtools.Agent.Dashboard}`,
               //       data: Devtools.Agent.Dashboard,
               //       type: DEVTOOLS_TYPE,
               //       properties: {
@@ -297,7 +308,7 @@ export default (context: PluginsContext) =>
               //   ],
               // },
               {
-                id: `${Devtools.Edge.id}-${node.id}`,
+                id: `${node.id}-${Devtools.Edge.id}`,
                 data: null,
                 type: DEVTOOLS_TYPE,
                 properties: {
@@ -306,7 +317,7 @@ export default (context: PluginsContext) =>
                 },
                 nodes: [
                   {
-                    id: `${Devtools.Edge.Dashboard}-${node.id}`,
+                    id: `${node.id}-${Devtools.Edge.Dashboard}`,
                     data: Devtools.Edge.Dashboard,
                     type: DEVTOOLS_TYPE,
                     properties: {
@@ -315,7 +326,7 @@ export default (context: PluginsContext) =>
                     },
                   },
                   {
-                    id: `${Devtools.Edge.Workflows}-${node.id}`,
+                    id: `${node.id}-${Devtools.Edge.Workflows}`,
                     data: Devtools.Edge.Workflows,
                     type: DEVTOOLS_TYPE,
                     properties: {
@@ -324,7 +335,7 @@ export default (context: PluginsContext) =>
                     },
                   },
                   {
-                    id: `${Devtools.Edge.Traces}-${node.id}`,
+                    id: `${node.id}-${Devtools.Edge.Traces}`,
                     data: Devtools.Edge.Traces,
                     type: DEVTOOLS_TYPE,
                     properties: {
@@ -333,7 +344,7 @@ export default (context: PluginsContext) =>
                     },
                   },
                   {
-                    id: `${Devtools.Edge.Testing}-${node.id}`,
+                    id: `${node.id}-${Devtools.Edge.Testing}`,
                     data: Devtools.Edge.Testing,
                     type: DEVTOOLS_TYPE,
                     properties: {
@@ -399,23 +410,4 @@ export default (context: PluginsContext) =>
         },
       ],
     }),
-
-    // Devtools deck companion.
-    createExtension({
-      id: `${DEBUG_PLUGIN}/devtools-overview`,
-      filter: (node): node is Node<null> => node.id === 'root',
-      connector: ({ node }) => [
-        {
-          id: [node.id, 'devtools'].join(ATTENDABLE_PATH_SEPARATOR),
-          type: DECK_COMPANION_TYPE,
-          data: null,
-          properties: {
-            label: ['devtools overview label', { ns: DEBUG_PLUGIN }],
-            icon: 'ph--hammer--regular',
-            disposition: 'hidden',
-            position: 'fallback',
-          },
-        },
-      ],
-    }),
   ]);

package/src/capabilities/react-surface.tsx

@@ -16,30 +16,30 @@ import {
   type PluginsContext,
 } from '@dxos/app-framework';
 import {
-  AutomergePanel,
   ConfigPanel,
   CredentialsPanel,
   DeviceListPanel,
   DiagnosticsPanel,
-  EdgeDashboardPanel,
   FeedsPanel,
   IdentityPanel,
-  InvocationTracePanel,
   KeyringPanel,
   LoggingPanel,
   MembersPanel,
   MetadataPanel,
   NetworkPanel,
   ObjectsPanel,
-  QueuesPanel,
   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';
@@ -52,20 +52,12 @@ import {
   isSpace,
   isEchoObject,
   type ReactiveEchoObject,
-  type Live,
+  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';
 
@@ -105,7 +97,7 @@ export default (context: PluginsContext) =>
       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;
             }
@@ -155,11 +147,6 @@ export default (context: PluginsContext) =>
         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',

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/DebugStatus.tsx

@@ -6,11 +6,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 { 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',
@@ -179,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';
@@ -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(TextType, { 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()) ??
@@ -155,7 +159,7 @@ export const createGenerator = <T extends BaseObject>(type: TypedObject<T>): Obj
     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.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

@@ -7,7 +7,7 @@ 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,
@@ -509,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,

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.',

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