@dxos/plugin-automation 0.8.1-staging.5be625a → 0.8.1-staging.97aedb1

package/src/components/TriggerEditor/TriggerEditor.tsx

@@ -2,7 +2,7 @@
 // Copyright 2024 DXOS.org
 //
 
-import React, { useEffect, useState } from 'react';
+import React, { useCallback, useEffect, useMemo, useState } from 'react';
 
 import { ComputeGraph } from '@dxos/conductor';
 import {
@@ -15,7 +15,7 @@ import {
 } from '@dxos/functions/types';
 import { Filter, useQuery, type Space } from '@dxos/react-client/echo';
 import { IconButton, Input, useTranslation } from '@dxos/react-ui';
-import { Form, SelectInput, TextInput } from '@dxos/react-ui-form';
+import { type CustomInputMap, Form, type InputProps, SelectInput, TextInput, useInputProps } from '@dxos/react-ui-form';
 
 import { AUTOMATION_PLUGIN } from '../../meta';
 
@@ -26,6 +26,30 @@ export type TriggerEditorProps = {
   onCancel?: () => void;
 };
 
+const PayloadInput = (props: InputProps & { property: string }) => {
+  const { t } = useTranslation(AUTOMATION_PLUGIN);
+  // TODO(dmaretskyi): Prop name (`meta`) should be passed in.
+  const inputProps = useInputProps(['meta', props.property]);
+  return (
+    <div role='none' className='flex items-center mt-2 gap-1'>
+      <div role='none' className='flex-1'>
+        <TextInput {...inputProps} type='string' label={props.property} />
+      </div>
+      <IconButton
+        icon='ph--trash--regular'
+        iconOnly
+        classNames={'mt-6'}
+        label={t('trigger meta remove')}
+        onClick={() => {
+          const newValues: any = { ...props.getValue() };
+          delete newValues[props.property];
+          props.onValueChange('object', newValues);
+        }}
+      />
+    </div>
+  );
+};
+
 export const TriggerEditor = ({ space, trigger, onSave, onCancel }: TriggerEditorProps) => {
   const { t } = useTranslation(AUTOMATION_PLUGIN);
 
@@ -37,90 +61,75 @@ export const TriggerEditor = ({ space, trigger, onSave, onCancel }: TriggerEdito
     onSave?.(values);
   };
 
+  const Custom = useMemo(
+    (): CustomInputMap => ({
+      ['function' satisfies keyof FunctionTriggerType]: (props) => (
+        <SelectInput
+          {...props}
+          options={getWorkflowOptions(workflows).concat(getFunctionOptions(scripts, functions))}
+        />
+      ),
+      ['spec.type' as const]: (props) => (
+        <SelectInput
+          {...props}
+          options={Object.values(TriggerKind).map((kind) => ({
+            value: kind,
+            label: t(`trigger type ${kind}`),
+          }))}
+        />
+      ),
+      // TODO(wittjosiah): Form should be able to handle arbitrary records by default.
+      ['meta' as const]: (props) => {
+        const payload = props.getValue() ?? {};
+        useEffect(() => props.onValueChange('object', { ...payload }), []);
+        const [newPayloadFieldName, setNewPayloadFieldName] = useState('');
+
+        const handleAddPayload = useCallback(() => {
+          if (newPayloadFieldName.length) {
+            const payload = props.getValue() ?? {};
+            const payloadWithNewProp = { ...payload, [newPayloadFieldName]: '' };
+            setNewPayloadFieldName('');
+            props.onValueChange('object', payloadWithNewProp);
+          }
+        }, [newPayloadFieldName, props.getValue, props.onValueChange]);
+
+        return (
+          <>
+            <div>{/* TODO(wittjosiah): props.label */ 'Payload'}</div>
+            {[...Object.keys(payload)].map((key) => (
+              <PayloadInput key={key} property={key} {...props} />
+            ))}
+            <div role='none' className='flex items-center mt-2 gap-1 plb-1'>
+              <div role='none' className='flex-1'>
+                <Input.Root>
+                  <Input.TextInput
+                    placeholder={t('trigger payload prop name placeholder')}
+                    value={newPayloadFieldName}
+                    onChange={(event) => setNewPayloadFieldName(event.target.value)}
+                  />
+                </Input.Root>
+              </div>
+              <IconButton
+                icon='ph--plus--regular'
+                iconOnly
+                label={t('trigger payload add')}
+                onClick={handleAddPayload}
+              />
+            </div>
+          </>
+        );
+      },
+    }),
+    [workflows, scripts, functions, t],
+  );
+
   return (
     <Form<FunctionTriggerType>
       schema={FunctionTriggerSchema}
       values={trigger}
       onSave={handleSave}
       onCancel={onCancel}
-      Custom={{
-        ['function' satisfies keyof FunctionTriggerType]: (props) => (
-          <SelectInput
-            {...props}
-            options={getWorkflowOptions(workflows).concat(getFunctionOptions(scripts, functions))}
-          />
-        ),
-        ['spec.type' as const]: (props) => (
-          <SelectInput
-            {...props}
-            options={Object.values(TriggerKind).map((kind) => ({
-              value: kind,
-              label: t(`trigger type ${kind}`),
-            }))}
-          />
-        ),
-        ['meta' as const]: (props) => {
-          const meta = props.getValue()!;
-          useEffect(() => props.onValueChange('object', { ...meta }), []);
-          const [newMetaFieldName, setNewMetaFieldName] = useState('');
-
-          return (
-            <>
-              <div>{props.label}</div>
-              {[...Object.keys(meta)].map((key) => {
-                const compositeKey: any = `meta.${key}`;
-                return (
-                  <div key={compositeKey} role='none' className='flex items-center mt-2 gap-1'>
-                    <div role='none' className='flex-1'>
-                      <TextInput
-                        {...props}
-                        getValue={() => (props.getValue() as any)[key]}
-                        type={'string'}
-                        label={key}
-                      />
-                    </div>
-                    <IconButton
-                      icon='ph--trash--regular'
-                      iconOnly
-                      classNames={'mt-6'}
-                      label={t('trigger meta remove')}
-                      onClick={() => {
-                        const newValues: any = { ...props.getValue() };
-                        delete newValues[key];
-                        props.onValueChange('object', newValues);
-                      }}
-                    />
-                  </div>
-                );
-              })}
-              <div role='none' className='flex items-center mt-2 gap-1 plb-1'>
-                <div role='none' className='flex-1'>
-                  <Input.Root>
-                    <Input.TextInput
-                      placeholder={t('trigger meta prop name placeholder')}
-                      value={newMetaFieldName}
-                      onChange={(event) => setNewMetaFieldName(event.target.value)}
-                    />
-                  </Input.Root>
-                </div>
-                <IconButton
-                  icon='ph--plus--regular'
-                  iconOnly
-                  label={t('trigger meta add')}
-                  onClick={() => {
-                    if (newMetaFieldName.length) {
-                      const meta = props.getValue() ?? {};
-                      const metaWithNewProp = { ...meta, [newMetaFieldName]: '' };
-                      setNewMetaFieldName('');
-                      props.onValueChange('object', metaWithNewProp);
-                    }
-                  }}
-                />
-              </div>
-            </>
-          );
-        },
-      }}
+      Custom={Custom}
     />
   );
 };

package/src/translations.ts

@@ -10,8 +10,10 @@ export default [
       [AUTOMATION_PLUGIN]: {
         'plugin name': 'Automation',
         'automation panel label': 'Automations',
+        'script automation label': 'Automation',
 
-        'new trigger label': 'New Trigger',
+        'trigger editor title': 'New Trigger',
+        'new trigger label': 'Add Trigger',
         'trigger type timer': 'Timer',
         'trigger type webhook': 'Webhook',
         'trigger type websocket': 'Websocket',
@@ -22,9 +24,9 @@ export default [
         'trigger copy url': 'Copy URL',
         'trigger copy email': 'Copy Email',
 
-        'trigger meta add': 'Add',
-        'trigger meta remove': 'Remove',
-        'trigger meta prop name placeholder': 'New meta property name',
+        'trigger payload add': 'Add',
+        'trigger payload remove': 'Remove',
+        'trigger payload prop name placeholder': 'New payload property name',
       },
     },
   },

package/dist/lib/browser/AutomationPanel-NI3IZOYP.mjs.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/components/AutomationPanel/AutomationPanel.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/types';\nimport { type Client, useClient } from '@dxos/react-client';\nimport { create, Filter, useQuery, type Space, type ReactiveObject, getSpace } from '@dxos/react-client/echo';\nimport { Clipboard, IconButton, Input, useTranslation } 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    <Clipboard.Provider>\n      <div className='flex flex-col w-full'>\n        {!trigger && (\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                          <Clipboard.IconButton\n                            label={t(copyAction.translationKey)}\n                            value={copyAction.contentProvider()}\n                          />\n                        )}\n                      </div>\n\n                      <List.ItemDeleteButton onClick={() => handleDelete(trigger)} />\n                    </List.Item>\n                  );\n                })}\n              </div>\n            )}\n          </List.Root>\n        )}\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 label')} onClick={handleAdd} />\n          </div>\n        )}\n      </div>\n    </Clipboard.Provider>\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  // TODO(wittjosiah): Truncation should be done in the UI.\n  //   Warning that the List component is currently a can of worms.\n  const shortId = trigger.function && `${trigger.function?.slice(0, 16)}…`;\n  const functionObject = functions.find((fn) => `dxn:worker:${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 { 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", "Clipboard", "IconButton", "Input", "useTranslation", "List", "ghostHover", "mx", "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", "Clipboard", "Provider", "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", "IconButton", "label", "translationKey", "value", "contentProvider", "ItemDeleteButton", "TriggerEditor", "onSave", "onCancel", "icon", "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/browser/chunk-A564UUG6.mjs

