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

package/dist/lib/node-esm/chunk-5BKKHYO5.mjs

@@ -0,0 +1,163 @@
+import { createRequire } from 'node:module';const require = createRequire(import.meta.url);
+import {
+  AUTOMATION_PLUGIN
+} from "./chunk-IG4GSWZN.mjs";
+
+// packages/plugins/experimental/plugin-automation/src/types/chat.ts
+import { Expando, Ref, S, TypedObject } from "@dxos/echo-schema";
+var AIChatType = class extends TypedObject({
+  typename: "dxos.org/type/AIChat",
+  version: "0.1.0"
+})({
+  name: S.optional(S.String),
+  // TODO(wittjosiah): Should be a ref to a Queue.
+  queue: Ref(Expando)
+}) {
+};
+
+// packages/plugins/experimental/plugin-automation/src/types/service.ts
+import { ComputeGraph } from "@dxos/conductor";
+import { Ref as Ref2, S as S2, TypedObject as TypedObject2 } from "@dxos/echo-schema";
+import { FunctionType } from "@dxos/functions";
+var ApiAuthorizationKey = S2.Struct({
+  type: S2.Literal("api-key"),
+  key: S2.String,
+  placement: S2.Union(S2.Struct({
+    type: S2.Literal("authorization-header")
+  }), S2.Struct({
+    type: S2.Literal("query"),
+    name: S2.String
+  }))
+});
+var ApiAuthorizationOauth = S2.Struct({
+  type: S2.Literal("oauth"),
+  clientId: S2.String,
+  clientSecret: S2.String,
+  tokenUrl: S2.String,
+  grantType: S2.String
+});
+var ApiAuthorization = S2.Union(ApiAuthorizationKey, ApiAuthorizationOauth);
+var ServiceInterfaceFunction = S2.Struct({
+  kind: S2.Literal("function"),
+  fn: Ref2(FunctionType)
+});
+var ServiceInterfaceWorkflow = S2.Struct({
+  kind: S2.Literal("workflow"),
+  workflow: Ref2(ComputeGraph)
+});
+var ServiceInterfaceApi = S2.Struct({
+  kind: S2.Literal("api"),
+  /**
+  * URL to fetch the openapi schema.
+  */
+  schemaUrl: S2.optional(S2.String),
+  /**
+  * Inlined openapi schema.
+  */
+  schema: S2.optional(S2.Any),
+  /**
+  * Authorization configuration if required.
+  */
+  authorization: S2.optional(ApiAuthorization)
+});
+var ServiceInterface = S2.Union(ServiceInterfaceFunction, ServiceInterfaceWorkflow, ServiceInterfaceApi);
+var ServiceType = class extends TypedObject2({
+  typename: "dxos.org/type/ServiceType",
+  version: "0.1.0"
+})({
+  serviceId: S2.String,
+  name: S2.optional(S2.String),
+  description: S2.optional(S2.String),
+  category: S2.optional(S2.String),
+  enabled: S2.optional(S2.Boolean),
+  /**
+  * Entries exposed: functions, workflows, and APIs.
+  */
+  interfaces: S2.optional(S2.Array(ServiceInterface))
+}) {
+};
+var categoryIcons = {
+  finance: "ph--bank--regular",
+  health: "ph--heart--regular",
+  geolocation: "ph--globe-simple--regular",
+  education: "ph--books--regular",
+  entertainment: "ph--music-notes--regular",
+  shopping: "ph--shopping-cart--regular",
+  travel: "ph--airplane-takeoff--regular",
+  utilities: "ph--lightning--regular",
+  weather: "ph--cloud-rain--regular"
+};
+
+// packages/plugins/experimental/plugin-automation/src/types/template.ts
+import { S as S3, TypedObject as TypedObject3 } from "@dxos/echo-schema";
+var TemplateInputType;
+(function(TemplateInputType2) {
+  TemplateInputType2[TemplateInputType2["VALUE"] = 0] = "VALUE";
+  TemplateInputType2[TemplateInputType2["PASS_THROUGH"] = 1] = "PASS_THROUGH";
+  TemplateInputType2[TemplateInputType2["RETRIEVER"] = 2] = "RETRIEVER";
+  TemplateInputType2[TemplateInputType2["FUNCTION"] = 3] = "FUNCTION";
+  TemplateInputType2[TemplateInputType2["QUERY"] = 4] = "QUERY";
+  TemplateInputType2[TemplateInputType2["RESOLVER"] = 5] = "RESOLVER";
+  TemplateInputType2[TemplateInputType2["CONTEXT"] = 6] = "CONTEXT";
+  TemplateInputType2[TemplateInputType2["SCHEMA"] = 7] = "SCHEMA";
+})(TemplateInputType || (TemplateInputType = {}));
+var TemplateInputSchema = S3.mutable(S3.Struct({
+  name: S3.String,
+  type: S3.optional(S3.Enums(TemplateInputType)),
+  value: S3.optional(S3.String)
+}));
+var TemplateType = class extends TypedObject3({
+  typename: "dxos.org/type/Template",
+  version: "0.1.0"
+})({
+  name: S3.optional(S3.String),
+  source: S3.String,
+  inputs: S3.optional(S3.mutable(S3.Array(TemplateInputSchema))),
+  command: S3.optional(S3.String)
+}) {
+};
+
+// packages/plugins/experimental/plugin-automation/src/types/types.ts
+import { S as S4 } from "@dxos/echo-schema";
+var AutomationAction;
+(function(AutomationAction2) {
+  const AUTOMATION_ACTION = `${AUTOMATION_PLUGIN}/action`;
+  class CreateChat extends S4.TaggedClass()(`${AUTOMATION_ACTION}/create-chat`, {
+    input: S4.Struct({
+      spaceId: S4.optional(S4.String),
+      name: S4.optional(S4.String)
+    }),
+    output: S4.Struct({
+      object: AIChatType
+    })
+  }) {
+  }
+  AutomationAction2.CreateChat = CreateChat;
+  class CreateTemplate extends S4.TaggedClass()(`${AUTOMATION_ACTION}/create-template`, {
+    input: S4.Struct({
+      name: S4.optional(S4.String)
+    }),
+    output: S4.Struct({
+      object: TemplateType
+    })
+  }) {
+  }
+  AutomationAction2.CreateTemplate = CreateTemplate;
+})(AutomationAction || (AutomationAction = {}));
+var AutomationSettingsSchema = S4.mutable(S4.Struct({
+  llmModel: S4.optional(S4.String),
+  customPrompts: S4.optional(S4.Boolean)
+}));
+
+export {
+  AIChatType,
+  ApiAuthorization,
+  ServiceType,
+  categoryIcons,
+  TemplateInputType,
+  TemplateInputSchema,
+  TemplateType,
+  AutomationAction,
+  AutomationSettingsSchema
+};
+//# sourceMappingURL=chunk-5BKKHYO5.mjs.map

