@dxos/plugin-debug 0.7.5-main.9d26e3a → 0.7.5-main.b19bfc8

package/src/capabilities/react-surface.tsx

@@ -0,0 +1,307 @@
+//
+// Copyright 2025 DXOS.org
+//
+
+import React, { useCallback } from 'react';
+
+import {
+  Capabilities,
+  contributes,
+  createIntent,
+  createSurface,
+  LayoutAction,
+  type PluginsContext,
+} from '@dxos/app-framework';
+import {
+  ConfigPanel,
+  CredentialsPanel,
+  DeviceListPanel,
+  DiagnosticsPanel,
+  FeedsPanel,
+  IdentityPanel,
+  KeyringPanel,
+  LoggingPanel,
+  MembersPanel,
+  MetadataPanel,
+  NetworkPanel,
+  ObjectsPanel,
+  SignalPanel,
+  SpaceInfoPanel,
+  SpaceListPanel,
+  StoragePanel,
+  SwarmPanel,
+  TracingPanel,
+  DashboardPanel,
+  EdgeDashboardPanel,
+  SearchPanel,
+  AutomergePanel,
+  WorkflowPanel,
+} from '@dxos/devtools';
+import { SettingsStore } from '@dxos/local-storage';
+import { Graph } from '@dxos/plugin-graph';
+import { SpaceAction, CollectionType } from '@dxos/plugin-space/types';
+import {
+  SpaceState,
+  isSpace,
+  isEchoObject,
+  type ReactiveEchoObject,
+  type ReactiveObject,
+  type Space,
+} from '@dxos/react-client/echo';
+
+import {
+  DebugApp,
+  DebugObjectPanel,
+  DebugSettings,
+  DebugSpace,
+  DebugStatus,
+  SpaceGenerator,
+  Wireframe,
+} from '../components';
+import { DEBUG_PLUGIN } from '../meta';
+import { type DebugSettingsProps, Devtools } 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 default (context: PluginsContext) =>
+  contributes(Capabilities.ReactSurface, [
+    createSurface({
+      id: `${DEBUG_PLUGIN}/settings`,
+      role: 'article',
+      filter: (data): data is { subject: SettingsStore<DebugSettingsProps> } =>
+        data.subject instanceof SettingsStore && data.subject.prefix === DEBUG_PLUGIN,
+      component: ({ data: { subject } }) => <DebugSettings settings={subject.value} />,
+    }),
+    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 =
+              data.subject.space.state.get() === SpaceState.SPACE_READY &&
+              data.subject.space.properties[CollectionType.typename]?.target;
+            if (!(collection instanceof CollectionType)) {
+              return;
+            }
+
+            const { dispatchPromise: dispatch } = context.requestCapability(Capabilities.IntentDispatcher);
+            objects.forEach((object) => {
+              void dispatch(createIntent(SpaceAction.AddObject, { target: collection, object }));
+            });
+          },
+          [data.subject.space],
+        );
+
+        const deprecated = false;
+        return deprecated ? (
+          <DebugSpace space={data.subject.space} onAddObjects={handleCreateObject} />
+        ) : (
+          <SpaceGenerator space={data.subject.space} onCreateObjects={handleCreateObject} />
+        );
+      },
+    }),
+    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'],
+      position: 'hoist',
+      filter: (data): data is { subject: ReactiveEchoObject<any> } => {
+        const settings = context
+          .requestCapability(Capabilities.SettingsStore)
+          .getStore<DebugSettingsProps>(DEBUG_PLUGIN)!.value;
+        return isEchoObject(data.subject) && !!settings.wireframe;
+      },
+      component: ({ data, role }) => (
+        <Wireframe label={`${role}:${name}`} object={data.subject} classNames='row-span-2 overflow-hidden' />
+      ),
+    }),
+    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}/status`,
+      role: 'status',
+      component: () => <DebugStatus />,
+    }),
+
+    //
+    // Devtools
+    //
+
+    createSurface({
+      id: `${DEBUG_PLUGIN}/client/config`,
+      role: 'article',
+      filter: (data): data is any => data.subject === Devtools.Client.Config,
+      component: () => <ConfigPanel />,
+    }),
+    createSurface({
+      id: `${DEBUG_PLUGIN}/client/storage`,
+      role: 'article',
+      filter: (data): data is any => data.subject === Devtools.Client.Storage,
+      component: () => <StoragePanel />,
+    }),
+    createSurface({
+      id: `${DEBUG_PLUGIN}/client/logs`,
+      role: 'article',
+      filter: (data): data is any => data.subject === Devtools.Client.Logs,
+      component: () => <LoggingPanel />,
+    }),
+    createSurface({
+      id: `${DEBUG_PLUGIN}/client/diagnostics`,
+      role: 'article',
+      filter: (data): data is any => data.subject === Devtools.Client.Diagnostics,
+      component: () => <DiagnosticsPanel />,
+    }),
+    createSurface({
+      id: `${DEBUG_PLUGIN}/client/tracing`,
+      role: 'article',
+      filter: (data): data is any => data.subject === Devtools.Client.Tracing,
+      component: () => <TracingPanel />,
+    }),
+    createSurface({
+      id: `${DEBUG_PLUGIN}/halo/identity`,
+      role: 'article',
+      filter: (data): data is any => data.subject === Devtools.Halo.Identity,
+      component: () => <IdentityPanel />,
+    }),
+    createSurface({
+      id: `${DEBUG_PLUGIN}/halo/devices`,
+      role: 'article',
+      filter: (data): data is any => data.subject === Devtools.Halo.Devices,
+      component: () => <DeviceListPanel />,
+    }),
+    createSurface({
+      id: `${DEBUG_PLUGIN}/halo/keyring`,
+      role: 'article',
+      filter: (data): data is any => data.subject === Devtools.Halo.Keyring,
+      component: () => <KeyringPanel />,
+    }),
+    createSurface({
+      id: `${DEBUG_PLUGIN}/halo/credentials`,
+      role: 'article',
+      filter: (data): data is any => data.subject === Devtools.Halo.Credentials,
+      component: () => <CredentialsPanel />,
+    }),
+    createSurface({
+      id: `${DEBUG_PLUGIN}/echo/spaces`,
+      role: 'article',
+      filter: (data): data is any => data.subject === Devtools.Echo.Spaces,
+      component: () => {
+        const { dispatchPromise: dispatch } = context.requestCapability(Capabilities.IntentDispatcher);
+        const handleSelect = useCallback(
+          () => dispatch(createIntent(LayoutAction.Open, { part: 'main', subject: [Devtools.Echo.Space] })),
+          [dispatch],
+        );
+        return <SpaceListPanel onSelect={handleSelect} />;
+      },
+    }),
+    createSurface({
+      id: `${DEBUG_PLUGIN}/echo/space`,
+      role: 'article',
+      filter: (data): data is any => data.subject === Devtools.Echo.Space,
+      component: () => {
+        const { dispatchPromise: dispatch } = context.requestCapability(Capabilities.IntentDispatcher);
+        const handleSelect = useCallback(
+          () => dispatch(createIntent(LayoutAction.Open, { part: 'main', subject: [Devtools.Echo.Feeds] })),
+          [dispatch],
+        );
+        return <SpaceInfoPanel onSelectFeed={handleSelect} onSelectPipeline={handleSelect} />;
+      },
+    }),
+    createSurface({
+      id: `${DEBUG_PLUGIN}/echo/feeds`,
+      role: 'article',
+      filter: (data): data is any => data.subject === Devtools.Echo.Feeds,
+      component: () => <FeedsPanel />,
+    }),
+    createSurface({
+      id: `${DEBUG_PLUGIN}/echo/objects`,
+      role: 'article',
+      filter: (data): data is any => data.subject === Devtools.Echo.Objects,
+      component: () => <ObjectsPanel />,
+    }),
+    createSurface({
+      id: `${DEBUG_PLUGIN}/echo/automerge`,
+      role: 'article',
+      filter: (data): data is any => data.subject === Devtools.Echo.Automerge,
+      component: () => <AutomergePanel />,
+    }),
+    createSurface({
+      id: `${DEBUG_PLUGIN}/echo/members`,
+      role: 'article',
+      filter: (data): data is any => data.subject === Devtools.Echo.Members,
+      component: () => <MembersPanel />,
+    }),
+    createSurface({
+      id: `${DEBUG_PLUGIN}/echo/metadata`,
+      role: 'article',
+      filter: (data): data is any => data.subject === Devtools.Echo.Metadata,
+      component: () => <MetadataPanel />,
+    }),
+    createSurface({
+      id: `${DEBUG_PLUGIN}/mesh/signal`,
+      role: 'article',
+      filter: (data): data is any => data.subject === Devtools.Mesh.Signal,
+      component: () => <SignalPanel />,
+    }),
+    createSurface({
+      id: `${DEBUG_PLUGIN}/mesh/swarm`,
+      role: 'article',
+      filter: (data): data is any => data.subject === Devtools.Mesh.Swarm,
+      component: () => <SwarmPanel />,
+    }),
+    createSurface({
+      id: `${DEBUG_PLUGIN}/mesh/network`,
+      role: 'article',
+      filter: (data): data is any => data.subject === Devtools.Mesh.Network,
+      component: () => <NetworkPanel />,
+    }),
+    createSurface({
+      id: `${DEBUG_PLUGIN}/agent/dashboard`,
+      role: 'article',
+      filter: (data): data is any => data.subject === Devtools.Agent.Dashboard,
+      component: () => <DashboardPanel />,
+    }),
+    createSurface({
+      id: `${DEBUG_PLUGIN}/agent/search`,
+      role: 'article',
+      filter: (data): data is any => data.subject === Devtools.Agent.Search,
+      component: () => <SearchPanel />,
+    }),
+    createSurface({
+      id: `${DEBUG_PLUGIN}/edge/dashboard`,
+      role: 'article',
+      filter: (data): data is any => data.subject === Devtools.Edge.Dashboard,
+      component: () => <EdgeDashboardPanel />,
+    }),
+    createSurface({
+      id: `${DEBUG_PLUGIN}/edge/workflows`,
+      role: 'article',
+      filter: (data): data is any => data.subject === Devtools.Edge.Workflows,
+      component: () => <WorkflowPanel />,
+    }),
+  ]);

package/src/capabilities/settings.ts

@@ -0,0 +1,17 @@
+//
+// Copyright 2025 DXOS.org
+//
+
+import { Capabilities, contributes } from '@dxos/app-framework';
+import { create } from '@dxos/react-client/echo';
+
+import { DEBUG_PLUGIN } from '../meta';
+import { type DebugSettingsProps, DebugSettingsSchema } from '../types';
+
+export default () => {
+  const settings = create<DebugSettingsProps>({
+    debug: true,
+  });
+
+  return contributes(Capabilities.Settings, { schema: DebugSettingsSchema, prefix: DEBUG_PLUGIN, value: settings });
+};

package/src/components/DebugApp/DebugApp.tsx

@@ -59,7 +59,7 @@ export const DebugApp: FC<{ graph: Graph }> = ({ graph }) => {
             </ToggleGroupItem>
           </ToggleGroup>
 
-          <Toolbar.Expander />
+          <Toolbar.Separator variant='gap' />
           <Button onClick={(event) => handleResetClient(event.shiftKey)} title='Reset client'>
             <Warning className={mx(getSize(5), 'text-red-700')} />
           </Button>

package/src/components/DebugObjectPanel.tsx

@@ -5,6 +5,7 @@
 import React from 'react';
 
 import { type ReactiveEchoObject } from '@dxos/client/echo';
+import { Clipboard, Input } from '@dxos/react-ui';
 import { SyntaxHighlighter } from '@dxos/react-ui-syntax-highlighter';
 
 export type DebugObjectPanelProps = {
@@ -13,11 +14,22 @@ export type DebugObjectPanelProps = {
 
 // TODO(burdon): Get schema and traverse references.
 export const DebugObjectPanel = ({ object }: DebugObjectPanelProps) => {
+  const dxn = `dxn:echo:@:${object.id}`;
   return (
-    <div className='flex flex-col'>
-      <SyntaxHighlighter classNames='flex text-xs' language='json'>
-        {JSON.stringify(object, null, 2)}
-      </SyntaxHighlighter>
-    </div>
+    <Clipboard.Provider>
+      <div className='flex flex-col'>
+        <Input.Root>
+          <div role='none' className='flex flex-col gap-1'>
+            <div role='none' className='flex gap-1'>
+              <Input.TextInput disabled value={dxn} />
+              <Clipboard.IconButton value={dxn} />
+            </div>
+          </div>
+        </Input.Root>
+        <SyntaxHighlighter classNames='flex text-xs' language='json'>
+          {JSON.stringify(object, null, 2)}
+        </SyntaxHighlighter>
+      </div>
+    </Clipboard.Provider>
   );
 };

package/src/components/DebugSettings.tsx

@@ -2,16 +2,14 @@
 // Copyright 2023 DXOS.org
 //
 
-import { Gift, DownloadSimple, FirstAidKit } from '@phosphor-icons/react';
 import React, { useEffect, useState } from 'react';
 
-import { parseFileManagerPlugin, useResolvePlugin } from '@dxos/app-framework';
+import { Capabilities, useCapabilities } from '@dxos/app-framework';
 import { type ConfigProto, defs, SaveConfig, Storage } from '@dxos/config';
 import { log } from '@dxos/log';
 import { useClient } from '@dxos/react-client';
-import { useTranslation, Button, Toast, Input, useFileDownload, Select } from '@dxos/react-ui';
-import { DeprecatedFormInput } from '@dxos/react-ui-form';
-import { getSize, mx } from '@dxos/react-ui-theme';
+import { useTranslation, Button, Toast, Input, useFileDownload, Select, Icon } from '@dxos/react-ui';
+import { DeprecatedFormContainer, DeprecatedFormInput } from '@dxos/react-ui-form';
 import { setDeep } from '@dxos/util';
 
 import { DEBUG_PLUGIN } from '../meta';
@@ -34,7 +32,7 @@ export const DebugSettings = ({ settings }: { settings: DebugSettingsProps }) =>
   const download = useFileDownload();
   // TODO(mykola): Get updates from other places that change Config.
   const [storageConfig, setStorageConfig] = useState<ConfigProto>({});
-  const fileManagerPlugin = useResolvePlugin(parseFileManagerPlugin);
+  const [upload] = useCapabilities(Capabilities.FileUploader);
 
   useEffect(() => {
     void Storage().then((config) => setStorageConfig(config));
@@ -52,8 +50,8 @@ export const DebugSettings = ({ settings }: { settings: DebugSettingsProps }) =>
     const fileName = `composer-${new Date().toISOString().replace(/\W/g, '-')}.json`;
     download(file, fileName);
 
-    if (fileManagerPlugin?.provides.file.upload) {
-      const info = await fileManagerPlugin.provides.file.upload(new File([file], fileName), client.spaces.default);
+    if (upload) {
+      const info = await upload(new File([file], fileName), client.spaces.default);
       if (!info) {
         log.error('diagnostics failed to upload to IPFS');
         return;
@@ -79,24 +77,21 @@ export const DebugSettings = ({ settings }: { settings: DebugSettingsProps }) =>
   };
 
   return (
-    <>
+    <DeprecatedFormContainer>
       <DeprecatedFormInput label={t('settings show debug panel')}>
         <Input.Switch checked={settings.debug} onCheckedChange={(checked) => (settings.debug = !!checked)} />
       </DeprecatedFormInput>
-      <DeprecatedFormInput label={t('settings show devtools panel')}>
-        <Input.Switch checked={settings.devtools} onCheckedChange={(checked) => (settings.devtools = !!checked)} />
-      </DeprecatedFormInput>
       <DeprecatedFormInput label={t('settings wireframe')}>
         <Input.Switch checked={settings.wireframe} onCheckedChange={(checked) => (settings.wireframe = !!checked)} />
       </DeprecatedFormInput>
       <DeprecatedFormInput label={t('settings download diagnostics')}>
         <Button onClick={handleDownload}>
-          <DownloadSimple className={getSize(5)} />
+          <Icon icon='ph--download-simple--regular' size={5} />
         </Button>
       </DeprecatedFormInput>
       <DeprecatedFormInput label={t('settings repair')}>
         <Button onClick={handleRepair}>
-          <FirstAidKit className={getSize(5)} />
+          <Icon icon='ph--first-aid-kit--regular' size={5} />
         </Button>
       </DeprecatedFormInput>
 
@@ -105,7 +100,7 @@ export const DebugSettings = ({ settings }: { settings: DebugSettingsProps }) =>
         <Toast.Root>
           <Toast.Body>
             <Toast.Title>
-              <Gift className={mx(getSize(5), 'inline mr-1')} weight='duotone' />
+              <Icon icon='ph--gift--duotone' size={5} classNames='inline mr-1' />
               <span>{toast.title}</span>
             </Toast.Title>
             {toast.description && <Toast.Description>{toast.description}</Toast.Description>}
@@ -145,7 +140,7 @@ export const DebugSettings = ({ settings }: { settings: DebugSettingsProps }) =>
           </Select.Portal>
         </Select.Root>
       </DeprecatedFormInput>
-    </>
+    </DeprecatedFormContainer>
   );
 };
 

package/src/components/DebugSpace/DebugSpace.tsx

@@ -158,7 +158,7 @@ export const DebugSpace: FC<{
           <IconButton icon='ph--arrow-clockwise--regular' iconOnly label='Refresh' size={5} onClick={handleUpdate} />
           <IconButton icon='ph--download-simple--regular' iconOnly label='Download' size={5} onClick={handleDownload} />
 
-          <Toolbar.Expander />
+          <Toolbar.Separator variant='gap' />
           <IconButton
             icon='ph--flag-pennant--regular'
             iconOnly

package/src/components/DebugStatus.tsx

@@ -4,16 +4,14 @@
 
 import React, { useEffect, useRef, useState } from 'react';
 
-import { firstIdInPart, parseGraphPlugin, parseNavigationPlugin, useResolvePlugin } from '@dxos/app-framework';
+import { useAppGraph, useLayout } from '@dxos/app-framework';
 import { TimeoutError } from '@dxos/async';
 import { StatsPanel, useStats } from '@dxos/devtools';
-import { log } from '@dxos/log';
 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 { mx } from '@dxos/react-ui-theme';
+import { Icon, Popover } from '@dxos/react-ui';
 
 const styles = {
   success: 'text-sky-300 dark:text-green-700',
@@ -67,10 +65,7 @@ const ErrorIndicator = () => {
   useEffect(() => {
     const errorListener = (event: any) => {
       const error: Error = event.error ?? event.reason;
-      // event.preventDefault();
       if (errorRef.current !== error) {
-        // eslint-disable-next-line no-console
-        log.error('onError', { event });
         errorRef.current = error;
         forceUpdate({});
       }
@@ -140,11 +135,9 @@ const SwarmIndicator = () => {
 // TODO(burdon): Merge with SaveStatus.
 const SavingIndicator = () => {
   const [state, _setState] = useState(0);
-  const navigationPlugin = useResolvePlugin(parseNavigationPlugin);
-  const graphPlugin = useResolvePlugin(parseGraphPlugin);
-  const location = navigationPlugin?.provides.location;
-  const graph = graphPlugin?.provides.graph;
-  const _space = location && graph ? getActiveSpace(graph, firstIdInPart(location.active, 'main')) : undefined;
+  const layout = useLayout();
+  const { graph } = useAppGraph();
+  const _space = graph ? getActiveSpace(graph, layout.active[0]) : undefined;
   // TODO(dmaretskyi): Fix this when we have save status for automerge.
   // useEffect(() => {
   //   if (!space) {
@@ -192,22 +185,19 @@ const PerformanceIndicator = () => {
   const [stats, refreshStats] = useStats();
 
   return (
-    <>
-      <StatusBar.Button onClick={() => setVisible((visible) => !visible)} title='Performance panels'>
-        <Icon icon='ph--chart-bar--regular' size={4} />
-      </StatusBar.Button>
-      {visible && (
-        <div
-          className={mx(
-            'z-20 absolute bottom-[--statusbar-size] right-4 w-[450px]',
-            'overflow-x-hidden overflow-y-auto scrollbar-thin',
-            'border-x border-y border-separator',
-          )}
-        >
+    <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} />
-        </div>
-      )}
-    </>
+          <Popover.Arrow />
+        </Popover.Content>
+      </Popover.Portal>
+    </Popover.Root>
   );
 };
 

package/src/components/SpaceGenerator/ObjectGenerator.tsx

@@ -3,16 +3,18 @@
 //
 
 import { addressToA1Notation } from '@dxos/compute';
-import { type BaseObject, type TypedObject } from '@dxos/echo-schema';
+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 { DocumentType, TextType } from '@dxos/plugin-markdown/types';
-import { createSheet } from '@dxos/plugin-sheet';
+import { DocumentType } from '@dxos/plugin-markdown/types';
+import { createSheet } from '@dxos/plugin-sheet/types';
 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';
 import { TableType } from '@dxos/react-ui-table';
-import { createView } from '@dxos/schema';
+import { createView, TextType } from '@dxos/schema';
 import { createAsyncGenerator, type ValueGenerator } from '@dxos/schema/testing';
 import { range } from '@dxos/util';
 
@@ -37,15 +39,13 @@ export const staticGenerators = new Map<string, ObjectGenerator<any>>([
     DocumentType.typename,
     async (space, n, cb) => {
       const objects = range(n).map(() => {
-        const obj = space.db.add(
+        return space.db.add(
           create(DocumentType, {
             name: faker.commerce.productName(),
             content: makeRef(create(TextType, { content: faker.lorem.sentences(5) })),
             threads: [],
           }),
         );
-
-        return obj;
       });
 
       cb?.(objects);
@@ -109,6 +109,33 @@ export const staticGenerators = new Map<string, ObjectGenerator<any>>([
       return objects;
     },
   ],
+  [
+    ComputeGraph.typename,
+    async (space, n, cb) => {
+      const objects = range(n, () => {
+        const model = ComputeGraphModel.create();
+        model.builder
+          .createNode({ id: 'gpt-INPUT', type: NODE_INPUT })
+          .createNode({ id: 'gpt-GPT', type: 'gpt' })
+          .createNode({
+            id: 'gpt-QUEUE_ID',
+            type: 'constant',
+            value: new DXN(DXN.kind.QUEUE, ['data', space.id, ObjectId.random()]).toString(),
+          })
+          .createNode({ id: 'gpt-APPEND', type: 'append' })
+          .createNode({ id: 'gpt-OUTPUT', type: NODE_OUTPUT })
+          .createEdge({ node: 'gpt-INPUT', property: 'prompt' }, { node: 'gpt-GPT', property: 'prompt' })
+          .createEdge({ node: 'gpt-GPT', property: 'text' }, { node: 'gpt-OUTPUT', property: 'text' })
+          .createEdge({ node: 'gpt-QUEUE_ID', property: DEFAULT_OUTPUT }, { node: 'gpt-APPEND', property: 'id' })
+          .createEdge({ node: 'gpt-GPT', property: 'messages' }, { node: 'gpt-APPEND', property: 'items' })
+          .createEdge({ node: 'gpt-QUEUE_ID', property: DEFAULT_OUTPUT }, { node: 'gpt-OUTPUT', property: 'queue' });
+
+        return space.db.add(model.root);
+      });
+      cb?.(objects);
+      return objects;
+    },
+  ],
 ]);
 
 export const createGenerator = <T extends BaseObject>(type: TypedObject<T>): ObjectGenerator<T> => {