@dxos/react-ui-canvas-compute 0.8.3 → 0.8.4-main.f9ba587

package/dist/lib/browser/index.mjs

@@ -1,18 +1,18 @@
 import "@dxos/node-std/globals";
 
-// packages/ui/react-ui-canvas-compute/src/graph/controller.ts
+// src/graph/controller.ts
 import { Effect, Either, Exit, Scope } from "effect";
 import { Event, synchronized } from "@dxos/async";
 import { GraphExecutor, isNotExecuted, ValueBag } from "@dxos/conductor";
 import { Resource } from "@dxos/context";
 import { log } from "@dxos/log";
 
-// packages/ui/react-ui-canvas-compute/src/graph/node-defs.ts
+// src/graph/node-defs.ts
 import { NODE_INPUT, NODE_OUTPUT, registry, getTemplateInputSchema } from "@dxos/conductor";
 import { raise } from "@dxos/debug";
 import { ObjectId, toJsonSchema } from "@dxos/echo-schema";
 import { invariant } from "@dxos/invariant";
-var __dxlog_file = "/home/runner/work/dxos/dxos/packages/ui/react-ui-canvas-compute/src/graph/node-defs.ts";
+var __dxlog_file = "/__w/dxos/dxos/packages/ui/react-ui-canvas-compute/src/graph/node-defs.ts";
 var resolveComputeNode = async (node) => {
   const impl = registry[node.type];
   invariant(impl, `Unknown node type: ${node.type}`, {
@@ -48,6 +48,7 @@ var nodeFactory = {
   ["constant"]: (shape) => createNode("constant", {
     value: shape.value
   }),
+  ["make-queue"]: () => createNode("make-queue"),
   ["database"]: () => createNode("database"),
   ["gpt"]: () => createNode("gpt"),
   ["gpt-realtime"]: () => createNode("gpt-realtime"),
@@ -82,7 +83,7 @@ var createNode = (type, props) => ({
   ...props
 });
 
-// packages/ui/react-ui-canvas-compute/src/hooks/compute-context.ts
+// src/hooks/compute-context.ts
 import { createContext, useContext } from "react";
 import { raise as raise2 } from "@dxos/debug";
 var ComputeContext = createContext(null);
@@ -90,7 +91,7 @@ var useComputeContext = () => {
   return useContext(ComputeContext) ?? raise2(new Error("Missing ComputeContext"));
 };
 
-// packages/ui/react-ui-canvas-compute/src/hooks/useComputeGraphController.ts
+// src/hooks/useComputeGraphController.ts
 import { useEffect, useState } from "react";
 var combine = (...cbs) => {
   return () => {
@@ -140,11 +141,11 @@ var useComputeGraphController = ({ controller, graph, editorRef }) => {
   ]);
 };
 
-// packages/ui/react-ui-canvas-compute/src/hooks/useComputeNodeState.ts
+// src/hooks/useComputeNodeState.ts
 import { Schema } from "effect";
 import { useCallback, useEffect as useEffect2, useState as useState2 } from "react";
 import { invariant as invariant2 } from "@dxos/invariant";
-var __dxlog_file2 = "/home/runner/work/dxos/dxos/packages/ui/react-ui-canvas-compute/src/hooks/useComputeNodeState.ts";
+var __dxlog_file2 = "/__w/dxos/dxos/packages/ui/react-ui-canvas-compute/src/hooks/useComputeNodeState.ts";
 var useComputeNodeState = (shape) => {
   const { controller } = useComputeContext();
   invariant2(controller, void 0, {
@@ -214,14 +215,14 @@ var useComputeNodeState = (shape) => {
   };
 };
 
-// packages/ui/react-ui-canvas-compute/src/hooks/useGraphMonitor.ts
+// src/hooks/useGraphMonitor.ts
 import { useMemo } from "react";
 import { ComputeGraphModel, DEFAULT_INPUT, DEFAULT_OUTPUT } from "@dxos/conductor";
 import { ObjectId as ObjectId2, Ref } from "@dxos/echo-schema";
 import { invariant as invariant3 } from "@dxos/invariant";
 import { getSpace } from "@dxos/react-client/echo";
 import { isNonNullable } from "@dxos/util";
-var __dxlog_file3 = "/home/runner/work/dxos/dxos/packages/ui/react-ui-canvas-compute/src/hooks/useGraphMonitor.ts";
+var __dxlog_file3 = "/__w/dxos/dxos/packages/ui/react-ui-canvas-compute/src/hooks/useGraphMonitor.ts";
 var mapEdge = (graph, { source, target, output = DEFAULT_OUTPUT, input = DEFAULT_INPUT }) => {
   const sourceNode = graph.findNode(source);
   const targetNode = graph.findNode(target);
@@ -341,14 +342,14 @@ var deleteTriggerObjects = (computeGraph, deleted) => {
   }
 };
 
-// packages/ui/react-ui-canvas-compute/src/graph/controller.ts
+// src/graph/controller.ts
 function _ts_decorate(decorators, target, key, desc) {
   var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
   if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
   else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
   return c > 3 && r && Object.defineProperty(target, key, r), r;
 }
-var __dxlog_file4 = "/home/runner/work/dxos/dxos/packages/ui/react-ui-canvas-compute/src/graph/controller.ts";
+var __dxlog_file4 = "/__w/dxos/dxos/packages/ui/react-ui-canvas-compute/src/graph/controller.ts";
 var InvalidStateError = Error;
 var AUTO_TRIGGER_NODES = [
   "chat",
@@ -604,17 +605,17 @@ var computeValueBag = (bag) => {
   })))).pipe(Effect.map((entries) => Object.fromEntries(entries)));
 };
 
-// packages/ui/react-ui-canvas-compute/src/registry.ts
+// src/registry.ts
 import { noteShape } from "@dxos/react-ui-canvas-editor";
 
-// packages/ui/react-ui-canvas-compute/src/shapes/common/Box.tsx
+// src/shapes/common/Box.tsx
 import { useSignals as _useSignals } from "@preact-signals/safe-react/tracking";
 import React, { forwardRef } from "react";
 import { invariant as invariant4 } from "@dxos/invariant";
 import { Icon, IconButton } from "@dxos/react-ui";
 import { useEditorContext, useShapeDef } from "@dxos/react-ui-canvas-editor";
 import { mx } from "@dxos/react-ui-theme";
-var __dxlog_file5 = "/home/runner/work/dxos/dxos/packages/ui/react-ui-canvas-compute/src/shapes/common/Box.tsx";
+var __dxlog_file5 = "/__w/dxos/dxos/packages/ui/react-ui-canvas-compute/src/shapes/common/Box.tsx";
 var headerHeight = 32;
 var footerHeight = 32;
 var Box = /* @__PURE__ */ forwardRef(({ children, classNames, shape, title, status, open, onAction }, forwardedRef) => {
@@ -678,7 +679,7 @@ var Box = /* @__PURE__ */ forwardRef(({ children, classNames, shape, title, stat
   }
 });
 
-// packages/ui/react-ui-canvas-compute/src/shapes/common/FunctionBody.tsx
+// src/shapes/common/FunctionBody.tsx
 import { useSignals as _useSignals2 } from "@preact-signals/safe-react/tracking";
 import { SchemaAST as SchemaAST2 } from "effect";
 import React2, { useRef, useState as useState3 } from "react";
@@ -686,7 +687,7 @@ import { VoidInput, VoidOutput } from "@dxos/conductor";
 import { useCanvasContext } from "@dxos/react-ui-canvas";
 import { getParentShapeElement, createAnchors, rowHeight } from "@dxos/react-ui-canvas-editor";
 
-// packages/ui/react-ui-canvas-compute/src/shapes/defs.ts
+// src/shapes/defs.ts
 import { Schema as Schema2, SchemaAST } from "effect";
 import { DEFAULT_INPUT as DEFAULT_INPUT2, DEFAULT_OUTPUT as DEFAULT_OUTPUT2 } from "@dxos/conductor";
 import { ObjectId as ObjectId3 } from "@dxos/echo-schema";
@@ -718,7 +719,7 @@ var createShape = ({ id, ...rest }) => {
   };
 };
 
-// packages/ui/react-ui-canvas-compute/src/shapes/common/FunctionBody.tsx
+// src/shapes/common/FunctionBody.tsx
 var bodyPadding = 8;
 var expandedHeight = 200;
 var FunctionBody = ({ shape, name, content, inputSchema = VoidInput, outputSchema = VoidOutput, ...props }) => {
@@ -805,7 +806,7 @@ var createFunctionAnchors = (shape, input = VoidInput, output = VoidOutput) => {
   });
 };
 
-// packages/ui/react-ui-canvas-compute/src/shapes/common/TypeSelect.tsx
+// src/shapes/common/TypeSelect.tsx
 import { useSignals as _useSignals3 } from "@preact-signals/safe-react/tracking";
 import React3 from "react";
 import { ComputeValueType } from "@dxos/conductor";
@@ -828,7 +829,7 @@ var TypeSelect = ({ value, onValueChange }) => {
   }
 };
 
-// packages/ui/react-ui-canvas-compute/src/shapes/Array.tsx
+// src/shapes/Array.tsx
 import { useSignals as _useSignals4 } from "@preact-signals/safe-react/tracking";
 import { Schema as Schema3 } from "effect";
 import React4 from "react";
@@ -865,7 +866,7 @@ var reducerShape = {
   getAnchors: (shape) => createFunctionAnchors(shape, ReducerInput, ReducerOutput)
 };
 
-// packages/ui/react-ui-canvas-compute/src/shapes/Append.tsx
+// src/shapes/Append.tsx
 import { useSignals as _useSignals5 } from "@preact-signals/safe-react/tracking";
 import { Schema as Schema4 } from "effect";
 import React5 from "react";
@@ -901,7 +902,7 @@ var appendShape = {
   getAnchors: (shape) => createFunctionAnchors(shape, AppendInput)
 };
 
-// packages/ui/react-ui-canvas-compute/src/shapes/Audio.tsx
+// src/shapes/Audio.tsx
 import { useSignals as _useSignals6 } from "@preact-signals/safe-react/tracking";
 import { Schema as Schema5 } from "effect";
 import React6, { useEffect as useEffect3, useState as useState4 } from "react";
@@ -957,7 +958,7 @@ var audioShape = {
   })
 };
 
