@dxos/plugin-automation 0.8.4-staging.60fe92afc8 → 0.9.1-main.c7dcc2e112

package/src/containers/AutomationArticle/AutomationArticle.tsx

@@ -2,36 +2,49 @@
 // Copyright 2026 DXOS.org
 //
 
+import * as Effect from 'effect/Effect';
 import * as Schema from 'effect/Schema';
-import React, { type ReactNode, useCallback, useMemo } from 'react';
+import React, { type ReactNode, useCallback, useMemo, useState } from 'react';
 
+import { useProcessManagerRuntime } from '@dxos/app-framework/ui';
 import { type AppSurface } from '@dxos/app-toolkit/ui';
-import { Operation, Routine, Trigger } from '@dxos/compute';
+import { Operation, Routine, ServiceResolver, Trigger, TriggerEvent } from '@dxos/compute';
+import { Context } from '@dxos/context';
 import { type Database, Entity, Feed, Filter, JsonSchema, Obj, Query, Ref, Scope, Type } from '@dxos/echo';
+import { KEY_FEED_CURSOR, TriggerDispatcher } from '@dxos/functions-runtime';
+import { FunctionsServiceClient } from '@dxos/functions-runtime/edge';
 import { DXN } from '@dxos/keys';
-import { useObject, useQuery } from '@dxos/react-client/echo';
-import { Button, Icon, Input, useTranslation } from '@dxos/react-ui';
+import { log } from '@dxos/log';
+import { useClient } from '@dxos/react-client';
+import { type Space, getSpace, useObject, useQuery } from '@dxos/react-client/echo';
+import { DropdownMenu, IconButton, Input, useTranslation } from '@dxos/react-ui';
 import {
   Form,
-  type FormFieldComponentProps,
+  type FormFieldRendererProps,
   type FormFieldMap,
   RefField,
   SelectField,
   Settings,
 } from '@dxos/react-ui-form';
+import { Accordion } from '@dxos/react-ui-list';
 import { ParentLabelAnnotation } from '@dxos/schema';
 
 import { meta } from '#meta';
 import { Automation } from '#types';
 