package/dist/lib/node-esm/chunk-5BKKHYO5.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/types/chat.ts", "../../../src/types/service.ts", "../../../src/types/template.ts", "../../../src/types/types.ts"],
+  "sourcesContent": ["//\n// Copyright 2024 DXOS.org\n//\n\nimport { Expando, Ref, S, TypedObject } from '@dxos/echo-schema';\n\nexport class AIChatType extends TypedObject({ typename: 'dxos.org/type/AIChat', version: '0.1.0' })({\n  name: S.optional(S.String),\n  // TODO(wittjosiah): Should be a ref to a Queue.\n  queue: Ref(Expando),\n}) {}\n", "//\n// Copyright 2024 DXOS.org\n//\n\nimport { ComputeGraph } from '@dxos/conductor';\nimport { Ref, S, TypedObject, type Ref$ } from '@dxos/echo-schema';\nimport { FunctionType } from '@dxos/functions';\n\nconst ApiAuthorizationKey = S.Struct({\n  type: S.Literal('api-key'),\n  key: S.String,\n  placement: S.Union(\n    S.Struct({\n      type: S.Literal('authorization-header'),\n    }),\n    S.Struct({\n      type: S.Literal('query'),\n      name: S.String,\n    }),\n  ),\n});\n\nconst ApiAuthorizationOauth = S.Struct({\n  type: S.Literal('oauth'),\n  clientId: S.String,\n  clientSecret: S.String,\n  tokenUrl: S.String,\n  grantType: S.String,\n});\n\nexport const ApiAuthorization = S.Union(ApiAuthorizationKey, ApiAuthorizationOauth);\nexport type ApiAuthorization = S.Schema.Type<typeof ApiAuthorization>;\n\nconst ServiceInterfaceFunction = S.Struct({\n  kind: S.Literal('function'),\n  fn: Ref(FunctionType) as Ref$<FunctionType>,\n});\n\nconst ServiceInterfaceWorkflow = S.Struct({\n  kind: S.Literal('workflow'),\n  workflow: Ref(ComputeGraph) as Ref$<ComputeGraph>,\n});\n\nconst ServiceInterfaceApi = S.Struct({\n  kind: S.Literal('api'),\n\n  /**\n   * URL to fetch the openapi schema.\n   */\n  schemaUrl: S.optional(S.String),\n\n  /**\n   * Inlined openapi schema.\n   */\n  schema: S.optional(S.Any),\n\n  /**\n   * Authorization configuration if required.\n   */\n  authorization: S.optional(ApiAuthorization),\n});\n\nconst ServiceInterface = S.Union(ServiceInterfaceFunction, ServiceInterfaceWorkflow, ServiceInterfaceApi);\nexport type ServiceInterface = S.Schema.Type<typeof ServiceInterface>;\n\nexport class ServiceType extends TypedObject({ typename: 'dxos.org/type/ServiceType', version: '0.1.0' })({\n  serviceId: S.String,\n  name: S.optional(S.String),\n  description: S.optional(S.String),\n  category: S.optional(S.String),\n  enabled: S.optional(S.Boolean),\n\n  /**\n   * Entries exposed: functions, workflows, and APIs.\n   */\n  interfaces: S.optional(S.Array(ServiceInterface)),\n}) {}\n\n//\n// Service Registry\n//\n\nexport type ServiceQuery = {\n  name?: string;\n  category?: string;\n};\n\nexport interface BaseServiceRegistry {\n  queryServices(query?: ServiceQuery): Promise<ServiceType[]>;\n}\n\nexport const categoryIcons: Record<string, string> = {\n  finance: 'ph--bank--regular',\n  health: 'ph--heart--regular',\n  geolocation: 'ph--globe-simple--regular',\n  education: 'ph--books--regular',\n  entertainment: 'ph--music-notes--regular',\n  shopping: 'ph--shopping-cart--regular',\n  travel: 'ph--airplane-takeoff--regular',\n  utilities: 'ph--lightning--regular',\n  weather: 'ph--cloud-rain--regular',\n} as const;\n", "//\n// Copyright 2024 DXOS.org\n//\n\nimport { S, TypedObject } from '@dxos/echo-schema';\n\n// TODO(burdon): Change to S.Literal (and discriminated union).\nexport enum TemplateInputType {\n  VALUE = 0,\n  PASS_THROUGH = 1,\n  RETRIEVER = 2,\n  FUNCTION = 3,\n  QUERY = 4,\n  RESOLVER = 5,\n  CONTEXT = 6,\n  SCHEMA = 7,\n}\n\nexport const TemplateInputSchema = S.mutable(\n  S.Struct({\n    name: S.String,\n    type: S.optional(S.Enums(TemplateInputType)),\n    value: S.optional(S.String),\n  }),\n);\n\nexport type TemplateInput = S.Schema.Type<typeof TemplateInputSchema>;\n\nexport class TemplateType extends TypedObject({ typename: 'dxos.org/type/Template', version: '0.1.0' })({\n  name: S.optional(S.String),\n  source: S.String,\n  inputs: S.optional(S.mutable(S.Array(TemplateInputSchema))),\n  command: S.optional(S.String),\n}) {}\n", "//\n// Copyright 2025 DXOS.org\n//\n\nimport { S } from '@dxos/echo-schema';\n\nimport { AIChatType } from './chat';\nimport { TemplateType } from './template';\nimport { AUTOMATION_PLUGIN } from '../meta';\n\nexport namespace AutomationAction {\n  const AUTOMATION_ACTION = `${AUTOMATION_PLUGIN}/action`;\n\n  export class CreateChat extends S.TaggedClass<CreateChat>()(`${AUTOMATION_ACTION}/create-chat`, {\n    input: S.Struct({\n      spaceId: S.optional(S.String),\n      name: S.optional(S.String),\n    }),\n    output: S.Struct({\n      object: AIChatType,\n    }),\n  }) {}\n\n  export class CreateTemplate extends S.TaggedClass<CreateTemplate>()(`${AUTOMATION_ACTION}/create-template`, {\n    input: S.Struct({\n      name: S.optional(S.String),\n    }),\n    output: S.Struct({\n      object: TemplateType,\n    }),\n  }) {}\n}\n\nexport const AutomationSettingsSchema = S.mutable(\n  S.Struct({\n    llmModel: S.optional(S.String),\n    customPrompts: S.optional(S.Boolean),\n  }),\n);\n\nexport type AutomationSettingsProps = S.Schema.Type<typeof AutomationSettingsSchema>;\n"],
+  "mappings": "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",
+  "names": ["Expando", "Ref", "S", "TypedObject", "AIChatType", "TypedObject", "typename", "version", "name", "S", "optional", "String", "queue", "Ref", "Expando", "ComputeGraph", "Ref", "S", "TypedObject", "FunctionType", "ApiAuthorizationKey", "S", "Struct", "type", "Literal", "key", "String", "placement", "Union", "name", "ApiAuthorizationOauth", "clientId", "clientSecret", "tokenUrl", "grantType", "ApiAuthorization", "ServiceInterfaceFunction", "kind", "fn", "Ref", "FunctionType", "ServiceInterfaceWorkflow", "workflow", "ComputeGraph", "ServiceInterfaceApi", "schemaUrl", "optional", "schema", "Any", "authorization", "ServiceInterface", "ServiceType", "TypedObject", "typename", "version", "serviceId", "description", "category", "enabled", "Boolean", "interfaces", "Array", "categoryIcons", "finance", "health", "geolocation", "education", "entertainment", "shopping", "travel", "utilities", "weather", "S", "TypedObject", "TemplateInputType", "TemplateInputSchema", "S", "mutable", "Struct", "name", "String", "type", "optional", "Enums", "value", "TemplateType", "TypedObject", "typename", "version", "source", "inputs", "Array", "command", "S", "AutomationAction", "AUTOMATION_ACTION", "AUTOMATION_PLUGIN", "CreateChat", "S", "TaggedClass", "input", "Struct", "spaceId", "optional", "String", "name", "output", "object", "AIChatType", "CreateTemplate", "TemplateType", "AutomationSettingsSchema", "mutable", "llmModel", "customPrompts", "Boolean"]
+}