-// packages/ui/react-ui-canvas-compute/src/shapes/Beacon.tsx
+// src/shapes/Beacon.tsx
 import { useSignals as _useSignals7 } from "@preact-signals/safe-react/tracking";
 import { Schema as Schema6 } from "effect";
 import React7 from "react";
@@ -1007,7 +1008,7 @@ var beaconShape = {
   })
 };
 
-// packages/ui/react-ui-canvas-compute/src/shapes/Boolean.tsx
+// src/shapes/Boolean.tsx
 import { Schema as Schema7 } from "effect";
 import React8 from "react";
 import { getAnchorPoints } from "@dxos/react-ui-canvas-editor";
@@ -1180,7 +1181,7 @@ var notShape = defineShape({
   ]
 });
 
-// packages/ui/react-ui-canvas-compute/src/shapes/Chat.tsx
+// src/shapes/Chat.tsx
 import { useSignals as _useSignals8 } from "@preact-signals/safe-react/tracking";
 import { Schema as Schema8 } from "effect";
 import React9, { useRef as useRef2 } from "react";
@@ -1241,7 +1242,7 @@ var chatShape = {
   resizable: true
 };
 
-// packages/ui/react-ui-canvas-compute/src/shapes/Constant.tsx
+// src/shapes/Constant.tsx
 import { useSignals as _useSignals9 } from "@preact-signals/safe-react/tracking";
 import { Schema as Schema9 } from "effect";
 import React10, { useCallback as useCallback2, useRef as useRef3, useState as useState5 } from "react";