+import { describeCron, fromCron, toCron } from '../../components/CronBuilder/cron';
+import { CronBuilder } from '../../components/CronBuilder/CronBuilder';
+import { type CronSpecType, FrequencyDefaults } from '../../components/CronBuilder/schema';
+
 const RUN_ROUTINE_DXN = 'org.dxos.function.prompt';
 
 export type AutomationArticleProps = AppSurface.ObjectArticleProps<Automation.Automation>;
 
 export const AutomationArticle = ({ role, subject }: AutomationArticleProps) => {
-  const { t } = useTranslation(meta.id);
+  const { t } = useTranslation(meta.profile.key);
   const db = Obj.getDatabase(subject);
   const trigger = usePrimaryTrigger(subject);
+  const space = getSpace(subject);
 
   if (!db) {
     return null;
@@ -48,6 +61,7 @@ export const AutomationArticle = ({ role, subject }: AutomationArticleProps) =>
       <Settings.Section title={t('trigger-picker.title')} description={t('trigger-picker.description')}>
         <Settings.Panel>
           <TriggerSection db={db} automation={subject} trigger={trigger} />
+          {space && trigger && <TriggerTestingSection space={space} trigger={trigger} />}
         </Settings.Panel>
       </Settings.Section>
 
@@ -104,8 +118,8 @@ const EnabledField = ({
   canEnable,
   messageKey,
   ...props
-}: FormFieldComponentProps & { canEnable: boolean; messageKey?: string }) => {
-  const { t } = useTranslation(meta.id);
+}: FormFieldRendererProps & { canEnable: boolean; messageKey?: string }) => {
+  const { t } = useTranslation(meta.profile.key);
   return (
     <div className='flex items-center gap-2 pt-form-padding'>
       <Input.Root>
@@ -121,6 +135,113 @@ const EnabledField = ({
   );
 };
 
+//
+// Trigger testing section
+//
+
+type TriggerTestingSectionProps = {
+  space: Space;
+  trigger: Trigger.Trigger;
+};
+
+const TESTING_ITEM = { id: 'testing' };
+
+/**
+ * Collapsed "Testing" section within the Trigger panel. Provides kind-specific manual
+ * affordances: force-run for timer triggers, cursor reset for feed triggers.
+ * Not rendered for trigger kinds with no applicable action (email, webhook, subscription).
+ */
+const TriggerTestingSection = ({ space, trigger }: TriggerTestingSectionProps) => {
+  const { t } = useTranslation(meta.profile.key);
+  const client = useClient();
+  const processManagerRuntime = useProcessManagerRuntime();
+  const [properties] = useObject(space.properties);
+  const computeEnvironment = properties.computeEnvironment ?? 'local';
+  const functionsServiceClient = useMemo(() => FunctionsServiceClient.fromClient(client), [client]);
+
+  const spec = Obj.getSnapshot(trigger).spec;
+  const kind = spec?.kind;
+
+  const cursor = kind === 'feed' ? Obj.getKeys(trigger, KEY_FEED_CURSOR).at(0)?.id : undefined;
+
+  const handleForceRun = useCallback(async () => {
+    if (computeEnvironment === 'disabled') {
+      return;
+    }
+    if (computeEnvironment === 'local') {
+      await processManagerRuntime
+        .runPromise(
+          Effect.gen(function* () {
+            const dispatcher = yield* TriggerDispatcher;
+            yield* dispatcher.invokeTrigger({
+              trigger,
+              event: { tick: Date.now() } satisfies TriggerEvent.TimerEvent,
+            });
+          }).pipe(Effect.provide(ServiceResolver.provide({ space: space.id }, TriggerDispatcher))),
+        )
+        .catch((error: unknown) => log.catch(error));
+      return;
+    }
+    await functionsServiceClient
+      .forceRunCronTrigger(Context.default(), space.id, trigger.id)
+      .catch((error: unknown) => log.catch(error));
+  }, [computeEnvironment, functionsServiceClient, processManagerRuntime, space.id, trigger]);
+
+  const handleResetCursor = useCallback(async () => {
+    Obj.update(trigger, (trigger) => {
+      Obj.deleteKeys(trigger, KEY_FEED_CURSOR);
+    });
+    await space.db.flush({ indexes: true });
+  }, [space.db, trigger]);
+
+  if (kind !== 'timer' && kind !== 'feed') {
+    return null;
+  }
+
+  return (
+    <Accordion.Root items={[TESTING_ITEM]}>
+      {({ items }) =>
+        items.map((item) => (
+          <Accordion.Item key={item.id} item={item}>
+            <Accordion.ItemHeader>{t('testing.title')}</Accordion.ItemHeader>
+            <Accordion.ItemBody>
+              {kind === 'timer' && (
+                <IconButton
+                  icon='ph--play--regular'
+                  label={t('force-run.label')}
+                  disabled={computeEnvironment === 'disabled'}
+                  onClick={handleForceRun}
+                />
+              )}
+              {kind === 'feed' && (
+                <DropdownMenu.Root>
+                  <DropdownMenu.Trigger asChild>
+                    <IconButton
+                      icon='ph--arrow-clockwise--regular'
+                      label={t('reset-cursor.label')}
+                      disabled={!cursor}
+                    />
+                  </DropdownMenu.Trigger>
+                  <DropdownMenu.Portal>
+                    <DropdownMenu.Content side='top'>
+                      <DropdownMenu.Viewport>
+                        <DropdownMenu.Item onClick={handleResetCursor}>
+                          {t('reset-cursor-confirm.label')}
+                        </DropdownMenu.Item>
+                      </DropdownMenu.Viewport>
+                      <DropdownMenu.Arrow />
+                    </DropdownMenu.Content>
+                  </DropdownMenu.Portal>
+                </DropdownMenu.Root>
+              )}
+            </Accordion.ItemBody>
+          </Accordion.Item>
+        ))
+      }
+    </Accordion.Root>
+  );
+};
+
 //
 // Action
 //
@@ -191,7 +312,7 @@ const ActionInputEditor = ({
   operation: Operation.PersistentOperation;
   trigger: Trigger.Trigger;
 }) => {
-  const { t } = useTranslation(meta.id);
+  const { t } = useTranslation(meta.profile.key);
   const effectSchema = useMemo(
     () => (operation.inputSchema ? JsonSchema.toEffectSchema(operation.inputSchema) : undefined),
     [operation.inputSchema],
@@ -217,7 +338,7 @@ const ActionInputEditor = ({
 
   return (
     <>
-      <Form.Label label={t('action-input.label')} asChild />
+      <Form.Label label={t('action-input.label')} standalone />
       <Form.Root
         key={operation.id}
         schema={effectSchema}
@@ -269,11 +390,14 @@ const triggerFormValues = (spec?: Trigger.Spec): TriggerFormInput =>
     ? { kind: 'feed', feed: spec.feed }
     : { kind: 'timer', cron: spec?.kind === 'timer' ? spec.cron : '' };
 
+// Fallback cron used when no schedule has been set yet.
+const DEFAULT_TIMER_CRON = toCron(FrequencyDefaults.daily);
+
 // Build a trigger spec from the form's values. Returned as just the two specs we construct (not the full
 // `Trigger.Spec` union) so the subscription spec's deep readonly query AST never enters the type and the
 // result stays assignable to the mutable `trigger.spec`.
 const triggerFormSpec = (values: TriggerFormInput): Trigger.TimerSpec | Trigger.FeedSpec =>
-  values.kind === 'feed' ? { kind: 'feed', feed: values.feed } : Trigger.specTimer(values.cron ?? '');
+  values.kind === 'feed' ? { kind: 'feed', feed: values.feed } : Trigger.specTimer(values.cron || DEFAULT_TIMER_CRON);
 
 export const TriggerSection = ({
   db,
@@ -284,31 +408,22 @@ export const TriggerSection = ({
   automation: Automation.Automation;
   trigger?: Trigger.Trigger;
 }) => {
-  const { t } = useTranslation(meta.id);
-  const { defaultValues, fieldMap, handleValuesChanged, handleRemove } = useTriggerForm(db, automation, trigger);
+  const { defaultValues, fieldMap, handleValuesChanged } = useTriggerForm(db, automation, trigger);
 
   return (
-    <div className='flex flex-col gap-2'>
-      <Form.Root
-        // Remount when the bound trigger changes so the uncontrolled form picks up its spec.
-        key={trigger?.id ?? 'new'}
-        schema={TriggerForm}
-        defaultValues={defaultValues}
-        db={db}
-        fieldMap={fieldMap}
-        onValuesChanged={handleValuesChanged}
-      >
-        <Form.Content>
-          <Form.FieldSet />
-        </Form.Content>
-      </Form.Root>
-      {trigger && (
-        <Button variant='ghost' classNames='gap-1 self-start' onClick={handleRemove}>
-          <Icon icon='ph--trash--regular' size={4} />
-          <span>{t('remove-trigger.label')}</span>
-        </Button>
-      )}
-    </div>
+    <Form.Root
+      // Remount when the bound trigger changes so the uncontrolled form picks up its spec.
+      key={trigger?.id ?? 'new'}
+      schema={TriggerForm}
+      defaultValues={defaultValues}
+      db={db}
+      fieldMap={fieldMap}
+      onValuesChanged={handleValuesChanged}
+    >
+      <Form.Content>
+        <Form.FieldSet />
+      </Form.Content>
+    </Form.Root>
   );
 };
 
@@ -335,7 +450,7 @@ export const AutomationInlineForm = ({
   automation: Automation.Automation;
   db: Database.Database;
 }) => {
-  const { t } = useTranslation(meta.id);
+  const { t } = useTranslation(meta.profile.key);
   const trigger = usePrimaryTrigger(automation);
 
   return (
@@ -353,6 +468,34 @@ export const AutomationInlineForm = ({
   );
 };
 
+//
+// Cron field
+//
+
+/** Renders the CronBuilder with a live cronstrue description below it. */
+const CronField = (props: FormFieldRendererProps) => {
+  const existingCron = props.getValue() as string | undefined;
+  const initialSpec = useMemo(() => (existingCron ? fromCron(existingCron) : FrequencyDefaults.daily), []);
+  const [description, setDescription] = useState(() => describeCron(existingCron ?? toCron(initialSpec)));
+
+  const handleChange = useCallback(
+    (spec: CronSpecType, cron: string) => {
+      setDescription(describeCron(cron));
+      props.onValueChange(props.type, cron);
+    },
+    [props.type, props.onValueChange],
+  );
+
+  return (
+    <div className='flex flex-col gap-1 mbs-2'>
+      <CronBuilder value={initialSpec} onChange={handleChange} />
+      <p className='text-sm text-description pli-1 text-right'>{description}</p>
+    </div>
+  );
+};
+
+CronField.displayName = 'AutomationArticle.CronField';
+
 //
 // Hooks
 //
@@ -389,7 +532,6 @@ const useGeneralForm = (automation: Automation.Automation, trigger?: Trigger.Tri
   // Read once per trigger identity; the uncontrolled form owns edits after mount.
   const defaultValues = useMemo<Partial<GeneralFormValues>>(
     () => ({ name: auto.name, enabled: (trigger?.enabled ?? false) && canEnable }),
-    // eslint-disable-next-line react-hooks/exhaustive-deps
     [automation, trigger],
   );
 
@@ -412,7 +554,7 @@ const useGeneralForm = (automation: Automation.Automation, trigger?: Trigger.Tri
 
 /** Form state for the Action section: pick an operation|routine and bind it to the trigger's function/input. */
 const useActionForm = (db: Database.Database, automation: Automation.Automation, trigger?: Trigger.Trigger) => {
-  const { t } = useTranslation(meta.id);
+  const { t } = useTranslation(meta.profile.key);
   const [auto, updateAuto] = useObject(automation);
   // Query by typename DXN so results stay untyped (`Entity.Any[]`), as RefField.useResults expects.
   const operations = useQuery(
@@ -458,7 +600,6 @@ const useActionForm = (db: Database.Database, automation: Automation.Automation,
       return { kind: 'operation', operation: auto.runnable };
     }
     return { kind: 'operation' };
-    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [automation, trigger]);
 
   const handleValuesChanged = useCallback(
@@ -503,7 +644,7 @@ const useActionForm = (db: Database.Database, automation: Automation.Automation,
 
 /** Form state for the Trigger section: the timer|feed spec, plus create-on-first-edit and remove handlers. */
 const useTriggerForm = (db: Database.Database, automation: Automation.Automation, trigger?: Trigger.Trigger) => {
-  const { t } = useTranslation(meta.id);
+  const { t } = useTranslation(meta.profile.key);
   const kindOptions = useMemo(
     () => [
       { value: 'timer', label: t('trigger-kind.timer.label') },
@@ -512,15 +653,14 @@ const useTriggerForm = (db: Database.Database, automation: Automation.Automation
     [t],
   );
   const fieldMap = useMemo<FormFieldMap>(
-    () => ({ kind: (props) => <SelectField {...props} options={kindOptions} /> }),
+    () => ({
+      kind: (props) => <SelectField {...props} options={kindOptions} />,
+      cron: (props) => <CronField {...props} />,
+    }),
     [kindOptions],
   );
   // Read once per trigger identity (uncontrolled Form); default to an empty timer spec.
-  const defaultValues = useMemo<Partial<TriggerFormValues>>(
-    () => triggerFormValues(trigger?.spec),
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-    [trigger],
-  );
+  const defaultValues = useMemo<Partial<TriggerFormValues>>(() => triggerFormValues(trigger?.spec), [trigger]);
 
   const handleValuesChanged = useCallback(
     (values: Partial<TriggerFormValues>) => {
@@ -543,17 +683,7 @@ const useTriggerForm = (db: Database.Database, automation: Automation.Automation
     [db, automation, trigger],
   );
 
-  const handleRemove = useCallback(() => {
-    if (!trigger) {
-      return;
-    }
-    Obj.update(automation, (automation) => {
-      automation.triggers = automation.triggers.filter((ref) => ref.target?.id !== trigger.id);
-    });
-    db.remove(trigger);
-  }, [db, automation, trigger]);
-
-  return { defaultValues, fieldMap, handleValuesChanged, handleRemove };
+  return { defaultValues, fieldMap, handleValuesChanged };
 };
 
 //

package/src/containers/AutomationCompanion/AutomationCompanion.tsx

@@ -7,7 +7,7 @@ import React, { useCallback, useMemo, useRef, useState } from 'react';
 import { useCapabilities, useOperationInvoker } from '@dxos/app-framework/ui';
 import { type Database, Filter, Obj, Type } from '@dxos/echo';
 import { useQuery } from '@dxos/react-client/echo';
-import { DropdownMenu, Icon, Tooltip, useTranslation } from '@dxos/react-ui';
+import { DropdownMenu, Icon, Panel, Toolbar, Tooltip, useTranslation } from '@dxos/react-ui';
 import { Accordion } from '@dxos/react-ui-list';
 
 import { meta } from '#meta';
@@ -16,21 +16,22 @@ import { Automation, AutomationCapabilities, AutomationOperation } from '#types'
 import { AutomationInlineForm } from '../../containers/AutomationArticle';
 import { connectedAutomationsQuery } from '../../util/automations-for-object';
 
+/** Association state of a row relative to the companion's object. */
+type Status = 'associated' | 'pending' | 'detached';
+
+// TODO(burdon): Use type.
 export type AutomationCompanionProps = {
   db: Database.Database;
   object: Obj.Unknown;
 };
 
-/** Association state of a row relative to the companion's object. */
-type Status = 'associated' | 'pending' | 'detached';
-
 /**
  * Renders the automations connected to an object as an accordion (see `useConnectedAutomations` for the
  * session-stable list it draws from), flagging non-associated rows with a warning badge. New automations are
  * created from a template dropdown (no dialog).
  */
 export const AutomationCompanion = ({ db, object }: AutomationCompanionProps) => {
-  const { t } = useTranslation(meta.id);
+  const { t } = useTranslation(meta.profile.key);
   const templates = useCapabilities(AutomationCapabilities.Template);
   // Only offer templates applicable to this companion's subject (e.g. a CRM template needs a Mailbox).
   const applicableTemplates = useMemo(
@@ -40,73 +41,79 @@ export const AutomationCompanion = ({ db, object }: AutomationCompanionProps) =>
   const { items, statusFor, open, setOpen, handleCreate } = useConnectedAutomations(db, object);
 
   return (
-    <div className='flex flex-col'>
-      {items.length === 0 ? (
-        <p className='text-sm text-description p-2'>{t('no-automations.message')}</p>
-      ) : (
-        <Accordion.Root<Automation.Automation> items={items} value={open} onValueChange={setOpen}>
-          {({ items }) => (
-            <div className='flex flex-col divide-y divide-separator'>
-              {items.map((automation) => {
-                const status = statusFor(automation.id);
-                return (
-                  <Accordion.Item key={automation.id} item={automation}>
-                    <Accordion.ItemHeader>
-                      <Icon icon='ph--lightning--regular' size={4} classNames='mr-2 shrink-0' />
-                      <span className='flex-1 truncate'>
-                        {Obj.getLabel(automation) ??
-                          t('object-name.placeholder', { ns: Type.getTypename(Automation.Automation) })}
-                      </span>
-                      {status !== 'associated' && (
-                        <Tooltip.Trigger
-                          asChild
-                          side='bottom'
-                          content={t(
-                            status === 'pending' ? 'automation-not-associated.message' : 'automation-detached.message',
-                          )}
-                        >
-                          <Icon icon='ph--warning--regular' size={4} classNames='text-warning-text shrink-0 mr-2' />
-                        </Tooltip.Trigger>
-                      )}
-                    </Accordion.ItemHeader>
-                    <Accordion.ItemBody>
-                      <AutomationInlineForm automation={automation} db={db} />
-                    </Accordion.ItemBody>
-                  </Accordion.Item>
-                );
-              })}
-            </div>
-          )}
-        </Accordion.Root>
-      )}
-
-      <div className='border-t border-separator'>
-        <DropdownMenu.Root>
-          <DropdownMenu.Trigger asChild>
-            {/* Mirror the accordion item header layout (p-2 + icon mr-2) so the icon aligns with the rows above. */}
-            <button type='button' className='group flex items-center p-2 dx-focus-ring-inset w-full text-start'>
-              <Icon icon='ph--plus--regular' size={4} classNames='mr-2 shrink-0' />
-              <span className='flex-1 truncate'>
-                {t('add-object.label', { ns: Type.getTypename(Automation.Automation) })}
-              </span>
-            </button>
-          </DropdownMenu.Trigger>
-          <DropdownMenu.Portal>
-            <DropdownMenu.Content>
-              <DropdownMenu.Viewport>
-                {applicableTemplates.map((template) => (
-                  <DropdownMenu.Item key={template.id} onClick={() => void handleCreate(template.id)}>
-                    <Icon icon={template.icon ?? 'ph--lightning--regular'} size={4} />
-                    <span>{template.label}</span>
-                  </DropdownMenu.Item>
-                ))}
-              </DropdownMenu.Viewport>
-              <DropdownMenu.Arrow />
-            </DropdownMenu.Content>
-          </DropdownMenu.Portal>
-        </DropdownMenu.Root>
-      </div>
-    </div>
+    <Panel.Root>
+      <Panel.Toolbar asChild>
+        <Toolbar.Root />
+      </Panel.Toolbar>
+      <Panel.Content>
+        {items.length === 0 ? (
+          <p className='text-sm text-description p-2'>{t('no-automations.message')}</p>
+        ) : (
+          <Accordion.Root<Automation.Automation> items={items} value={open} onValueChange={setOpen}>
+            {({ items }) => (
+              <div className='flex flex-col divide-y divide-separator'>
+                {items.map((automation) => {
+                  const status = statusFor(automation.id);
+                  return (
+                    <Accordion.Item key={automation.id} item={automation}>
+                      <Accordion.ItemHeader icon='ph--lightning--regular'>
+                        <span className='flex-1 truncate'>
+                          {Obj.getLabel(automation) ??
+                            t('object-name.placeholder', { ns: Type.getTypename(Automation.Automation) })}
+                        </span>
+                        {status !== 'associated' && (
+                          <Tooltip.Trigger
+                            asChild
+                            side='bottom'
+                            content={t(
+                              status === 'pending'
+                                ? 'automation-not-associated.message'
+                                : 'automation-detached.message',
+                            )}
+                          >
+                            <Icon icon='ph--warning--regular' size={4} classNames='text-warning-text shrink-0 mr-2' />
+                          </Tooltip.Trigger>
+                        )}
+                      </Accordion.ItemHeader>
+                      <Accordion.ItemBody>
+                        <AutomationInlineForm automation={automation} db={db} />
+                      </Accordion.ItemBody>
+                    </Accordion.Item>
+                  );
+                })}
+              </div>
+            )}
+          </Accordion.Root>
+        )}
+
+        <div className='border-t border-separator'>
+          <DropdownMenu.Root>
+            <DropdownMenu.Trigger asChild>
+              {/* Mirror the accordion item header layout (p-2 + icon mr-2) so the icon aligns with the rows above. */}
+              <button type='button' className='group flex items-center p-2 dx-focus-ring-inset w-full text-start'>
+                <Icon icon='ph--plus--regular' size={4} classNames='mr-2 shrink-0' />
+                <span className='flex-1 truncate'>
+                  {t('add-object.label', { ns: Type.getTypename(Automation.Automation) })}
+                </span>
+              </button>
+            </DropdownMenu.Trigger>
+            <DropdownMenu.Portal>
+              <DropdownMenu.Content>
+                <DropdownMenu.Viewport>
+                  {applicableTemplates.map((template) => (
+                    <DropdownMenu.Item key={template.id} onClick={() => void handleCreate(template.id)}>
+                      <Icon icon={template.icon ?? 'ph--lightning--regular'} size={4} />
+                      <span>{template.label}</span>
+                    </DropdownMenu.Item>
+                  ))}
+                </DropdownMenu.Viewport>
+                <DropdownMenu.Arrow />
+              </DropdownMenu.Content>
+            </DropdownMenu.Portal>
+          </DropdownMenu.Root>
+        </div>
+      </Panel.Content>
+    </Panel.Root>
   );
 };
 

package/src/containers/AutomationSettings/AutomationSettings.tsx

@@ -20,12 +20,12 @@ export type AutomationSettingsProps = AppSurface.SpaceArticleProps;
  * automations execute.
  */
 export const AutomationSettings = ({ space }: AutomationSettingsProps) => {
-  const { t } = useTranslation(meta.id);
+  const { t } = useTranslation(meta.profile.key);
   return (
     <Settings.Viewport>
       <Settings.Section
-        title={t('automation-verbose.label', { ns: meta.id })}
-        description={t('automation.description', { ns: meta.id })}
+        title={t('automation-verbose.label', { ns: meta.profile.key })}
+        description={t('automation.description', { ns: meta.profile.key })}
       >
         <TriggersSettings space={space} />
       </Settings.Section>

package/src/containers/TriggerSettings/TriggerSettings.tsx

@@ -13,7 +13,7 @@ import { Settings } from '@dxos/react-ui-form';
 import { meta } from '#meta';
 
 export const TriggersSettings = ({ space }: { space: Space }) => {
-  const { t } = useTranslation(meta.id);
+  const { t } = useTranslation(meta.profile.key);
   const [properties, changeProperties] = useObject(space.properties);
   const selected = properties.computeEnvironment ?? 'local';
 

package/src/index.ts

@@ -3,4 +3,5 @@
 //
 
 export * from './meta';
+export * from './paths';
 export * from './types';

package/src/meta.ts

@@ -3,31 +3,7 @@
 //
 
 import { Plugin } from '@dxos/app-framework';
-import { DXN } from '@dxos/keys';
-import { trim } from '@dxos/util';
 
-export const meta = Plugin.makeMeta({
-  key: DXN.make('org.dxos.plugin.automation'),
-  name: 'Automation',
-  author: 'DXOS',
-  description: trim`
-    Event-driven workflow automation engine for DXOS Composer.
-    An Automation is a user-facing object pairing a trigger ("when" — a timer schedule or an
-    incoming feed) with an action ("then" — a persistent compute operation or routine), enabling
-    automated pipelines that react to changes in real time without manual intervention.
+import config from '../dx.config';
 
-    Automations are configured in their own article and surfaced on a per-object "Automations"
-    companion that lists the automations connected to each object. A per-space TriggerDispatcher
-    manages execution: running locally in the browser when computeEnvironment is "local", or
-    delegating to the DXOS edge for server-side reliability; the space settings page chooses the
-    runtime location.
-
-    Operation handlers and blueprints contributed by any plugin in the application are
-    automatically merged and made available to every space's OperationRegistry, so new
-    capabilities registered by other plugins become instantly invocable from automations.
-  `,
-  icon: 'ph--atom--regular',
-  source: 'https://github.com/dxos/dxos/tree/main/packages/plugins/plugin-automation',
-  spec: 'PLUGIN.mdl',
-  tags: ['system'],
-});
+export const meta = Plugin.getMetaFromConfig(config);

package/src/operations/create-trigger-from-template.ts

@@ -4,7 +4,7 @@
 
 import * as Effect from 'effect/Effect';
 
-import { LayoutOperation, getSpacePath } from '@dxos/app-toolkit';
+import { LayoutOperation, Paths } from '@dxos/app-toolkit';
 import { Operation, Script, Trigger } from '@dxos/compute';
 import { type Feed, Filter, Obj, Ref } from '@dxos/echo';
 import { SpaceOperation } from '@dxos/plugin-space';
@@ -60,8 +60,8 @@ const handler: Operation.WithHandler<typeof AutomationOperation.CreateTriggerFro
           hidden: true,
         });
         yield* Operation.invoke(LayoutOperation.Open, {
-          subject: [`${getSpacePath(db.spaceId)}/settings/${meta.id}.automations`],
-          workspace: getSpacePath(db.spaceId),
+          subject: [`${Paths.getSpacePath(db.spaceId)}/settings/${meta.profile.key}.automations`],
+          workspace: Paths.getSpacePath(db.spaceId),
         });
       }),
     ),