package/dist/lib/node-esm/chunk-AWAU4BHR.mjs

@@ -0,0 +1,244 @@
+import { createRequire } from 'node:module';const require = createRequire(import.meta.url);
+import {
+  AUTOMATION_PLUGIN
+} from "./chunk-IG4GSWZN.mjs";
+
+// packages/plugins/experimental/plugin-automation/src/components/AutomationPanel/AutomationPanel.tsx
+import React2, { useState as useState2 } from "react";
+import { S } from "@dxos/echo-schema";
+import { FunctionType as FunctionType2, FunctionTrigger, FunctionTriggerSchema as FunctionTriggerSchema2, TriggerKind as TriggerKind2, ScriptType as ScriptType2 } from "@dxos/functions";
+import { useClient } from "@dxos/react-client";
+import { create, Filter as Filter2, useQuery as useQuery2, getSpace } from "@dxos/react-client/echo";
+import { IconButton as IconButton2, Input as Input2, useTranslation as useTranslation2, Button } from "@dxos/react-ui";
+import { List } from "@dxos/react-ui-list";
+import { ghostHover, mx } from "@dxos/react-ui-theme";
+
+// packages/plugins/experimental/plugin-automation/src/components/TriggerEditor/TriggerEditor.tsx
+import React, { useEffect, useState } from "react";
+import { ComputeGraph } from "@dxos/conductor";
+import { FunctionType, FunctionTriggerSchema, ScriptType, TriggerKind } from "@dxos/functions";
+import { Filter, useQuery } from "@dxos/react-client/echo";
+import { IconButton, Input, useTranslation } from "@dxos/react-ui";
+import { Form, SelectInput, TextInput } from "@dxos/react-ui-form";
+var TriggerEditor = ({ space, trigger, onSave, onCancel }) => {
+  const { t } = useTranslation(AUTOMATION_PLUGIN);
+  const functions = useQuery(space, Filter.schema(FunctionType));
+  const workflows = useQuery(space, Filter.schema(ComputeGraph));
+  const scripts = useQuery(space, Filter.schema(ScriptType));
+  const handleSave = (values) => {
+    onSave?.(values);
+  };
+  return /* @__PURE__ */ React.createElement(Form, {
+    schema: FunctionTriggerSchema,
+    values: trigger,
+    onSave: handleSave,
+    onCancel,
+    Custom: {
+      ["function"]: (props) => /* @__PURE__ */ React.createElement(SelectInput, {
+        ...props,
+        options: getWorkflowOptions(workflows).concat(getFunctionOptions(scripts, functions))
+      }),
+      ["spec.type"]: (props) => /* @__PURE__ */ React.createElement(SelectInput, {
+        ...props,
+        options: Object.values(TriggerKind).map((kind) => ({
+          value: kind,
+          label: t(`trigger type ${kind}`)
+        }))
+      }),
+      ["meta"]: (props) => {
+        const meta = props.getValue();
+        useEffect(() => props.onValueChange("object", {
+          ...meta
+        }), []);
+        const [newMetaFieldName, setNewMetaFieldName] = useState("");
+        return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("div", null, props.label), [
+          ...Object.keys(meta)
+        ].map((key) => {
+          const compositeKey = `meta.${key}`;
+          return /* @__PURE__ */ React.createElement("div", {
+            key: compositeKey,
+            role: "none",
+            className: "flex items-center mt-2 gap-1"
+          }, /* @__PURE__ */ React.createElement("div", {
+            role: "none",
+            className: "flex-1"
+          }, /* @__PURE__ */ React.createElement(TextInput, {
+            ...props,
+            getValue: () => props.getValue()[key],
+            type: "string",
+            label: key
+          })), /* @__PURE__ */ React.createElement(IconButton, {
+            icon: "ph--trash--regular",
+            iconOnly: true,
+            classNames: "mt-6",
+            label: t("trigger meta remove"),
+            onClick: () => {
+              const newValues = {
+                ...props.getValue()
+              };
+              delete newValues[key];
+              props.onValueChange("object", newValues);
+            }
+          }));
+        }), /* @__PURE__ */ React.createElement("div", {
+          role: "none",
+          className: "flex items-center mt-2 gap-1 plb-1"
+        }, /* @__PURE__ */ React.createElement("div", {
+          role: "none",
+          className: "flex-1"
+        }, /* @__PURE__ */ React.createElement(Input.Root, null, /* @__PURE__ */ React.createElement(Input.TextInput, {
+          placeholder: t("trigger meta prop name placeholder"),
+          value: newMetaFieldName,
+          onChange: (event) => setNewMetaFieldName(event.target.value)
+        }))), /* @__PURE__ */ React.createElement(IconButton, {
+          icon: "ph--plus--regular",
+          iconOnly: true,
+          label: t("trigger meta add"),
+          onClick: () => {
+            if (newMetaFieldName.length) {
+              const meta2 = props.getValue() ?? {};
+              const metaWithNewProp = {
+                ...meta2,
+                [newMetaFieldName]: ""
+              };
+              setNewMetaFieldName("");
+              props.onValueChange("object", metaWithNewProp);
+            }
+          }
+        })));
+      }
+    }
+  });
+};
+var getWorkflowOptions = (graphs) => {
+  return graphs.map((graph) => ({
+    label: `compute-${graph.id}`,
+    value: `dxn:echo:@:${graph.id}`
+  }));
+};
+var getFunctionOptions = (scripts, functions) => {
+  const getLabel = (fn) => scripts.find((s) => fn.source?.target?.id === s.id)?.name ?? fn.name;
+  return functions.map((fn) => ({
+    label: getLabel(fn),
+    value: `dxn:worker:${fn.name}`
+  }));
+};
+
+// packages/plugins/experimental/plugin-automation/src/components/AutomationPanel/AutomationPanel.tsx
+var grid = "grid grid-cols-[40px_1fr_32px] min-bs-[2.5rem]";
+var AutomationPanel = ({ space, object }) => {
+  const { t } = useTranslation2(AUTOMATION_PLUGIN);
+  const client = useClient();
+  const triggers = useQuery2(space, Filter2.schema(FunctionTrigger));
+  const functions = useQuery2(space, Filter2.schema(FunctionType2));
+  const scripts = useQuery2(space, Filter2.schema(ScriptType2));
+  const [trigger, setTrigger] = useState2();
+  const [selected, setSelected] = useState2();
+  const handleSelect = (trigger2) => {
+    const { id: _, ...values } = trigger2;
+    setTrigger(values);
+    setSelected(trigger2);
+  };
+  const handleAdd = () => {
+    setTrigger(create(FunctionTriggerSchema2, {
+      meta: {}
+    }));
+    setSelected(void 0);
+  };
+  const handleDelete = (trigger2) => {
+    space.db.remove(trigger2);
+    setTrigger(void 0);
+    setSelected(void 0);
+  };
+  const handleSave = (trigger2) => {
+    if (selected) {
+      Object.assign(selected, trigger2);
+    } else {
+      space.db.add(create(FunctionTrigger, trigger2));
+    }
+    setTrigger(void 0);
+    setSelected(void 0);
+  };
+  const handleCancel = () => {
+    setTrigger(void 0);
+  };
+  return /* @__PURE__ */ React2.createElement("div", {
+    className: "flex flex-col w-full divide-y divide-separator overflow-y-auto"
+  }, /* @__PURE__ */ React2.createElement(List.Root, {
+    items: triggers,
+    isItem: S.is(FunctionTrigger),
+    getId: (field) => field.id
+  }, ({ items: triggers2 }) => /* @__PURE__ */ React2.createElement("div", {
+    role: "list",
+    className: "flex flex-col w-full"
+  }, triggers2?.map((trigger2) => {
+    const copyAction = getCopyAction(client, trigger2);
+    return /* @__PURE__ */ React2.createElement(List.Item, {
+      key: trigger2.id,
+      item: trigger2,
+      classNames: mx(grid, ghostHover, "items-center", "px-2")
+    }, /* @__PURE__ */ React2.createElement(Input2.Root, null, /* @__PURE__ */ React2.createElement(Input2.Switch, {
+      checked: trigger2.enabled,
+      onCheckedChange: (checked) => trigger2.enabled = checked
+    })), /* @__PURE__ */ React2.createElement("div", {
+      className: "flex"
+    }, /* @__PURE__ */ React2.createElement(List.ItemTitle, {
+      classNames: "px-1 cursor-pointer w-0 shrink truncate",
+      onClick: () => handleSelect(trigger2)
+    }, getFunctionName(scripts, functions, trigger2) ?? "\u2205"), copyAction && /* @__PURE__ */ React2.createElement(Button, {
+      onClick: () => navigator.clipboard.writeText(copyAction.contentProvider())
+    }, t(copyAction.translationKey))), /* @__PURE__ */ React2.createElement(List.ItemDeleteButton, {
+      onClick: () => handleDelete(trigger2)
+    }));
+  }))), trigger && /* @__PURE__ */ React2.createElement(TriggerEditor, {
+    space,
+    trigger,
+    onSave: handleSave,
+    onCancel: handleCancel
+  }), !trigger && /* @__PURE__ */ React2.createElement("div", {
+    className: "flex p-2 justify-center"
+  }, /* @__PURE__ */ React2.createElement(IconButton2, {
+    icon: "ph--plus--regular",
+    label: t("new trigger"),
+    onClick: handleAdd
+  })));
+};
+var getCopyAction = (client, trigger) => {
+  if (trigger?.spec?.type === TriggerKind2.Email) {
+    return {
+      translationKey: "trigger copy email",
+      contentProvider: () => `${getSpace(trigger).id}@dxos.network`
+    };
+  }
+  if (trigger?.spec?.type === TriggerKind2.Webhook) {
+    return {
+      translationKey: "trigger copy url",
+      contentProvider: () => getWebhookUrl(client, trigger)
+    };
+  }
+  return void 0;
+};
+var getWebhookUrl = (client, trigger) => {
+  const spaceId = getSpace(trigger).id;
+  const edgeUrl = new URL(client.config.values.runtime.services.edge.url);
+  const isSecure = edgeUrl.protocol.startsWith("https") || edgeUrl.protocol.startsWith("wss");
+  edgeUrl.protocol = isSecure ? "https" : "http";
+  return new URL(`/webhook/${spaceId}:${trigger.id}`, edgeUrl).toString();
+};
+var getFunctionName = (scripts, functions, trigger) => {
+  const shortId = trigger.function && `${trigger.function?.slice(0, 16)}\u2026`;
+  const functionObject = functions.find((fn) => fn.name === trigger.function);
+  if (!functionObject) {
+    return shortId;
+  }
+  return scripts.find((s) => functionObject.source?.target?.id === s.id)?.name ?? shortId;
+};
+
+// packages/plugins/experimental/plugin-automation/src/components/AutomationPanel/index.ts
+var AutomationPanel_default = AutomationPanel;
+
+export {
+  TriggerEditor,
+  AutomationPanel_default
+};
+//# sourceMappingURL=chunk-AWAU4BHR.mjs.map