@@ -1344,7 +1345,7 @@ var constantShape = {
   resizable: true
 };
 
-// packages/ui/react-ui-canvas-compute/src/shapes/Database.tsx
+// src/shapes/Database.tsx
 import { useSignals as _useSignals10 } from "@preact-signals/safe-react/tracking";
 import { Schema as Schema10 } from "effect";
 import React11 from "react";
@@ -1384,7 +1385,7 @@ var databaseShape = {
   })
 };
 
-// packages/ui/react-ui-canvas-compute/src/shapes/Function.tsx
+// src/shapes/Function.tsx
 import { useSignals as _useSignals11 } from "@preact-signals/safe-react/tracking";
 import { Schema as Schema11 } from "effect";
 import React12, { useCallback as useCallback3, useRef as useRef4 } from "react";
@@ -1392,7 +1393,7 @@ import { AnyOutput, FunctionInput } from "@dxos/conductor";
 import { getSnapshot, isInstanceOf, Ref as Ref2 } from "@dxos/echo-schema";
 import { FunctionType, ScriptType } from "@dxos/functions";
 import { useClient } from "@dxos/react-client";
-import { Filter, makeRef, parseId } from "@dxos/react-client/echo";
+import { Filter, parseId } from "@dxos/react-client/echo";
 import { TextBox as TextBox3 } from "@dxos/react-ui-canvas-editor";
 var FunctionShape = Schema11.extend(ComputeShape, Schema11.Struct({
   type: Schema11.Literal("function")
@@ -1429,7 +1430,7 @@ var TextInputComponent2 = ({ shape, title, ...props }) => {
         return;
       }
       node.value = value;
-      node.function = makeRef(fn);
+      node.function = Ref2.make(fn);
       node.inputSchema = getSnapshot(fn.inputSchema);
       node.outputSchema = getSnapshot(fn.outputSchema);
     }, [
@@ -1469,7 +1470,7 @@ var functionShape = {
   getAnchors: (shape) => createFunctionAnchors(shape, FunctionInput, AnyOutput)
 };
 
-// packages/ui/react-ui-canvas-compute/src/shapes/Gpt.tsx
+// src/shapes/Gpt.tsx
 import { useSignals as _useSignals12 } from "@preact-signals/safe-react/tracking";
 import { Schema as Schema12 } from "effect";
 import React13, { useEffect as useEffect4, useState as useState6 } from "react";
@@ -1545,7 +1546,7 @@ var gptShape = {
   openable: true
 };
 
-// packages/ui/react-ui-canvas-compute/src/shapes/Json.tsx
+// src/shapes/Json.tsx
 import { useSignals as _useSignals13 } from "@preact-signals/safe-react/tracking";
 import { Schema as Schema13 } from "effect";
 import React14 from "react";
@@ -1628,7 +1629,7 @@ var jsonTransformShape = {
   resizable: true
 };
 
-// packages/ui/react-ui-canvas-compute/src/shapes/Logic.tsx
+// src/shapes/Logic.tsx
 import { useSignals as _useSignals14 } from "@preact-signals/safe-react/tracking";
 import { Schema as Schema14 } from "effect";
 import React15 from "react";
@@ -1696,7 +1697,7 @@ var ifElseShape = {
   getAnchors: (shape) => createFunctionAnchors(shape, IfElseInput, IfElseOutput)
 };
 
-// packages/ui/react-ui-canvas-compute/src/shapes/Queue.tsx
+// src/shapes/Queue.tsx
 import { useSignals as _useSignals15 } from "@preact-signals/safe-react/tracking";
 import { Schema as Schema15 } from "effect";
 import React16, { Fragment } from "react";
@@ -1769,7 +1770,7 @@ var queueShape = {
   resizable: true
 };
 
-// packages/ui/react-ui-canvas-compute/src/shapes/RNG.tsx
+// src/shapes/RNG.tsx
 import { useSignals as _useSignals16 } from "@preact-signals/safe-react/tracking";
 import { Schema as Schema16 } from "effect";
 import React17, { useEffect as useEffect5, useState as useState7 } from "react";
@@ -1851,7 +1852,7 @@ var randomShape = {
   })
 };
 
-// packages/ui/react-ui-canvas-compute/src/shapes/Scope.tsx
+// src/shapes/Scope.tsx
 import { useSignals as _useSignals17 } from "@preact-signals/safe-react/tracking";
 import { Schema as Schema17 } from "effect";
 import React18 from "react";
@@ -1905,7 +1906,7 @@ var scopeShape = {
   })
 };
 
