@dxos/react-ui-canvas-compute 0.8.4-main.dedc0f3 → 0.8.4-main.e8ec1fe

package/dist/lib/browser/index.mjs

@@ -1,7 +1,10 @@
 import "@dxos/node-std/globals";
 
 // src/graph/controller.ts
-import { Effect, Either, Exit, Scope } from "effect";
+import * as Effect from "effect/Effect";
+import * as Either from "effect/Either";
+import * as Exit from "effect/Exit";
+import * as Scope from "effect/Scope";
 import { Event, synchronized } from "@dxos/async";
 import { GraphExecutor, ValueBag, isNotExecuted } from "@dxos/conductor";
 import { Resource } from "@dxos/context";
@@ -66,7 +69,7 @@ var useComputeGraphController = ({ controller, graph, editorRef }) => {
 };
 
 // src/hooks/useComputeNodeState.ts
-import { Schema } from "effect";
+import * as Schema from "effect/Schema";
 import { useCallback, useEffect as useEffect2, useState as useState2 } from "react";
 import { invariant } from "@dxos/invariant";
 var __dxlog_file = "/__w/dxos/dxos/packages/ui/react-ui-canvas-compute/src/hooks/useComputeNodeState.ts";
@@ -142,7 +145,7 @@ var useComputeNodeState = (shape) => {
 // src/hooks/useGraphMonitor.ts
 import { useMemo } from "react";
 import { ComputeGraphModel, DEFAULT_INPUT, DEFAULT_OUTPUT } from "@dxos/conductor";
-import { ObjectId, Ref } from "@dxos/echo-schema";
+import { ObjectId, Ref } from "@dxos/echo/internal";
 import { invariant as invariant2 } from "@dxos/invariant";
 import { getSpace } from "@dxos/react-client/echo";
 import { isNonNullable } from "@dxos/util";
@@ -269,7 +272,7 @@ var deleteTriggerObjects = (computeGraph, deleted) => {
 // src/graph/node-defs.ts
 import { NODE_INPUT, NODE_OUTPUT, getTemplateInputSchema, registry } from "@dxos/conductor";
 import { raise as raise2 } from "@dxos/debug";
-import { ObjectId as ObjectId2, toJsonSchema } from "@dxos/echo-schema";
+import { ObjectId as ObjectId2, toJsonSchema } from "@dxos/echo/internal";
 import { invariant as invariant3 } from "@dxos/invariant";
 var __dxlog_file3 = "/__w/dxos/dxos/packages/ui/react-ui-canvas-compute/src/graph/node-defs.ts";
 var resolveComputeNode = async (node) => {
@@ -343,19 +346,6 @@ var createNode = (type, props) => ({
 });
 
 // src/graph/controller.ts
-function _define_property(obj, key, value) {
-  if (key in obj) {
-    Object.defineProperty(obj, key, {
-      value,
-      enumerable: true,
-      configurable: true,
-      writable: true
-    });
-  } else {
-    obj[key] = value;
-  }
-  return obj;
-}
 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);
@@ -378,6 +368,29 @@ var createComputeGraphController = (graph, serviceContainer) => {
   };
 };
 var ComputeGraphController = class extends Resource {
+  _serviceContainer;
+  _graph;
+  _executor = new GraphExecutor({
+    computeNodeResolver: (node) => resolveComputeNode(node)
+  });
+  _diagnostics = [];
+  /**
+  * Canvas force-sets outputs of those nodes.
+  */
+  _forcedOutputs = {};
+  /**
+  * Runtime state of the execution graph.
+  */
+  _runtimeStateInputs = {};
+  _runtimeStateOutputs = {};
+  // TODO(burdon): Remove? Make state reactive?
+  update = new Event();
+  /** Computed result. */
+  output = new Event();
+  events = new Event();
+  constructor(_serviceContainer, _graph) {
+    super(), this._serviceContainer = _serviceContainer, this._graph = _graph;
+  }
   toJSON() {
     return {
       graph: this._graph,
@@ -438,8 +451,7 @@ var ComputeGraphController = class extends Resource {
     return this._runtimeStateOutputs[nodeId] ?? {};
   }
   setOutput(nodeId, property, value) {
-    var _this__forcedOutputs, _nodeId;
-    (_this__forcedOutputs = this._forcedOutputs)[_nodeId = nodeId] ?? (_this__forcedOutputs[_nodeId] = {});
+    this._forcedOutputs[nodeId] ??= {};
     this._forcedOutputs[nodeId][property] = value;
     queueMicrotask(async () => {
       try {
@@ -447,7 +459,7 @@ var ComputeGraphController = class extends Resource {
       } catch (err) {
         log.catch(err, void 0, {
           F: __dxlog_file4,
-          L: 199,
+          L: 210,
           S: this,
           C: (f, a) => f(...a)
         });
@@ -541,7 +553,7 @@ var ComputeGraphController = class extends Resource {
       event
     }, {
       F: __dxlog_file4,
-      L: 335,
+      L: 346,
       S: this,
       C: (f, a) => f(...a)
     });
@@ -564,13 +576,11 @@ var ComputeGraphController = class extends Resource {
     this.events.emit(event);
   }
   _onInputComputed(nodeId, property, value) {
-    var _this__runtimeStateInputs, _nodeId;
-    (_this__runtimeStateInputs = this._runtimeStateInputs)[_nodeId = nodeId] ?? (_this__runtimeStateInputs[_nodeId] = {});
+    this._runtimeStateInputs[nodeId] ??= {};
     this._runtimeStateInputs[nodeId][property] = value;
   }
   _onOutputComputed(nodeId, property, value) {
-    var _this__runtimeStateOutputs, _nodeId;
-    (_this__runtimeStateOutputs = this._runtimeStateOutputs)[_nodeId = nodeId] ?? (_this__runtimeStateOutputs[_nodeId] = {});
+    this._runtimeStateOutputs[nodeId] ??= {};
     this._runtimeStateOutputs[nodeId][property] = value;
     this.output.emit({
       nodeId,
@@ -578,19 +588,6 @@ var ComputeGraphController = class extends Resource {
       value
     });
   }
-  constructor(_serviceContainer, _graph) {
-    super(), _define_property(this, "_serviceContainer", void 0), _define_property(this, "_graph", void 0), _define_property(this, "_executor", void 0), _define_property(this, "_diagnostics", void 0), /**
-    * Canvas force-sets outputs of those nodes.
-    */
-    _define_property(this, "_forcedOutputs", void 0), /**
-    * Runtime state of the execution graph.
-    */
-    _define_property(this, "_runtimeStateInputs", void 0), _define_property(this, "_runtimeStateOutputs", void 0), // TODO(burdon): Remove? Make state reactive?
-    _define_property(this, "update", void 0), /** Computed result. */
-    _define_property(this, "output", void 0), _define_property(this, "events", void 0), this._serviceContainer = _serviceContainer, this._graph = _graph, this._executor = new GraphExecutor({
-      computeNodeResolver: (node) => resolveComputeNode(node)
-    }), this._diagnostics = [], this._forcedOutputs = {}, this._runtimeStateInputs = {}, this._runtimeStateOutputs = {}, this.update = new Event(), this.output = new Event(), this.events = new Event();
-  }
 };
 _ts_decorate([
   synchronized
@@ -660,9 +657,9 @@ var Box = /* @__PURE__ */ forwardRef(({ children, classNames, shape, title, stat
     const { debug } = useEditorContext();
     return /* @__PURE__ */ React.createElement("div", {
       ref: forwardedRef,
-      className: "flex flex-col h-full w-full justify-between"
+      className: "flex flex-col bs-full is-full justify-between"
     }, /* @__PURE__ */ React.createElement("div", {
-      className: "flex shrink-0 w-full justify-between items-center h-[32px] bg-hoverSurface"
+      className: "flex shrink-0 is-full justify-between items-center bs-[32px] bg-hoverSurface"
     }, /* @__PURE__ */ React.createElement(Icon, {
       icon,
       classNames: "mx-2"
@@ -681,11 +678,11 @@ var Box = /* @__PURE__ */ forwardRef(({ children, classNames, shape, title, stat
         onAction?.("run");
       }
     })), /* @__PURE__ */ React.createElement("div", {
-      className: mx("flex flex-col h-full grow overflow-hidden", classNames)
+      className: mx("flex flex-col bs-full grow overflow-hidden", classNames)
     }, children), /* @__PURE__ */ React.createElement("div", {
-      className: "flex shrink-0 w-full justify-between items-center h-[32px] bg-hoverSurface"
+      className: "flex shrink-0 is-full justify-between items-center bs-[32px] bg-hoverSurface"
     }, /* @__PURE__ */ React.createElement("div", {
-      className: "grow px-2 text-sm truncate"
+      className: "grow pli-2 text-sm truncate"
     }, debug ? shape.id : status), openable && /* @__PURE__ */ React.createElement(IconButton, {
       classNames: "p-1",
       variant: "ghost",
@@ -705,16 +702,17 @@ var Box = /* @__PURE__ */ forwardRef(({ children, classNames, shape, title, stat
 
 // src/shapes/common/FunctionBody.tsx
 import { useSignals as _useSignals2 } from "@preact-signals/safe-react/tracking";
-import { SchemaAST as SchemaAST2 } from "effect";
+import * as SchemaAST2 from "effect/SchemaAST";
 import React2, { useRef, useState as useState3 } from "react";
 import { VoidInput, VoidOutput } from "@dxos/conductor";
 import { useCanvasContext } from "@dxos/react-ui-canvas";
 import { createAnchors, getParentShapeElement, rowHeight } from "@dxos/react-ui-canvas-editor";
 
 // src/shapes/defs.ts
-import { Schema as Schema2, SchemaAST } from "effect";
+import * as Schema2 from "effect/Schema";
+import * as SchemaAST from "effect/SchemaAST";
 import { DEFAULT_INPUT as DEFAULT_INPUT2, DEFAULT_OUTPUT as DEFAULT_OUTPUT2 } from "@dxos/conductor";
-import { ObjectId as ObjectId3 } from "@dxos/echo-schema";
+import { ObjectId as ObjectId3 } from "@dxos/echo/internal";
 import { Polygon } from "@dxos/react-ui-canvas-editor";
 var getProperties = (ast) => SchemaAST.getPropertySignatures(ast).map(({ name }) => ({
   name: name.toString()
@@ -793,7 +791,7 @@ var FunctionBody = ({ shape, name, content, inputSchema = VoidInput, outputSchem
       className: "flex flex-col"
     }, inputs?.map(({ name: name2 }) => /* @__PURE__ */ React2.createElement("div", {
       key: name2,
-      className: "px-2 truncate text-sm font-mono items-center",
+      className: "pli-2 truncate text-sm font-mono items-center",
       style: {
         height: rowHeight
       }
@@ -801,7 +799,7 @@ var FunctionBody = ({ shape, name, content, inputSchema = VoidInput, outputSchem
       className: "flex flex-col"
     }, outputs?.map(({ name: name2 }) => /* @__PURE__ */ React2.createElement("div", {
       key: name2,
-      className: "px-2 truncate text-sm font-mono items-center text-right",
+      className: "pli-2 truncate text-sm font-mono items-center text-right",
       style: {
         height: rowHeight
       }
@@ -843,7 +841,7 @@ var TypeSelect = ({ value, onValueChange }) => {
       onValueChange
     }, /* @__PURE__ */ React3.createElement(Select.TriggerButton, {
       variant: "ghost",
-      classNames: "w-full !px-0"
+      classNames: "is-full !pli-0"
     }), /* @__PURE__ */ React3.createElement(Select.Portal, null, /* @__PURE__ */ React3.createElement(Select.Content, null, /* @__PURE__ */ React3.createElement(Select.ScrollUpButton, null), /* @__PURE__ */ React3.createElement(Select.Viewport, null, ComputeValueType.literals.map((type) => /* @__PURE__ */ React3.createElement(Select.Option, {
       key: type,
       value: type
@@ -855,7 +853,7 @@ var TypeSelect = ({ value, onValueChange }) => {
 
 // src/shapes/Array.tsx
 import { useSignals as _useSignals4 } from "@preact-signals/safe-react/tracking";
-import { Schema as Schema3 } from "effect";
+import * as Schema3 from "effect/Schema";
 import React4 from "react";
 import { ReducerInput, ReducerOutput } from "@dxos/conductor";
 var ReducerShape = Schema3.extend(ComputeShape, Schema3.Struct({
@@ -892,7 +890,7 @@ var reducerShape = {
 
 // src/shapes/Append.tsx
 import { useSignals as _useSignals5 } from "@preact-signals/safe-react/tracking";
-import { Schema as Schema4 } from "effect";
+import * as Schema4 from "effect/Schema";
 import React5 from "react";
 import { AppendInput } from "@dxos/conductor";
 var AppendShape = Schema4.extend(ComputeShape, Schema4.Struct({
@@ -928,7 +926,7 @@ var appendShape = {
 
 // src/shapes/Audio.tsx
 import { useSignals as _useSignals6 } from "@preact-signals/safe-react/tracking";
-import { Schema as Schema5 } from "effect";
+import * as Schema5 from "effect/Schema";
 import React6, { useEffect as useEffect3, useState as useState4 } from "react";
 import { Icon as Icon2 } from "@dxos/react-ui";
 import { createAnchorMap } from "@dxos/react-ui-canvas-editor";
@@ -954,7 +952,7 @@ var AudioComponent = ({ shape }) => {
       active
     ]);
     return /* @__PURE__ */ React6.createElement("div", {
-      className: "flex w-full justify-center items-center"
+      className: "flex is-full justify-center items-center"
     }, /* @__PURE__ */ React6.createElement(Icon2, {
       icon: active ? "ph--microphone--regular" : "ph--microphone-slash--regular",
       classNames: [
@@ -984,7 +982,7 @@ var audioShape = {
 
 // src/shapes/Beacon.tsx
 import { useSignals as _useSignals7 } from "@preact-signals/safe-react/tracking";
-import { Schema as Schema6 } from "effect";
+import * as Schema6 from "effect/Schema";
 import React7 from "react";
 import { DEFAULT_INPUT as DEFAULT_INPUT3, isTruthy } from "@dxos/conductor";
 import { Icon as Icon3 } from "@dxos/react-ui";
@@ -1007,7 +1005,7 @@ var BeaconComponent = ({ shape }) => {
     const input = runtime.inputs[DEFAULT_INPUT3];
     const value = input?.type === "executed" ? input.value : false;
     return /* @__PURE__ */ React7.createElement("div", {
-      className: "flex w-full justify-center items-center"
+      className: "flex is-full justify-center items-center"
     }, /* @__PURE__ */ React7.createElement(Icon3, {
       icon: "ph--sun--regular",
       classNames: [
@@ -1035,7 +1033,7 @@ var beaconShape = {
 };
 
 // src/shapes/Boolean.tsx
-import { Schema as Schema7 } from "effect";
+import * as Schema7 from "effect/Schema";
 import React8 from "react";
 import { getAnchorPoints } from "@dxos/react-ui-canvas-editor";
 import { createAnchors as createAnchors2 } from "@dxos/react-ui-canvas-editor";
@@ -1059,7 +1057,7 @@ var defineShape = ({ type, name, icon, symbol: Symbol, createShape: createShape2
   // Be careful not to name component factories with a capital letter.
   component: () => {
     return /* @__PURE__ */ React8.createElement("div", {
-      className: "flex w-full justify-center items-center"
+      className: "flex is-full justify-center items-center"
     }, /* @__PURE__ */ React8.createElement(Symbol, null));
   },
   createShape: createShape2,
@@ -1086,7 +1084,7 @@ var createSymbol = (pathConstructor, inputs) => ({
   });
   return /* @__PURE__ */ React8.createElement("svg", {
     viewBox: `0 0 ${width} ${height}`,
-    className: "w-full h-full"
+    className: "is-full bs-full"
   }, getAnchorPoints({
     x: 0,
     y: centerY
@@ -1209,7 +1207,7 @@ var notShape = defineShape({
 
 // src/shapes/Chat.tsx
 import { useSignals as _useSignals8 } from "@preact-signals/safe-react/tracking";
-import { Schema as Schema8 } from "effect";
+import * as Schema8 from "effect/Schema";
 import React9, { useRef as useRef2 } from "react";
 import { DEFAULT_OUTPUT as DEFAULT_OUTPUT3 } from "@dxos/conductor";
 import { TextBox } from "@dxos/react-ui-canvas-editor";
@@ -1270,7 +1268,7 @@ var chatShape = {
 
 // src/shapes/Constant.tsx
 import { useSignals as _useSignals9 } from "@preact-signals/safe-react/tracking";
-import { Schema as Schema9 } from "effect";
+import * as Schema9 from "effect/Schema";
 import React10, { useCallback as useCallback2, useRef as useRef3, useState as useState5 } from "react";
 import { ComputeValueType as ComputeValueType2 } from "@dxos/conductor";
 import { Input } from "@dxos/react-ui";
@@ -1373,7 +1371,7 @@ var constantShape = {
 
 // src/shapes/Database.tsx
 import { useSignals as _useSignals10 } from "@preact-signals/safe-react/tracking";
-import { Schema as Schema10 } from "effect";
+import * as Schema10 from "effect/Schema";
 import React11 from "react";
 import { createAnchorMap as createAnchorMap5 } from "@dxos/react-ui-canvas-editor";
 var DatabaseShape = Schema10.extend(ComputeShape, Schema10.Struct({
@@ -1413,11 +1411,11 @@ var databaseShape = {
 
 // src/shapes/Function.tsx
 import { useSignals as _useSignals11 } from "@preact-signals/safe-react/tracking";
-import { Schema as Schema11 } from "effect";
+import * as Schema11 from "effect/Schema";
 import React12, { useCallback as useCallback3, useRef as useRef4 } from "react";
 import { AnyOutput, FunctionInput } from "@dxos/conductor";
-import { Ref as Ref2, getSnapshot, isInstanceOf } from "@dxos/echo-schema";
-import { FunctionType, ScriptType } from "@dxos/functions";
+import { Ref as Ref2, getSnapshot, isInstanceOf } from "@dxos/echo/internal";
+import { Function, Script } from "@dxos/functions";
 import { useClient } from "@dxos/react-client";
 import { Filter, parseId } from "@dxos/react-client/echo";
 import { TextBox as TextBox3 } from "@dxos/react-ui-canvas-editor";
@@ -1446,10 +1444,10 @@ var TextInputComponent2 = ({ shape, title, ...props }) => {
       }
       const space = client.spaces.get(spaceId);
       const object = space?.db.getObjectById(objectId);
-      if (!space || !isInstanceOf(ScriptType, object)) {
+      if (!space || !isInstanceOf(Script.Script, object)) {
         return;
       }
-      const { objects: [fn] } = await space.db.query(Filter.type(FunctionType, {
+      const { objects: [fn] } = await space.db.query(Filter.type(Function.Function, {
         source: Ref2.make(object)
       })).run();
       if (!fn) {
@@ -1498,7 +1496,7 @@ var functionShape = {
 
 // src/shapes/Gpt.tsx
 import { useSignals as _useSignals12 } from "@preact-signals/safe-react/tracking";
-import { Schema as Schema12 } from "effect";
+import * as Schema12 from "effect/Schema";
 import React13, { useEffect as useEffect4, useState as useState6 } from "react";
 import { GptInput, GptOutput } from "@dxos/conductor";
 var GptShape = Schema12.extend(ComputeShape, Schema12.Struct({
@@ -1552,7 +1550,7 @@ var GptComponent = ({ shape }) => {
     return /* @__PURE__ */ React13.createElement(FunctionBody, {
       shape,
       content: /* @__PURE__ */ React13.createElement("div", {
-        className: "px-2 py-1 overflow-y-scroll"
+        className: "pli-2 plb-1 overflow-y-auto"
       }, text),
       status: `${tokens} tokens`,
       inputSchema: meta.input,
@@ -1574,7 +1572,7 @@ var gptShape = {
 
 // src/shapes/Json.tsx
 import { useSignals as _useSignals13 } from "@preact-signals/safe-react/tracking";
-import { Schema as Schema13 } from "effect";
+import * as Schema13 from "effect/Schema";
 import React14 from "react";
 import { DEFAULT_INPUT as DEFAULT_INPUT4, DefaultOutput, JsonTransformInput } from "@dxos/conductor";
 import { createAnchorMap as createAnchorMap6 } from "@dxos/react-ui-canvas-editor";
@@ -1657,7 +1655,7 @@ var jsonTransformShape = {
 
 // src/shapes/Logic.tsx
 import { useSignals as _useSignals14 } from "@preact-signals/safe-react/tracking";
-import { Schema as Schema14 } from "effect";
+import * as Schema14 from "effect/Schema";
 import React15 from "react";
 import { IfElseInput, IfElseOutput, IfInput, IfOutput } from "@dxos/conductor";
 var IfShape = Schema14.extend(ComputeShape, Schema14.Struct({
@@ -1725,7 +1723,7 @@ var ifElseShape = {
 
 // src/shapes/Queue.tsx
 import { useSignals as _useSignals15 } from "@preact-signals/safe-react/tracking";
-import { Schema as Schema15 } from "effect";
+import * as Schema15 from "effect/Schema";
 import React16, { Fragment } from "react";
 import { DEFAULT_OUTPUT as DEFAULT_OUTPUT4, QueueInput, QueueOutput } from "@dxos/conductor";
 import { mx as mx2 } from "@dxos/react-ui-theme";
@@ -1755,12 +1753,12 @@ var QueueComponent = ({ shape }) => {
       status: `${items.length} items`,
       onAction: handleAction
     }, /* @__PURE__ */ React16.createElement("div", {
-      className: "flex flex-col w-full overflow-y-scroll divide-y divide-separator"
+      className: "flex flex-col is-full overflow-y-auto divide-y divide-separator"
     }, [
       ...items
     ].map((item, i) => /* @__PURE__ */ React16.createElement(QueueItem, {
       key: i,
-      classNames: "p-1 px-2",
+      classNames: "p-1 pli-2",
       item
     }))));
   } finally {
@@ -1798,7 +1796,7 @@ var queueShape = {
 
 // src/shapes/RNG.tsx
 import { useSignals as _useSignals16 } from "@preact-signals/safe-react/tracking";
-import { Schema as Schema16 } from "effect";
+import * as Schema16 from "effect/Schema";
 import React17, { useEffect as useEffect5, useState as useState7 } from "react";
 import { DEFAULT_OUTPUT as DEFAULT_OUTPUT5 } from "@dxos/conductor";
 import { Icon as Icon4 } from "@dxos/react-ui";
@@ -1879,7 +1877,7 @@ var randomShape = {
 
 // src/shapes/Scope.tsx
 import { useSignals as _useSignals17 } from "@preact-signals/safe-react/tracking";
-import { Schema as Schema17 } from "effect";
+import * as Schema17 from "effect/Schema";
 import React18 from "react";
 import { DEFAULT_INPUT as DEFAULT_INPUT5 } from "@dxos/conductor";
 import { createAnchorMap as createAnchorMap8 } from "@dxos/react-ui-canvas-editor";
@@ -1904,7 +1902,7 @@ var ScopeComponent = ({ shape }) => {
     const active = input?.type === "executed" ? input.value : false;
     const { getAverage } = useAudioStream(active);
     return /* @__PURE__ */ React18.createElement("div", {
-      className: "flex w-full justify-center items-center bg-black"
+      className: "flex is-full justify-center items-center bg-black"
     }, /* @__PURE__ */ React18.createElement(Chaos, {
       active,
       getValue: getAverage,
@@ -1933,9 +1931,9 @@ var scopeShape = {
 
 // src/shapes/Surface.tsx
 import { useSignals as _useSignals18 } from "@preact-signals/safe-react/tracking";
-import { Schema as Schema18 } from "effect";
+import * as Schema18 from "effect/Schema";
 import React19 from "react";
-import { Surface } from "@dxos/app-framework";
+import { Surface } from "@dxos/app-framework/react";
 import { DEFAULT_INPUT as DEFAULT_INPUT6 } from "@dxos/conductor";
 import { createAnchorMap as createAnchorMap9 } from "@dxos/react-ui-canvas-editor";
 var SurfaceShape = Schema18.extend(ComputeShape, Schema18.Struct({
@@ -1991,7 +1989,7 @@ var surfaceShape = {
 
 // src/shapes/Switch.tsx
 import { useSignals as _useSignals19 } from "@preact-signals/safe-react/tracking";
-import { Schema as Schema19 } from "effect";
+import * as Schema19 from "effect/Schema";
 import React20, { useEffect as useEffect6, useState as useState8 } from "react";
 import { DEFAULT_OUTPUT as DEFAULT_OUTPUT6 } from "@dxos/conductor";
 import { Input as Input2 } from "@dxos/react-ui";
@@ -2018,7 +2016,7 @@ var SwitchComponent = ({ shape }) => {
       value
     ]);
     return /* @__PURE__ */ React20.createElement("div", {
-      className: "flex w-full justify-center items-center",
+      className: "flex is-full justify-center items-center",
       onClick: (ev) => ev.stopPropagation()
     }, /* @__PURE__ */ React20.createElement(Input2.Root, null, /* @__PURE__ */ React20.createElement(Input2.Switch, {
       checked: value,
@@ -2044,12 +2042,12 @@ var switchShape = {
 
 // src/shapes/Table.tsx
 import { useSignals as _useSignals20 } from "@preact-signals/safe-react/tracking";
-import { Schema as Schema20 } from "effect";
+import * as Schema20 from "effect/Schema";
 import React21 from "react";
 import { createInputSchema, createOutputSchema } from "@dxos/conductor";
-import { DataType } from "@dxos/schema";
-var InputSchema = createInputSchema(DataType.Message);
-var OutputSchema = createOutputSchema(Schema20.mutable(Schema20.Array(DataType.Message)));
+import { Message } from "@dxos/types";
+var InputSchema = createInputSchema(Message.Message);
+var OutputSchema = createOutputSchema(Schema20.mutable(Schema20.Array(Message.Message)));
 var TableShape = Schema20.extend(ComputeShape, Schema20.Struct({
   type: Schema20.Literal("table")
 }));
@@ -2083,10 +2081,10 @@ var tableShape = {
 
 // src/shapes/Template.tsx
 import { useSignals as _useSignals21 } from "@preact-signals/safe-react/tracking";
-import { Schema as Schema21 } from "effect";
+import * as Schema21 from "effect/Schema";
 import React22, { useRef as useRef5 } from "react";
 import { ComputeValueType as ComputeValueType3, TemplateOutput, VoidInput as VoidInput2, getTemplateInputSchema as getTemplateInputSchema2 } from "@dxos/conductor";
-import { toJsonSchema as toJsonSchema2 } from "@dxos/echo-schema";
+import { toJsonSchema as toJsonSchema2 } from "@dxos/echo/internal";
 import { invariant as invariant5 } from "@dxos/invariant";
 import { TextBox as TextBox4 } from "@dxos/react-ui-canvas-editor";
 var __dxlog_file6 = "/__w/dxos/dxos/packages/ui/react-ui-canvas-compute/src/shapes/Template.tsx";
@@ -2162,7 +2160,7 @@ var templateShape = {
 
 // src/shapes/Text.tsx
 import { useSignals as _useSignals22 } from "@preact-signals/safe-react/tracking";
-import { Schema as Schema22 } from "effect";
+import * as Schema22 from "effect/Schema";
 import React23 from "react";
 import { DEFAULT_INPUT as DEFAULT_INPUT7 } from "@dxos/conductor";
 import { TextBox as TextBox5 } from "@dxos/react-ui-canvas-editor";
@@ -2216,13 +2214,13 @@ var textShape = {
 
 // src/shapes/Thread.tsx
 import { useSignals as _useSignals23 } from "@preact-signals/safe-react/tracking";
-import { Schema as Schema23 } from "effect";
+import * as Schema23 from "effect/Schema";
 import React24, { useEffect as useEffect7, useRef as useRef6 } from "react";
 import { createInputSchema as createInputSchema2, createOutputSchema as createOutputSchema2 } from "@dxos/conductor";
 import { mx as mx3 } from "@dxos/react-ui-theme";
-import { DataType as DataType2 } from "@dxos/schema";
-var InputSchema2 = createInputSchema2(DataType2.Message);
-var OutputSchema2 = createOutputSchema2(Schema23.mutable(Schema23.Array(DataType2.Message)));
+import { Message as Message2 } from "@dxos/types";
+var InputSchema2 = createInputSchema2(Message2.Message);
+var OutputSchema2 = createOutputSchema2(Schema23.mutable(Schema23.Array(Message2.Message)));
 var ThreadShape = Schema23.extend(ComputeShape, Schema23.Struct({
   type: Schema23.Literal("thread")
 }));
@@ -2250,7 +2248,7 @@ var ThreadComponent = ({ shape }) => {
       shape
     }, /* @__PURE__ */ React24.createElement("div", {
       ref: scrollRef,
-      className: "flex flex-col w-full overflow-y-scroll gap-2 p-2"
+      className: "flex flex-col is-full overflow-y-auto gap-2 p-2"
     }, [
       ...items
     ].map((item, i) => /* @__PURE__ */ React24.createElement(ThreadItem, {
@@ -2273,7 +2271,7 @@ var ThreadItem = ({ classNames, item }) => {
     return /* @__PURE__ */ React24.createElement("div", {
       className: mx3("flex", classNames, role === "user" && "justify-end")
     }, /* @__PURE__ */ React24.createElement("div", {
-      className: mx3("block rounded-md p-1 px-2 text-sm", role === "user" ? "bg-blue-100 dark:bg-blue-800" : role === "system" ? "bg-red-100, dark:bg-red-800" : "whitespace-pre-wrap bg-neutral-50 dark:bg-neutral-800")
+      className: mx3("block rounded-md p-1 pli-2 text-sm", role === "user" ? "bg-blue-100 dark:bg-blue-800" : role === "system" ? "bg-red-100, dark:bg-red-800" : "whitespace-pre-wrap bg-neutral-50 dark:bg-neutral-800")
     }, message));
   } finally {
     _effect.f();
@@ -2291,7 +2289,7 @@ var threadShape = {
 
 // src/shapes/TextToImage.tsx
 import { useSignals as _useSignals24 } from "@preact-signals/safe-react/tracking";
-import { Schema as Schema24 } from "effect";
+import * as Schema24 from "effect/Schema";
 import React25 from "react";
 import { createAnchorMap as createAnchorMap12 } from "@dxos/react-ui-canvas-editor";
 var TextToImageShape = Schema24.extend(ComputeShape, Schema24.Struct({
@@ -2331,21 +2329,21 @@ var textToImageShape = {
 
 // src/shapes/Trigger.tsx
 import { useSignals as _useSignals25 } from "@preact-signals/safe-react/tracking";
-import { Schema as Schema25 } from "effect";
+import * as Schema25 from "effect/Schema";
 import React26, { useEffect as useEffect8 } from "react";
 import { VoidInput as VoidInput3 } from "@dxos/conductor";
-import { Filter as Filter2, Obj, Query } from "@dxos/echo";
-import { ObjectId as ObjectId4, Ref as Ref3 } from "@dxos/echo-schema";
-import { EmailTriggerOutput, FunctionTrigger, QueueTriggerOutput, SubscriptionTriggerOutput, TimerTriggerOutput, TriggerKinds, WebhookTriggerOutput } from "@dxos/functions";
+import { Filter as Filter2, Query } from "@dxos/echo";
+import { ObjectId as ObjectId4, Ref as Ref3 } from "@dxos/echo/internal";
+import { Trigger, TriggerEvent } from "@dxos/functions";
 import { DXN, SpaceId } from "@dxos/keys";
 import { 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"),
-  functionTrigger: Schema25.optional(Ref3(FunctionTrigger))
+  functionTrigger: Schema25.optional(Ref3(Trigger.Trigger))
 }));
 var createTrigger = (props) => {
-  const functionTrigger = Obj.make(FunctionTrigger, {
+  const functionTrigger = Trigger.make({
     enabled: true,
     spec: createTriggerSpec(props)
   });
@@ -2354,7 +2352,7 @@ var createTrigger = (props) => {
     functionTrigger: Ref3.make(functionTrigger),
     size: {
       width: 192,
-      height: getHeight(EmailTriggerOutput)
+      height: getHeight(TriggerEvent.EmailEvent)
     },
     ...props
   });
@@ -2412,8 +2410,8 @@ var TriggerKindSelect = ({ value, onValueChange }) => {
       onValueChange
     }, /* @__PURE__ */ React26.createElement(Select2.TriggerButton, {
       variant: "ghost",
-      classNames: "w-full !px-0"
-    }), /* @__PURE__ */ React26.createElement(Select2.Portal, null, /* @__PURE__ */ React26.createElement(Select2.Content, null, /* @__PURE__ */ React26.createElement(Select2.ScrollUpButton, null), /* @__PURE__ */ React26.createElement(Select2.Viewport, null, TriggerKinds.map((kind) => /* @__PURE__ */ React26.createElement(Select2.Option, {
+      classNames: "is-full !pli-0"
+    }), /* @__PURE__ */ React26.createElement(Select2.Portal, null, /* @__PURE__ */ React26.createElement(Select2.Content, null, /* @__PURE__ */ React26.createElement(Select2.ScrollUpButton, null), /* @__PURE__ */ React26.createElement(Select2.Viewport, null, Trigger.Kinds.map((kind) => /* @__PURE__ */ React26.createElement(Select2.Option, {
       key: kind,
       value: kind
     }, kind))), /* @__PURE__ */ React26.createElement(Select2.ScrollDownButton, null), /* @__PURE__ */ React26.createElement(Select2.Arrow, null))));
@@ -2437,7 +2435,9 @@ var createTriggerSpec = (props) => {
     case "subscription":
       return {
         kind: "subscription",
-        query: Query.select(Filter2.nothing()).ast
+        query: {
+          ast: Query.select(Filter2.nothing()).ast
+        }
       };
     case "email":
       return {
@@ -2458,11 +2458,11 @@ var createTriggerSpec = (props) => {
 };
 var getOutputSchema = (kind) => {
   const kindToSchema = {
-    ["email"]: EmailTriggerOutput,
-    ["subscription"]: SubscriptionTriggerOutput,
-    ["timer"]: TimerTriggerOutput,
-    ["webhook"]: WebhookTriggerOutput,
-    ["queue"]: QueueTriggerOutput
+    ["email"]: TriggerEvent.EmailEvent,
+    ["subscription"]: TriggerEvent.SubscriptionEvent,
+    ["timer"]: TriggerEvent.TimerEvent,
+    ["webhook"]: TriggerEvent.WebhookEvent,
+    ["queue"]: TriggerEvent.QueueEvent
   };
   return kindToSchema[kind];
 };
@@ -2477,7 +2477,7 @@ var triggerShape = {
 
 // src/shapes/GptRealtime.tsx
 import { useSignals as _useSignals26 } from "@preact-signals/safe-react/tracking";
-import { Schema as Schema26 } from "effect";
+import * as Schema26 from "effect/Schema";
 import React27, { useState as useState9 } from "react";
 import { log as log2 } from "@dxos/log";
 import { useConfig } from "@dxos/react-client";
@@ -2584,7 +2584,7 @@ var GptRealtimeComponent = ({ shape }) => {
       }
     };
     return /* @__PURE__ */ React27.createElement("div", {
-      className: "flex w-full justify-center items-center"
+      className: "flex is-full justify-center items-center"
     }, /* @__PURE__ */ React27.createElement(Icon5, {
       icon: isReady ? "ph--waveform--regular" : isLive ? "ph--pulse--regular" : "ph--play--regular",
       size: 16,
@@ -2673,22 +2673,13 @@ var computeShapes = [
 
 // src/compute-layout.ts
 import { DefaultInput, DefaultOutput as DefaultOutput2 } from "@dxos/conductor";
-import { toEffectSchema } from "@dxos/echo-schema";
+import { toEffectSchema } from "@dxos/echo/internal";
 import { ShapeLayout } from "@dxos/react-ui-canvas-editor";
-function _define_property2(obj, key, value) {
-  if (key in obj) {
-    Object.defineProperty(obj, key, {
-      value,
-      enumerable: true,
-      configurable: true,
-      writable: true
-    });
-  } else {
-    obj[key] = value;
-  }
-  return obj;
-}
 var ComputeShapeLayout = class extends ShapeLayout {
+  _controller;
+  constructor(_controller, registry2) {
+    super(registry2), this._controller = _controller;
+  }
   // TODO(burdon): Doesn't update.
   getAnchors(shape) {
     const shapeDef = this._registry.getShapeDef(shape.type);
@@ -2703,9 +2694,6 @@ var ComputeShapeLayout = class extends ShapeLayout {
     }
     return anchors;
   }
-  constructor(_controller, registry2) {
-    super(registry2), _define_property2(this, "_controller", void 0), this._controller = _controller;
-  }
 };
 export {
   AndShape,