@dxos/plugin-automation 0.8.3 → 0.8.4-main.1f223c7

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dxos/plugin-automation",
-  "version": "0.8.3",
+  "version": "0.8.4-main.1f223c7",
   "description": "Prompt chain plugin",
   "homepage": "https://dxos.org",
   "bugs": "https://github.com/dxos/dxos/issues",
@@ -10,14 +10,16 @@
   "type": "module",
   "exports": {
     ".": {
+      "source": "./src/index.ts",
       "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"
+      "source": "./src/types/index.ts",
+      "types": "./dist/types/src/types/index.d.ts",
+      "browser": "./dist/lib/browser/types/index.mjs",
+      "node": "./dist/lib/node-esm/types/index.mjs"
     }
   },
   "types": "dist/types/src/index.d.ts",
@@ -32,47 +34,47 @@
   "dependencies": {
     "@preact-signals/safe-react": "^0.9.0",
     "@preact/signals-core": "^1.9.0",
-    "@dxos/app-framework": "0.8.3",
-    "@dxos/conductor": "0.8.3",
-    "@dxos/functions": "0.8.3",
-    "@dxos/echo-schema": "0.8.3",
-    "@dxos/invariant": "0.8.3",
-    "@dxos/echo": "0.8.3",
-    "@dxos/live-object": "0.8.3",
-    "@dxos/log": "0.8.3",
-    "@dxos/plugin-deck": "0.8.3",
-    "@dxos/plugin-client": "0.8.3",
-    "@dxos/plugin-graph": "0.8.3",
-    "@dxos/plugin-space": "0.8.3",
-    "@dxos/random": "0.8.3",
-    "@dxos/react-client": "0.8.3",
-    "@dxos/react-ui-form": "0.8.3",
-    "@dxos/react-ui-stack": "0.8.3",
-    "@dxos/async": "0.8.3",
-    "@dxos/util": "0.8.3",
-    "@dxos/react-ui-list": "0.8.3"
+    "@dxos/app-framework": "0.8.4-main.1f223c7",
+    "@dxos/async": "0.8.4-main.1f223c7",
+    "@dxos/conductor": "0.8.4-main.1f223c7",
+    "@dxos/echo": "0.8.4-main.1f223c7",
+    "@dxos/functions": "0.8.4-main.1f223c7",
+    "@dxos/echo-schema": "0.8.4-main.1f223c7",
+    "@dxos/invariant": "0.8.4-main.1f223c7",
+    "@dxos/live-object": "0.8.4-main.1f223c7",
+    "@dxos/plugin-client": "0.8.4-main.1f223c7",
+    "@dxos/plugin-deck": "0.8.4-main.1f223c7",
+    "@dxos/plugin-graph": "0.8.4-main.1f223c7",
+    "@dxos/log": "0.8.4-main.1f223c7",
+    "@dxos/plugin-space": "0.8.4-main.1f223c7",
+    "@dxos/random": "0.8.4-main.1f223c7",
+    "@dxos/react-client": "0.8.4-main.1f223c7",
+    "@dxos/react-ui-form": "0.8.4-main.1f223c7",
+    "@dxos/react-ui-list": "0.8.4-main.1f223c7",
+    "@dxos/react-ui-stack": "0.8.4-main.1f223c7",
+    "@dxos/util": "0.8.4-main.1f223c7"
   },
   "devDependencies": {
-    "@effect-rx/rx-react": "^0.34.1",
-    "@effect/platform": "0.80.12",
+    "@effect-rx/rx-react": "0.38.0",
+    "@effect/platform": "0.90.2",
     "@types/react": "~18.2.0",
     "@types/react-dom": "~18.2.0",
-    "effect": "3.14.21",
+    "effect": "3.17.7",
     "react": "~18.2.0",
     "react-dom": "~18.2.0",
-    "vite": "5.4.7",
-    "@dxos/react-ui-theme": "0.8.3",
-    "@dxos/react-ui": "0.8.3",
-    "@dxos/storybook-utils": "0.8.3"
+    "vite": "7.1.1",
+    "@dxos/react-ui": "0.8.4-main.1f223c7",
+    "@dxos/react-ui-theme": "0.8.4-main.1f223c7",
+    "@dxos/storybook-utils": "0.8.4-main.1f223c7"
   },
   "peerDependencies": {
     "@effect-rx/rx-react": "^0.34.1",
-    "@effect/platform": "0.80.12",
+    "@effect/platform": "^0.80.12",
     "effect": "^3.13.3",
     "react": "~18.2.0",
     "react-dom": "~18.2.0",
-    "@dxos/react-ui": "0.8.3",
-    "@dxos/react-ui-theme": "0.8.3"
+    "@dxos/react-ui": "0.8.4-main.1f223c7",
+    "@dxos/react-ui-theme": "0.8.4-main.1f223c7"
   },
   "publishConfig": {
     "access": "public"

package/src/AutomationPlugin.tsx

@@ -2,13 +2,13 @@
 // Copyright 2023 DXOS.org
 //
 
-import { Capabilities, contributes, defineModule, definePlugin, Events } from '@dxos/app-framework';
-import { FunctionType, FunctionTrigger } from '@dxos/functions';
+import { Capabilities, Events, contributes, defineModule, definePlugin } from '@dxos/app-framework';
+import { FunctionTrigger, FunctionType } from '@dxos/functions';
 import { ClientCapabilities, ClientEvents } from '@dxos/plugin-client';
 
 import { AppGraphBuilder, IntentResolver, ReactSurface } from './capabilities';
 import { meta } from './meta';
-import translations from './translations';
+import { translations } from './translations';
 
 export const AutomationPlugin = () =>
   definePlugin(meta, [

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

@@ -5,10 +5,10 @@
 import { Rx } from '@effect-rx/rx-react';
 import { Option, pipe } from 'effect';
 
-import { Capabilities, contributes, type PluginContext } from '@dxos/app-framework';
+import { Capabilities, type PluginContext, contributes } from '@dxos/app-framework';
 import { Obj } from '@dxos/echo';
 import { ScriptType } from '@dxos/functions';
-import { PLANK_COMPANION_TYPE, ATTENDABLE_PATH_SEPARATOR } from '@dxos/plugin-deck/types';
+import { ATTENDABLE_PATH_SEPARATOR, PLANK_COMPANION_TYPE } from '@dxos/plugin-deck/types';
 import { createExtension } from '@dxos/plugin-graph';
 import { SPACE_PLUGIN } from '@dxos/plugin-space';
 

package/src/capabilities/intent-resolver.ts

@@ -3,15 +3,15 @@
 //
 
 import {
-  contributes,
   Capabilities,
-  createResolver,
+  LayoutAction,
   type PluginContext,
+  contributes,
   createIntent,
-  LayoutAction,
+  createResolver,
 } from '@dxos/app-framework';
 import { Obj, Ref } from '@dxos/echo';
-import { FunctionTrigger, FunctionType, ScriptType, TriggerKind } from '@dxos/functions';
+import { FunctionTrigger, FunctionType, ScriptType } from '@dxos/functions';
 import { type DXN } from '@dxos/keys';
 import { ATTENDABLE_PATH_SEPARATOR } from '@dxos/plugin-deck/types';
 import { SpaceAction } from '@dxos/plugin-space/types';
@@ -43,11 +43,11 @@ export default (context: PluginContext) =>
 
         switch (template.type) {
           case 'timer': {
-            trigger.spec = { kind: TriggerKind.Timer, cron: template.cron };
+            trigger.spec = { kind: 'timer', cron: template.cron };
             break;
           }
           case 'queue': {
-            trigger.spec = { kind: TriggerKind.Queue, queue: (template.queueDXN as DXN).toString() };
+            trigger.spec = { kind: 'queue', queue: (template.queueDXN as DXN).toString() };
             break;
           }
           default: {
@@ -57,7 +57,7 @@ export default (context: PluginContext) =>
 
         return {
           intents: [
-            createIntent(SpaceAction.AddObject, { object: trigger, target: space }),
+            createIntent(SpaceAction.AddObject, { object: trigger, target: space, hidden: true }),
             createIntent(LayoutAction.Open, {
               part: 'main',
               subject: [`automation-settings${ATTENDABLE_PATH_SEPARATOR}${space.id}`],

package/src/components/AutomationContainer.tsx

@@ -5,25 +5,23 @@
 import React from 'react';
 
 import { useTranslation } from '@dxos/react-ui';
-import { ControlSection, ControlPage } from '@dxos/react-ui-form';
-import { StackItem } from '@dxos/react-ui-stack';
+import { ControlPage, ControlSection } from '@dxos/react-ui-form';
 
-import { AutomationPanel, type AutomationPanelProps } from './AutomationPanel';
 import { AUTOMATION_PLUGIN } from '../meta';
 
+import { AutomationPanel, type AutomationPanelProps } from './AutomationPanel';
+
 export const AutomationContainer = (props: AutomationPanelProps) => {
   const { t } = useTranslation(AUTOMATION_PLUGIN);
   return (
-    <StackItem.Content classNames='block overflow-y-auto'>
-      <ControlPage>
-        <ControlSection
-          title={t('automation verbose label', { ns: AUTOMATION_PLUGIN })}
-          description={t('automation description', { ns: AUTOMATION_PLUGIN })}
-        >
-          <AutomationPanel {...props} />
-        </ControlSection>
-      </ControlPage>
-    </StackItem.Content>
+    <ControlPage>
+      <ControlSection
+        title={t('automation verbose label', { ns: AUTOMATION_PLUGIN })}
+        description={t('automation description', { ns: AUTOMATION_PLUGIN })}
+      >
+        <AutomationPanel {...props} />
+      </ControlSection>
+    </ControlPage>
   );
 };
 

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

@@ -4,18 +4,19 @@
 
 import '@dxos-theme';
 
-import { type Meta } from '@storybook/react';
+import { type Meta, type StoryObj } from '@storybook/react-vite';
 import React from 'react';
 
 import { Obj } from '@dxos/echo';
-import { FunctionType, FunctionTrigger } from '@dxos/functions';
+import { FunctionTrigger, FunctionType } from '@dxos/functions';
 import { useSpaces } from '@dxos/react-client/echo';
 import { withClientProvider } from '@dxos/react-client/testing';
 import { withLayout, withTheme } from '@dxos/storybook-utils';
 
-import { AutomationPanel } from './AutomationPanel';
 import { functions } from '../../testing';
-import translations from '../../translations';
+import { translations } from '../../translations';
+
+import { AutomationPanel } from './AutomationPanel';
 
 const DefaultStory = () => {
   const spaces = useSpaces();
@@ -28,9 +29,9 @@ const DefaultStory = () => {
   );
 };
 
-const meta: Meta = {
+const meta = {
   title: 'plugins/plugin-automation/AutomationPanel',
-  component: AutomationPanel,
+  component: AutomationPanel as any,
   render: DefaultStory,
   decorators: [
     withClientProvider({
@@ -50,8 +51,10 @@ const meta: Meta = {
     layout: 'centered',
     translations,
   },
-};
+} satisfies Meta<typeof DefaultStory>;
 
 export default meta;
 
-export const Default = {};
+type Story = StoryObj<typeof meta>;
+
+export const Default: Story = {};

package/src/components/AutomationPanel/AutomationPanel.tsx

@@ -6,17 +6,10 @@ import { Schema } from 'effect';
 import React, { useState } from 'react';
 
 import { Filter, Obj } from '@dxos/echo';
-import {
-  FunctionType,
-  FunctionTrigger,
-  FunctionTriggerSchema,
-  type FunctionTriggerType,
-  ScriptType,
-  TriggerKind,
-} from '@dxos/functions';
+import { FunctionTrigger, FunctionType, ScriptType } from '@dxos/functions';
 import { type Client, useClient } from '@dxos/react-client';
-import { useQuery, type Space, getSpace } from '@dxos/react-client/echo';
-import { Clipboard, IconButton, Input, Separator, useTranslation } from '@dxos/react-ui';
+import { type Space, getSpace, useQuery } from '@dxos/react-client/echo';
+import { Clipboard, IconButton, Input, Separator, type ThemedClassName, useTranslation } from '@dxos/react-ui';
 import { ControlItem, controlItemClasses } from '@dxos/react-ui-form';
 import { List } from '@dxos/react-ui-list';
 import { ghostHover, mx } from '@dxos/react-ui-theme';
@@ -26,32 +19,31 @@ import { TriggerEditor, type TriggerEditorProps } from '../TriggerEditor';
 
 const grid = 'grid grid-cols-[40px_1fr_32px] min-bs-[2.5rem]';
 
-export type AutomationPanelProps = {
+export type AutomationPanelProps = ThemedClassName<{
   space: Space;
   object?: Obj.Any;
-  initialTrigger?: FunctionTriggerType;
+  initialTrigger?: FunctionTrigger;
   onDone?: () => void;
-};
+}>;
 
 // TODO(burdon): Factor out common layout with ViewEditor.
-export const AutomationPanel = ({ space, object, initialTrigger, onDone }: AutomationPanelProps) => {
+export const AutomationPanel = ({ classNames, space, object, initialTrigger, onDone }: 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 [trigger, setTrigger] = useState<FunctionTriggerType | undefined>(initialTrigger);
+  const [trigger, setTrigger] = useState<FunctionTrigger | undefined>(initialTrigger);
   const [selected, setSelected] = useState<FunctionTrigger>();
 
   const handleSelect = (trigger: FunctionTrigger) => {
-    const { id: _, ...values } = trigger;
-    setTrigger(values);
+    setTrigger(trigger);
     setSelected(trigger);
   };
 
   const handleAdd = () => {
-    setTrigger(Obj.make(FunctionTriggerSchema, {}));
+    setTrigger(Obj.make(FunctionTrigger, {}));
     setSelected(undefined);
   };
 
@@ -87,7 +79,7 @@ export const AutomationPanel = ({ space, object, initialTrigger, onDone }: Autom
   }
 
   return (
-    <div className={controlItemClasses}>
+    <div className={mx(controlItemClasses, classNames)}>
       {triggers.length > 0 && (
         <List.Root<FunctionTrigger> items={triggers} isItem={Schema.is(FunctionTrigger)} getId={(field) => field.id}>
           {({ items: triggers }) => (
@@ -139,11 +131,11 @@ export const AutomationPanel = ({ space, object, initialTrigger, onDone }: Autom
 };
 
 const getCopyAction = (client: Client, trigger: FunctionTrigger | undefined) => {
-  if (trigger?.spec?.kind === TriggerKind.Email) {
+  if (trigger?.spec?.kind === 'email') {
     return { translationKey: 'trigger copy email', contentProvider: () => `${getSpace(trigger)!.id}@dxos.network` };
   }
 
-  if (trigger?.spec?.kind === TriggerKind.Webhook) {
+  if (trigger?.spec?.kind === 'webhook') {
     return { translationKey: 'trigger copy url', contentProvider: () => getWebhookUrl(client, trigger) };
   }
 
@@ -158,14 +150,10 @@ const getWebhookUrl = (client: Client, trigger: FunctionTrigger) => {
   return new URL(`/webhook/${spaceId}:${trigger.id}`, edgeUrl).toString();
 };
 
-const getFunctionName = (scripts: ScriptType[], functions: FunctionType[], trigger: FunctionTriggerType) => {
+const getFunctionName = (scripts: ScriptType[], functions: FunctionType[], trigger: FunctionTrigger) => {
   // 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);
-  if (!functionObject) {
-    return shortId;
-  }
-
-  return scripts.find((s) => functionObject.source?.target?.id === s.id)?.name ?? shortId;
+  return functionObject?.name ?? shortId;
 };

package/src/components/FunctionsContainer.tsx

@@ -7,24 +7,22 @@ import React from 'react';
 import { type Space } from '@dxos/react-client/echo';
 import { useTranslation } from '@dxos/react-ui';
 import { ControlPage, ControlSection } from '@dxos/react-ui-form';
-import { StackItem } from '@dxos/react-ui-stack';
 
-import { FunctionsPanel } from './FunctionsPanel';
 import { AUTOMATION_PLUGIN } from '../meta';
 
+import { FunctionsPanel } from './FunctionsPanel';
+
 export const FunctionsContainer = ({ space }: { space: Space }) => {
   const { t } = useTranslation(AUTOMATION_PLUGIN);
   return (
-    <StackItem.Content classNames='block overflow-y-auto'>
-      <ControlPage>
-        <ControlSection
-          title={t('functions verbose label', { ns: AUTOMATION_PLUGIN })}
-          description={t('functions description', { ns: AUTOMATION_PLUGIN })}
-        >
-          <FunctionsPanel space={space} />
-        </ControlSection>
-      </ControlPage>
-    </StackItem.Content>
+    <ControlPage>
+      <ControlSection
+        title={t('functions verbose label', { ns: AUTOMATION_PLUGIN })}
+        description={t('functions description', { ns: AUTOMATION_PLUGIN })}
+      >
+        <FunctionsPanel space={space} />
+      </ControlSection>
+    </ControlPage>
   );
 };
 

package/src/components/FunctionsPanel/FunctionsPanel.tsx

@@ -5,9 +5,9 @@
 import { Schema } from 'effect';
 import React, { useCallback, useMemo } from 'react';
 
-import { createIntent, LayoutAction, useIntentDispatcher } from '@dxos/app-framework';
+import { LayoutAction, createIntent, useIntentDispatcher } from '@dxos/app-framework';
 import { FunctionType, ScriptType } from '@dxos/functions';
-import { Filter, fullyQualifiedId, useQuery, type Space } from '@dxos/react-client/echo';
+import { Filter, type Space, fullyQualifiedId, useQuery } from '@dxos/react-client/echo';
 import { Button, useTranslation } from '@dxos/react-ui';
 import { controlItemClasses } from '@dxos/react-ui-form';
 import { List } from '@dxos/react-ui-list';

package/src/components/TriggerEditor/SpecSelector.tsx

@@ -4,9 +4,9 @@
 
 import React, { useCallback, useMemo } from 'react';
 
-import { type FunctionTriggerType, TriggerKind, type TriggerType } from '@dxos/functions';
+import { type FunctionTrigger, TriggerKinds, type TriggerType } from '@dxos/functions';
 import { useTranslation } from '@dxos/react-ui';
-import { SelectInput, type InputProps, useInputProps } from '@dxos/react-ui-form';
+import { type InputProps, SelectInput, useInputProps } from '@dxos/react-ui-form';
 
 import { AUTOMATION_PLUGIN } from '../../meta';
 
@@ -14,22 +14,22 @@ export type SpecSelectorProps = InputProps;
 
 export const SpecSelector = (props: SpecSelectorProps) => {
   const { t } = useTranslation(AUTOMATION_PLUGIN);
-  const specProps = useInputProps(['spec' satisfies keyof FunctionTriggerType]);
+  const specProps = useInputProps(['spec' satisfies keyof FunctionTrigger]);
 
   const handleTypeChange = useCallback(
     (_type: any, value: string): TriggerType | undefined => {
       const getDefaultTriggerSpec = (kind: string) => {
         switch (kind) {
-          case TriggerKind.Timer:
-            return { kind: TriggerKind.Timer, cron: '' };
-          case TriggerKind.Subscription:
-            return { kind: TriggerKind.Subscription, filter: {} };
-          case TriggerKind.Queue:
-            return { kind: TriggerKind.Queue, queue: '' };
-          case TriggerKind.Email:
-            return { kind: TriggerKind.Email };
-          case TriggerKind.Webhook:
-            return { kind: TriggerKind.Webhook };
+          case 'timer':
+            return { kind: 'timer', cron: '' };
+          case 'subscription':
+            return { kind: 'subscription', filter: {} };
+          case 'queue':
+            return { kind: 'queue', queue: '' };
+          case 'email':
+            return { kind: 'email' };
+          case 'webhook':
+            return { kind: 'webhook' };
           default:
             return undefined;
         }
@@ -48,7 +48,7 @@ export const SpecSelector = (props: SpecSelectorProps) => {
 
   const options = useMemo(
     () =>
-      Object.values(TriggerKind).map((kind) => ({
+      TriggerKinds.map((kind) => ({
         value: kind,
         label: t(`trigger type ${kind}`),
       })),

package/src/components/TriggerEditor/TriggerEditor.stories.tsx

@@ -4,19 +4,20 @@
 
 import '@dxos-theme';
 
-import { type Meta } from '@storybook/react';
+import { type Meta, type StoryObj } from '@storybook/react-vite';
 import React, { useEffect, useState } from 'react';
 
 import { Obj } from '@dxos/echo';
-import { FunctionType, FunctionTrigger, TriggerKind } from '@dxos/functions';
+import { FunctionTrigger, FunctionType } from '@dxos/functions';
 import { faker } from '@dxos/random';
 import { useSpaces } from '@dxos/react-client/echo';
 import { ContactType, withClientProvider } from '@dxos/react-client/testing';
 import { withLayout, withTheme } from '@dxos/storybook-utils';
 
-import { TriggerEditor } from './TriggerEditor';
 import { functions } from '../../testing';
-import translations from '../../translations';
+import { translations } from '../../translations';
+
+import { TriggerEditor } from './TriggerEditor';
 
 const DefaultStory = () => {
   const spaces = useSpaces();
@@ -27,7 +28,7 @@ const DefaultStory = () => {
       return;
     }
 
-    const trigger = space.db.add(Obj.make(FunctionTrigger, { spec: { kind: TriggerKind.Timer, cron: '' } }));
+    const trigger = space.db.add(Obj.make(FunctionTrigger, { spec: { kind: 'timer', cron: '' } }));
     setTrigger(trigger);
   }, [space]);
 
@@ -42,9 +43,9 @@ const DefaultStory = () => {
   );
 };
 
-const meta: Meta = {
+const meta = {
   title: 'plugins/plugin-automation/TriggerEditor',
-  component: TriggerEditor,
+  component: TriggerEditor as any,
   render: DefaultStory,
   decorators: [
     withClientProvider({
@@ -71,8 +72,10 @@ const meta: Meta = {
   parameters: {
     translations,
   },
-};
+} satisfies Meta<typeof DefaultStory>;
 
 export default meta;
 
-export const Default = {};
+type Story = StoryObj<typeof meta>;
+
+export const Default: Story = {};

package/src/components/TriggerEditor/TriggerEditor.tsx

@@ -6,14 +6,8 @@ import React, { useCallback, useMemo } from 'react';
 
 import { ComputeGraph } from '@dxos/conductor';
 import { Type } from '@dxos/echo';
-import {
-  FunctionType,
-  FunctionTriggerSchema,
-  type FunctionTriggerType,
-  type FunctionTrigger,
-  ScriptType,
-} from '@dxos/functions';
-import { Filter, Ref, useQuery, type Space } from '@dxos/react-client/echo';
+import { FunctionTrigger, FunctionType, ScriptType } from '@dxos/functions';
+import { Filter, Ref, type Space, useQuery } from '@dxos/react-client/echo';
 import { type CustomInputMap, Form, SelectInput, useRefQueryLookupHandler } from '@dxos/react-ui-form';
 
 import { FunctionInputEditor, type FunctionInputEditorProps } from './FunctionInputEditor';
@@ -21,13 +15,13 @@ import { SpecSelector } from './SpecSelector';
 
 export type TriggerEditorProps = {
   space: Space;
-  trigger: FunctionTriggerType;
+  trigger: FunctionTrigger;
   onSave?: (trigger: Omit<FunctionTrigger, 'id'>) => void;
   onCancel?: () => void;
 };
 
 export const TriggerEditor = ({ space, trigger, onSave, onCancel }: TriggerEditorProps) => {
-  const handleSave = (values: FunctionTriggerType) => {
+  const handleSave = (values: FunctionTrigger) => {
     onSave?.(values);
   };
 
@@ -38,7 +32,7 @@ export const TriggerEditor = ({ space, trigger, onSave, onCancel }: TriggerEdito
     <Form
       outerSpacing={false}
       Custom={Custom}
-      schema={FunctionTriggerSchema}
+      schema={FunctionTrigger}
       values={trigger}
       onSave={handleSave}
       onCancel={onCancel}
@@ -55,7 +49,7 @@ const useCustomInputs = (space: Space, onQueryRefOptions: FunctionInputEditorPro
   return useMemo(
     (): CustomInputMap => ({
       // Function selector.
-      ['function' satisfies keyof FunctionTriggerType]: (props) => {
+      ['function' satisfies keyof FunctionTrigger]: (props) => {
         const getValue = useCallback(() => {
           const formValue = props.getValue();
           if (Ref.isRef(formValue)) {

package/src/translations.ts

@@ -2,12 +2,14 @@
 // Copyright 2023 DXOS.org
 //
 
-import { AUTOMATION_PLUGIN } from './meta';
+import { type Resource } from '@dxos/react-ui';
 
-export default [
+import { meta } from './meta';
+
+export const translations = [
   {
     'en-US': {
-      [AUTOMATION_PLUGIN]: {
+      [meta.id]: {
         'plugin name': 'Automation',
         'automation panel label': 'Automations',
         'script automation label': 'Automation',
@@ -39,4 +41,4 @@ export default [
       },
     },
   },
-];
+] as const satisfies Resource[];

package/src/types/index.ts

@@ -0,0 +1,5 @@
+//
+// Copyright 2025 DXOS.org
+//
+
+export * from './schema';

package/src/{types.ts → types/schema.ts}

@@ -6,7 +6,7 @@ import { Schema } from 'effect';
 
 import { SpaceSchema } from '@dxos/react-client/echo';
 
-import { AUTOMATION_PLUGIN } from './meta';
+import { meta } from '../meta';
 
 const TriggerTemplate = Schema.Union(
   Schema.Struct({ type: Schema.Literal('timer'), cron: Schema.String }),
@@ -14,10 +14,8 @@ const TriggerTemplate = Schema.Union(
 );
 
 export namespace AutomationAction {
-  const AUTOMATION_ACTION = `${AUTOMATION_PLUGIN}/action`;
-
   export class CreateTriggerFromTemplate extends Schema.TaggedClass<CreateTriggerFromTemplate>()(
-    `${AUTOMATION_ACTION}/create-trigger-from-template`,
+    `${meta.id}/action/create-trigger-from-template`,
     {
       input: Schema.Struct({
         space: SpaceSchema,

package/dist/lib/browser/AutomationContainer-OGNK3HD5.mjs.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/components/AutomationContainer.tsx"],
-  "sourcesContent": ["//\n// Copyright 2025 DXOS.org\n//\n\nimport React from 'react';\n\nimport { useTranslation } from '@dxos/react-ui';\nimport { ControlSection, ControlPage } from '@dxos/react-ui-form';\nimport { StackItem } from '@dxos/react-ui-stack';\n\nimport { AutomationPanel, type AutomationPanelProps } from './AutomationPanel';\nimport { AUTOMATION_PLUGIN } from '../meta';\n\nexport const AutomationContainer = (props: AutomationPanelProps) => {\n  const { t } = useTranslation(AUTOMATION_PLUGIN);\n  return (\n    <StackItem.Content classNames='block overflow-y-auto'>\n      <ControlPage>\n        <ControlSection\n          title={t('automation verbose label', { ns: AUTOMATION_PLUGIN })}\n          description={t('automation description', { ns: AUTOMATION_PLUGIN })}\n        >\n          <AutomationPanel {...props} />\n        </ControlSection>\n      </ControlPage>\n    </StackItem.Content>\n  );\n};\n\nexport default AutomationContainer;\n"],
-  "mappings": ";;;;;;;;;;AAIA,OAAOA,WAAW;AAElB,SAASC,sBAAsB;AAC/B,SAASC,gBAAgBC,mBAAmB;AAC5C,SAASC,iBAAiB;AAKnB,IAAMC,sBAAsB,CAACC,UAAAA;;;AAClC,UAAM,EAAEC,EAAC,IAAKC,eAAeC,iBAAAA;AAC7B,WACE,sBAAA,cAACC,UAAUC,SAAO;MAACC,YAAW;OAC5B,sBAAA,cAACC,aAAAA,MACC,sBAAA,cAACC,gBAAAA;MACCC,OAAOR,EAAE,4BAA4B;QAAES,IAAIP;MAAkB,CAAA;MAC7DQ,aAAaV,EAAE,0BAA0B;QAAES,IAAIP;MAAkB,CAAA;OAEjE,sBAAA,cAACS,iBAAoBZ,KAAAA,CAAAA,CAAAA,CAAAA;;;;AAK/B;AAEA,IAAA,8BAAeD;",
-  "names": ["React", "useTranslation", "ControlSection", "ControlPage", "StackItem", "AutomationContainer", "props", "t", "useTranslation", "AUTOMATION_PLUGIN", "StackItem", "Content", "classNames", "ControlPage", "ControlSection", "title", "ns", "description", "AutomationPanel"]
-}