-// packages/ui/react-ui-canvas-compute/src/shapes/Surface.tsx
+// src/shapes/Surface.tsx
 import { useSignals as _useSignals18 } from "@preact-signals/safe-react/tracking";
 import { Schema as Schema18 } from "effect";
 import React19 from "react";
@@ -1963,7 +1964,7 @@ var surfaceShape = {
   resizable: true
 };
 
-// packages/ui/react-ui-canvas-compute/src/shapes/Switch.tsx
+// src/shapes/Switch.tsx
 import { useSignals as _useSignals19 } from "@preact-signals/safe-react/tracking";
 import { Schema as Schema19 } from "effect";
 import React20, { useEffect as useEffect6, useState as useState8 } from "react";
@@ -2016,13 +2017,14 @@ var switchShape = {
   })
 };
 
-// packages/ui/react-ui-canvas-compute/src/shapes/Table.tsx
+// src/shapes/Table.tsx
 import { useSignals as _useSignals20 } from "@preact-signals/safe-react/tracking";
 import { Schema as Schema20 } from "effect";
 import React21 from "react";
-import { createInputSchema, createOutputSchema, GptMessage } from "@dxos/conductor";
-var InputSchema = createInputSchema(GptMessage);
-var OutputSchema = createOutputSchema(Schema20.mutable(Schema20.Array(GptMessage)));
+import { Message } from "@dxos/ai";
+import { createInputSchema, createOutputSchema } from "@dxos/conductor";
+var InputSchema = createInputSchema(Message);
+var OutputSchema = createOutputSchema(Schema20.mutable(Schema20.Array(Message)));
 var TableShape = Schema20.extend(ComputeShape, Schema20.Struct({
   type: Schema20.Literal("table")
 }));
