@dxos/plugin-debug 0.8.4-main.bc674ce → 0.8.4-main.c351d160a8

package/dist/lib/browser/{SpaceGenerator-H33AEFGC.mjs → SpaceGenerator-Q2GH6S6D.mjs}

@@ -1,214 +1,57 @@
-// src/components/SpaceGenerator/SpaceGenerator.tsx
+// src/containers/SpaceGenerator/SpaceGenerator.tsx
 import React2, { useCallback, useMemo, useState } from "react";
-import { useOperationInvoker } from "@dxos/app-framework/react";
+import { useOperationInvoker } from "@dxos/app-framework/ui";
 import { ComputeGraph as ComputeGraph2 } from "@dxos/conductor";
 import { Filter as Filter3, Obj as Obj2 } from "@dxos/echo";
 import { Markdown as Markdown3 } from "@dxos/plugin-markdown/types";
 import { Sheet as Sheet2 } from "@dxos/plugin-sheet/types";
-import { Diagram as Diagram2 } from "@dxos/plugin-sketch/types";
+import { Sketch as Sketch2 } from "@dxos/plugin-sketch/types";
 import { useClient } from "@dxos/react-client";
-import { IconButton as IconButton2, Input, Toolbar, useAsyncEffect } from "@dxos/react-ui";
+import { IconButton as IconButton2, Input, Panel, ScrollArea, Toolbar, useAsyncEffect } from "@dxos/react-ui";
 import { SyntaxHighlighter } from "@dxos/react-ui-syntax-highlighter";
 import { Organization as Organization2, Person as Person2, Task } from "@dxos/types";
 import { jsonKeyReplacer, sortKeys } from "@dxos/util";
 
-// src/components/SpaceGenerator/ObjectGenerator.tsx
-import { addressToA1Notation } from "@dxos/compute";
-import { ComputeGraph, ComputeGraphModel, DEFAULT_OUTPUT, NODE_INPUT, NODE_OUTPUT } from "@dxos/conductor";
-import { DXN, Filter, Key } from "@dxos/echo";
-import { Markdown } from "@dxos/plugin-markdown/types";
-import { Sheet } from "@dxos/plugin-sheet/types";
-import { Diagram } from "@dxos/plugin-sketch/types";
-import { SpaceOperation } from "@dxos/plugin-space/types";
-import { faker } from "@dxos/random";
-import { View, getTypenameFromQuery } from "@dxos/schema";
-import { createAsyncGenerator } from "@dxos/schema/testing";
-import { range } from "@dxos/util";
-var generator = faker;
-var findViewByTypename = async (views, typename) => {
-  return views.find((view) => getTypenameFromQuery(view.query.ast) === typename);
-};
-var createGenerator = (client, invokePromise, schema) => {
-  return async (space, n) => {
-    const typename = schema.typename;
-    const views = await space.db.query(Filter.type(View.View)).run();
-    const view = await findViewByTypename(views, typename);
-    const staticSchema = client?.graph.schemaRegistry.query({
-      typename
-    }).runSync()[0];
-    if (!view && !staticSchema) {
-      await invokePromise(SpaceOperation.AddSchema, {
-        db: space.db,
-        schema,
-        show: false
-      });
-    } else if (!view && staticSchema) {
-      await invokePromise(SpaceOperation.UseStaticSchema, {
-        db: space.db,
-        typename,
-        show: false
-      });
-    }
-    const generate = createAsyncGenerator(generator, schema, {
-      db: space.db
-    });
-    return generate.createObjects(n);
-  };
+// src/components/SchemaTable/SchemaTable.tsx
+import React from "react";
+import { IconButton } from "@dxos/react-ui";
+var SchemaTable = ({ types, objects = {}, label, onClick }) => {
+  return /* @__PURE__ */ React.createElement("div", {
+    className: "grid grid-cols-[1fr_80px_40px] gap-1 overflow-none"
+  }, /* @__PURE__ */ React.createElement("h2", {
+    className: "p-2"
+  }, label), types.map((type) => /* @__PURE__ */ React.createElement("div", {
+    key: type.typename,
+    className: "grid grid-cols-subgrid col-span-3 items-center"
+  }, /* @__PURE__ */ React.createElement("div", {
+    className: "px-2 text-sm font-mono text-subdued"
+  }, type.typename), /* @__PURE__ */ React.createElement("div", {
+    className: "px-2 text-right font-mono"
+  }, objects[type.typename] ?? 0), /* @__PURE__ */ React.createElement(IconButton, {
+    variant: "ghost",
+    icon: "ph--plus--regular",
+    iconOnly: true,
+    label: "Create data",
+    onClick: () => onClick(type.typename)
+  }))));
 };
-var staticGenerators = /* @__PURE__ */ new Map([
-  [
-    Markdown.Document.typename,
-    async (space, n, cb) => {
-      const objects = range(n).map(() => {
-        return space.db.add(Markdown.make({
-          name: faker.commerce.productName(),
-          content: faker.lorem.sentences(5)
-        }));
-      });
-      cb?.(objects);
-      return objects;
-    }
-  ],
-  [
-    Diagram.Diagram.typename,
-    async (space, n, cb) => {
-      const objects = range(n).map(() => {
-        const obj = space.db.add(Diagram.make({
-          name: faker.commerce.productName()
-        }));
-        return obj;
-      });
-      cb?.(objects);
-      return objects;
-    }
-  ],
-  // TODO(burdon): Create unit tests.
-  [
-    Sheet.Sheet.typename,
-    async (space, n, cb) => {
-      const objects = range(n).map(() => {
-        const cells = {};
-        const year = (/* @__PURE__ */ new Date()).getFullYear();
-        const cols = 4;
-        const rows = 16;
-        for (let col = 1; col <= cols; col++) {
-          for (let row = 1; row <= rows; 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() * 1e4)
-              };
-            }
-          }
-        }
-        return space.db.add(Sheet.make({
-          name: faker.commerce.productName(),
-          cells
-        }));
-      });
-      cb?.(objects);
-      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,
-            Key.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;
-    }
-  ]
-]);
 
 // src/components/SpaceGenerator/presets.ts
 import * as Schema from "effect/Schema";
