@dxos/react-ui-canvas-compute 0.7.5-labs.f5080a1 → 0.7.5-staging.2ff1350

package/dist/lib/node/index.cjs

@@ -46,7 +46,6 @@ __export(node_exports, {
   DatabaseComponent: () => DatabaseComponent,
   DatabaseShape: () => DatabaseShape,
   FunctionBody: () => FunctionBody,
-  FunctionComponent: () => FunctionComponent,
   FunctionShape: () => FunctionShape,
   GptComponent: () => GptComponent,
   GptRealtimeComponent: () => GptRealtimeComponent,
@@ -166,6 +165,7 @@ __export(node_exports, {
   useGraphMonitor: () => useGraphMonitor
 });
 module.exports = __toCommonJS(node_exports);
+var import_platform = require("@effect/platform");
 var import_effect = require("effect");
 var import_async = require("@dxos/async");
 var import_conductor = require("@dxos/conductor");
@@ -242,13 +242,17 @@ var import_react_ui_canvas_editor12 = require("@dxos/react-ui-canvas-editor");
 var import_react15 = __toESM(require("react"));
 var import_conductor12 = require("@dxos/conductor");
 var import_echo_schema14 = require("@dxos/echo-schema");
+var import_functions = require("@dxos/functions");
+var import_react_client = require("@dxos/react-client");
+var import_echo2 = require("@dxos/react-client/echo");
+var import_react_ui_canvas_editor13 = require("@dxos/react-ui-canvas-editor");
 var import_react16 = __toESM(require("react"));
 var import_conductor13 = require("@dxos/conductor");
 var import_echo_schema15 = require("@dxos/echo-schema");
 var import_react17 = __toESM(require("react"));
 var import_conductor14 = require("@dxos/conductor");
 var import_echo_schema16 = require("@dxos/echo-schema");
-var import_react_ui_canvas_editor13 = require("@dxos/react-ui-canvas-editor");
+var import_react_ui_canvas_editor14 = require("@dxos/react-ui-canvas-editor");
 var import_react_ui_syntax_highlighter = require("@dxos/react-ui-syntax-highlighter");
 var import_react18 = __toESM(require("react"));
 var import_conductor15 = require("@dxos/conductor");
@@ -261,23 +265,23 @@ var import_react20 = __toESM(require("react"));
 var import_conductor17 = require("@dxos/conductor");
 var import_echo_schema19 = require("@dxos/echo-schema");
 var import_react_ui6 = require("@dxos/react-ui");
-var import_react_ui_canvas_editor14 = require("@dxos/react-ui-canvas-editor");
+var import_react_ui_canvas_editor15 = require("@dxos/react-ui-canvas-editor");
 var import_react_ui_theme4 = require("@dxos/react-ui-theme");
 var import_react21 = __toESM(require("react"));
 var import_conductor18 = require("@dxos/conductor");
 var import_echo_schema20 = require("@dxos/echo-schema");
-var import_react_ui_canvas_editor15 = require("@dxos/react-ui-canvas-editor");
+var import_react_ui_canvas_editor16 = require("@dxos/react-ui-canvas-editor");
 var import_react_ui_sfx = require("@dxos/react-ui-sfx");
 var import_react22 = __toESM(require("react"));
 var import_app_framework = require("@dxos/app-framework");
 var import_conductor19 = require("@dxos/conductor");
 var import_echo_schema21 = require("@dxos/echo-schema");
-var import_react_ui_canvas_editor16 = require("@dxos/react-ui-canvas-editor");
+var import_react_ui_canvas_editor17 = require("@dxos/react-ui-canvas-editor");
 var import_react23 = __toESM(require("react"));
 var import_conductor20 = require("@dxos/conductor");
 var import_echo_schema22 = require("@dxos/echo-schema");
 var import_react_ui7 = require("@dxos/react-ui");
-var import_react_ui_canvas_editor17 = require("@dxos/react-ui-canvas-editor");
+var import_react_ui_canvas_editor18 = require("@dxos/react-ui-canvas-editor");
 var import_react24 = __toESM(require("react"));
 var import_conductor21 = require("@dxos/conductor");
 var import_echo_schema23 = require("@dxos/echo-schema");
@@ -285,33 +289,34 @@ var import_react25 = __toESM(require("react"));
 var import_conductor22 = require("@dxos/conductor");
 var import_echo_schema24 = require("@dxos/echo-schema");
 var import_invariant5 = require("@dxos/invariant");
-var import_react_ui_canvas_editor18 = require("@dxos/react-ui-canvas-editor");
+var import_react_ui_canvas_editor19 = require("@dxos/react-ui-canvas-editor");
 var import_react26 = __toESM(require("react"));
 var import_conductor23 = require("@dxos/conductor");
 var import_echo_schema25 = require("@dxos/echo-schema");
-var import_react_ui_canvas_editor19 = require("@dxos/react-ui-canvas-editor");
 var import_react_ui_canvas_editor20 = require("@dxos/react-ui-canvas-editor");
+var import_react_ui_canvas_editor21 = require("@dxos/react-ui-canvas-editor");
 var import_react27 = __toESM(require("react"));
 var import_conductor24 = require("@dxos/conductor");
 var import_echo_schema26 = require("@dxos/echo-schema");
 var import_react_ui_theme5 = require("@dxos/react-ui-theme");
 var import_react28 = __toESM(require("react"));
 var import_echo_schema27 = require("@dxos/echo-schema");
-var import_react_ui_canvas_editor21 = require("@dxos/react-ui-canvas-editor");
+var import_react_ui_canvas_editor22 = require("@dxos/react-ui-canvas-editor");
 var import_react29 = __toESM(require("react"));
 var import_conductor25 = require("@dxos/conductor");
 var import_echo_schema28 = require("@dxos/echo-schema");
-var import_functions = require("@dxos/functions");
-var import_echo2 = require("@dxos/react-client/echo");
+var import_functions2 = require("@dxos/functions");
+var import_keys2 = require("@dxos/keys");
+var import_echo3 = require("@dxos/react-client/echo");
 var import_react_ui8 = require("@dxos/react-ui");
 var import_react30 = __toESM(require("react"));
 var import_echo_schema29 = require("@dxos/echo-schema");
 var import_log2 = require("@dxos/log");
-var import_react_client = require("@dxos/react-client");
+var import_react_client2 = require("@dxos/react-client");
 var import_react_ui9 = require("@dxos/react-ui");
 var import_conductor26 = require("@dxos/conductor");
 var import_echo_schema30 = require("@dxos/echo-schema");
-var import_react_ui_canvas_editor22 = require("@dxos/react-ui-canvas-editor");
+var import_react_ui_canvas_editor23 = require("@dxos/react-ui-canvas-editor");
 var __dxlog_file = "/home/runner/work/dxos/dxos/packages/ui/react-ui-canvas-compute/src/graph/node-defs.ts";
 var resolveComputeNode = async (node) => {
   const impl = import_conductor2.registry[node.type];
@@ -520,7 +525,7 @@ var useGraphMonitor = (model) => {
           const nodeIds = subgraph.nodes.map((shape) => shape.node);
           const edgeIds = subgraph.edges.map(({ source, target, output = import_conductor3.DEFAULT_OUTPUT, input = import_conductor3.DEFAULT_INPUT }) => {
             return model.edges.find((computeEdge) => computeEdge.input === input && computeEdge.output === output)?.id;
-          }).filter(import_util.nonNullable);
+          }).filter(import_util.isNonNullable);
           model.removeNodes(nodeIds);
           model.removeEdges(edgeIds);
           deleteTriggerObjects(model, subgraph);
@@ -623,6 +628,14 @@ var ComputeGraphController = class extends import_context.Resource {
     };
   }
   setServices(services) {
+    import_log.log.info("setServices", {
+      services
+    }, {
+      F: __dxlog_file4,
+      L: 149,
+      S: this,
+      C: (f, a) => f(...a)
+    });
     Object.assign(this._services, services);
   }
   get graph() {
@@ -683,7 +696,7 @@ var ComputeGraphController = class extends import_context.Resource {
       } catch (err) {
         import_log.log.catch(err, void 0, {
           F: __dxlog_file4,
-          L: 215,
+          L: 218,
           S: this,
           C: (f, a) => f(...a)
         });
@@ -710,7 +723,7 @@ var ComputeGraphController = class extends import_context.Resource {
       const scope = yield* import_effect.Scope.make();
       const executable = yield* import_effect.Effect.promise(() => resolveComputeNode(this._graph.getNode(nodeId)));
       const computingOutputs = executable.exec != null;
-      const effect = (computingOutputs ? executor.computeOutputs(nodeId) : executor.computeInputs(nodeId)).pipe(import_effect.Effect.withSpan("runGraph"), import_effect.Effect.provide(services), import_effect.Scope.extend(scope), import_effect.Effect.flatMap(computeValueBag), import_effect.Effect.withSpan("test"), import_effect.Effect.tap((values) => {
+      const effect = (computingOutputs ? executor.computeOutputs(nodeId) : executor.computeInputs(nodeId)).pipe(import_effect.Effect.withSpan("runGraph"), import_effect.Scope.extend(scope), import_effect.Effect.flatMap(computeValueBag), import_effect.Effect.provide(services), import_effect.Effect.withSpan("test"), import_effect.Effect.tap((values) => {
         for (const [key, value] of Object.entries(values)) {
           if (computingOutputs) {
             this._onOutputComputed(nodeId, key, value);
@@ -749,7 +762,7 @@ var ComputeGraphController = class extends import_context.Resource {
       for (const node of allAffectedNodes) {
         const executable = yield* import_effect.Effect.promise(() => resolveComputeNode(this._graph.getNode(node)));
         const computingOutputs = executable.exec != null;
-        const effect = (computingOutputs ? executor.computeOutputs(node) : executor.computeInputs(node)).pipe(import_effect.Effect.withSpan("runGraph"), import_effect.Effect.provide(services), import_effect.Scope.extend(scope), import_effect.Effect.flatMap(computeValueBag), import_effect.Effect.withSpan("test"), import_effect.Effect.tap((values) => {
+        const effect = (computingOutputs ? executor.computeOutputs(node) : executor.computeInputs(node)).pipe(import_effect.Effect.withSpan("runGraph"), import_effect.Scope.extend(scope), import_effect.Effect.flatMap(computeValueBag), import_effect.Effect.provide(services), import_effect.Effect.withSpan("test"), import_effect.Effect.tap((values) => {
           for (const [key, value] of Object.entries(values)) {
             if (computingOutputs) {
               this._onOutputComputed(node, key, value);
@@ -774,7 +787,8 @@ var ComputeGraphController = class extends import_context.Resource {
     const gptLayer = import_effect.Layer.succeed(import_conductor.GptService, services.gpt);
     const queueLayer = services.edgeHttpClient != null ? import_conductor.QueueService.fromClient(services.edgeHttpClient) : import_conductor.QueueService.notAvailable;
     const spaceLayer = services.spaceService != null ? import_effect.Layer.succeed(import_conductor.SpaceService, services.spaceService) : import_conductor.SpaceService.empty;
-    return import_effect.Layer.mergeAll(logLayer, gptLayer, queueLayer, spaceLayer);
+    const functionCallServiceLayer = services.edgeHttpClient != null && services.spaceService != null ? import_effect.Layer.succeed(import_conductor.FunctionCallService, import_conductor.FunctionCallService.fromClient(services.edgeHttpClient.baseUrl, services.spaceService.spaceId)) : import_effect.Layer.succeed(import_conductor.FunctionCallService, import_conductor.FunctionCallService.mock());
+    return import_effect.Layer.mergeAll(logLayer, gptLayer, queueLayer, spaceLayer, functionCallServiceLayer, import_platform.FetchHttpClient.layer);
   }
   _createLogger() {
     return {
@@ -789,7 +803,7 @@ var ComputeGraphController = class extends import_context.Resource {
       event
     }, {
       F: __dxlog_file4,
-      L: 365,
+      L: 376,
       S: this,
       C: (f, a) => f(...a)
     });
@@ -1508,25 +1522,67 @@ var FunctionShape = import_echo_schema14.S.extend(ComputeShape, import_echo_sche
 var createFunction = (props) => createShape({
   type: "function",
   size: {
-    width: 192,
-    height: getHeight(import_conductor12.FunctionInput)
+    width: 256,
+    height: 192
   },
   ...props
 });
-var FunctionComponent = ({ shape }) => {
-  return /* @__PURE__ */ import_react15.default.createElement(FunctionBody, {
+var TextInputComponent2 = ({ shape, title, ...props }) => {
+  const client = (0, import_react_client.useClient)();
+  const { node, runtime } = useComputeNodeState(shape);
+  const inputRef = (0, import_react15.useRef)(null);
+  const handleEnter = (0, import_react15.useCallback)(async (text) => {
+    const value = text.trim();
+    const { spaceId, objectId } = (0, import_echo2.parseId)(value);
+    if (!spaceId || !objectId) {
+      return;
+    }
+    const space = client.spaces.get(spaceId);
+    const object = space?.db.getObjectById(objectId);
+    if (!space || !(object instanceof import_functions.ScriptType)) {
+      return;
+    }
+    const { objects: [fn] } = await space.db.query(import_echo2.Filter.schema(import_functions.FunctionType, {
+      source: object
+    })).run();
+    if (!fn) {
+      return;
+    }
+    node.value = value;
+    node.function = (0, import_echo2.makeRef)(fn);
+    node.inputSchema = (0, import_echo_schema14.getSnapshot)(fn.inputSchema);
+    node.outputSchema = (0, import_echo_schema14.getSnapshot)(fn.outputSchema);
+  }, [
+    client,
+    node
+  ]);
+  const handleAction = (0, import_react15.useCallback)((action) => {
+    if (action !== "run") {
+      return;
+    }
+    runtime.evalNode();
+  }, [
+    runtime
+  ]);
+  return /* @__PURE__ */ import_react15.default.createElement(Box, {
     shape,
-    inputSchema: import_conductor12.FunctionInput,
-    outputSchema: import_conductor12.AnyOutput
-  });
+    title: "Function",
+    onAction: handleAction
+  }, /* @__PURE__ */ import_react15.default.createElement(import_react_ui_canvas_editor13.TextBox, {
+    ...props,
+    ref: inputRef,
+    value: node.value,
+    language: node.valueType === "object" ? "json" : void 0,
+    onBlur: handleEnter,
+    onEnter: handleEnter
+  }));
 };
 var functionShape = {
   type: "function",
   name: "Function",
   icon: "ph--function--regular",
-  component: FunctionComponent,
+  component: TextInputComponent2,
   createShape: createFunction,
-  // TODO(burdon): Get dynamic schema.
   getAnchors: (shape) => createFunctionAnchors(shape, import_conductor12.FunctionInput, import_conductor12.AnyOutput)
 };
 var GptShape = import_echo_schema15.S.extend(ComputeShape, import_echo_schema15.S.Struct({
@@ -1630,7 +1686,7 @@ var jsonShape = {
   icon: "ph--code--regular",
   component: (props) => /* @__PURE__ */ import_react17.default.createElement(JsonComponent, props),
   createShape: createJson,
-  getAnchors: (shape) => (0, import_react_ui_canvas_editor13.createAnchorMap)(shape, {
+  getAnchors: (shape) => (0, import_react_ui_canvas_editor14.createAnchorMap)(shape, {
     [createAnchorId("input")]: {
       x: -1,
       y: 0
@@ -1828,7 +1884,7 @@ var randomShape = {
   icon: "ph--dice-six--regular",
   component: RandomComponent,
   createShape: createRandom,
-  getAnchors: (shape) => (0, import_react_ui_canvas_editor14.createAnchorMap)(shape, {
+  getAnchors: (shape) => (0, import_react_ui_canvas_editor15.createAnchorMap)(shape, {
     [createAnchorId("output")]: {
       x: 1,
       y: 0
@@ -1869,7 +1925,7 @@ var scopeShape = {
   icon: "ph--waveform--regular",
   component: ScopeComponent,
   createShape: createScope,
-  getAnchors: (shape) => (0, import_react_ui_canvas_editor15.createAnchorMap)(shape, {
+  getAnchors: (shape) => (0, import_react_ui_canvas_editor16.createAnchorMap)(shape, {
     [createAnchorId("input")]: {
       x: -1,
       y: 0
@@ -1913,7 +1969,7 @@ var surfaceShape = {
   icon: "ph--frame-corners--regular",
   component: SurfaceComponent,
   createShape: createSurface,
-  getAnchors: (shape) => (0, import_react_ui_canvas_editor16.createAnchorMap)(shape, {
+  getAnchors: (shape) => (0, import_react_ui_canvas_editor17.createAnchorMap)(shape, {
     [createAnchorId("input")]: {
       x: -1,
       y: 0
@@ -1954,7 +2010,7 @@ var switchShape = {
   icon: "ph--toggle-left--regular",
   component: SwitchComponent,
   createShape: createSwitch,
-  getAnchors: (shape) => (0, import_react_ui_canvas_editor17.createAnchorMap)(shape, {
+  getAnchors: (shape) => (0, import_react_ui_canvas_editor18.createAnchorMap)(shape, {
     [createAnchorId("output")]: {
       x: 1,
       y: 0
@@ -1993,7 +2049,7 @@ var TemplateShape = import_echo_schema24.S.extend(ComputeShape, import_echo_sche
   type: import_echo_schema24.S.Literal("template"),
   valueType: import_echo_schema24.S.optional(import_conductor22.ComputeValueType)
 }));
-var TextInputComponent2 = ({ shape, title, ...props }) => {
+var TextInputComponent3 = ({ shape, title, ...props }) => {
   const { node } = useComputeNodeState(shape);
   const inputRef = (0, import_react25.useRef)(null);
   const handleEnter = (text) => {
@@ -2024,7 +2080,7 @@ var TextInputComponent2 = ({ shape, title, ...props }) => {
       value: node.valueType ?? "string",
       onValueChange: handleTypeChange
     })
-  }, /* @__PURE__ */ import_react25.default.createElement(import_react_ui_canvas_editor18.TextBox, {
+  }, /* @__PURE__ */ import_react25.default.createElement(import_react_ui_canvas_editor19.TextBox, {
     ...props,
     ref: inputRef,
     value: node.value,
@@ -2045,7 +2101,7 @@ var templateShape = {
   type: "template",
   name: "Template",
   icon: "ph--article--regular",
-  component: (props) => /* @__PURE__ */ import_react25.default.createElement(TextInputComponent2, {
+  component: (props) => /* @__PURE__ */ import_react25.default.createElement(TextInputComponent3, {
     ...props,
     placeholder: "Prompt"
   }),
@@ -2076,7 +2132,7 @@ var TextComponent = ({ shape }) => {
   return /* @__PURE__ */ import_react26.default.createElement(Box, {
     shape,
     onAction: handleAction
-  }, /* @__PURE__ */ import_react26.default.createElement(import_react_ui_canvas_editor19.TextBox, {
+  }, /* @__PURE__ */ import_react26.default.createElement(import_react_ui_canvas_editor20.TextBox, {
     value
   }));
 };
@@ -2086,7 +2142,7 @@ var textShape = {
   icon: "ph--article--regular",
   component: TextComponent,
   createShape: createText,
-  getAnchors: (shape) => (0, import_react_ui_canvas_editor20.createAnchorMap)(shape, {
+  getAnchors: (shape) => (0, import_react_ui_canvas_editor21.createAnchorMap)(shape, {
     [createAnchorId("input")]: {
       x: -1,
       y: 0
@@ -2173,7 +2229,7 @@ var textToImageShape = {
   icon: "ph--image--regular",
   component: TextToImageComponent,
   createShape: createTextToImage,
-  getAnchors: (shape) => (0, import_react_ui_canvas_editor21.createAnchorMap)(shape, {
+  getAnchors: (shape) => (0, import_react_ui_canvas_editor22.createAnchorMap)(shape, {
     [createAnchorId("output")]: {
       x: 1,
       y: 0
@@ -2182,16 +2238,16 @@ var textToImageShape = {
 };
 var TriggerShape = import_echo_schema28.S.extend(ComputeShape, import_echo_schema28.S.Struct({
   type: import_echo_schema28.S.Literal("trigger"),
-  functionTrigger: import_echo_schema28.S.optional((0, import_echo_schema28.Ref)(import_functions.FunctionTrigger))
+  functionTrigger: import_echo_schema28.S.optional((0, import_echo_schema28.Ref)(import_functions2.FunctionTrigger))
 }));
 var createTrigger = (props) => {
-  const functionTrigger = (0, import_echo2.create)(import_functions.FunctionTrigger, {
+  const functionTrigger = (0, import_echo3.create)(import_functions2.FunctionTrigger, {
     enabled: true,
-    spec: createTriggerSpec(props.triggerKind ?? import_functions.TriggerKind.Email)
+    spec: createTriggerSpec(props)
   });
   return createShape({
     type: "trigger",
-    functionTrigger: (0, import_echo2.makeRef)(functionTrigger),
+    functionTrigger: (0, import_echo3.makeRef)(functionTrigger),
     size: {
       width: 192,
       height: getHeight(import_conductor25.EmailTriggerOutput)
@@ -2200,23 +2256,30 @@ var createTrigger = (props) => {
   });
 };
 var TriggerComponent = ({ shape }) => {
+  const space = (0, import_echo3.useSpace)();
   const functionTrigger = shape.functionTrigger?.target;
   (0, import_react29.useEffect)(() => {
     if (functionTrigger && !functionTrigger.spec) {
-      functionTrigger.spec = createTriggerSpec(import_functions.TriggerKind.Email);
+      functionTrigger.spec = createTriggerSpec({
+        triggerKind: import_functions2.TriggerKind.Email,
+        spaceId: space?.id
+      });
     }
   }, [
     functionTrigger,
     functionTrigger?.spec
   ]);
   (0, import_react29.useEffect)(() => {
-    shape.size.height = getHeight(getOutputSchema(functionTrigger?.spec?.type ?? import_functions.TriggerKind.Email));
+    shape.size.height = getHeight(getOutputSchema(functionTrigger?.spec?.type ?? import_functions2.TriggerKind.Email));
   }, [
     functionTrigger?.spec?.type
   ]);
   const setKind = (kind) => {
     if (functionTrigger?.spec?.type !== kind) {
-      functionTrigger.spec = createTriggerSpec(kind);
+      functionTrigger.spec = createTriggerSpec({
+        triggerKind: import_functions2.TriggerKind.Email,
+        spaceId: space?.id
+      });
     }
   };
   if (!functionTrigger?.spec) {
@@ -2239,40 +2302,53 @@ var TriggerKindSelect = ({ value, onValueChange }) => {
   }, /* @__PURE__ */ import_react29.default.createElement(import_react_ui8.Select.TriggerButton, {
     variant: "ghost",
     classNames: "w-full !px-0"
-  }), /* @__PURE__ */ import_react29.default.createElement(import_react_ui8.Select.Portal, null, /* @__PURE__ */ import_react29.default.createElement(import_react_ui8.Select.Content, null, /* @__PURE__ */ import_react29.default.createElement(import_react_ui8.Select.ScrollUpButton, null), /* @__PURE__ */ import_react29.default.createElement(import_react_ui8.Select.Viewport, null, Object.values(import_functions.TriggerKind).map((type) => /* @__PURE__ */ import_react29.default.createElement(import_react_ui8.Select.Option, {
+  }), /* @__PURE__ */ import_react29.default.createElement(import_react_ui8.Select.Portal, null, /* @__PURE__ */ import_react29.default.createElement(import_react_ui8.Select.Content, null, /* @__PURE__ */ import_react29.default.createElement(import_react_ui8.Select.ScrollUpButton, null), /* @__PURE__ */ import_react29.default.createElement(import_react_ui8.Select.Viewport, null, Object.values(import_functions2.TriggerKind).map((type) => /* @__PURE__ */ import_react29.default.createElement(import_react_ui8.Select.Option, {
     key: type,
     value: type
   }, type))), /* @__PURE__ */ import_react29.default.createElement(import_react_ui8.Select.ScrollDownButton, null), /* @__PURE__ */ import_react29.default.createElement(import_react_ui8.Select.Arrow, null))));
 };
-var createTriggerSpec = (kind) => {
+var createTriggerSpec = (props) => {
+  const kind = props.triggerKind ?? import_functions2.TriggerKind.Email;
   switch (kind) {
-    case import_functions.TriggerKind.Timer:
+    case import_functions2.TriggerKind.Timer:
       return {
-        type: import_functions.TriggerKind.Timer,
-        cron: "0 0 * * *"
+        type: import_functions2.TriggerKind.Timer,
+        cron: "*/10 * * * * *"
       };
-    case import_functions.TriggerKind.Webhook:
+    case import_functions2.TriggerKind.Webhook:
       return {
-        type: import_functions.TriggerKind.Webhook,
+        type: import_functions2.TriggerKind.Webhook,
         method: "POST"
       };
-    case import_functions.TriggerKind.Subscription:
+    case import_functions2.TriggerKind.Subscription:
       return {
-        type: import_functions.TriggerKind.Subscription,
+        type: import_functions2.TriggerKind.Subscription,
         filter: {}
       };
-    case import_functions.TriggerKind.Email:
+    case import_functions2.TriggerKind.Email:
+      return {
+        type: import_functions2.TriggerKind.Email
+      };
+    case import_functions2.TriggerKind.Queue: {
+      const dxn = new import_keys2.DXN(import_keys2.DXN.kind.QUEUE, [
+        "data",
+        props.spaceId ?? import_keys2.SpaceId.random(),
+        import_echo_schema28.ObjectId.random()
+      ]).toString();
       return {
-        type: import_functions.TriggerKind.Email
+        type: import_functions2.TriggerKind.Queue,
+        queue: dxn
       };
+    }
   }
 };
 var getOutputSchema = (kind) => {
   const kindToSchema = {
-    [import_functions.TriggerKind.Email]: import_conductor25.EmailTriggerOutput,
-    [import_functions.TriggerKind.Subscription]: import_conductor25.SubscriptionTriggerOutput,
-    [import_functions.TriggerKind.Timer]: import_conductor25.TimerTriggerOutput,
-    [import_functions.TriggerKind.Webhook]: import_conductor25.WebhookTriggerOutput
+    [import_functions2.TriggerKind.Email]: import_conductor25.EmailTriggerOutput,
+    [import_functions2.TriggerKind.Subscription]: import_conductor25.SubscriptionTriggerOutput,
+    [import_functions2.TriggerKind.Timer]: import_conductor25.TimerTriggerOutput,
+    [import_functions2.TriggerKind.Webhook]: import_conductor25.WebhookTriggerOutput,
+    [import_functions2.TriggerKind.Queue]: import_conductor25.QueueTriggerOutput
   };
   return kindToSchema[kind];
 };
@@ -2282,7 +2358,7 @@ var triggerShape = {
   icon: "ph--lightning--regular",
   component: TriggerComponent,
   createShape: createTrigger,
-  getAnchors: (shape) => createFunctionAnchors(shape, import_conductor25.VoidInput, getOutputSchema(shape.functionTrigger?.target?.spec?.type ?? import_functions.TriggerKind.Email))
+  getAnchors: (shape) => createFunctionAnchors(shape, import_conductor25.VoidInput, getOutputSchema(shape.functionTrigger?.target?.spec?.type ?? import_functions2.TriggerKind.Email))
 };
 var __dxlog_file7 = "/home/runner/work/dxos/dxos/packages/ui/react-ui-canvas-compute/src/shapes/GptRealtime.tsx";
 var GptRealtimeShape = import_echo_schema29.S.extend(ComputeShape, import_echo_schema29.S.Struct({
@@ -2299,7 +2375,7 @@ var createGptRealtime = (props) => createShape({
 var GptRealtimeComponent = ({ shape }) => {
   const [isLive, setIsLive] = (0, import_react30.useState)(false);
   const [isReady, setIsReady] = (0, import_react30.useState)(false);
-  const config = (0, import_react_client.useConfig)();
+  const config = (0, import_react_client2.useConfig)();
   const start = async () => {
     setIsLive(true);
     try {
@@ -2465,7 +2541,7 @@ var computeShapes = [
     ]
   }
 ];
-var ComputeShapeLayout = class extends import_react_ui_canvas_editor22.ShapeLayout {
+var ComputeShapeLayout = class extends import_react_ui_canvas_editor23.ShapeLayout {
   constructor(_controller, registry2) {
     super(registry2);
     this._controller = _controller;
@@ -2505,7 +2581,6 @@ var ComputeShapeLayout = class extends import_react_ui_canvas_editor22.ShapeLayo
   DatabaseComponent,
   DatabaseShape,
   FunctionBody,
-  FunctionComponent,
   FunctionShape,
   GptComponent,
   GptRealtimeComponent,