package/dist/lib/node-esm/chunk-AWAU4BHR.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/components/AutomationPanel/AutomationPanel.tsx", "../../../src/components/TriggerEditor/TriggerEditor.tsx", "../../../src/components/AutomationPanel/index.ts"],
+  "sourcesContent": ["//\n// Copyright 2024 DXOS.org\n//\n\nimport React, { useState } from 'react';\n\nimport { S } from '@dxos/echo-schema';\nimport {\n  FunctionType,\n  FunctionTrigger,\n  FunctionTriggerSchema,\n  TriggerKind,\n  type FunctionTriggerType,\n  ScriptType,\n} from '@dxos/functions';\nimport { type Client, useClient } from '@dxos/react-client';\nimport { create, Filter, useQuery, type Space, type ReactiveObject, getSpace } from '@dxos/react-client/echo';\nimport { IconButton, Input, useTranslation, Button } from '@dxos/react-ui';\nimport { List } from '@dxos/react-ui-list';\nimport { ghostHover, mx } from '@dxos/react-ui-theme';\n\nimport { AUTOMATION_PLUGIN } from '../../meta';\nimport { TriggerEditor, type TriggerEditorProps } from '../TriggerEditor';\n\nconst grid = 'grid grid-cols-[40px_1fr_32px] min-bs-[2.5rem]';\n\nexport type AutomationPanelProps = {\n  space: Space;\n  object?: ReactiveObject<any>;\n};\n\n// TODO(burdon): Factor out common layout with ViewEditor.\nexport const AutomationPanel = ({ space, object }: AutomationPanelProps) => {\n  const { t } = useTranslation(AUTOMATION_PLUGIN);\n  const client = useClient();\n  const triggers = useQuery(space, Filter.schema(FunctionTrigger));\n  const functions = useQuery(space, Filter.schema(FunctionType));\n  const scripts = useQuery(space, Filter.schema(ScriptType));\n\n  const [trigger, setTrigger] = useState<FunctionTriggerType>();\n  const [selected, setSelected] = useState<FunctionTrigger>();\n\n  const handleSelect = (trigger: FunctionTrigger) => {\n    const { id: _, ...values } = trigger;\n    setTrigger(values);\n    setSelected(trigger);\n  };\n\n  const handleAdd = () => {\n    setTrigger(create(FunctionTriggerSchema, { meta: {} }));\n    setSelected(undefined);\n  };\n\n  const handleDelete = (trigger: FunctionTrigger) => {\n    space.db.remove(trigger);\n    setTrigger(undefined);\n    setSelected(undefined);\n  };\n\n  const handleSave: TriggerEditorProps['onSave'] = (trigger) => {\n    if (selected) {\n      Object.assign(selected, trigger);\n    } else {\n      space.db.add(create(FunctionTrigger, trigger));\n    }\n\n    setTrigger(undefined);\n    setSelected(undefined);\n  };\n\n  const handleCancel: TriggerEditorProps['onCancel'] = () => {\n    setTrigger(undefined);\n  };\n\n  return (\n    <div className='flex flex-col w-full divide-y divide-separator overflow-y-auto'>\n      <List.Root<FunctionTrigger> items={triggers} isItem={S.is(FunctionTrigger)} getId={(field) => field.id}>\n        {({ items: triggers }) => (\n          <div role='list' className='flex flex-col w-full'>\n            {triggers?.map((trigger) => {\n              const copyAction = getCopyAction(client, trigger);\n              return (\n                <List.Item<FunctionTrigger>\n                  key={trigger.id}\n                  item={trigger}\n                  classNames={mx(grid, ghostHover, 'items-center', 'px-2')}\n                >\n                  <Input.Root>\n                    <Input.Switch\n                      checked={trigger.enabled}\n                      onCheckedChange={(checked) => (trigger.enabled = checked)}\n                    />\n                  </Input.Root>\n\n                  <div className={'flex'}>\n                    <List.ItemTitle\n                      classNames='px-1 cursor-pointer w-0 shrink truncate'\n                      onClick={() => handleSelect(trigger)}\n                    >\n                      {getFunctionName(scripts, functions, trigger) ?? '∅'}\n                    </List.ItemTitle>\n\n                    {/* TODO: a better way to expose copy action */}\n                    {copyAction && (\n                      <Button onClick={() => navigator.clipboard.writeText(copyAction.contentProvider())}>\n                        {t(copyAction.translationKey)}\n                      </Button>\n                    )}\n                  </div>\n\n                  <List.ItemDeleteButton onClick={() => handleDelete(trigger)} />\n                </List.Item>\n              );\n            })}\n          </div>\n        )}\n      </List.Root>\n\n      {trigger && <TriggerEditor space={space} trigger={trigger} onSave={handleSave} onCancel={handleCancel} />}\n\n      {!trigger && (\n        <div className='flex p-2 justify-center'>\n          <IconButton icon='ph--plus--regular' label={t('new trigger')} onClick={handleAdd} />\n        </div>\n      )}\n    </div>\n  );\n};\n\nconst getCopyAction = (client: Client, trigger: FunctionTrigger | undefined) => {\n  if (trigger?.spec?.type === TriggerKind.Email) {\n    return { translationKey: 'trigger copy email', contentProvider: () => `${getSpace(trigger)!.id}@dxos.network` };\n  }\n\n  if (trigger?.spec?.type === TriggerKind.Webhook) {\n    return { translationKey: 'trigger copy url', contentProvider: () => getWebhookUrl(client, trigger) };\n  }\n\n  return undefined;\n};\n\nconst getWebhookUrl = (client: Client, trigger: FunctionTrigger) => {\n  const spaceId = getSpace(trigger)!.id;\n  const edgeUrl = new URL(client.config.values.runtime!.services!.edge!.url!);\n  const isSecure = edgeUrl.protocol.startsWith('https') || edgeUrl.protocol.startsWith('wss');\n  edgeUrl.protocol = isSecure ? 'https' : 'http';\n  return new URL(`/webhook/${spaceId}:${trigger.id}`, edgeUrl).toString();\n};\n\nconst getFunctionName = (scripts: ScriptType[], functions: FunctionType[], trigger: FunctionTriggerType) => {\n  const shortId = trigger.function && `${trigger.function?.slice(0, 16)}…`;\n  const functionObject = functions.find((fn) => fn.name === trigger.function);\n  if (!functionObject) {\n    return shortId;\n  }\n  return scripts.find((s) => functionObject.source?.target?.id === s.id)?.name ?? shortId;\n};\n", "//\n// Copyright 2024 DXOS.org\n//\n\nimport React, { useEffect, useState } from 'react';\n\nimport { ComputeGraph } from '@dxos/conductor';\nimport {\n  FunctionType,\n  FunctionTriggerSchema,\n  type FunctionTriggerType,\n  type FunctionTrigger,\n  ScriptType,\n  TriggerKind,\n} from '@dxos/functions';\nimport { Filter, useQuery, type Space } from '@dxos/react-client/echo';\nimport { IconButton, Input, useTranslation } from '@dxos/react-ui';\nimport { Form, SelectInput, TextInput } from '@dxos/react-ui-form';\n\nimport { AUTOMATION_PLUGIN } from '../../meta';\n\nexport type TriggerEditorProps = {\n  space: Space;\n  trigger: FunctionTriggerType;\n  onSave?: (trigger: Omit<FunctionTrigger, 'id'>) => void;\n  onCancel?: () => void;\n};\n\nexport const TriggerEditor = ({ space, trigger, onSave, onCancel }: TriggerEditorProps) => {\n  const { t } = useTranslation(AUTOMATION_PLUGIN);\n\n  const functions = useQuery(space, Filter.schema(FunctionType));\n  const workflows = useQuery(space, Filter.schema(ComputeGraph));\n  const scripts = useQuery(space, Filter.schema(ScriptType));\n\n  const handleSave = (values: FunctionTriggerType) => {\n    onSave?.(values);\n  };\n\n  return (\n    <Form<FunctionTriggerType>\n      schema={FunctionTriggerSchema}\n      values={trigger}\n      onSave={handleSave}\n      onCancel={onCancel}\n      Custom={{\n        ['function' satisfies keyof FunctionTriggerType]: (props) => (\n          <SelectInput\n            {...props}\n            options={getWorkflowOptions(workflows).concat(getFunctionOptions(scripts, functions))}\n          />\n        ),\n        ['spec.type' as const]: (props) => (\n          <SelectInput\n            {...props}\n            options={Object.values(TriggerKind).map((kind) => ({\n              value: kind,\n              label: t(`trigger type ${kind}`),\n            }))}\n          />\n        ),\n        ['meta' as const]: (props) => {\n          const meta = props.getValue()!;\n          useEffect(() => props.onValueChange('object', { ...meta }), []);\n          const [newMetaFieldName, setNewMetaFieldName] = useState('');\n\n          return (\n            <>\n              <div>{props.label}</div>\n              {[...Object.keys(meta)].map((key) => {\n                const compositeKey: any = `meta.${key}`;\n                return (\n                  <div key={compositeKey} role='none' className='flex items-center mt-2 gap-1'>\n                    <div role='none' className='flex-1'>\n                      <TextInput\n                        {...props}\n                        getValue={() => (props.getValue() as any)[key]}\n                        type={'string'}\n                        label={key}\n                      />\n                    </div>\n                    <IconButton\n                      icon='ph--trash--regular'\n                      iconOnly\n                      classNames={'mt-6'}\n                      label={t('trigger meta remove')}\n                      onClick={() => {\n                        const newValues: any = { ...props.getValue() };\n                        delete newValues[key];\n                        props.onValueChange('object', newValues);\n                      }}\n                    />\n                  </div>\n                );\n              })}\n              <div role='none' className='flex items-center mt-2 gap-1 plb-1'>\n                <div role='none' className='flex-1'>\n                  <Input.Root>\n                    <Input.TextInput\n                      placeholder={t('trigger meta prop name placeholder')}\n                      value={newMetaFieldName}\n                      onChange={(event) => setNewMetaFieldName(event.target.value)}\n                    />\n                  </Input.Root>\n                </div>\n                <IconButton\n                  icon='ph--plus--regular'\n                  iconOnly\n                  label={t('trigger meta add')}\n                  onClick={() => {\n                    if (newMetaFieldName.length) {\n                      const meta = props.getValue() ?? {};\n                      const metaWithNewProp = { ...meta, [newMetaFieldName]: '' };\n                      setNewMetaFieldName('');\n                      props.onValueChange('object', metaWithNewProp);\n                    }\n                  }}\n                />\n              </div>\n            </>\n          );\n        },\n      }}\n    />\n  );\n};\n\nconst getWorkflowOptions = (graphs: ComputeGraph[]) => {\n  return graphs.map((graph) => ({ label: `compute-${graph.id}`, value: `dxn:echo:@:${graph.id}` }));\n};\n\nconst getFunctionOptions = (scripts: ScriptType[], functions: FunctionType[]) => {\n  const getLabel = (fn: FunctionType) => scripts.find((s) => fn.source?.target?.id === s.id)?.name ?? fn.name;\n  return functions.map((fn) => ({ label: getLabel(fn), value: `dxn:worker:${fn.name}` }));\n};\n", "//\n// Copyright 2024 DXOS.org\n//\n\nimport { AutomationPanel } from './AutomationPanel';\n\nexport default AutomationPanel;\n"],
+  "mappings": "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",
+  "names": ["React", "useState", "S", "FunctionType", "FunctionTrigger", "FunctionTriggerSchema", "TriggerKind", "ScriptType", "useClient", "create", "Filter", "useQuery", "getSpace", "IconButton", "Input", "useTranslation", "Button", "List", "ghostHover", "mx", "React", "useEffect", "useState", "ComputeGraph", "FunctionType", "FunctionTriggerSchema", "ScriptType", "TriggerKind", "Filter", "useQuery", "IconButton", "Input", "useTranslation", "Form", "SelectInput", "TextInput", "TriggerEditor", "space", "trigger", "onSave", "onCancel", "t", "useTranslation", "AUTOMATION_PLUGIN", "functions", "useQuery", "Filter", "schema", "FunctionType", "workflows", "ComputeGraph", "scripts", "ScriptType", "handleSave", "values", "Form", "FunctionTriggerSchema", "Custom", "props", "SelectInput", "options", "getWorkflowOptions", "concat", "getFunctionOptions", "Object", "TriggerKind", "map", "kind", "value", "label", "meta", "getValue", "useEffect", "onValueChange", "newMetaFieldName", "setNewMetaFieldName", "useState", "div", "keys", "key", "compositeKey", "role", "className", "TextInput", "type", "IconButton", "icon", "iconOnly", "classNames", "onClick", "newValues", "Input", "Root", "placeholder", "onChange", "event", "target", "length", "metaWithNewProp", "graphs", "graph", "id", "getLabel", "fn", "find", "s", "source", "name", "grid", "AutomationPanel", "space", "object", "t", "useTranslation", "AUTOMATION_PLUGIN", "client", "useClient", "triggers", "useQuery", "Filter", "schema", "FunctionTrigger", "functions", "FunctionType", "scripts", "ScriptType", "trigger", "setTrigger", "useState", "selected", "setSelected", "handleSelect", "id", "_", "values", "handleAdd", "create", "FunctionTriggerSchema", "meta", "undefined", "handleDelete", "db", "remove", "handleSave", "Object", "assign", "add", "handleCancel", "React", "div", "className", "List", "Root", "items", "isItem", "S", "is", "getId", "field", "role", "map", "copyAction", "getCopyAction", "Item", "key", "item", "classNames", "mx", "ghostHover", "Input", "Switch", "checked", "enabled", "onCheckedChange", "ItemTitle", "onClick", "getFunctionName", "Button", "navigator", "clipboard", "writeText", "contentProvider", "translationKey", "ItemDeleteButton", "TriggerEditor", "onSave", "onCancel", "IconButton", "icon", "label", "spec", "type", "TriggerKind", "Email", "getSpace", "Webhook", "getWebhookUrl", "spaceId", "edgeUrl", "URL", "config", "runtime", "services", "edge", "url", "isSecure", "protocol", "startsWith", "toString", "shortId", "function", "slice", "functionObject", "find", "fn", "name", "s", "source", "target", "AutomationPanel"]
+}