-import { Agent, EntityExtraction, ResearchBlueprint } from "@dxos/assistant-toolkit";
+import { AgentFunctions, EntityExtractionFunctions, ResearchBlueprint } from "@dxos/assistant-toolkit";
 import { Prompt } from "@dxos/blueprints";
-import { NODE_INPUT as NODE_INPUT2 } from "@dxos/conductor";
-import { DXN as DXN2, Filter as Filter2, Key as Key2, Obj, Query, Ref, Tag, Type } from "@dxos/echo";
+import { NODE_INPUT } from "@dxos/conductor";
+import { DXN, Feed, Filter, JsonSchema, Key, Obj, Query, Ref, Tag } from "@dxos/echo";
 import { Trigger, serializeFunction } from "@dxos/functions";
 import { invariant } from "@dxos/invariant";
-import { gmail } from "@dxos/plugin-inbox";
+import { GmailFunctions } from "@dxos/plugin-inbox";
 import { Mailbox } from "@dxos/plugin-inbox/types";
-import { Markdown as Markdown2 } from "@dxos/plugin-markdown/types";
+import { Markdown } from "@dxos/plugin-markdown/types";
 import { createAppend, createChat, createComputeGraph, createConstant, createFunction, createGpt, createQueue, createRandom, createSurface, createTemplate, createText, createTrigger } from "@dxos/react-ui-canvas-compute";