@@ -2054,7 +2056,7 @@ var tableShape = {
   resizable: true
 };
 
-// packages/ui/react-ui-canvas-compute/src/shapes/Template.tsx
+// src/shapes/Template.tsx
 import { useSignals as _useSignals21 } from "@preact-signals/safe-react/tracking";
 import { Schema as Schema21 } from "effect";
 import React22, { useRef as useRef5 } from "react";
@@ -2062,7 +2064,7 @@ import { ComputeValueType as ComputeValueType3, getTemplateInputSchema as getTem
 import { toJsonSchema as toJsonSchema2 } from "@dxos/echo-schema";
 import { invariant as invariant5 } from "@dxos/invariant";
 import { TextBox as TextBox4 } from "@dxos/react-ui-canvas-editor";
-var __dxlog_file6 = "/home/runner/work/dxos/dxos/packages/ui/react-ui-canvas-compute/src/shapes/Template.tsx";
+var __dxlog_file6 = "/__w/dxos/dxos/packages/ui/react-ui-canvas-compute/src/shapes/Template.tsx";
 var TemplateShape = Schema21.extend(ComputeShape, Schema21.Struct({
   type: Schema21.Literal("template"),
   valueType: Schema21.optional(ComputeValueType3)
@@ -2133,7 +2135,7 @@ var templateShape = {
   resizable: true
 };
 
-// packages/ui/react-ui-canvas-compute/src/shapes/Text.tsx
+// src/shapes/Text.tsx
 import { useSignals as _useSignals22 } from "@preact-signals/safe-react/tracking";
 import { Schema as Schema22 } from "effect";
 import React23 from "react";
@@ -2187,14 +2189,15 @@ var textShape = {
   resizable: true
 };
 
-// packages/ui/react-ui-canvas-compute/src/shapes/Thread.tsx
+// src/shapes/Thread.tsx
 import { useSignals as _useSignals23 } from "@preact-signals/safe-react/tracking";
 import { Schema as Schema23 } from "effect";
 import React24, { useEffect as useEffect7, useRef as useRef6 } from "react";
-import { createInputSchema as createInputSchema2, createOutputSchema as createOutputSchema2, GptMessage as GptMessage2 } from "@dxos/conductor";
+import { Message as Message2 } from "@dxos/ai";
+import { createInputSchema as createInputSchema2, createOutputSchema as createOutputSchema2 } from "@dxos/conductor";
 import { mx as mx5 } from "@dxos/react-ui-theme";
-var InputSchema2 = createInputSchema2(GptMessage2);
-var OutputSchema2 = createOutputSchema2(Schema23.mutable(Schema23.Array(GptMessage2)));
+var InputSchema2 = createInputSchema2(Message2);
+var OutputSchema2 = createOutputSchema2(Schema23.mutable(Schema23.Array(Message2)));
 var ThreadShape = Schema23.extend(ComputeShape, Schema23.Struct({
   type: Schema23.Literal("thread")
 }));
@@ -2261,7 +2264,7 @@ var threadShape = {
   resizable: true
 };
 
-// packages/ui/react-ui-canvas-compute/src/shapes/TextToImage.tsx
+// src/shapes/TextToImage.tsx
 import { useSignals as _useSignals24 } from "@preact-signals/safe-react/tracking";
 import { Schema as Schema24 } from "effect";
 import React25 from "react";
@@ -2301,15 +2304,15 @@ var textToImageShape = {
   })
 };
 
-// packages/ui/react-ui-canvas-compute/src/shapes/Trigger.tsx
+// src/shapes/Trigger.tsx
 import { useSignals as _useSignals25 } from "@preact-signals/safe-react/tracking";
 import { Schema as Schema25 } from "effect";
 import React26, { useEffect as useEffect8 } from "react";
 import { VoidInput as VoidInput3 } from "@dxos/conductor";
 import { ObjectId as ObjectId4, Ref as Ref3 } from "@dxos/echo-schema";
-import { FunctionTrigger, TriggerKind, EmailTriggerOutput, QueueTriggerOutput, SubscriptionTriggerOutput, TimerTriggerOutput, WebhookTriggerOutput } from "@dxos/functions";
+import { EmailTriggerOutput, FunctionTrigger, QueueTriggerOutput, TriggerKind, SubscriptionTriggerOutput, TimerTriggerOutput, WebhookTriggerOutput } from "@dxos/functions";
 import { DXN, SpaceId } from "@dxos/keys";
-import { live, makeRef as makeRef2, useSpace } from "@dxos/react-client/echo";
+import { live, useSpace } from "@dxos/react-client/echo";
 import { Select as Select2 } from "@dxos/react-ui";
 var TriggerShape = Schema25.extend(ComputeShape, Schema25.Struct({
   type: Schema25.Literal("trigger"),
@@ -2322,7 +2325,7 @@ var createTrigger = (props) => {
   });
   return createShape({
     type: "trigger",
-    functionTrigger: makeRef2(functionTrigger),
+    functionTrigger: Ref3.make(functionTrigger),
     size: {
       width: 192,
       height: getHeight(EmailTriggerOutput)
@@ -2446,14 +2449,14 @@ var triggerShape = {
   getAnchors: (shape) => createFunctionAnchors(shape, VoidInput3, getOutputSchema(shape.functionTrigger?.target?.spec?.kind ?? TriggerKind.Email))
 };
 
-// packages/ui/react-ui-canvas-compute/src/shapes/GptRealtime.tsx
+// src/shapes/GptRealtime.tsx
 import { useSignals as _useSignals26 } from "@preact-signals/safe-react/tracking";
 import { Schema as Schema26 } from "effect";
 import React27, { useState as useState9 } from "react";
 import { log as log2 } from "@dxos/log";
 import { useConfig } from "@dxos/react-client";
 import { Icon as Icon5 } from "@dxos/react-ui";
-var __dxlog_file7 = "/home/runner/work/dxos/dxos/packages/ui/react-ui-canvas-compute/src/shapes/GptRealtime.tsx";
+var __dxlog_file7 = "/__w/dxos/dxos/packages/ui/react-ui-canvas-compute/src/shapes/GptRealtime.tsx";
 var GptRealtimeShape = Schema26.extend(ComputeShape, Schema26.Struct({
   type: Schema26.Literal("gpt-realtime")
 }));
@@ -2580,7 +2583,7 @@ var gptRealtimeShape = {
 };
 var DEFAULT_AI_SERVICE_URL = "http://localhost:8788";
 
-// packages/ui/react-ui-canvas-compute/src/registry.ts
+// src/registry.ts
 var computeShapes = [
   {
     title: "Inputs",
@@ -2642,7 +2645,7 @@ var computeShapes = [
   }
 ];
 
-// packages/ui/react-ui-canvas-compute/src/compute-layout.ts
+// src/compute-layout.ts
 import { DefaultInput, DefaultOutput as DefaultOutput2 } from "@dxos/conductor";
 import { toEffectSchema } from "@dxos/echo-schema";
 import { ShapeLayout } from "@dxos/react-ui-canvas-editor";