@dxos/plugin-automation 0.8.4-main.69d29f4 → 0.8.4-main.6fa680abb7

package/src/cli/commands/trigger/update/subscription.ts

@@ -13,7 +13,7 @@ import * as Option from 'effect/Option';
 import { CommandConfig } from '@dxos/cli-util';
 import { flushAndSync, print, spaceLayer, withTypes } from '@dxos/cli-util';
 import { Common } from '@dxos/cli-util';
-import { DXN, Database, Filter, Obj, Query, Ref, Type } from '@dxos/echo';
+import { DXN, Database, Filter, JsonSchema, Obj, Query, Ref } from '@dxos/echo';
 import { Function, Trigger } from '@dxos/functions';
 
 import { Deep, Delay, Enabled, Input, TriggerId, Typename } from '../options';
@@ -40,7 +40,7 @@ export const subscription = Command.make(
         onSome: (id) => Effect.succeed(id),
       });
       const dxn = DXN.fromLocalObjectId(triggerId);
-      const trigger = yield* Database.Service.resolve(dxn, Trigger.Trigger);
+      const trigger = yield* Database.resolve(dxn, Trigger.Trigger);
       if (trigger.spec?.kind !== 'subscription') {
         return yield* Effect.fail(new Error(`Invalid trigger type: ${trigger.spec?.kind}`));
       }