-import { CanvasBoardType, CanvasGraphModel, pointMultiply, pointsToRect, rectToPoints } from "@dxos/react-ui-canvas-editor";
-import { View as View2 } from "@dxos/schema";
-import { Message, Organization, Person, Project } from "@dxos/types";
-import { range as range2, trim } from "@dxos/util";
+import { CanvasBoard, CanvasGraphModel, pointMultiply, pointsToRect, rectToPoints } from "@dxos/react-ui-canvas-editor";
+import { ViewModel } from "@dxos/schema";
+import { Message, Organization, Person, Pipeline } from "@dxos/types";
+import { range, trim } from "@dxos/util";
 var __dxlog_file = "/__w/dxos/dxos/packages/plugins/plugin-debug/src/components/SpaceGenerator/presets.ts";
 var PresetName = /* @__PURE__ */ (function(PresetName2) {
   PresetName2["DXOS_TEAM"] = "dxos-team";
@@ -221,9 +64,9 @@ var PresetName = /* @__PURE__ */ (function(PresetName2) {
   PresetName2["DISCORD_MESSAGES"] = "discord-messages";
   return PresetName2;
 })({});
-var generator2 = () => ({
+var generator = () => ({
   schemas: [
-    CanvasBoardType,
+    CanvasBoard.CanvasBoard,
     Trigger.Trigger
   ],
   types: Object.values(PresetName).map((name) => ({
@@ -233,12 +76,12 @@ var generator2 = () => ({
     [
       "dxos-team",
       async (space, n, cb) => {
-        const objects = range2(n, () => {
+        const objects = range(n, () => {
           const org = space.db.add(Obj.make(Organization.Organization, {
             name: "DXOS",
             website: "https://dxos.org"
           }));
-          const doc = space.db.add(Markdown2.make({
+          const doc = space.db.add(Markdown.make({
             name: "DXOS Research",
             content: "DXOS builds Composer, an open-source AI-powered malleable application."
           }));
@@ -252,12 +95,13 @@ var generator2 = () => ({
             ];
           });
           space.db.add(Obj.make(Person.Person, {
+            [Obj.Meta]: {
+              tags: [
+                tagDxn
+              ]
+            },
             fullName: "Rich",
             organization: Ref.make(org)
-          }, {
-            tags: [
-              tagDxn
-            ]
           }));
           space.db.add(Obj.make(Person.Person, {
             fullName: "Josiah",
@@ -280,24 +124,54 @@ var generator2 = () => ({
     [
       "org-research-project",
       async (space, n, cb) => {
-        const mailbox = await space.db.query(Filter2.type(Mailbox.Mailbox)).first();
-        const tag = await space.db.query(Filter2.type(Tag.Tag, {
+        const mailboxes = await space.db.query(Filter.type(Mailbox.Mailbox)).run();
+        const mailbox = mailboxes[0];
+        invariant(mailbox, "Mailbox not found", {
+          F: __dxlog_file,
+          L: 121,
+          S: void 0,
+          A: [
+            "mailbox",
+            "'Mailbox not found'"
+          ]
+        });
+        const mailboxFeed = await mailbox.feed?.tryLoad();
+        invariant(mailboxFeed, "Mailbox missing feed reference", {
+          F: __dxlog_file,
+          L: 123,
+          S: void 0,
+          A: [
+            "mailboxFeed",
+            "'Mailbox missing feed reference'"
+          ]
+        });
+        const queueDxn = Feed.getQueueDxn(mailboxFeed)?.toString();
+        invariant(queueDxn, "Mailbox feed missing queue DXN key", {
+          F: __dxlog_file,
+          L: 125,
+          S: void 0,
+          A: [
+            "queueDxn",
+            "'Mailbox feed missing queue DXN key'"
+          ]
+        });
+        const tag = await space.db.query(Filter.type(Tag.Tag, {
           label: "Investor"
         })).first();
         const tagDxn = Obj.getDXN(tag).toString();
-        const objects = range2(n, () => {
-          const contactsQuery = Query.select(Filter2.type(Person.Person)).select(Filter2.tag(tagDxn));
-          const organizationsQuery = Query.select(Filter2.type(Organization.Organization)).select(Filter2.tag(tagDxn));
-          const notesQuery = Query.select(Filter2.type(Markdown2.Document)).select(Filter2.tag(tagDxn));
+        const objects = range(n, () => {
+          const contactsQuery = Query.select(Filter.type(Person.Person)).select(Filter.tag(tagDxn));
+          const organizationsQuery = Query.select(Filter.type(Organization.Organization)).select(Filter.tag(tagDxn));
+          const notesQuery = Query.select(Filter.type(Markdown.Document)).select(Filter.tag(tagDxn));
           space.db.add(Trigger.make({
             enabled: true,
             spec: {
               kind: "timer",
               cron: "* * * * *"
             },
-            function: Ref.make(serializeFunction(gmail.sync)),
+            function: Ref.make(serializeFunction(GmailFunctions.Sync)),
             input: {
-              mailboxId: Obj.getDXN(mailbox).toString()
+              mailbox: Ref.make(mailbox)
             }
           }));
           space.db.add(Trigger.make({
@@ -305,9 +179,9 @@ var generator2 = () => ({
             // TODO(wittjosiah): Queue trigger doesn't support matching query of the column.
             spec: {
               kind: "queue",
-              queue: mailbox.queue.dxn.toString()
+              queue: queueDxn
             },
-            function: Ref.make(serializeFunction(EntityExtraction.extract)),
+            function: Ref.make(serializeFunction(EntityExtractionFunctions.Extract)),
             input: {
               source: "{{event.item}}"
             }
@@ -327,7 +201,7 @@ var generator2 = () => ({
                 NOTE: Do mocked reseach (set mockSearch to true).
               `,
             blueprints: [
-              Ref.make(ResearchBlueprint)
+              Ref.make(ResearchBlueprint.make())
             ]
           }));
           space.db.add(Trigger.make({
@@ -338,37 +212,37 @@ var generator2 = () => ({
                 ast: organizationsQuery.ast
               }
             },
-            function: Ref.make(serializeFunction(Agent.prompt)),
+            function: Ref.make(serializeFunction(AgentFunctions.Prompt)),
             input: {
               prompt: Ref.make(researchPrompt),
               input: "{{event.subject}}"
             }
           }));
-          const mailboxView = View2.make({
-            query: Query.select(Filter2.type(Message.Message, {
+          const mailboxView = ViewModel.make({
+            query: Query.select(Filter.type(Message.Message, {
               properties: {
-                labels: Filter2.contains("investor")
+                labels: Filter.contains("investor")
               }
-            })).options({
+            })).from({
               queues: [
-                mailbox.queue.dxn.toString()
+                queueDxn
               ]
             }),
-            jsonSchema: Type.toJsonSchema(Message.Message)
+            jsonSchema: JsonSchema.toJsonSchema(Message.Message)
           });
-          const contactsView = View2.make({
+          const contactsView = ViewModel.make({
             query: contactsQuery,
-            jsonSchema: Type.toJsonSchema(Person.Person)
+            jsonSchema: JsonSchema.toJsonSchema(Person.Person)
           });
-          const organizationsView = View2.make({
+          const organizationsView = ViewModel.make({
             query: organizationsQuery,
-            jsonSchema: Type.toJsonSchema(Organization.Organization)
+            jsonSchema: JsonSchema.toJsonSchema(Organization.Organization)
           });
-          const notesView = View2.make({
+          const notesView = ViewModel.make({
             query: notesQuery,
-            jsonSchema: Type.toJsonSchema(Markdown2.Document)
+            jsonSchema: JsonSchema.toJsonSchema(Markdown.Document)
           });
-          return space.db.add(Project.make({
+          return space.db.add(Pipeline.make({
             name: "Investor Research",
             columns: [
               {
@@ -401,7 +275,7 @@ var generator2 = () => ({
     [
       "webhook-gpt-queue",
       async (space, n, cb) => {
-        const objects = range2(n, () => {
+        const objects = range(n, () => {
           const canvasModel = CanvasGraphModel.create();
           let functionTrigger;
           canvasModel.builder.call((builder) => {
@@ -461,9 +335,9 @@ var generator2 = () => ({
     [
       "objectChange-queue",
       async (space, n, cb) => {
-        const objects = range2(n, () => {
+        const objects = range(n, () => {
           const { canvasModel, computeModel } = createQueueSinkPreset(space, "subscription", (triggerSpec) => triggerSpec.query = {
-            ast: Query.select(Filter2.typename("dxos.org/type/Chess")).ast
+            ast: Query.select(Filter.typename("org.dxos.type.chess")).ast
           }, "type");
           return addToSpace("objectChange-queue", space, canvasModel, computeModel);
         });
@@ -474,7 +348,7 @@ var generator2 = () => ({
     [
       "timerTick-queue",
       async (space, n, cb) => {
-        const objects = range2(n, () => {
+        const objects = range(n, () => {
           const { canvasModel, computeModel } = createQueueSinkPreset(space, "timer", (triggerSpec) => triggerSpec.cron = "*/5 * * * * *", "result");
           return addToSpace("timerTick-queue", space, canvasModel, computeModel);
         });
@@ -529,7 +403,7 @@ var generator2 = () => ({
     //       const templateComputeNode = computeModel.nodes.find((n) => n.id === template.node);
     //       invariant(templateComputeNode, 'Template compute node was not created.');
     //       templateComputeNode.value = templateContent.join('\n');
-    //       templateComputeNode.inputSchema = Type.toJsonSchema(EmailTriggerOutput);
+    //       templateComputeNode.inputSchema = JsonSchema.toJsonSchema(EmailTriggerOutput);
     //       attachTrigger(functionTrigger, computeModel);
     //       return addToSpace(PresetName.EMAIL_TABLE, space, canvasModel, computeModel);
     //     });
@@ -540,7 +414,7 @@ var generator2 = () => ({
     [
       "chat-gpt-text",
       async (space, n, cb) => {
-        const objects = range2(n, () => {
+        const objects = range(n, () => {
           const canvasModel = CanvasGraphModel.create();
           canvasModel.builder.call((builder) => {
             const gpt = canvasModel.createNode(createGpt(position({
@@ -660,7 +534,7 @@ var generator2 = () => ({
     //       invariant(templateComputeNode, 'Template compute node was not created.');
     //       templateComputeNode.value = templateContent.join('\n');
     //       const extendedSchema = Schema.extend(EmailTriggerOutput, Schema.Struct({ text: Schema.String }));
-    //       templateComputeNode.inputSchema = Type.toJsonSchema(extendedSchema);
+    //       templateComputeNode.inputSchema = JsonSchema.toJsonSchema(extendedSchema);
     //       attachTrigger(functionTrigger, computeModel);
     //       return addToSpace(PresetName.EMAIL_WITH_SUMMARY, space, canvasModel, computeModel);
     //     });
@@ -671,7 +545,7 @@ var generator2 = () => ({
     [
       "forex-function-call",
       async (space, n, cb) => {
-        const objects = range2(n, () => {
+        const objects = range(n, () => {
           const canvasModel = CanvasGraphModel.create();
           canvasModel.builder.call((builder) => {
             const sourceCurrency = canvasModel.createNode(createConstant({
@@ -720,7 +594,7 @@ var generator2 = () => ({
     [
       "discord-messages",
       async (space, n, cb) => {
-        const objects = range2(n, () => {
+        const objects = range(n, () => {
           const canvasModel = CanvasGraphModel.create();
           let functionTrigger;
           canvasModel.builder.call((builder) => {
@@ -741,10 +615,10 @@ var generator2 = () => ({
               })
             }));
             const queueId = canvasModel.createNode(createConstant({
-              value: new DXN2(DXN2.kind.QUEUE, [
+              value: new DXN(DXN.kind.QUEUE, [
                 "data",
                 space.id,
-                Key2.ObjectId.random()
+                Key.ObjectId.random()
               ]).toString(),
               ...position({
                 x: -10,
@@ -862,7 +736,7 @@ var createQueueSinkPreset = (space, triggerKind, initSpec, triggerOutputName) =>
     const triggerSpec = functionTrigger.spec;
     invariant(triggerSpec && triggerSpec.kind === triggerKind, "No trigger spec.", {
       F: __dxlog_file,
-      L: 762,
+      L: 764,
       S: void 0,
       A: [
         "triggerSpec && triggerSpec.kind === triggerKind",
@@ -877,7 +751,7 @@ var createQueueSinkPreset = (space, triggerKind, initSpec, triggerOutputName) =>
   const templateComputeNode = computeModel.nodes.find((n) => n.id === template.node);
   invariant(templateComputeNode, "Template compute node was not created.", {
     F: __dxlog_file,
-    L: 771,
+    L: 773,
     S: void 0,
     A: [
       "templateComputeNode",
@@ -890,7 +764,7 @@ var createQueueSinkPreset = (space, triggerKind, initSpec, triggerOutputName) =>
     '  "id": "@{{changeId}}"',
     "}"
   ].join("\n");
-  templateComputeNode.inputSchema = Type.toJsonSchema(Schema.Struct({
+  templateComputeNode.inputSchema = JsonSchema.toJsonSchema(Schema.Struct({
     type: Schema.String,
     changeId: Schema.String
   }));
@@ -901,7 +775,7 @@ var createQueueSinkPreset = (space, triggerKind, initSpec, triggerOutputName) =>
   };
 };
 var addToSpace = (name, space, canvas, compute) => {
-  return space.db.add(Obj.make(CanvasBoardType, {
+  return space.db.add(Obj.make(CanvasBoard.CanvasBoard, {
     name,
     computeGraph: Ref.make(compute.root),
     layout: canvas.graph
@@ -909,10 +783,10 @@ var addToSpace = (name, space, canvas, compute) => {
 };
 var setupQueue = (space, canvasModel, args) => {
   const queueId = canvasModel.createNode(createConstant({
-    value: new DXN2(DXN2.kind.QUEUE, [
+    value: new DXN(DXN.kind.QUEUE, [
       "data",
       space.id,
-      Key2.ObjectId.random()
+      Key.ObjectId.random()
     ]).toString(),
     ...args?.idPosition ? rawPosition(args.idPosition) : position({
       x: -18,
@@ -939,14 +813,14 @@ var setupQueue = (space, canvasModel, args) => {
 var attachTrigger = (functionTrigger, computeModel) => {
   invariant(functionTrigger, void 0, {
     F: __dxlog_file,
-    L: 811,
+    L: 815,
     S: void 0,
     A: [
       "functionTrigger",
       ""
     ]
   });
-  const inputNode = computeModel.nodes.find((node) => node.type === NODE_INPUT2);
+  const inputNode = computeModel.nodes.find((node) => node.type === NODE_INPUT);
   Obj.change(functionTrigger, (t) => {
     t.function = Ref.make(computeModel.root);
     t.inputNodeId = inputNode.id;
@@ -996,37 +870,189 @@ var position = (rect) => {
   }
 };
 
-// src/components/SpaceGenerator/SchemaTable.tsx
-import React from "react";
-import { IconButton } from "@dxos/react-ui";
-var SchemaTable = ({ types, objects = {}, label, onClick }) => {
-  return /* @__PURE__ */ React.createElement("div", {
-    className: "grid grid-cols-[1fr_80px_40px] gap-1 overflow-none"
-  }, /* @__PURE__ */ React.createElement("h2", {
-    className: "p-2"
-  }, label), types.map((type) => /* @__PURE__ */ React.createElement("div", {
-    key: type.typename,
-    className: "grid grid-cols-subgrid col-span-3 items-center"
-  }, /* @__PURE__ */ React.createElement("div", {
-    className: "pli-2 text-sm font-mono text-subdued"
-  }, type.typename), /* @__PURE__ */ React.createElement("div", {
-    className: "pli-2 text-right font-mono"
-  }, objects[type.typename] ?? 0), /* @__PURE__ */ React.createElement(IconButton, {
-    variant: "ghost",
-    icon: "ph--plus--regular",
-    iconOnly: true,
-    label: "Create data",
-    onClick: () => onClick(type.typename)
-  }))));
+// src/components/SpaceGenerator/ObjectGenerator.tsx
+import { addressToA1Notation } from "@dxos/compute";
+import { ComputeGraph, ComputeGraphModel, DEFAULT_OUTPUT, NODE_INPUT as NODE_INPUT2, NODE_OUTPUT } from "@dxos/conductor";
+import { DXN as DXN2, Filter as Filter2, Key as Key2 } from "@dxos/echo";
+import { View } from "@dxos/echo";
+import { Markdown as Markdown2 } from "@dxos/plugin-markdown/types";
+import { Sheet } from "@dxos/plugin-sheet/types";
+import { Sketch } from "@dxos/plugin-sketch/types";
+import { SpaceOperation } from "@dxos/plugin-space/types";
+import { faker } from "@dxos/random";
+import { getTypenameFromQuery } from "@dxos/schema";
+import { createAsyncGenerator } from "@dxos/schema/testing";
+import { range as range2 } from "@dxos/util";
+var generator2 = faker;
+var findViewByTypename = async (views, typename) => {
+  return views.find((view) => getTypenameFromQuery(view.query.ast) === typename);
+};
+var createGenerator = (client, invokePromise, schema) => {
+  return async (space, n) => {
+    const typename = schema.typename;
+    const views = await space.db.query(Filter2.type(View.View)).run();
+    const view = await findViewByTypename(views, typename);
+    const staticSchema = client?.graph.schemaRegistry.query({
+      typename
+    }).runSync()[0];
+    if (!view && !staticSchema) {
+      await invokePromise(SpaceOperation.AddSchema, {
+        db: space.db,
+        schema,
+        show: false
+      });
+    }
+    const generate = createAsyncGenerator(generator2, schema, {
+      db: space.db
+    });
+    return generate.createObjects(n);
+  };
 };
+var staticGenerators = /* @__PURE__ */ new Map([
+  [
+    Markdown2.Document.typename,
+    async (space, n, cb) => {
+      const objects = range2(n).map(() => {
+        return space.db.add(Markdown2.make({
+          name: faker.commerce.productName(),
+          content: faker.lorem.sentences(5)
+        }));
+      });
+      cb?.(objects);
+      return objects;
+    }
+  ],
+  [
+    Sketch.Sketch.typename,
+    async (space, n, cb) => {
+      const objects = range2(n).map(() => {
+        const obj = space.db.add(Sketch.make({
+          name: faker.commerce.productName()
+        }));
+        return obj;
+      });
+      cb?.(objects);
+      return objects;
+    }
+  ],
+  // TODO(burdon): Create unit tests.
+  [
+    Sheet.Sheet.typename,
+    async (space, n, cb) => {
+      const objects = range2(n).map(() => {
+        const cells = {};
+        const year = (/* @__PURE__ */ new Date()).getFullYear();
+        const cols = 4;
+        const rows = 16;
+        for (let col = 1; col <= cols; col++) {
+          for (let row = 1; row <= rows; 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() * 1e4)
+              };
+            }
+          }
+        }
+        return space.db.add(Sheet.make({
+          name: faker.commerce.productName(),
+          cells
+        }));
+      });
+      cb?.(objects);
+      return objects;
+    }
+  ],
+  [
+    ComputeGraph.typename,
+    async (space, n, cb) => {
+      const objects = range2(n, () => {
+        const model = ComputeGraphModel.create();
+        model.builder.createNode({
+          id: "gpt-INPUT",
+          type: NODE_INPUT2
+        }).createNode({
+          id: "gpt-GPT",
+          type: "gpt"
+        }).createNode({
+          id: "gpt-QUEUE_ID",
+          type: "constant",
+          value: new DXN2(DXN2.kind.QUEUE, [
+            "data",
+            space.id,
+            Key2.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;
+    }
+  ]
+]);
 
-// src/components/SpaceGenerator/SpaceGenerator.tsx
+// src/containers/SpaceGenerator/SpaceGenerator.tsx
 var SpaceGenerator = ({ space, onCreateObjects }) => {
   const { invokePromise } = useOperationInvoker();
   const client = useClient();
   const staticTypes = [
     Markdown3.Document,
-    Diagram2.Diagram,
+    Sketch2.Sketch,
     Sheet2.Sheet,
     ComputeGraph2
   ];
@@ -1037,7 +1063,7 @@ var SpaceGenerator = ({ space, onCreateObjects }) => {
   ];
   const [count, setCount] = useState(1);
   const [info, setInfo] = useState({});
-  const presets = useMemo(() => generator2(), []);
+  const presets = useMemo(() => generator(), []);
   useAsyncEffect(async () => {
     await client.addTypes([
       ...staticTypes,
@@ -1095,29 +1121,29 @@ var SpaceGenerator = ({ space, onCreateObjects }) => {
     typeMap,
     count
   ]);
-  return /* @__PURE__ */ React2.createElement("div", {
-    role: "none",
-    className: "flex flex-col grow overflow-hidden"
-  }, /* @__PURE__ */ React2.createElement(Toolbar.Root, {
-    classNames: "border-be border-subduedSeparator"
-  }, /* @__PURE__ */ React2.createElement(IconButton2, {
+  return /* @__PURE__ */ React2.createElement(Panel.Root, null, /* @__PURE__ */ React2.createElement(Panel.Toolbar, {
+    asChild: true
+  }, /* @__PURE__ */ React2.createElement(Toolbar.Root, null, /* @__PURE__ */ React2.createElement(IconButton2, {
     icon: "ph--arrow-clockwise--regular",
     iconOnly: true,
     label: "Refresh",
     onClick: updateInfo
-  }), /* @__PURE__ */ React2.createElement(Toolbar.Separator, {
-    variant: "gap"
-  }), /* @__PURE__ */ React2.createElement(Input.Root, null, /* @__PURE__ */ React2.createElement(Input.TextInput, {
+  }), /* @__PURE__ */ React2.createElement(Toolbar.Separator, null), /* @__PURE__ */ React2.createElement(Input.Root, null, /* @__PURE__ */ React2.createElement(Input.TextInput, {
     type: "number",
+    placeholder: "Count",
+    classNames: "w-[4rem] text-right",
     min: 1,
     max: 100,
-    placeholder: "Count",
-    classNames: "!w-[4rem] !text-right",
     size: 8,
     value: count,
-    onChange: (ev) => setCount(parseInt(ev.target.value))
-  }))), /* @__PURE__ */ React2.createElement("div", {
-    className: "flex flex-col overflow-y-auto divide-y divide-separator"
+    onChange: (event) => setCount(parseInt(event.target.value))
+  })))), /* @__PURE__ */ React2.createElement(Panel.Content, {
+    asChild: true
+  }, /* @__PURE__ */ React2.createElement(ScrollArea.Root, {
+    thin: true,
+    orientation: "vertical"
+  }, /* @__PURE__ */ React2.createElement(ScrollArea.Viewport, {
+    classNames: "gap-4 divide-y divide-subdued-separator"
   }, /* @__PURE__ */ React2.createElement(SchemaTable, {
     types: staticTypes,
     objects: info.objects,
@@ -1133,7 +1159,7 @@ var SpaceGenerator = ({ space, onCreateObjects }) => {
     objects: info.objects,
     label: "Presets",
     onClick: handleCreateData
-  }), /* @__PURE__ */ React2.createElement("div", null, /* @__PURE__ */ React2.createElement(SyntaxHighlighter, {
+  }), /* @__PURE__ */ React2.createElement(SyntaxHighlighter, {
     language: "json",
     classNames: "text-xs"
   }, JSON.stringify({
@@ -1141,12 +1167,12 @@ var SpaceGenerator = ({ space, onCreateObjects }) => {
     ...info
   }, jsonKeyReplacer({
     truncate: true
-  }), 2)))));
+  }), 2))))));
 };
 
-// src/components/SpaceGenerator/index.ts
+// src/containers/SpaceGenerator/index.ts
 var SpaceGenerator_default = SpaceGenerator;
 export {
   SpaceGenerator_default as default
 };
-//# sourceMappingURL=SpaceGenerator-H33AEFGC.mjs.map
+//# sourceMappingURL=SpaceGenerator-Q2GH6S6D.mjs.map