package/dist/lib/node-esm/chunk-CAWPHOY4.mjs

@@ -0,0 +1,82 @@
+import { createRequire } from 'node:module';const require = createRequire(import.meta.url);
+import {
+  AUTOMATION_PLUGIN
+} from "./chunk-IG4GSWZN.mjs";
+
+// packages/plugins/experimental/plugin-automation/src/components/TemplateEditor/TemplateEditor.tsx
+import { HighlightStyle, LanguageSupport, syntaxHighlighting } from "@codemirror/language";
+import { styleTags, tags } from "@lezer/highlight";
+import { handlebarsLanguage } from "@xiechao/codemirror-lang-handlebars";
+import React from "react";
+import { createDocAccessor } from "@dxos/react-client/echo";
+import { useThemeContext, useTranslation } from "@dxos/react-ui";
+import { createBasicExtensions, createDataExtensions, createThemeExtensions, useTextEditor } from "@dxos/react-ui-editor";
+import { mx } from "@dxos/react-ui-theme";
+handlebarsLanguage.configure({
+  props: [
+    styleTags({
+      "---": tags.lineComment
+    })
+  ]
+});
+var TemplateEditor = ({ classNames, template }) => {
+  const { t } = useTranslation(AUTOMATION_PLUGIN);
+  const { themeMode } = useThemeContext();
+  const { parentRef } = useTextEditor(() => ({
+    initialValue: template.source,
+    extensions: [
+      createDataExtensions({
+        id: template.id,
+        text: template.source !== void 0 ? createDocAccessor(template, [
+          "template"
+        ]) : void 0
+      }),
+      createBasicExtensions({
+        bracketMatching: false,
+        lineWrapping: true,
+        placeholder: t("template placeholder")
+      }),
+      createThemeExtensions({
+        themeMode,
+        slots: {
+          content: {
+            className: "!p-3"
+          }
+        }
+      }),
+      // https://github.com/xiechao/lang-handlebars
+      new LanguageSupport(handlebarsLanguage, syntaxHighlighting(handlebarsHighlightStyle))
+    ]
+  }), [
+    themeMode,
+    prompt
+  ]);
+  return /* @__PURE__ */ React.createElement("div", {
+    ref: parentRef,
+    className: mx(classNames)
+  });
+};
+var handlebarsHighlightStyle = HighlightStyle.define([
+  {
+    tag: tags.tagName,
+    class: "text-redText"
+  },
+  {
+    tag: tags.variableName,
+    class: "text-blueText"
+  },
+  {
+    tag: tags.keyword,
+    class: "text-greenText"
+  },
+  {
+    tag: tags.comment,
+    class: "text-subdued"
+  }
+]);
+
+export {
+  TemplateEditor,
+  handlebarsHighlightStyle
+};
+//# sourceMappingURL=chunk-CAWPHOY4.mjs.map