@@ -1,8 +0,0 @@
-// packages/plugins/experimental/plugin-automation/src/components/index.ts
-import { lazy } from "react";
-var AutomationPanel = lazy(() => import("./AutomationPanel-NI3IZOYP.mjs"));
-
-export {
-  AutomationPanel
-};
-//# sourceMappingURL=chunk-A564UUG6.mjs.map

package/dist/lib/browser/chunk-TIVRUZAX.mjs

@@ -1,119 +0,0 @@
-import {
-  AUTOMATION_PLUGIN
-} from "./chunk-YGPROMMM.mjs";
-
-// 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/types";
-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}`
-  }));
-};
-
-export {
-  TriggerEditor
-};
-//# sourceMappingURL=chunk-TIVRUZAX.mjs.map

package/dist/lib/browser/chunk-TIVRUZAX.mjs.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/components/TriggerEditor/TriggerEditor.tsx"],
-  "sourcesContent": ["//\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/types';\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"],
-  "mappings": "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",
-  "names": ["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"]
-}

package/dist/lib/browser/complementary-panel-4YA2V2ZF.mjs

@@ -1,56 +0,0 @@
-import {
-  AUTOMATION_PLUGIN
-} from "./chunk-YGPROMMM.mjs";
-
-// packages/plugins/experimental/plugin-automation/src/capabilities/complementary-panel.ts
-import { effect, untracked } from "@preact/signals-core";
-import { Capabilities, contributes } from "@dxos/app-framework";
-import { FunctionType } from "@dxos/functions/types";
-import { create } from "@dxos/live-object";
-import { ClientCapabilities } from "@dxos/plugin-client";
-import { DeckCapabilities } from "@dxos/plugin-deck";
-import { Filter, parseId } from "@dxos/react-client/echo";
-var complementary_panel_default = (context) => {
-  const state = create({
-    functionsAvailable: false
-  });
-  const setState = (next) => {
-    if (next !== state.functionsAvailable) {
-      state.functionsAvailable = next;
-    }
-  };
-  const unsubscribe = effect(() => {
-    const client = context.requestCapabilities(ClientCapabilities.Client)[0];
-    const workspace = context.requestCapabilities(Capabilities.Layout)[0]?.workspace;
-    return untracked(() => {
-      const { spaceId } = parseId(workspace);
-      if (!spaceId || !client) {
-        setState(false);
-        return;
-      }
-      const space = client.spaces.get(spaceId);
-      if (!space) {
-        setState(false);
-        return;
-      }
-      return space.db.query(Filter.schema(FunctionType)).subscribe((query) => setState(query.objects.length > 0), {
-        fire: true
-      });
-    });
-  });
-  return contributes(DeckCapabilities.ComplementaryPanel, {
-    id: "automation",
-    label: [
-      "automation panel label",
-      {
-        ns: AUTOMATION_PLUGIN
-      }
-    ],
-    icon: "ph--robot--regular",
-    filter: () => state.functionsAvailable
-  }, () => unsubscribe());
-};
-export {
-  complementary_panel_default as default
-};
-//# sourceMappingURL=complementary-panel-4YA2V2ZF.mjs.map

package/dist/lib/browser/complementary-panel-4YA2V2ZF.mjs.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/capabilities/complementary-panel.ts"],
-  "sourcesContent": ["//\n// Copyright 2025 DXOS.org\n//\n\nimport { effect, untracked } from '@preact/signals-core';\n\nimport { Capabilities, contributes, type PluginsContext } from '@dxos/app-framework';\nimport { FunctionType } from '@dxos/functions/types';\nimport { create } from '@dxos/live-object';\nimport { ClientCapabilities } from '@dxos/plugin-client';\nimport { DeckCapabilities } from '@dxos/plugin-deck';\nimport { Filter, parseId } from '@dxos/react-client/echo';\n\nimport { AUTOMATION_PLUGIN } from '../meta';\n\nexport default (context: PluginsContext) => {\n  const state = create({ functionsAvailable: false });\n  const setState = (next: boolean) => {\n    if (next !== state.functionsAvailable) {\n      state.functionsAvailable = next;\n    }\n  };\n\n  const unsubscribe = effect(() => {\n    const client = context.requestCapabilities(ClientCapabilities.Client)[0];\n    const workspace = context.requestCapabilities(Capabilities.Layout)[0]?.workspace;\n    return untracked(() => {\n      const { spaceId } = parseId(workspace);\n      if (!spaceId || !client) {\n        setState(false);\n        return;\n      }\n\n      const space = client.spaces.get(spaceId);\n      if (!space) {\n        setState(false);\n        return;\n      }\n\n      return space.db\n        .query(Filter.schema(FunctionType))\n        .subscribe((query) => setState(query.objects.length > 0), { fire: true });\n    });\n  });\n\n  return contributes(\n    DeckCapabilities.ComplementaryPanel,\n    {\n      id: 'automation',\n      label: ['automation panel label', { ns: AUTOMATION_PLUGIN }],\n      icon: 'ph--robot--regular',\n      filter: () => state.functionsAvailable,\n    },\n    () => unsubscribe(),\n  );\n};\n"],
-  "mappings": ";;;;;AAIA,SAASA,QAAQC,iBAAiB;AAElC,SAASC,cAAcC,mBAAwC;AAC/D,SAASC,oBAAoB;AAC7B,SAASC,cAAc;AACvB,SAASC,0BAA0B;AACnC,SAASC,wBAAwB;AACjC,SAASC,QAAQC,eAAe;AAIhC,IAAA,8BAAe,CAACC,YAAAA;AACd,QAAMC,QAAQC,OAAO;IAAEC,oBAAoB;EAAM,CAAA;AACjD,QAAMC,WAAW,CAACC,SAAAA;AAChB,QAAIA,SAASJ,MAAME,oBAAoB;AACrCF,YAAME,qBAAqBE;IAC7B;EACF;AAEA,QAAMC,cAAcC,OAAO,MAAA;AACzB,UAAMC,SAASR,QAAQS,oBAAoBC,mBAAmBC,MAAM,EAAE,CAAA;AACtE,UAAMC,YAAYZ,QAAQS,oBAAoBI,aAAaC,MAAM,EAAE,CAAA,GAAIF;AACvE,WAAOG,UAAU,MAAA;AACf,YAAM,EAAEC,QAAO,IAAKC,QAAQL,SAAAA;AAC5B,UAAI,CAACI,WAAW,CAACR,QAAQ;AACvBJ,iBAAS,KAAA;AACT;MACF;AAEA,YAAMc,QAAQV,OAAOW,OAAOC,IAAIJ,OAAAA;AAChC,UAAI,CAACE,OAAO;AACVd,iBAAS,KAAA;AACT;MACF;AAEA,aAAOc,MAAMG,GACVC,MAAMC,OAAOC,OAAOC,YAAAA,CAAAA,EACpBC,UAAU,CAACJ,UAAUlB,SAASkB,MAAMK,QAAQC,SAAS,CAAA,GAAI;QAAEC,MAAM;MAAK,CAAA;IAC3E,CAAA;EACF,CAAA;AAEA,SAAOC,YACLC,iBAAiBC,oBACjB;IACEC,IAAI;IACJC,OAAO;MAAC;MAA0B;QAAEC,IAAIC;MAAkB;;IAC1DC,MAAM;IACNC,QAAQ,MAAMrC,MAAME;EACtB,GACA,MAAMG,YAAAA,CAAAA;AAEV;",
-  "names": ["effect", "untracked", "Capabilities", "contributes", "FunctionType", "create", "ClientCapabilities", "DeckCapabilities", "Filter", "parseId", "context", "state", "create", "functionsAvailable", "setState", "next", "unsubscribe", "effect", "client", "requestCapabilities", "ClientCapabilities", "Client", "workspace", "Capabilities", "Layout", "untracked", "spaceId", "parseId", "space", "spaces", "get", "db", "query", "Filter", "schema", "FunctionType", "subscribe", "objects", "length", "fire", "contributes", "DeckCapabilities", "ComplementaryPanel", "id", "label", "ns", "AUTOMATION_PLUGIN", "icon", "filter"]
-}

package/dist/lib/browser/react-surface-G73EWBDI.mjs

@@ -1,27 +0,0 @@
-import {
-  AutomationPanel
-} from "./chunk-A564UUG6.mjs";
-import "./chunk-TIVRUZAX.mjs";
-import {
-  AUTOMATION_PLUGIN
-} from "./chunk-YGPROMMM.mjs";
-
-// packages/plugins/experimental/plugin-automation/src/capabilities/react-surface.tsx
-import React from "react";
-import { Capabilities, contributes, createSurface } from "@dxos/app-framework";
-import { getSpace, isEchoObject } from "@dxos/react-client/echo";
-var react_surface_default = () => contributes(Capabilities.ReactSurface, [
-  createSurface({
-    id: `${AUTOMATION_PLUGIN}/automation`,
-    role: "complementary--automation",
-    filter: (data) => isEchoObject(data.subject) && !!getSpace(data.subject),
-    component: ({ data }) => /* @__PURE__ */ React.createElement(AutomationPanel, {
-      space: getSpace(data.subject),
-      object: data.subject
-    })
-  })
-]);
-export {
-  react_surface_default as default
-};
-//# sourceMappingURL=react-surface-G73EWBDI.mjs.map

package/dist/lib/browser/react-surface-G73EWBDI.mjs.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/capabilities/react-surface.tsx"],
-  "sourcesContent": ["//\n// Copyright 2025 DXOS.org\n//\n\nimport React from 'react';\n\nimport { Capabilities, contributes, createSurface } from '@dxos/app-framework';\nimport { getSpace, isEchoObject, type ReactiveEchoObject } from '@dxos/react-client/echo';\n\nimport { AutomationPanel } from '../components';\nimport { AUTOMATION_PLUGIN } from '../meta';\n\nexport default () =>\n  contributes(Capabilities.ReactSurface, [\n    createSurface({\n      id: `${AUTOMATION_PLUGIN}/automation`,\n      role: 'complementary--automation',\n      filter: (data): data is { subject: ReactiveEchoObject<any> } =>\n        isEchoObject(data.subject) && !!getSpace(data.subject),\n      component: ({ data }) => <AutomationPanel space={getSpace(data.subject)!} object={data.subject} />,\n    }),\n  ]);\n"],
-  "mappings": ";;;;;;;;;AAIA,OAAOA,WAAW;AAElB,SAASC,cAAcC,aAAaC,qBAAqB;AACzD,SAASC,UAAUC,oBAA6C;AAKhE,IAAA,wBAAe,MACbC,YAAYC,aAAaC,cAAc;EACrCC,cAAc;IACZC,IAAI,GAAGC,iBAAAA;IACPC,MAAM;IACNC,QAAQ,CAACC,SACPC,aAAaD,KAAKE,OAAO,KAAK,CAAC,CAACC,SAASH,KAAKE,OAAO;IACvDE,WAAW,CAAC,EAAEJ,KAAI,MAAO,sBAAA,cAACK,iBAAAA;MAAgBC,OAAOH,SAASH,KAAKE,OAAO;MAAIK,QAAQP,KAAKE;;EACzF,CAAA;CACD;",
-  "names": ["React", "Capabilities", "contributes", "createSurface", "getSpace", "isEchoObject", "contributes", "Capabilities", "ReactSurface", "createSurface", "id", "AUTOMATION_PLUGIN", "role", "filter", "data", "isEchoObject", "subject", "getSpace", "component", "AutomationPanel", "space", "object"]
-}

package/dist/lib/node/AutomationPanel-VBT57PEK.cjs.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/components/AutomationPanel/AutomationPanel.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/types';\nimport { type Client, useClient } from '@dxos/react-client';\nimport { create, Filter, useQuery, type Space, type ReactiveObject, getSpace } from '@dxos/react-client/echo';\nimport { Clipboard, IconButton, Input, useTranslation } 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    <Clipboard.Provider>\n      <div className='flex flex-col w-full'>\n        {!trigger && (\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                          <Clipboard.IconButton\n                            label={t(copyAction.translationKey)}\n                            value={copyAction.contentProvider()}\n                          />\n                        )}\n                      </div>\n\n                      <List.ItemDeleteButton onClick={() => handleDelete(trigger)} />\n                    </List.Item>\n                  );\n                })}\n              </div>\n            )}\n          </List.Root>\n        )}\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 label')} onClick={handleAdd} />\n          </div>\n        )}\n      </div>\n    </Clipboard.Provider>\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  // TODO(wittjosiah): Truncation should be done in the UI.\n  //   Warning that the List component is currently a can of worms.\n  const shortId = trigger.function && `${trigger.function?.slice(0, 16)}…`;\n  const functionObject = functions.find((fn) => `dxn:worker:${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 { AutomationPanel } from './AutomationPanel';\n\nexport default AutomationPanel;\n"],
-  "mappings": "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",
-  "names": ["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", "Clipboard", "Provider", "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", "IconButton", "label", "translationKey", "value", "contentProvider", "ItemDeleteButton", "TriggerEditor", "onSave", "onCancel", "icon", "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"]
-}