@dxos/plugin-automation 0.8.2-main.fbd8ed0 → 0.8.2-staging.7ac8446

package/dist/types/src/components/AutomationPanel/index.d.ts

@@ -1,4 +1,3 @@
 import { AutomationPanel } from './AutomationPanel';
-export * from './AutomationPanel';
 export default AutomationPanel;
 //# sourceMappingURL=index.d.ts.map

package/dist/types/src/components/AutomationPanel/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/AutomationPanel/index.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAEpD,cAAc,mBAAmB,CAAC;AAElC,eAAe,eAAe,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/AutomationPanel/index.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAEpD,eAAe,eAAe,CAAC"}

package/dist/types/src/components/TriggerEditor/TriggerEditor.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { type FunctionTriggerType, type FunctionTrigger } from '@dxos/functions';
+import { type FunctionTriggerType, type FunctionTrigger } from '@dxos/functions/types';
 import { type Space } from '@dxos/react-client/echo';
 export type TriggerEditorProps = {
     space: Space;

package/dist/types/src/components/TriggerEditor/TriggerEditor.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TriggerEditor.d.ts","sourceRoot":"","sources":["../../../../../src/components/TriggerEditor/TriggerEditor.tsx"],"names":[],"mappings":"AAIA,OAAO,KAA+B,MAAM,OAAO,CAAC;AAIpD,OAAO,EAGL,KAAK,mBAAmB,EACxB,KAAK,eAAe,EAErB,MAAM,iBAAiB,CAAC;AACzB,OAAO,EAAyB,KAAK,KAAK,EAAE,MAAM,yBAAyB,CAAC;AAQ5E,MAAM,MAAM,kBAAkB,GAAG;IAC/B,KAAK,EAAE,KAAK,CAAC;IACb,OAAO,EAAE,mBAAmB,CAAC;IAC7B,MAAM,CAAC,EAAE,CAAC,OAAO,EAAE,IAAI,CAAC,eAAe,EAAE,IAAI,CAAC,KAAK,IAAI,CAAC;IACxD,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;CACvB,CAAC;AAEF,eAAO,MAAM,aAAa,GAAI,sCAAsC,kBAAkB,sBAgErF,CAAC"}
+{"version":3,"file":"TriggerEditor.d.ts","sourceRoot":"","sources":["../../../../../src/components/TriggerEditor/TriggerEditor.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAoD,MAAM,OAAO,CAAC;AAGzE,OAAO,EAGL,KAAK,mBAAmB,EACxB,KAAK,eAAe,EAGrB,MAAM,uBAAuB,CAAC;AAC/B,OAAO,EAAoB,KAAK,KAAK,EAAE,MAAM,yBAAyB,CAAC;AAMvE,MAAM,MAAM,kBAAkB,GAAG;IAC/B,KAAK,EAAE,KAAK,CAAC;IACb,OAAO,EAAE,mBAAmB,CAAC;IAC7B,MAAM,CAAC,EAAE,CAAC,OAAO,EAAE,IAAI,CAAC,eAAe,EAAE,IAAI,CAAC,KAAK,IAAI,CAAC;IACxD,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;CACvB,CAAC;AA0BF,eAAO,MAAM,aAAa,yCAA0C,kBAAkB,sBAkFrF,CAAC"}

package/dist/types/src/components/TriggerEditor/TriggerEditor.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TriggerEditor.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/TriggerEditor/TriggerEditor.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,aAAa,CAAC;AAErB,OAAO,EAAE,KAAK,IAAI,EAAE,MAAM,kBAAkB,CAAC;AAsC7C,QAAA,MAAM,IAAI,EAAE,IA6BX,CAAC;AAEF,eAAe,IAAI,CAAC;AAEpB,eAAO,MAAM,OAAO,IAAK,CAAC"}
+{"version":3,"file":"TriggerEditor.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/TriggerEditor/TriggerEditor.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,aAAa,CAAC;AAErB,OAAO,EAAE,KAAK,IAAI,EAAE,MAAM,kBAAkB,CAAC;AAqC7C,QAAA,MAAM,IAAI,EAAE,IAqBX,CAAC;AAEF,eAAe,IAAI,CAAC;AAEpB,eAAO,MAAM,OAAO,IAAK,CAAC"}

package/dist/types/src/components/index.d.ts

@@ -1,10 +1,3 @@
 export * from './TriggerEditor';
-export declare const AutomationContainer: import("react").LazyExoticComponent<({ space }: {
-    space: import("@dxos/client-protocol").Space;
-}) => import("react").JSX.Element>;
-export declare const AutomationPanel: import("react").LazyExoticComponent<({ space, object, initialTrigger, onDone }: import("./AutomationPanel").AutomationPanelProps) => import("react").JSX.Element>;
-export declare const FunctionsContainer: import("react").LazyExoticComponent<({ space }: {
-    space: import("@dxos/client-protocol").Space;
-}) => import("react").JSX.Element>;
-export declare const FunctionsPanel: import("react").LazyExoticComponent<({ space }: import("./FunctionsPanel").FunctionsPanelProps) => import("react").JSX.Element>;
+export declare const AutomationPanel: import("react").LazyExoticComponent<({ space, object }: import("./AutomationPanel/AutomationPanel").AutomationPanelProps) => import("react").JSX.Element>;
 //# sourceMappingURL=index.d.ts.map

package/dist/types/src/components/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/index.ts"],"names":[],"mappings":"AAMA,cAAc,iBAAiB,CAAC;AAEhC,eAAO,MAAM,mBAAmB;;kCAA8C,CAAC;AAC/E,eAAO,MAAM,eAAe,mKAA0C,CAAC;AACvE,eAAO,MAAM,kBAAkB;;kCAA6C,CAAC;AAC7E,eAAO,MAAM,cAAc,iIAAyC,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/index.ts"],"names":[],"mappings":"AAMA,cAAc,iBAAiB,CAAC;AAEhC,eAAO,MAAM,eAAe,2JAA0C,CAAC"}

package/dist/types/src/testing/test-functions.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"test-functions.d.ts","sourceRoot":"","sources":["../../../../src/testing/test-functions.ts"],"names":[],"mappings":"AASA,eAAO,MAAM,SAAS;;;;;;;;;;IAsCrB,CAAC"}
+{"version":3,"file":"test-functions.d.ts","sourceRoot":"","sources":["../../../../src/testing/test-functions.ts"],"names":[],"mappings":"AAMA,eAAO,MAAM,SAAS;;;;;;;;;;IA2BrB,CAAC"}

package/dist/types/src/translations.d.ts

@@ -4,14 +4,6 @@ declare const _default: {
             'plugin name': string;
             'automation panel label': string;
             'script automation label': string;
-            'automation verbose label': string;
-            'automation description': string;
-            'functions panel label': string;
-            'functions verbose label': string;
-            'functions description': string;
-            'function copy id': string;
-            'no functions found': string;
-            'go to function source button label': string;
             'trigger editor title': string;
             'new trigger label': string;
             'trigger type timer': string;

package/dist/types/src/translations.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"translations.d.ts","sourceRoot":"","sources":["../../../src/translations.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAMA,wBAmCE"}
+{"version":3,"file":"translations.d.ts","sourceRoot":"","sources":["../../../src/translations.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAMA,wBA0BE"}

package/dist/types/tsconfig.tsbuildinfo

@@ -1 +1 @@
-{"version":"5.8.3"}
+{"version":"5.7.3"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dxos/plugin-automation",
-  "version": "0.8.2-main.fbd8ed0",
+  "version": "0.8.2-staging.7ac8446",
   "description": "Prompt chain plugin",
   "homepage": "https://dxos.org",
   "bugs": "https://github.com/dxos/dxos/issues",
@@ -13,11 +13,6 @@
       "types": "./dist/types/src/index.d.ts",
       "browser": "./dist/lib/browser/index.mjs",
       "node": "./dist/lib/node-esm/index.mjs"
-    },
-    "./types": {
-      "types": "./dist/types/src/types.d.ts",
-      "browser": "./dist/lib/browser/types.mjs",
-      "node": "./dist/lib/node-esm/types.mjs"
     }
   },
   "types": "dist/types/src/index.d.ts",
@@ -31,47 +26,40 @@
   ],
   "dependencies": {
     "@preact/signals-core": "^1.6.0",
-    "@dxos/app-framework": "0.8.2-main.fbd8ed0",
-    "@dxos/async": "0.8.2-main.fbd8ed0",
-    "@dxos/conductor": "0.8.2-main.fbd8ed0",
-    "@dxos/echo-schema": "0.8.2-main.fbd8ed0",
-    "@dxos/functions": "0.8.2-main.fbd8ed0",
-    "@dxos/echo": "0.8.2-main.fbd8ed0",
-    "@dxos/invariant": "0.8.2-main.fbd8ed0",
-    "@dxos/live-object": "0.8.2-main.fbd8ed0",
-    "@dxos/plugin-client": "0.8.2-main.fbd8ed0",
-    "@dxos/plugin-deck": "0.8.2-main.fbd8ed0",
-    "@dxos/plugin-graph": "0.8.2-main.fbd8ed0",
-    "@dxos/log": "0.8.2-main.fbd8ed0",
-    "@dxos/plugin-space": "0.8.2-main.fbd8ed0",
-    "@dxos/random": "0.8.2-main.fbd8ed0",
-    "@dxos/react-client": "0.8.2-main.fbd8ed0",
-    "@dxos/react-ui-stack": "0.8.2-main.fbd8ed0",
-    "@dxos/util": "0.8.2-main.fbd8ed0",
-    "@dxos/react-ui-form": "0.8.2-main.fbd8ed0",
-    "@dxos/react-ui-list": "0.8.2-main.fbd8ed0"
+    "@dxos/async": "0.8.2-staging.7ac8446",
+    "@dxos/app-framework": "0.8.2-staging.7ac8446",
+    "@dxos/conductor": "0.8.2-staging.7ac8446",
+    "@dxos/echo-schema": "0.8.2-staging.7ac8446",
+    "@dxos/functions": "0.8.2-staging.7ac8446",
+    "@dxos/invariant": "0.8.2-staging.7ac8446",
+    "@dxos/live-object": "0.8.2-staging.7ac8446",
+    "@dxos/log": "0.8.2-staging.7ac8446",
+    "@dxos/plugin-client": "0.8.2-staging.7ac8446",
+    "@dxos/plugin-deck": "0.8.2-staging.7ac8446",
+    "@dxos/plugin-graph": "0.8.2-staging.7ac8446",
+    "@dxos/plugin-script": "0.8.2-staging.7ac8446",
+    "@dxos/plugin-space": "0.8.2-staging.7ac8446",
+    "@dxos/react-client": "0.8.2-staging.7ac8446",
+    "@dxos/react-ui-form": "0.8.2-staging.7ac8446",
+    "@dxos/react-ui-list": "0.8.2-staging.7ac8446",
+    "@dxos/react-ui-stack": "0.8.2-staging.7ac8446",
+    "@dxos/util": "0.8.2-staging.7ac8446"
   },
   "devDependencies": {
-    "@effect-rx/rx-react": "^0.34.1",
-    "@effect/platform": "0.80.12",
     "@types/react": "~18.2.0",
     "@types/react-dom": "~18.2.0",
-    "effect": "3.14.21",
     "react": "~18.2.0",
     "react-dom": "~18.2.0",
     "vite": "5.4.7",
-    "@dxos/react-ui-theme": "0.8.2-main.fbd8ed0",
-    "@dxos/storybook-utils": "0.8.2-main.fbd8ed0",
-    "@dxos/react-ui": "0.8.2-main.fbd8ed0"
+    "@dxos/react-ui": "0.8.2-staging.7ac8446",
+    "@dxos/react-ui-theme": "0.8.2-staging.7ac8446",
+    "@dxos/storybook-utils": "0.8.2-staging.7ac8446"
   },
   "peerDependencies": {
-    "@effect-rx/rx-react": "^0.34.1",
-    "@effect/platform": "0.80.12",
-    "effect": "^3.13.3",
     "react": "~18.2.0",
     "react-dom": "~18.2.0",
-    "@dxos/react-ui": "0.8.2-main.fbd8ed0",
-    "@dxos/react-ui-theme": "0.8.2-main.fbd8ed0"
+    "@dxos/react-ui": "0.8.2-staging.7ac8446",
+    "@dxos/react-ui-theme": "0.8.2-staging.7ac8446"
   },
   "publishConfig": {
     "access": "public"

package/src/AutomationPlugin.tsx

@@ -3,10 +3,11 @@
 //
 
 import { Capabilities, contributes, defineModule, definePlugin, Events } from '@dxos/app-framework';
-import { FunctionType, FunctionTrigger } from '@dxos/functions';
+import { FunctionType, FunctionTrigger } from '@dxos/functions/types';
 import { ClientCapabilities, ClientEvents } from '@dxos/plugin-client';
+import { SpaceCapabilities, SpaceEvents } from '@dxos/plugin-space';
 
-import { AppGraphBuilder, IntentResolver, ReactSurface } from './capabilities';
+import { AppGraphBuilder, ReactSurface } from './capabilities';
 import { meta } from './meta';
 import translations from './translations';
 
@@ -28,9 +29,13 @@ export const AutomationPlugin = () =>
       activate: AppGraphBuilder,
     }),
     defineModule({
-      id: `${meta.id}/module/intent-resolver`,
-      activatesOn: Events.SetupIntentResolver,
-      activate: IntentResolver,
+      id: `${meta.id}/module/space-settings`,
+      activatesOn: SpaceEvents.SetupSettingsPanel,
+      activate: () =>
+        contributes(SpaceCapabilities.SettingsSection, {
+          id: 'automation',
+          label: ['automation panel label', { ns: meta.id }],
+        }),
     }),
     defineModule({
       id: `${meta.id}/module/react-surface`,

package/src/capabilities/app-graph-builder.ts

@@ -2,84 +2,30 @@
 // Copyright 2025 DXOS.org
 //
 
-import { Rx } from '@effect-rx/rx-react';
-import { Option, pipe } from 'effect';
-
-import { Capabilities, contributes, type PluginContext } from '@dxos/app-framework';
+import { Capabilities, contributes, type PluginsContext } from '@dxos/app-framework';
 import { isInstanceOf } from '@dxos/echo-schema';
 import { ScriptType } from '@dxos/functions';
 import { PLANK_COMPANION_TYPE, ATTENDABLE_PATH_SEPARATOR } from '@dxos/plugin-deck/types';
-import { createExtension } from '@dxos/plugin-graph';
-import { SPACE_PLUGIN } from '@dxos/plugin-space';
+import { createExtension, type Node } from '@dxos/plugin-graph';
+import { SCRIPT_PLUGIN } from '@dxos/plugin-script/types';
 
 import { meta } from '../meta';
 
-export default (context: PluginContext) =>
+export default (context: PluginsContext) =>
   contributes(Capabilities.AppGraphBuilder, [
     createExtension({
-      id: `${meta.id}/space-settings-automation`,
-      connector: (node) =>
-        Rx.make((get) =>
-          pipe(
-            get(node),
-            Option.flatMap((node) => (node.type === `${SPACE_PLUGIN}/settings` ? Option.some(node) : Option.none())),
-            Option.map((node) => [
-              {
-                id: `automation-${node.id}`,
-                type: `${meta.id}/space-settings-automation`,
-                data: `${meta.id}/space-settings-automation`,
-                properties: {
-                  label: ['automation panel label', { ns: meta.id }],
-                  icon: 'ph--lightning--regular',
-                },
-              },
-            ]),
-            Option.getOrElse(() => []),
-          ),
-        ),
-    }),
-    createExtension({
-      id: `${meta.id}/space-settings-functions`,
-      connector: (node) =>
-        Rx.make((get) =>
-          pipe(
-            get(node),
-            Option.flatMap((node) => (node.type === `${SPACE_PLUGIN}/settings` ? Option.some(node) : Option.none())),
-            Option.map((node) => [
-              {
-                id: `functions-${node.id}`,
-                type: `${meta.id}/space-settings-functions`,
-                data: `${meta.id}/space-settings-functions`,
-                properties: {
-                  label: ['functions panel label', { ns: meta.id }],
-                  icon: 'ph--function--regular',
-                },
-              },
-            ]),
-            Option.getOrElse(() => []),
-          ),
-        ),
-    }),
-    createExtension({
-      id: `${meta.id}/script-companion`,
-      connector: (node) =>
-        Rx.make((get) =>
-          pipe(
-            get(node),
-            Option.flatMap((node) => (isInstanceOf(ScriptType, node.data) ? Option.some(node) : Option.none())),
-            Option.map((node) => [
-              {
-                id: [node.id, 'automation'].join(ATTENDABLE_PATH_SEPARATOR),
-                type: PLANK_COMPANION_TYPE,
-                data: 'automation',
-                properties: {
-                  label: ['script automation label', { ns: meta.id }],
-                  icon: 'ph--lightning--regular',
-                },
-              },
-            ]),
-            Option.getOrElse(() => []),
-          ),
-        ),
+      id: `${SCRIPT_PLUGIN}/script-companion`,
+      filter: (node): node is Node<ScriptType> => isInstanceOf(ScriptType, node.data),
+      connector: ({ node }) => [
+        {
+          id: [node.id, 'automation'].join(ATTENDABLE_PATH_SEPARATOR),
+          type: PLANK_COMPANION_TYPE,
+          data: 'automation',
+          properties: {
+            label: ['script automation label', { ns: meta.id }],
+            icon: 'ph--lightning--regular',
+          },
+        },
+      ],
     }),
   ]);

package/src/capabilities/index.ts

@@ -5,5 +5,4 @@
 import { lazy } from '@dxos/app-framework';
 
 export const AppGraphBuilder = lazy(() => import('./app-graph-builder'));
-export const IntentResolver = lazy(() => import('./intent-resolver'));
 export const ReactSurface = lazy(() => import('./react-surface'));

package/src/capabilities/react-surface.tsx

@@ -4,46 +4,22 @@
 
 import React from 'react';
 
-import { Capabilities, contributes, createSurface, useLayout } from '@dxos/app-framework';
+import { Capabilities, contributes, createSurface } from '@dxos/app-framework';
 import { isInstanceOf } from '@dxos/echo-schema';
-import { ScriptType } from '@dxos/functions';
-import { getSpace, parseId, useSpace } from '@dxos/react-client/echo';
+import { ScriptType } from '@dxos/functions/types';
+import { getSpace, isSpace, type Space } from '@dxos/react-client/echo';
 import { StackItem } from '@dxos/react-ui-stack';
 
-import { AutomationContainer, AutomationPanel, FunctionsContainer } from '../components';
+import { AutomationPanel } from '../components';
 import { meta } from '../meta';
 
 export default () =>
   contributes(Capabilities.ReactSurface, [
     createSurface({
-      id: `${meta.id}/space-settings-automation`,
-      role: 'article',
-      filter: (data): data is { subject: string } => data.subject === `${meta.id}/space-settings-automation`,
-      component: () => {
-        const layout = useLayout();
-        const { spaceId } = parseId(layout.workspace);
-        const space = useSpace(spaceId);
-        if (!space || !spaceId) {
-          return null;
-        }
-
-        return <AutomationContainer space={space} />;
-      },
-    }),
-    createSurface({
-      id: `${meta.id}/space-settings-functions`,
-      role: 'article',
-      filter: (data): data is { subject: string } => data.subject === `${meta.id}/space-settings-functions`,
-      component: () => {
-        const layout = useLayout();
-        const { spaceId } = parseId(layout.workspace);
-        const space = useSpace(spaceId);
-        if (!space || !spaceId) {
-          return null;
-        }
-
-        return <FunctionsContainer space={space} />;
-      },
+      id: `${meta.id}/automation`,
+      role: 'space-settings--automation',
+      filter: (data): data is { subject: Space } => isSpace(data.subject),
+      component: ({ data }) => <AutomationPanel space={data.subject} />,
     }),
     createSurface({
       id: `${meta.id}/companion/automation`,

package/src/components/AutomationPanel/AutomationPanel.stories.tsx

@@ -7,8 +7,8 @@ import '@dxos-theme';
 import { type Meta } from '@storybook/react';
 import React from 'react';
 
-import { FunctionType, FunctionTrigger } from '@dxos/functions';
-import { live, useSpaces } from '@dxos/react-client/echo';
+import { FunctionType, FunctionTrigger } from '@dxos/functions/types';
+import { create, useSpaces } from '@dxos/react-client/echo';
 import { withClientProvider } from '@dxos/react-client/testing';
 import { withLayout, withTheme } from '@dxos/storybook-utils';
 
@@ -21,7 +21,7 @@ const DefaultStory = () => {
   const space = spaces[1];
 
   return (
-    <div role='none' className='w-96'>
+    <div role='none' className='flex w-[350px] border border-separator overflow-hidden'>
       <AutomationPanel space={space} />
     </div>
   );
@@ -38,11 +38,11 @@ const meta: Meta = {
       types: [FunctionType, FunctionTrigger],
       onSpaceCreated: ({ space }) => {
         for (const fn of functions) {
-          space.db.add(live(FunctionType, fn));
+          space.db.add(create(FunctionType, fn));
         }
       },
     }),
-    withLayout({ fullscreen: true, classNames: 'flex juastify-center m-2' }),
+    withLayout({ fullscreen: true, tooltips: true, classNames: 'flex justify-center m-2' }),
     withTheme,
   ],
   parameters: {

package/src/components/AutomationPanel/AutomationPanel.tsx

@@ -2,9 +2,9 @@
 // Copyright 2024 DXOS.org
 //
 
-import { Schema } from 'effect';
 import React, { useState } from 'react';
 
+import { S } from '@dxos/echo-schema';
 import {
   FunctionType,
   FunctionTrigger,
@@ -12,12 +12,13 @@ import {
   TriggerKind,
   type FunctionTriggerType,
   ScriptType,
-} from '@dxos/functions';
+} from '@dxos/functions/types';
 import { type Client, useClient } from '@dxos/react-client';
-import { live, Filter, useQuery, type Space, type Live, getSpace } from '@dxos/react-client/echo';
+import { create, Filter, useQuery, type Space, type ReactiveObject, getSpace } from '@dxos/react-client/echo';
 import { Clipboard, IconButton, Input, Separator, useTranslation } from '@dxos/react-ui';
 import { ControlItem, controlItemClasses } from '@dxos/react-ui-form';
 import { List } from '@dxos/react-ui-list';
+import { StackItem } from '@dxos/react-ui-stack';
 import { ghostHover, mx } from '@dxos/react-ui-theme';
 
 import { AUTOMATION_PLUGIN } from '../../meta';
@@ -27,20 +28,18 @@ const grid = 'grid grid-cols-[40px_1fr_32px] min-bs-[2.5rem]';
 
 export type AutomationPanelProps = {
   space: Space;
-  object?: Live<any>;
-  initialTrigger?: FunctionTriggerType;
-  onDone?: () => void;
+  object?: ReactiveObject<any>;
 };
 
 // TODO(burdon): Factor out common layout with ViewEditor.
-export const AutomationPanel = ({ space, object, initialTrigger, onDone }: AutomationPanelProps) => {
+export const AutomationPanel = ({ space, object }: AutomationPanelProps) => {
   const { t } = useTranslation(AUTOMATION_PLUGIN);
   const client = useClient();
-  const triggers = useQuery(space, Filter.type(FunctionTrigger));
-  const functions = useQuery(space, Filter.type(FunctionType));
-  const scripts = useQuery(space, Filter.type(ScriptType));
+  const triggers = useQuery(space, Filter.schema(FunctionTrigger));
+  const functions = useQuery(space, Filter.schema(FunctionType));
+  const scripts = useQuery(space, Filter.schema(ScriptType));
 
-  const [trigger, setTrigger] = useState<FunctionTriggerType | undefined>(initialTrigger);
+  const [trigger, setTrigger] = useState<FunctionTriggerType>();
   const [selected, setSelected] = useState<FunctionTrigger>();
 
   const handleSelect = (trigger: FunctionTrigger) => {
@@ -50,7 +49,7 @@ export const AutomationPanel = ({ space, object, initialTrigger, onDone }: Autom
   };
 
   const handleAdd = () => {
-    setTrigger(live(FunctionTriggerSchema, {}));
+    setTrigger(create(FunctionTriggerSchema, {}));
     setSelected(undefined);
   };
 
@@ -64,83 +63,85 @@ export const AutomationPanel = ({ space, object, initialTrigger, onDone }: Autom
     if (selected) {
       Object.assign(selected, trigger);
     } else {
-      space.db.add(live(FunctionTrigger, trigger));
+      space.db.add(create(FunctionTrigger, trigger));
     }
 
     setTrigger(undefined);
     setSelected(undefined);
-    onDone?.();
   };
 
   const handleCancel: TriggerEditorProps['onCancel'] = () => {
     setTrigger(undefined);
-    onDone?.();
   };
 
   return (
-    <div className='flex flex-col w-full'>
-      {trigger ? (
-        <ControlItem title={t('trigger editor title')}>
-          <TriggerEditor space={space} trigger={trigger} onSave={handleSave} onCancel={handleCancel} />
-        </ControlItem>
-      ) : (
-        <div role='none' className={controlItemClasses}>
-          <List.Root<FunctionTrigger> items={triggers} isItem={Schema.is(FunctionTrigger)} getId={(field) => field.id}>
-            {({ items: triggers }) => (
-              <div role='list' className='flex flex-col w-full'>
-                {triggers?.map((trigger) => {
-                  const copyAction = getCopyAction(client, trigger);
-                  return (
-                    <List.Item<FunctionTrigger>
-                      key={trigger.id}
-                      item={trigger}
-                      classNames={mx(grid, ghostHover, 'items-center', 'px-2')}
-                    >
-                      <Input.Root>
-                        <Input.Switch
-                          checked={trigger.enabled}
-                          onCheckedChange={(checked) => (trigger.enabled = checked)}
-                        />
-                      </Input.Root>
-
-                      <div className={'flex'}>
-                        <List.ItemTitle
-                          classNames='px-1 cursor-pointer w-0 shrink truncate'
-                          onClick={() => handleSelect(trigger)}
+    <Clipboard.Provider>
+      <StackItem.Content classNames='block overflow-y-auto'>
+        <div className='flex flex-col w-full'>
+          {trigger ? (
+            <ControlItem title={t('trigger editor title')}>
+              <TriggerEditor space={space} trigger={trigger} onSave={handleSave} onCancel={handleCancel} />
+            </ControlItem>
+          ) : (
+            <div role='none' className={controlItemClasses}>
+              <List.Root<FunctionTrigger> items={triggers} isItem={S.is(FunctionTrigger)} getId={(field) => field.id}>
+                {({ items: triggers }) => (
+                  <div role='list' className='flex flex-col w-full'>
+                    {triggers?.map((trigger) => {
+                      const copyAction = getCopyAction(client, trigger);
+                      return (
+                        <List.Item<FunctionTrigger>
+                          key={trigger.id}
+                          item={trigger}
+                          classNames={mx(grid, ghostHover, 'items-center', 'px-2')}
                         >
-                          {getFunctionName(scripts, functions, trigger) ?? '∅'}
-                        </List.ItemTitle>
-
-                        {/* TODO: a better way to expose copy action */}
-                        {copyAction && (
-                          <Clipboard.IconButton
-                            label={t(copyAction.translationKey)}
-                            value={copyAction.contentProvider()}
-                          />
-                        )}
-                      </div>
-
-                      <List.ItemDeleteButton onClick={() => handleDelete(trigger)} />
-                    </List.Item>
-                  );
-                })}
-              </div>
-            )}
-          </List.Root>
-          {triggers.length > 0 && <Separator classNames='mlb-4' />}
-          <IconButton icon='ph--plus--regular' label={t('new trigger label')} onClick={handleAdd} />
+                          <Input.Root>
+                            <Input.Switch
+                              checked={trigger.enabled}
+                              onCheckedChange={(checked) => (trigger.enabled = checked)}
+                            />
+                          </Input.Root>
+
+                          <div className={'flex'}>
+                            <List.ItemTitle
+                              classNames='px-1 cursor-pointer w-0 shrink truncate'
+                              onClick={() => handleSelect(trigger)}
+                            >
+                              {getFunctionName(scripts, functions, trigger) ?? '∅'}
+                            </List.ItemTitle>
+
+                            {/* TODO: a better way to expose copy action */}
+                            {copyAction && (
+                              <Clipboard.IconButton
+                                label={t(copyAction.translationKey)}
+                                value={copyAction.contentProvider()}
+                              />
+                            )}
+                          </div>
+
+                          <List.ItemDeleteButton onClick={() => handleDelete(trigger)} />
+                        </List.Item>
+                      );
+                    })}
+                  </div>
+                )}
+              </List.Root>
+              {triggers.length > 0 && <Separator classNames='mlb-4' />}
+              <IconButton icon='ph--plus--regular' label={t('new trigger label')} onClick={handleAdd} />
+            </div>
+          )}
         </div>
-      )}
-    </div>
+      </StackItem.Content>
+    </Clipboard.Provider>
   );
 };
 
 const getCopyAction = (client: Client, trigger: FunctionTrigger | undefined) => {
-  if (trigger?.spec?.kind === TriggerKind.Email) {
+  if (trigger?.spec?.type === TriggerKind.Email) {
     return { translationKey: 'trigger copy email', contentProvider: () => `${getSpace(trigger)!.id}@dxos.network` };
   }
 
-  if (trigger?.spec?.kind === TriggerKind.Webhook) {
+  if (trigger?.spec?.type === TriggerKind.Webhook) {
     return { translationKey: 'trigger copy url', contentProvider: () => getWebhookUrl(client, trigger) };
   }
 
@@ -158,11 +159,10 @@ const getWebhookUrl = (client: Client, trigger: FunctionTrigger) => {
 const getFunctionName = (scripts: ScriptType[], functions: FunctionType[], trigger: FunctionTriggerType) => {
   // TODO(wittjosiah): Truncation should be done in the UI.
   //   Warning that the List component is currently a can of worms.
-  const shortId = trigger.function && `${trigger.function.dxn.toString().slice(0, 16)}…`;
-  const functionObject = functions.find((fn) => fn === trigger.function?.target);
+  const shortId = trigger.function && `${trigger.function?.slice(0, 16)}…`;
+  const functionObject = functions.find((fn) => `dxn:worker:${fn.name}` === trigger.function);
   if (!functionObject) {
     return shortId;
   }
-
   return scripts.find((s) => functionObject.source?.target?.id === s.id)?.name ?? shortId;
 };

package/src/components/AutomationPanel/index.ts

@@ -4,6 +4,4 @@
 
 import { AutomationPanel } from './AutomationPanel';
 
-export * from './AutomationPanel';
-
 export default AutomationPanel;