@@ -96,7 +96,7 @@ const extractCurrentTypename = (spec: Trigger.SubscriptionSpec | undefined): Opt
  */
 const updateFunction = Effect.fn(function* (trigger: Trigger.Trigger, functionIdOption: Option.Option<string>) {
   let currentFn: Function.Function | undefined = trigger.function
-    ? yield* Database.Service.load(trigger.function) as any
+    ? yield* Database.load(trigger.function) as any
     : undefined;
   if (currentFn && !Obj.instanceOf(Function.Function, currentFn)) {
     currentFn = undefined;
@@ -115,7 +115,7 @@ const updateFunction = Effect.fn(function* (trigger: Trigger.Trigger, functionId
       onNone: () => selectFunction(),
       onSome: (id) => Effect.succeed(id),
     });
-    const functions = yield* Database.Service.runQuery(Filter.type(Function.Function));
+    const functions = yield* Database.runQuery(Filter.type(Function.Function));
     const foundFn = functions.find((fn) => fn.id === functionId);
     if (!foundFn || !Obj.instanceOf(Function.Function, foundFn)) {
       return yield* Effect.fail(new Error(`Function not found: ${functionId}`));
@@ -246,7 +246,7 @@ const updateInput = Effect.fn(function* (
   if (shouldChangeInput) {
     const inputObj = yield* Option.match(inputOption, {
       onNone: () =>
-        promptForSchemaInput(fn.inputSchema ? Type.toEffectSchema(fn.inputSchema) : undefined, currentInput),
+        promptForSchemaInput(fn.inputSchema ? JsonSchema.toEffectSchema(fn.inputSchema) : undefined, currentInput),
       onSome: (value) => Effect.succeed(value as Record<string, any>),
     });
     Obj.change(trigger, (mutableTrigger) => {

package/src/cli/commands/trigger/update/timer.ts

@@ -12,7 +12,7 @@ import * as Option from 'effect/Option';
 import { CommandConfig } from '@dxos/cli-util';
 import { flushAndSync, print, spaceLayer, withTypes } from '@dxos/cli-util';
 import { Common } from '@dxos/cli-util';
-import { DXN, Database, Filter, Obj, Ref, Type } from '@dxos/echo';
+import { DXN, Database, Filter, JsonSchema, Obj, Ref } from '@dxos/echo';
 import { Function, Trigger } from '@dxos/functions';
 
 import { Cron, Enabled, Input, TriggerId } from '../options';
@@ -37,7 +37,7 @@ export const timer = Command.make(
         onSome: (id) => Effect.succeed(id),
       });
       const dxn = DXN.fromLocalObjectId(triggerId);
-      const trigger = yield* Database.Service.resolve(dxn, Trigger.Trigger);
+      const trigger = yield* Database.resolve(dxn, Trigger.Trigger);
       if (!trigger.spec || trigger.spec?.kind !== 'timer') {
         return yield* Effect.fail(new Error(`Invalid trigger type: ${trigger.spec?.kind}`));
       }
@@ -68,7 +68,7 @@ export const timer = Command.make(
  */
 const updateFunction = Effect.fn(function* (trigger: Trigger.Trigger, functionIdOption: Option.Option<string>) {
   let currentFn: Function.Function | undefined = trigger.function
-    ? yield* Database.Service.load(trigger.function) as any
+    ? yield* Database.load(trigger.function) as any
     : undefined;
   if (currentFn && !Obj.instanceOf(Function.Function, currentFn)) {
     currentFn = undefined;
@@ -87,7 +87,7 @@ const updateFunction = Effect.fn(function* (trigger: Trigger.Trigger, functionId
       onNone: () => selectFunction(),
       onSome: (id) => Effect.succeed(id),
     });
-    const functions = yield* Database.Service.runQuery(Filter.type(Function.Function));
+    const functions = yield* Database.runQuery(Filter.type(Function.Function));
     const foundFn = functions.find((fn) => fn.id === functionId);
     if (!foundFn || !Obj.instanceOf(Function.Function, foundFn)) {
       return yield* Effect.fail(new Error(`Function not found: ${functionId}`));
@@ -161,7 +161,7 @@ const updateInput = Effect.fn(function* (
   if (shouldChangeInput) {
     const inputObj = yield* Option.match(inputOption, {
       onNone: () =>
-        promptForSchemaInput(fn.inputSchema ? Type.toEffectSchema(fn.inputSchema) : undefined, currentInput),
+        promptForSchemaInput(fn.inputSchema ? JsonSchema.toEffectSchema(fn.inputSchema) : undefined, currentInput),
       onSome: (value) => Effect.succeed(value as Record<string, any>),
     });
     Obj.change(trigger, (mutableTrigger) => {

package/src/cli/commands/trigger/util.ts

@@ -12,10 +12,10 @@ import type * as Schema from 'effect/Schema';
 import * as SchemaAST from 'effect/SchemaAST';
 
 import { FormBuilder } from '@dxos/cli-util';
-import { Annotation, Database, Entity, Filter, Obj, Ref, Type } from '@dxos/echo';
+import { Annotation, Database, Entity, Feed, Filter, Obj, Ref, Type } from '@dxos/echo';
 import { getProperties } from '@dxos/effect';
 import { Function, Trigger } from '@dxos/functions';
-import { QueueAnnotation } from '@dxos/schema';
+import { FeedAnnotation } from '@dxos/schema';
 
 export type TriggerRemoteStatus = 'available' | 'not available' | 'n/a';
 
@@ -34,7 +34,7 @@ export const getTriggerRemoteStatus = (trigger: Trigger.Trigger, remoteCronIds:
  * Pretty prints a trigger with ANSI colors.
  */
 export const printTrigger = Effect.fn(function* (trigger: Trigger.Trigger, remoteStatus?: TriggerRemoteStatus) {
-  const fn = trigger.function && (yield* Database.Service.load(trigger.function));
+  const fn = trigger.function && (yield* Database.load(trigger.function));
 
   return FormBuilder.make({
     title: trigger.id,
@@ -239,7 +239,7 @@ export const promptForSchemaInput = Effect.fn(function* (
         inputObj[key] = templateStr === '' && defaultValue !== undefined ? defaultValue : templateStr;
       } else {
         const annotation = Annotation.ReferenceAnnotation.getFromAst(propType).pipe(Option.getOrThrow);
-        const objects = yield* Database.Service.runQuery(Filter.typename(annotation.typename));
+        const objects = yield* Database.runQuery(Filter.typename(annotation.typename));
         if (objects.length === 0) {
           inputObj[key] = undefined;
         } else {
@@ -272,7 +272,7 @@ export const promptForSchemaInput = Effect.fn(function* (
  * Queries the database for functions and prompts the user to select one.
  */
 export const selectFunction = Effect.fn(function* () {
-  const functions = yield* Database.Service.runQuery(Filter.type(Function.Function));
+  const functions = yield* Database.runQuery(Filter.type(Function.Function));
 
   if (functions.length === 0) {
     return yield* Effect.fail(new Error('No functions available'));
@@ -296,7 +296,7 @@ export const selectFunction = Effect.fn(function* () {
  * Queries the database for triggers and prompts the user to select one.
  */
 export const selectTrigger = Effect.fn(function* (kind?: Trigger.Kind) {
-  const triggers = yield* Database.Service.runQuery(Filter.type(Trigger.Trigger));
+  const triggers = yield* Database.runQuery(Filter.type(Trigger.Trigger));
   const filteredTriggers = kind ? triggers.filter((trigger) => trigger.spec?.kind === kind) : triggers;
 
   if (filteredTriggers.length === 0) {
@@ -306,7 +306,7 @@ export const selectTrigger = Effect.fn(function* (kind?: Trigger.Kind) {
   const choices = yield* Effect.all(
     filteredTriggers.map((trigger) =>
       Effect.gen(function* () {
-        const fn = trigger.function ? yield* Database.Service.load(trigger.function) : undefined;
+        const fn = trigger.function ? yield* Database.load(trigger.function) : undefined;
         const functionName = fn && Obj.instanceOf(Function.Function, fn) ? (fn.name ?? fn.key ?? fn.id) : undefined;
         const title = functionName ?? trigger.id;
         const description = `${trigger.enabled ? 'enabled' : 'disabled'} - ${trigger.spec?.kind ?? 'unknown'}`;
@@ -330,46 +330,55 @@ export const selectTrigger = Effect.fn(function* (kind?: Trigger.Kind) {
 
 /**
  * Selects a queue interactively from available queues in the database.
- * Queries schemas with QueueAnnotation, then queries objects of those types,
- * and extracts queue DXNs from the objects' queue properties.
+ * Queries schemas with FeedAnnotation, then queries objects of those types,
+ * and extracts queue DXNs from the objects' feed properties.
  */
 export const selectQueue = Effect.fn(function* () {
-  // Query schema registry for schemas with QueueAnnotation
-  const schemas = yield* Database.Service.runSchemaQuery({ location: ['database', 'runtime'] });
+  // Query schema registry for schemas with FeedAnnotation.
+  const schemas = yield* Database.runSchemaQuery({ location: ['database', 'runtime'] });
 
-  // Filter schemas that have QueueAnnotation
-  const queueSchemas = schemas.filter((schema) => {
-    const annotation = QueueAnnotation.get(schema);
+  // Filter schemas that have FeedAnnotation.
+  const feedSchemas = schemas.filter((schema) => {
+    const annotation = FeedAnnotation.get(schema);
     return Option.isSome(annotation) && annotation.value === true;
   });
 
-  if (queueSchemas.length === 0) {
-    return yield* Effect.fail(new Error('No schemas with Queue annotation found'));
+  if (feedSchemas.length === 0) {
+    return yield* Effect.fail(new Error('No schemas with Feed annotation found'));
   }
 
-  // Collect all objects with queues
+  // Collect all objects with queues.
   const queueChoices: Array<{ title: string; value: string; description?: string }> = [];
 
-  // Process each schema, skipping ones that fail
-  for (const schema of queueSchemas) {
+  // Process each feed schema, loading the Feed object to extract queue DXN.
+  for (const schema of feedSchemas) {
     yield* Effect.gen(function* () {
       const typename = Type.getTypename(schema);
-      const objects = yield* Database.Service.runQuery(Filter.type(typename));
+      const objects = yield* Database.runQuery(Filter.type(typename));
 
       for (const obj of objects) {
-        // Access the queue property (which is a Ref<Queue>)
-        const queueRef = (obj as any).queue as Ref.Ref<any> | undefined;
-        if (!queueRef) {
+        // Access the feed property (which is a Ref<Feed>).
+        const feedRef = (obj as any).feed as Ref.Ref<any> | undefined;
+        if (!feedRef) {
+          continue;
+        }
+
+        const feedObj = yield* Effect.promise(() => feedRef.tryLoad());
+        if (!feedObj || !Obj.instanceOf(Feed.Feed, feedObj)) {
+          continue;
+        }
+
+        const queueDxn = Feed.getQueueDxn(feedObj);
+        if (!queueDxn) {
           continue;
         }
 
-        const queueDxn = queueRef.dxn.toString();
         const label = Obj.getLabel(obj) ?? obj.id;
         const description = Obj.getTypename(obj);
 
         queueChoices.push({
           title: label,
-          value: queueDxn,
+          value: queueDxn.toString(),
           description,
         });
       }

package/src/cli/plugin.ts

@@ -2,7 +2,8 @@
 // Copyright 2025 DXOS.org
 //
 
-import { Common, Plugin } from '@dxos/app-framework';
+import { Plugin } from '@dxos/app-framework';
+import { AppPlugin } from '@dxos/app-toolkit';
 import { ClientEvents } from '@dxos/plugin-client/types';
 
 // NOTE: Must not import from index to avoid pulling in react dependencies.
@@ -13,7 +14,7 @@ import { AutomationEvents } from '../types';
 import { trigger } from './commands';
 
 export const AutomationPlugin = Plugin.define(meta).pipe(
-  Common.Plugin.addCommandModule({ commands: [trigger] }),
+  AppPlugin.addCommandModule({ commands: [trigger] }),
   Plugin.addModule({
     activatesOn: ClientEvents.ClientReady,
     activatesAfter: [AutomationEvents.ComputeRuntimeReady],

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

@@ -20,18 +20,18 @@ const DefaultStory = () => {
   const space = spaces[1];
 
   return (
-    <div className='is-96'>
+    <div className='w-96'>
       <AutomationPanel space={space} />
     </div>
   );
 };
 
 const meta = {
-  title: 'plugins/plugin-automation/AutomationPanel',
+  title: 'plugins/plugin-automation/components/AutomationPanel',
   component: AutomationPanel as any,
   render: DefaultStory,
   decorators: [
-    withTheme,
+    withTheme(),
     withClientProvider({
       createIdentity: true,
       createSpace: true,

package/src/components/AutomationPanel/AutomationPanel.tsx

@@ -6,35 +6,36 @@ import * as Array from 'effect/Array';
 import * as EFn from 'effect/Function';
 import * as Match from 'effect/Match';
 import * as Schema from 'effect/Schema';
-import React, { useMemo, useState } from 'react';
+import React, { useCallback, useMemo, useState } from 'react';
 
 import { Filter, Obj, Tag } from '@dxos/echo';
 import { Function, Script, Trigger } from '@dxos/functions';
+import { KEY_QUEUE_CURSOR } from '@dxos/functions-runtime';
 import { FunctionsServiceClient } from '@dxos/functions-runtime/edge';
 import { useTypeOptions } from '@dxos/plugin-space';
 import { type Client, useClient } from '@dxos/react-client';
-import { type Space, 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 { type Space, useObject, useQuery } from '@dxos/react-client/echo';
+import { Clipboard, IconButton, type IconButtonProps, Input, Separator, useTranslation } from '@dxos/react-ui';
+import { Settings } from '@dxos/react-ui-form';
 import { List } from '@dxos/react-ui-list';
-import { Project } from '@dxos/types';
+import { Pipeline } from '@dxos/types';
 import { ghostHover, mx } from '@dxos/ui-theme';
 import { isNonNullable } from '@dxos/util';
 
 import { meta } from '../../meta';
 import { TriggerEditor, type TriggerEditorProps } from '../TriggerEditor';
 
-const grid = 'grid grid-cols-[40px_1fr_32px_32px] min-bs-[2.5rem]';
+const grid = 'grid grid-cols-[40px_1fr_32px_32px] min-h-[2.5rem]';
 
-export type AutomationPanelProps = ThemedClassName<{
+export type AutomationPanelProps = {
   space: Space;
   object?: Obj.Unknown;
   initialTrigger?: Trigger.Trigger;
   onDone?: () => void;
-}>;
+};
 
 // TODO(burdon): Factor out common layout with ViewEditor.
-export const AutomationPanel = ({ classNames, space, object, initialTrigger, onDone }: AutomationPanelProps) => {
+export const AutomationPanel = ({ space, object, initialTrigger, onDone }: AutomationPanelProps) => {
   const { t } = useTranslation(meta.id);
   const client = useClient();
   const functionsServiceClient = useMemo(() => FunctionsServiceClient.fromClient(client), [client]);
@@ -49,7 +50,6 @@ export const AutomationPanel = ({ classNames, space, object, initialTrigger, onD
     annotation: {
       location: ['database', 'runtime'],
       kind: ['user'],
-      registered: ['registered'],
     },
   });
 
@@ -74,7 +74,9 @@ export const AutomationPanel = ({ classNames, space, object, initialTrigger, onD
 
   const handleSave: TriggerEditorProps['onSave'] = (trigger) => {
     if (selected) {
-      Object.assign(selected, trigger);
+      Obj.change(selected, (mutable) => {
+        Object.assign(mutable, trigger);
+      });
     } else {
       space.db.add(Trigger.make(trigger));
     }
@@ -93,9 +95,16 @@ export const AutomationPanel = ({ classNames, space, object, initialTrigger, onD
     await functionsServiceClient.forceRunCronTrigger(space.id, trigger.id);
   };
 
+  const handleResetCursor = async (trigger: Trigger.Trigger) => {
+    Obj.change(trigger, (t) => {
+      Obj.deleteKeys(t, KEY_QUEUE_CURSOR);
+    });
+    await space.db.flush({ indexes: true });
+  };
+
   if (trigger) {
     return (
-      <ControlItem title={t('trigger editor title')}>
+      <Settings.Item title={t('trigger editor title')} description={t('trigger editor description')}>
         <TriggerEditor
           db={space.db}
           trigger={trigger}
@@ -105,12 +114,12 @@ export const AutomationPanel = ({ classNames, space, object, initialTrigger, onD
           onSave={handleSave}
           onCancel={handleCancel}
         />
-      </ControlItem>
+      </Settings.Item>
     );
   }
 
   return (
-    <div className={mx(controlItemClasses, classNames)}>
+    <Settings.Container>
       {filteredTriggers.length > 0 && (
         <List.Root<Trigger.Trigger>
           items={filteredTriggers}
@@ -118,75 +127,134 @@ export const AutomationPanel = ({ classNames, space, object, initialTrigger, onD
           getId={(field) => field.id}
         >
           {({ items: filteredTriggers }) => (
-            <div role='list' className='flex flex-col is-full'>
-              {filteredTriggers?.map((trigger) => {
-                const copyAction = getCopyAction(client, trigger);
-                return (
-                  <List.Item<Trigger.Trigger>
-                    key={trigger.id}
-                    item={trigger}
-                    classNames={mx(grid, ghostHover, 'items-center', 'pli-2')}
-                  >
-                    <Input.Root>
-                      <Input.Switch
-                        checked={trigger.enabled}
-                        onCheckedChange={(checked) =>
-                          Obj.change(trigger, (t) => {
-                            t.enabled = checked;
-                          })
-                        }
-                      />
-                    </Input.Root>
-
-                    <div className={'flex'}>
-                      <List.ItemTitle
-                        classNames='pli-1 cursor-pointer is-0 shrink truncate'
-                        onClick={() => handleSelect(trigger)}
-                      >
-                        {getFunctionName(functions, trigger) ?? '∅'}
-                      </List.ItemTitle>
-
-                      {/* TODO: a better way to expose copy action */}
-                      {copyAction && (
-                        <Clipboard.IconButton
-                          label={t(copyAction.translationKey)}
-                          value={copyAction.contentProvider()}
-                        />
-                      )}
-                    </div>
-
-                    <List.ItemButton
-                      autoHide={false}
-                      disabled={!trigger.enabled || trigger.spec?.kind !== 'timer'}
-                      icon='ph--play--regular'
-                      label='Force run'
-                      onClick={() => handleForceRunTrigger(trigger)}
-                    />
-
-                    <List.ItemDeleteButton onClick={() => handleDelete(trigger)} />
-                  </List.Item>
-                );
-              })}
+            <div role='list' className='flex flex-col w-full'>
+              {filteredTriggers?.map((trigger) => (
+                <TriggerListItem
+                  key={trigger.id}
+                  trigger={trigger}
+                  functions={functions}
+                  onSelect={handleSelect}
+                  onDelete={handleDelete}
+                  onResetCursor={handleResetCursor}
+                  onForceRun={handleForceRunTrigger}
+                />
+              ))}
             </div>
           )}
         </List.Root>
       )}
-      {filteredTriggers.length > 0 && <Separator classNames='mlb-4' />}
+
+      {filteredTriggers.length > 0 && <Separator classNames='my-4' />}
       <IconButton icon='ph--plus--regular' label={t('new trigger label')} onClick={handleAdd} />
-    </div>
+    </Settings.Container>
+  );
+};
+
+const TriggerListItem = ({
+  trigger,
+  functions,
+  onSelect,
+  onDelete,
+  onResetCursor,
+  onForceRun,
+}: {
+  trigger: Trigger.Trigger;
+  functions: Function.Function[];
+  onSelect?: (trigger: Trigger.Trigger) => void;
+  onDelete?: (trigger: Trigger.Trigger) => void;
+  onResetCursor?: (trigger: Trigger.Trigger) => void;
+  onForceRun?: (trigger: Trigger.Trigger) => void;
+}) => {
+  const client = useClient();
+  const copyAction = getCopyAction(client, trigger);
+  const { t } = useTranslation(meta.id);
+  const cursor = Obj.getKeys(trigger, KEY_QUEUE_CURSOR).at(0)?.id;
+  const [snapshot, updateTrigger] = useObject(trigger);
+
+  const enabled = snapshot.enabled ?? false;
+  const onEnabledChange = (checked: boolean) => {
+    updateTrigger((trigger) => {
+      trigger.enabled = checked;
+    });
+  };
+
+  const handleSelect = useCallback(() => {
+    onSelect?.(trigger);
+  }, [onSelect, trigger]);
+
+  const handleDelete = useCallback(() => {
+    onDelete?.(trigger);
+  }, [onDelete, trigger]);
+
+  const handleResetCursor = useCallback(() => {
+    onResetCursor?.(trigger);
+  }, [onResetCursor, trigger]);
+
+  const handleForceRun = useCallback(() => {
+    onForceRun?.(trigger);
+  }, [onForceRun, trigger]);
+
+  const actionProps = useMemo<IconButtonProps | undefined>(() => {
+    if (trigger.spec?.kind === 'timer' && onForceRun) {
+      return {
+        disabled: !enabled || trigger.spec?.kind !== 'timer',
+        icon: 'ph--play--regular',
+        label: 'Force run',
+        onClick: handleForceRun,
+      };
+    }
+
+    if (trigger.spec?.kind === 'queue' && onResetCursor) {
+      return {
+        disabled: !cursor,
+        icon: 'ph--arrow-clockwise--regular',
+        label: 'Reset cursor',
+        onClick: handleResetCursor,
+      };
+    }
+  }, [enabled, trigger.spec?.kind, handleForceRun]);
+
+  return (
+    <List.Item<Obj.Snapshot<Trigger.Trigger>>
+      key={trigger.id}
+      item={snapshot}
+      classNames={mx(grid, ghostHover, 'items-center', 'px-2')}
+    >
+      <Input.Root>
+        <Input.Switch checked={enabled} onCheckedChange={onEnabledChange} />
+      </Input.Root>
+
+      <div className={'flex'}>
+        <List.ItemTitle classNames='px-1 cursor-pointer w-0 shrink truncate' onClick={handleSelect}>
+          {getFunctionName(functions, trigger) ?? '∅'}
+          {cursor && <div className='text-xs text-description truncate ml-4'>Position: {cursor}</div>}
+        </List.ItemTitle>
+
+        {copyAction && (
+          <Clipboard.IconButton label={t(copyAction.translationKey)} value={copyAction.contentProvider()} />
+        )}
+      </div>
+
+      {actionProps ? <List.ItemButton {...actionProps} autoHide={false} /> : <div />}
+
+      {onDelete && <List.ItemDeleteButton onClick={handleDelete} />}
+    </List.Item>
   );
 };
 
 const getCopyAction = (client: Client, trigger: Trigger.Trigger | undefined) => {
   if (trigger?.spec?.kind === 'email') {
     return {
-      translationKey: 'trigger copy email',
+      translationKey: 'trigger copy email' as const,
       contentProvider: () => `${Obj.getDatabase(trigger)!.spaceId}@dxos.network`,
     };
   }
 
   if (trigger?.spec?.kind === 'webhook') {
-    return { translationKey: 'trigger copy url', contentProvider: () => getWebhookUrl(client, trigger) };
+    return {
+      translationKey: 'trigger copy url' as const,
+      contentProvider: () => getWebhookUrl(client, trigger!),
+    };
   }
 
   return undefined;
@@ -217,7 +285,7 @@ const scriptMatch = (script: Script.Script) => (trigger: Trigger.Trigger) => {
   return fn.source?.target === script;
 };
 
-const projectMatch = (project: Project.Project) => {
+const projectMatch = (project: Pipeline.Pipeline) => {
   const viewQueries = EFn.pipe(
     project.columns,
     Array.map((column) => column.view.target),
@@ -244,7 +312,7 @@ const triggerMatch = Match.type<Obj.Unknown>().pipe(
     (obj) => scriptMatch(obj),
   ),
   Match.when(
-    (obj) => Obj.instanceOf(Project.Project, obj),
+    (obj) => Obj.instanceOf(Pipeline.Pipeline, obj),
     (obj) => projectMatch(obj),
   ),
   Match.orElse((_obj) => () => true),

package/src/components/FunctionsPanel/FunctionsPanel.tsx

@@ -5,21 +5,19 @@
 import * as Schema from 'effect/Schema';
 import React, { useCallback, useMemo } from 'react';
 
-import { Common } from '@dxos/app-framework';
-import { useOperationInvoker } from '@dxos/app-framework/react';
+import { useOperationInvoker } from '@dxos/app-framework/ui';
+import { LayoutOperation, getObjectPathFromObject } from '@dxos/app-toolkit';
 import { Obj } from '@dxos/echo';
 import { Function, Script } from '@dxos/functions';
 import { SpaceOperation } from '@dxos/plugin-space/types';
 import { Filter, type Space, useQuery } from '@dxos/react-client/echo';
 import { Button, IconButton, useTranslation } from '@dxos/react-ui';
-import { controlItemClasses } from '@dxos/react-ui-form';
+import { Settings } from '@dxos/react-ui-form';
 import { List } from '@dxos/react-ui-list';
 import { ghostHover, mx } from '@dxos/ui-theme';
 
 import { meta } from '../../meta';
 
-const grid = 'grid grid-cols-[1fr_auto] min-bs-[2.5rem]';
-
 export type FunctionsPanelProps = {
   space: Space;
 };
@@ -60,7 +58,7 @@ export const FunctionsPanel = ({ space }: FunctionsPanelProps) => {
     (func: Function.Function) => {
       const script = functionToScriptMap[func.id];
       if (script) {
-        void invokePromise(Common.LayoutOperation.Open, { subject: [Obj.getDXN(script).toString()] });
+        void invokePromise(LayoutOperation.Open, { subject: [getObjectPathFromObject(script)] });
       }
     },
     [functionToScriptMap, invokePromise],
@@ -72,16 +70,16 @@ export const FunctionsPanel = ({ space }: FunctionsPanelProps) => {
   );
 
   return (
-    <div role='none' className={mx(controlItemClasses)}>
+    <Settings.Container>
       {functions.length > 0 && (
         <List.Root<Function.Function> items={functions} isItem={Schema.is(Function.Function)} getId={(func) => func.id}>
           {({ items }) => (
-            <div role='list' className='flex flex-col is-full'>
+            <div role='list' className='flex flex-col w-full'>
               {items?.map((func) => (
                 <List.Item<Function.Function>
                   key={func.id}
                   item={func}
-                  classNames={mx(grid, ghostHover, 'items-center', 'pli-2', 'min-bs-[3rem]')}
+                  classNames={mx('grid grid-cols-[1fr_auto] min-h-[2.5rem] min-h-[3rem] px-2 items-center', ghostHover)}
                 >
                   <div className='flex flex-col truncate'>
                     <List.ItemTitle classNames='truncate'>{func.name}</List.ItemTitle>
@@ -105,7 +103,7 @@ export const FunctionsPanel = ({ space }: FunctionsPanelProps) => {
         </List.Root>
       )}
 
-      {functions.length === 0 && <div className='text-center plb-4 text-gray-500'>{t('no functions found')}</div>}
-    </div>
+      {functions.length === 0 && <div className='text-center py-4 text-description'>{t('no functions found')}</div>}
+    </Settings.Container>
   );
 };