package/dist/lib/node-esm/chunk-CAWPHOY4.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/components/TemplateEditor/TemplateEditor.tsx"],
+  "sourcesContent": ["//\n// Copyright 2025 DXOS.org\n//\n\nimport { HighlightStyle, LanguageSupport, syntaxHighlighting } from '@codemirror/language';\nimport { styleTags, tags } from '@lezer/highlight';\nimport { handlebarsLanguage } from '@xiechao/codemirror-lang-handlebars';\nimport React from 'react';\n\nimport { createDocAccessor } from '@dxos/react-client/echo';\nimport { useThemeContext, useTranslation, type ThemedClassName } from '@dxos/react-ui';\nimport {\n  createBasicExtensions,\n  createDataExtensions,\n  createThemeExtensions,\n  useTextEditor,\n} from '@dxos/react-ui-editor';\nimport { mx } from '@dxos/react-ui-theme';\n\nimport { AUTOMATION_PLUGIN } from '../../meta';\nimport { type TemplateType } from '../../types';\n\nhandlebarsLanguage.configure({\n  props: [\n    styleTags({\n      '---': tags.lineComment,\n    }),\n  ],\n});\n\nexport type TemplateEditorProps = ThemedClassName<{\n  template: TemplateType;\n}>;\n\nexport const TemplateEditor = ({ classNames, template }: TemplateEditorProps) => {\n  const { t } = useTranslation(AUTOMATION_PLUGIN);\n  const { themeMode } = useThemeContext();\n  const { parentRef } = useTextEditor(\n    () => ({\n      initialValue: template.source,\n      extensions: [\n        createDataExtensions({\n          id: template.id,\n          text: template.source !== undefined ? createDocAccessor(template, ['template']) : undefined,\n        }),\n        createBasicExtensions({\n          bracketMatching: false,\n          lineWrapping: true,\n          placeholder: t('template placeholder'),\n        }),\n        createThemeExtensions({\n          themeMode,\n          slots: {\n            content: { className: '!p-3' },\n          },\n        }),\n\n        // https://github.com/xiechao/lang-handlebars\n        new LanguageSupport(handlebarsLanguage, syntaxHighlighting(handlebarsHighlightStyle)),\n      ],\n    }),\n    [themeMode, prompt],\n  );\n\n  return <div ref={parentRef} className={mx(classNames)} />;\n};\n\n/**\n * https://github.com/xiechao/lang-handlebars/blob/direct/src/highlight.js\n */\nexport const handlebarsHighlightStyle = HighlightStyle.define([\n  { tag: tags.tagName, class: 'text-redText' }, // Braces.\n  { tag: tags.variableName, class: 'text-blueText' },\n  { tag: tags.keyword, class: 'text-greenText' },\n  { tag: tags.comment, class: 'text-subdued' },\n]);\n"],
+  "mappings": ";;;;;;AAIA,SAASA,gBAAgBC,iBAAiBC,0BAA0B;AACpE,SAASC,WAAWC,YAAY;AAChC,SAASC,0BAA0B;AACnC,OAAOC,WAAW;AAElB,SAASC,yBAAyB;AAClC,SAASC,iBAAiBC,sBAA4C;AACtE,SACEC,uBACAC,sBACAC,uBACAC,qBACK;AACP,SAASC,UAAU;AAKnBC,mBAAmBC,UAAU;EAC3BC,OAAO;IACLC,UAAU;MACR,OAAOC,KAAKC;IACd,CAAA;;AAEJ,CAAA;AAMO,IAAMC,iBAAiB,CAAC,EAAEC,YAAYC,SAAQ,MAAuB;AAC1E,QAAM,EAAEC,EAAC,IAAKC,eAAeC,iBAAAA;AAC7B,QAAM,EAAEC,UAAS,IAAKC,gBAAAA;AACtB,QAAM,EAAEC,UAAS,IAAKC,cACpB,OAAO;IACLC,cAAcR,SAASS;IACvBC,YAAY;MACVC,qBAAqB;QACnBC,IAAIZ,SAASY;QACbC,MAAMb,SAASS,WAAWK,SAAYC,kBAAkBf,UAAU;UAAC;SAAW,IAAIc;MACpF,CAAA;MACAE,sBAAsB;QACpBC,iBAAiB;QACjBC,cAAc;QACdC,aAAalB,EAAE,sBAAA;MACjB,CAAA;MACAmB,sBAAsB;QACpBhB;QACAiB,OAAO;UACLC,SAAS;YAAEC,WAAW;UAAO;QAC/B;MACF,CAAA;;MAGA,IAAIC,gBAAgBhC,oBAAoBiC,mBAAmBC,wBAAAA,CAAAA;;EAE/D,IACA;IAACtB;IAAWuB;GAAO;AAGrB,SAAO,sBAAA,cAACC,OAAAA;IAAIC,KAAKvB;IAAWiB,WAAWO,GAAG/B,UAAAA;;AAC5C;AAKO,IAAM2B,2BAA2BK,eAAeC,OAAO;EAC5D;IAAEC,KAAKrC,KAAKsC;IAASC,OAAO;EAAe;EAC3C;IAAEF,KAAKrC,KAAKwC;IAAcD,OAAO;EAAgB;EACjD;IAAEF,KAAKrC,KAAKyC;IAASF,OAAO;EAAiB;EAC7C;IAAEF,KAAKrC,KAAK0C;IAASH,OAAO;EAAe;CAC5C;",
+  "names": ["HighlightStyle", "LanguageSupport", "syntaxHighlighting", "styleTags", "tags", "handlebarsLanguage", "React", "createDocAccessor", "useThemeContext", "useTranslation", "createBasicExtensions", "createDataExtensions", "createThemeExtensions", "useTextEditor", "mx", "handlebarsLanguage", "configure", "props", "styleTags", "tags", "lineComment", "TemplateEditor", "classNames", "template", "t", "useTranslation", "AUTOMATION_PLUGIN", "themeMode", "useThemeContext", "parentRef", "useTextEditor", "initialValue", "source", "extensions", "createDataExtensions", "id", "text", "undefined", "createDocAccessor", "createBasicExtensions", "bracketMatching", "lineWrapping", "placeholder", "createThemeExtensions", "slots", "content", "className", "LanguageSupport", "syntaxHighlighting", "handlebarsHighlightStyle", "prompt", "div", "ref", "mx", "HighlightStyle", "define", "tag", "tagName", "class", "variableName", "keyword", "comment"]
+}