@dxos/plugin-routine 0.10.0 → 0.11.0

package/src/components/TriggerEditor/TriggerKindSelector.tsx

@@ -9,44 +9,18 @@ import { Listbox } from '@dxos/react-ui-list';
 
 import { meta } from '#meta';
 
+import { OPTIONS } from './trigger-kind-icon';
+
 /** Trigger spec kinds surfaced as selectable variants. Matches the discriminants of `Trigger.Spec`. */
 export type TriggerKind = 'timer' | 'feed' | 'subscription' | 'webhook' | 'email';
 
-type TriggerKindOption = {
+export type TriggerKindOption = {
   kind: TriggerKind;
   icon: string;
   disabled?: boolean;
 };
 
 // Ordered as presented; labels and descriptions are resolved from translations keyed by `kind`.
-const OPTIONS: readonly TriggerKindOption[] = [
-  {
-    kind: 'timer',
-    icon: 'ph--clock-countdown--regular',
-  },
-  {
-    kind: 'feed',
-    icon: 'ph--cards-three--regular',
-  },
-  {
-    kind: 'subscription',
-    icon: 'ph--funnel--regular',
-  },
-  {
-    kind: 'webhook',
-    icon: 'ph--webhooks-logo--regular',
-    disabled: true,
-  },
-  {
-    kind: 'email',
-    icon: 'ph--envelope--regular',
-    disabled: true,
-  },
-];
-
-/** Icon for a trigger kind, shared by the picker rows and the selected-variant editor header. */
-export const getTriggerKindIcon = (kind: TriggerKind): string =>
-  OPTIONS.find((option) => option.kind === kind)?.icon ?? 'ph--lightning--regular';
 
 export type TriggerKindSelectorProps = {
   onChange: (kind: TriggerKind) => void;
@@ -73,7 +47,7 @@ export const TriggerKindSelector = ({ onChange }: TriggerKindSelectorProps) => {
     <Listbox.Root onValueChange={handleValueChange}>
       <Listbox.Content classNames='gap-1' aria-label={t('trigger-kind.placeholder')}>
         {OPTIONS.map(({ kind, icon, disabled }) => (
-          <Listbox.Item key={kind} id={kind} disabled={disabled} classNames='bg-input-surface rounded-sm'>
+          <Listbox.Item key={kind} id={kind} disabled={disabled} classNames='dx-input-surface rounded-sm'>
             <Listbox.ItemContent
               icon={<Icon icon={icon} size={5} classNames='text-description' />}
               title={<span className='font-medium'>{t(`trigger-kind.${kind}.label`)}</span>}

package/src/components/TriggerEditor/trigger-kind-icon.ts

@@ -0,0 +1,38 @@
+//
+// Copyright 2026 DXOS.org
+//
+
+import { type TriggerKind, type TriggerKindOption } from './TriggerKindSelector';
+
+// Kept out of `TriggerKindSelector.tsx`: react-refresh only fast-refreshes a module whose
+// exports are all components, so values exported beside them force a full page reload on
+// every edit.
+
+/** Icon for a trigger kind, shared by the picker rows and the selected-variant editor header. */
+export const OPTIONS: readonly TriggerKindOption[] = [
+  {
+    kind: 'timer',
+    icon: 'ph--clock-countdown--regular',
+  },
+  {
+    kind: 'feed',
+    icon: 'ph--cards-three--regular',
+  },
+  {
+    kind: 'subscription',
+    icon: 'ph--funnel--regular',
+  },
+  {
+    kind: 'webhook',
+    icon: 'ph--webhooks-logo--regular',
+    disabled: true,
+  },
+  {
+    kind: 'email',
+    icon: 'ph--envelope--regular',
+    disabled: true,
+  },
+];
+
+export const getTriggerKindIcon = (kind: TriggerKind): string =>
+  OPTIONS.find((option) => option.kind === kind)?.icon ?? 'ph--lightning--regular';

package/src/components/index.ts

@@ -4,8 +4,8 @@
 
 export * from './RoutineForm';
 export * from './CreateRoutinePanel';
-export * from './MasterDetail';
 export * from './InstructionsEditor';
+export * from './RoutineCard';
 export * from './Schedule';
 export * from './TemplateEditor';
 export * from './TriggerEditor';

package/src/containers/RoutineArticle/RoutineArticle.stories.tsx

@@ -7,17 +7,19 @@ import * as Effect from 'effect/Effect';
 import React from 'react';
 
 import { withPluginManager } from '@dxos/app-framework/testing';
-import { Instructions, Skill, Trigger } from '@dxos/compute';
-import { Feed, Filter, Obj, Ref } from '@dxos/echo';
+import { Instructions, Routine, Skill, Trigger } from '@dxos/compute';
+import { Feed, Filter, Json, Obj, Ref } from '@dxos/echo';
+import { useObject, useQuery } from '@dxos/echo-react';
 import { ClientPlugin } from '@dxos/plugin-client/testing';
 import { RoutinePlugin } from '@dxos/plugin-routine/testing';
 import { corePlugins } from '@dxos/plugin-testing';
-import { type Space, useQuery, useSpaces } from '@dxos/react-client/echo';
+import { type Space, useSpaces } from '@dxos/react-client/echo';
+import { Panel, ScrollArea, Toolbar } from '@dxos/react-ui';
 import { ObjectProperties } from '@dxos/react-ui-form';
+import { Syntax } from '@dxos/react-ui-syntax-highlighter';
 import { Loading, withLayout, withTheme } from '@dxos/react-ui/testing';
 
 import { translations } from '#translations';
-import { Routine } from '#types';
 
 import { RoutineArticle } from './RoutineArticle';
 
@@ -27,21 +29,21 @@ const types = [Routine.Routine, Trigger.Trigger, Instructions.Instructions, Feed
 const seedSkills = (space: Space) => {
   space.db.add(
     Skill.make({
-      key: 'example.com/skill/research',
+      key: 'com.example.skill.research',
       name: 'Research',
       description: 'Research an organization.',
     }),
   );
   space.db.add(
     Skill.make({
-      key: 'example.com/skill/summarize',
+      key: 'com.example.skill.summarize',
       name: 'Summarize',
       description: 'Summarize the selected content.',
     }),
   );
   space.db.add(
     Skill.make({
-      key: 'example.com/skill/translate',
+      key: 'com.example.skill.translate',
       name: 'Translate',
       description: 'Translate text to another language.',
     }),
@@ -94,23 +96,76 @@ const DefaultStory = () => {
   if (!automation) {
     return <Loading />;
   }
+
   return <RoutineArticle role='article' subject={automation} attendableId='story' />;
 };
 
-/** Two-column layout: the composite RoutineArticle on the left, raw object properties on the right. */
-const TwoColumnStory = () => {
+/** Editable object form. `ObjectProperties` is uncontrolled, so the caller keys it by the object's
+ * snapshot to remount (re-read `defaultValues`) when the object changes externally; `object` stays
+ * the live object so its own edits persist. */
+const EditableObject = ({ title, object }: { title: string; object: Obj.Unknown }) => (
+  <Panel.Root>
+    <Panel.Content asChild>
+      <ScrollArea.Root orientation='vertical'>
+        <ScrollArea.Viewport>
+          <h2 className='mbe-1 px-2 pt-2 text-sm font-medium text-description'>{title}</h2>
+          <ObjectProperties object={object} />
+        </ScrollArea.Viewport>
+      </ScrollArea.Root>
+    </Panel.Content>
+  </Panel.Root>
+);
+
+/**
+ * Reactive syntax-highlighted JSON with a ref-resolution depth control (mirrors `DebugObjectPanel`):
+ * `Syntax.Depth` drives `getReplacer`, which builds `Json.createRefReplacer({ db, depth })` to inline
+ * referenced objects (e.g. the trigger) up to the chosen depth. `JsonHighlighter` re-stringifies on
+ * every render, so the view stays live as the objects change.
+ */
+const JsonView = ({ data, db }: { data: unknown; db?: ReturnType<typeof Obj.getDatabase> }) => (
+  <Syntax.Root
+    data={data}
+    defaultDepth={1}
+    getReplacer={(depth) => (db ? Json.createRefReplacer({ db, depth }) : undefined)}
+  >
+    <Panel.Root>
+      <Panel.Toolbar asChild>
+        <Toolbar.Root classNames='grid grid-cols-[1fr_3rem]'>
+          <Syntax.Filter />
+          <Syntax.Depth />
+        </Toolbar.Root>
+      </Panel.Toolbar>
+      <Panel.Content asChild>
+        <Syntax.Viewport>
+          <Syntax.Code />
+        </Syntax.Viewport>
+      </Panel.Content>
+    </Panel.Root>
+  </Syntax.Root>
+);
+
+const ThreeColumnStory = () => {
   const spaces = useSpaces();
   const space = spaces[spaces.length - 1];
-  const [automation] = useQuery(space?.db, Filter.type(Routine.Routine));
-  if (!automation) {
+  const [routine] = useQuery(space?.db, Filter.type(Routine.Routine));
+  const triggerRef = routine?.triggers.find((ref) => Obj.instanceOf(Trigger.Trigger, ref.target));
+  // Subscribe to both objects so left-side edits re-render (and re-key) the other columns; the trigger
+  // subscription keeps the ref-expanded JSON view live when the trigger (a separate entity) changes.
+  const [routineSnapshot] = useObject(routine);
+  const [triggerSnapshot] = useObject(triggerRef);
+  const trigger = triggerRef?.target;
+  if (!routine) {
     return <Loading />;
   }
+
   return (
-    <div role='none' className='w-full grid grid-cols-2 gap-px'>
-      <RoutineArticle role='article' subject={automation} attendableId='story' />
-      <div role='none' className='overflow-y-auto p-2 bg-baseSurface'>
-        <ObjectProperties object={automation} />
+    <div className='w-full grid grid-cols-3 gap-2'>
+      <RoutineArticle role='article' subject={routine} attendableId='story' />
+      <div className='grid grid-rows-2 gap-2 min-h-0'>
+        <EditableObject key={JSON.stringify(routineSnapshot)} title='Routine' object={routine} />
+        {trigger && <EditableObject key={JSON.stringify(triggerSnapshot)} title='Trigger' object={trigger} />}
       </div>
+      <JsonView data={routineSnapshot} db={Obj.getDatabase(routine)} />
     </div>
   );
 };
@@ -134,10 +189,14 @@ export const Empty: Story = {
   decorators: [withAutomation(seedDefault)],
 };
 
-/** Side-by-side: the composite editor alongside the underlying object's raw properties. */
-export const TwoColumn: Story = {
-  render: TwoColumnStory,
-  decorators: [withAutomation(seedDefault)],
+/**
+ * Side-by-side: the composite editor, an editable properties form, and a live raw view of the
+ * underlying objects (routine + primary trigger). Seeded with a trigger so trigger-spec edits are
+ * immediately observable across all three columns.
+ */
+export const ThreeColumn: Story = {
+  render: ThreeColumnStory,
+  decorators: [withAutomation(seedWithTimerTrigger)],
 };
 
 /** Automation with a timer trigger pre-configured for a daily 9 AM schedule. */

package/src/containers/RoutineArticle/RoutineArticle.tsx

@@ -7,14 +7,15 @@ import React, { useCallback, useContext, useMemo } from 'react';
 
 import { useOperationInvoker } from '@dxos/app-framework/ui';
 import { type AppSurface } from '@dxos/app-toolkit/ui';
+import { Routine } from '@dxos/compute';
 import { Obj, Ref } from '@dxos/echo';
-import { useObject } from '@dxos/react-client/echo';
+import { useObject } from '@dxos/echo-react';
 import { Panel } from '@dxos/react-ui';
 import { Menu, MenuBuilder, useMenuBuilder } from '@dxos/react-ui-menu';
 
 import { RoutineForm } from '#components';
 import { meta } from '#meta';
-import { Routine, RoutineOperation } from '#types';
+import { RoutineOperation } from '#types';
 
 export type RoutineArticleProps = AppSurface.ObjectArticleProps<Routine.Routine>;
 
@@ -43,6 +44,7 @@ export const RoutineArticle = ({ role, attendableId, subject }: RoutineArticlePr
     if (!invokePromise || !db) {
       return;
     }
+
     // Thread the routine's first trigger as trace attribution so the run appears in history.
     // Manual runs bypass the trigger dispatcher (which normally stamps meta.trigger), so we
     // do it here — history filters on trigger entity id, and without this the run is invisible.
@@ -69,9 +71,9 @@ export const RoutineArticle = ({ role, attendableId, subject }: RoutineArticlePr
     <Menu.Root {...menuActions} attendableId={attendableId}>
       <Panel.Root role={role}>
         <Panel.Toolbar>
-          <Menu.Toolbar className='dx-document' />
+          <Menu.Toolbar classNames='dx-document' />
         </Panel.Toolbar>
-        <Panel.Content>
+        <Panel.Content asChild>
           <RoutineForm db={db} routine={subject} />
         </Panel.Content>
       </Panel.Root>
@@ -107,3 +109,5 @@ const useArticleMenuActions = ({ canRun, runningAtom, handleRun }: ArticleMenuAc
         .build(),
     [canRun, handleRun, runningAtom],
   );
+
+RoutineArticle.displayName = 'RoutineArticle';

package/src/containers/RoutineCompanion/RoutineCompanion.stories.tsx

@@ -7,18 +7,19 @@ import * as Effect from 'effect/Effect';
 import React from 'react';
 
 import { withPluginManager } from '@dxos/app-framework/testing';
-import { Instructions, Skill } from '@dxos/compute';
+import { Instructions, Routine, Skill } from '@dxos/compute';
 import { Filter, Ref } from '@dxos/echo';
+import { useQuery } from '@dxos/echo-react';
 import { ClientPlugin } from '@dxos/plugin-client/testing';
 import { RoutinePlugin } from '@dxos/plugin-routine/testing';
 import { corePlugins } from '@dxos/plugin-testing';
-import { type Space, useQuery, useSpaces } from '@dxos/react-client/echo';
+import { type Space, useSpaces } from '@dxos/react-client/echo';
 import { Loading, withLayout, withTheme } from '@dxos/react-ui/testing';
 import { Text } from '@dxos/schema';
 
 import { translations } from '#translations';
-import { Routine } from '#types';
 
+import { makeRoutine } from '../../util';
 import { RoutineCompanion } from './RoutineCompanion';
 
 const types = [Routine.Routine, Instructions.Instructions, Skill.Skill, Text.Text];
@@ -28,7 +29,7 @@ const seed = (space: Space) => {
   const subject = space.db.add(Text.make({ content: 'Meeting notes' }));
 
   space.db.add(
-    Routine.make({
+    makeRoutine({
       name: 'Summarize Notes',
       instructions: Instructions.make({ name: 'Summarize notes', objects: [Ref.make(subject)] }),
     }),

package/src/containers/RoutineCompanion/RoutineCompanion.tsx

@@ -2,22 +2,24 @@
 // Copyright 2026 DXOS.org
 //
 
-import { Atom } from '@effect-atom/atom-react';
+import { Atom } from '@effect-atom/atom';
 import * as Effect from 'effect/Effect';
 import React, { useCallback, useMemo, useRef, useState } from 'react';
 
 import { useCapabilities, useOperationInvoker } from '@dxos/app-framework/ui';
 import { type AppSurface } from '@dxos/app-toolkit/ui';
+import { Routine } from '@dxos/compute';
 import { Database, Filter, Obj, Type } from '@dxos/echo';
+import { useQuery } from '@dxos/echo-react';
 import { EffectEx } from '@dxos/effect';
 import { SpaceOperation } from '@dxos/plugin-space';
-import { useQuery } from '@dxos/react-client/echo';
 import { Panel, ScrollArea, useTranslation } from '@dxos/react-ui';
+import { MasterDetail, type MasterDetailAdornment, type MasterDetailIcon } from '@dxos/react-ui-list';
 import { type ActionGraphProps, Menu, MenuBuilder, useMenuBuilder } from '@dxos/react-ui-menu';
 
-import { MasterDetail, type MasterDetailAdornment, type MasterDetailIcon, RoutineForm } from '#components';
+import { RoutineForm } from '#components';
 import { meta } from '#meta';
-import { Routine, RoutineCapabilities } from '#types';
+import { RoutineCapabilities } from '#types';
 
 import { connectedRoutinesQuery } from '../../util';
 
@@ -108,7 +110,7 @@ export const RoutineCompanion = ({ subject: object, attendableId }: RoutineCompa
       return;
     }
 
-    // The draft is a fully-wired graph (see `Routine.make`); a single add cascades the owned trigger and
+    // The draft is a fully-wired graph (see `makeRoutine`); a single add cascades the owned trigger and
     // instructions, and the subject carried in the instructions' `objects` is the structural connection the
     // query finds.
     const persistedRoutine = db.add(draft);
@@ -189,9 +191,9 @@ export const RoutineCompanion = ({ subject: object, attendableId }: RoutineCompa
     <Menu.Root {...menuActions} attendableId={attendableId}>
       <Panel.Root>
         <Panel.Toolbar>
-          <Menu.Toolbar className='dx-document' />
+          <Menu.Toolbar classNames='dx-document' />
         </Panel.Toolbar>
-        <Panel.Content asChild className='pt-trim-md'>
+        <Panel.Content asChild classNames='pt-trim-md'>
           <ScrollArea.Root>
             <ScrollArea.Viewport>
               <MasterDetail<Routine.Routine>
@@ -340,3 +342,5 @@ const useCompanionMenuActions = ({ t, templates, draft, handleCreateFromTemplate
         .build(),
     [t, templates, draft, handleCreateFromTemplate],
   );
+
+RoutineCompanion.displayName = 'RoutineCompanion';

package/src/containers/RoutineSettings/RoutineSettings.tsx

@@ -4,58 +4,45 @@
 
 import React from 'react';
 
-import { AppSurface } from '@dxos/app-toolkit/ui';
-import { type ComputeEnvironment } from '@dxos/client-protocol';
+import { useActiveSpace } from '@dxos/app-toolkit/ui';
 import { useObject } from '@dxos/echo-react';
-import { DropdownMenu, IconButton, useTranslation } from '@dxos/react-ui';
+import { Input, useTranslation } from '@dxos/react-ui';
 import { Form } from '@dxos/react-ui-form';
 
 import { meta } from '#meta';
 
-export type RoutineSettingsProps = AppSurface.SpaceArticleProps;
-
 /**
  * Space-level routine settings. Individual routines are now first-class objects (configured in their
- * article + per-object companion), so this page is focused on runtime management — where the space's
- * routines execute.
+ * article + per-object companion), so this page exposes the space-wide kill-switch for trigger
+ * execution. Per-trigger local/edge routing is set on each trigger via its `remote` flag.
+ *
+ * The page is reached from space settings, so the space comes from context rather than surface data.
  */
-export const RoutineSettings = ({ space }: RoutineSettingsProps) => {
+export const RoutineSettings = () => {
   const { t } = useTranslation(meta.profile.key);
-  const [properties, changeProperties] = useObject(space.properties);
-  const selected = properties.computeEnvironment ?? 'local';
+  const space = useActiveSpace();
+  const [properties, changeProperties] = useObject(space?.properties);
+  const enabled = !(properties?.triggersDisabled ?? false);
 
-  const handleUpdate = (option: ComputeEnvironment) => {
-    changeProperties((draft) => {
-      draft.computeEnvironment = option;
+  const handleToggle = (value: boolean) => {
+    changeProperties((current) => {
+      current.triggersDisabled = !value;
     });
   };
 
+  if (!space) {
+    return null;
+  }
+
   return (
     <Form.Root variant='settings'>
       <Form.Viewport scroll>
         <Form.Content>
           <Form.Section title={t('routine-verbose.label')} description={t('routine.description')}>
             <Form.Row label={t('runtime.label')} description={t('runtime.description')}>
-              <DropdownMenu.Root>
-                <DropdownMenu.Trigger asChild>
-                  <IconButton iconEnd icon='ph--caret-down--regular' size={4} label={t(`runtime.${selected}.label`)} />
-                </DropdownMenu.Trigger>
-                <DropdownMenu.Portal>
-                  <DropdownMenu.Content side='bottom'>
-                    <DropdownMenu.Viewport>
-                      <DropdownMenu.Item onClick={() => handleUpdate('disabled')}>
-                        {t('runtime.disabled.label')}
-                      </DropdownMenu.Item>
-                      <DropdownMenu.Item onClick={() => handleUpdate('local')}>
-                        {t('runtime.local.label')}
-                      </DropdownMenu.Item>
-                      <DropdownMenu.Item onClick={() => handleUpdate('edge')}>
-                        {t('runtime.edge.label')}
-                      </DropdownMenu.Item>
-                    </DropdownMenu.Viewport>
-                  </DropdownMenu.Content>
-                </DropdownMenu.Portal>
-              </DropdownMenu.Root>
+              <Input.Root>
+                <Input.Switch checked={enabled} onCheckedChange={handleToggle} />
+              </Input.Root>
             </Form.Row>
           </Form.Section>
         </Form.Content>
@@ -63,3 +50,5 @@ export const RoutineSettings = ({ space }: RoutineSettingsProps) => {
     </Form.Root>
   );
 };
+
+RoutineSettings.displayName = 'RoutineSettings';

package/src/containers/RoutineTraceCompanion/RoutineTraceCompanion.stories.tsx

@@ -7,18 +7,19 @@ import * as Effect from 'effect/Effect';
 import React from 'react';
 
 import { withPluginManager } from '@dxos/app-framework/testing';
-import { Trace, Trigger } from '@dxos/compute';
+import { Routine, Trace, Trigger } from '@dxos/compute';
+import { FeedTraceSink } from '@dxos/compute-runtime';
 import { Database, Feed, Filter, Obj, Ref } from '@dxos/echo';
-import { FeedTraceSink } from '@dxos/functions-runtime';
+import { useQuery } from '@dxos/echo-react';
 import { ClientPlugin } from '@dxos/plugin-client/testing';
 import { RoutinePlugin } from '@dxos/plugin-routine/testing';
 import { corePlugins } from '@dxos/plugin-testing';
-import { type Space, useQuery, useSpaces } from '@dxos/react-client/echo';
+import { type Space, useSpaces } from '@dxos/react-client/echo';
 import { Loading, withLayout, withTheme } from '@dxos/react-ui/testing';
 
 import { translations } from '#translations';
-import { Routine } from '#types';
 
+import { makeRoutine } from '../../util';
 import { RoutineTraceCompanion } from './RoutineTraceCompanion';
 
 const types = [Routine.Routine, Trigger.Trigger, Feed.Feed, Trace.Message];
@@ -49,7 +50,7 @@ const runMessage = (opts: {
 const seed = (space: Space) =>
   Effect.gen(function* () {
     const trigger = Trigger.make({ enabled: true });
-    space.db.add(Routine.make({ name: 'Summarize Notes', trigger }));
+    space.db.add(makeRoutine({ name: 'Summarize Notes', trigger }));
     const feed = space.db.add(
       Feed.make({ kind: FeedTraceSink.TRACE_FEED_KIND, name: 'Execution Trace', namespace: 'trace' }),
     );

package/src/containers/RoutineTraceCompanion/RoutineTraceCompanion.tsx

@@ -4,13 +4,13 @@
 
 import React from 'react';
 
+import { Routine } from '@dxos/compute';
 import { Obj } from '@dxos/echo';
 import { Icon, Panel, ScrollArea, Toolbar, useTranslation } from '@dxos/react-ui';
 import { Accordion, Empty, Listbox } from '@dxos/react-ui-list';
 import { JsonHighlighter } from '@dxos/react-ui-syntax-highlighter';
 
 import { meta } from '#meta';
-import { Routine } from '#types';
 
 import { type RoutineRun, type RunStatus } from './runs';
 import { useRoutineRuns } from './useRoutineRuns';
@@ -123,3 +123,5 @@ const toJsonData = (run: RoutineRun) => ({
 });
 
 const getRunId = (run: RoutineRun) => run.pid;
+
+RoutineTraceCompanion.displayName = 'RoutineTraceCompanion';

package/src/containers/RoutineTraceCompanion/useRoutineRuns.ts

@@ -4,13 +4,11 @@
 
 import { useMemo } from 'react';
 
-import { Trace } from '@dxos/compute';
+import { type Routine, Trace } from '@dxos/compute';
+import { FeedTraceSink } from '@dxos/compute-runtime';
 import { type Database, Filter, Query } from '@dxos/echo';
-import { FeedTraceSink } from '@dxos/functions-runtime';
+import { useQuery } from '@dxos/echo-react';
 import { EID } from '@dxos/keys';
-import { useQuery } from '@dxos/react-client/echo';
-
-import { type Routine } from '#types';
 
 import { type RoutineRun, groupIntoRuns } from './runs';
 

package/src/containers/SkillArticle/SkillArticle.tsx

@@ -27,3 +27,5 @@ export const SkillArticle = ({ role, attendableId, subject }: SkillArticleProps)
     </Panel.Root>
   );
 };
+
+SkillArticle.displayName = 'SkillArticle';

package/src/hooks/useTriggerRuntimeControls.ts

@@ -9,9 +9,9 @@ import { useEffect, useState } from 'react';
 
 import { useSpaceCallback } from '@dxos/app-framework/ui';
 import { Trigger } from '@dxos/compute';
+import { TriggerDispatcher, type TriggerDispatcherState } from '@dxos/compute-runtime';
 import { type Database, Filter, Query } from '@dxos/echo';
-import { TriggerDispatcher, type TriggerDispatcherState } from '@dxos/functions-runtime';
-import { useQuery } from '@dxos/react-client/echo';
+import { useQuery } from '@dxos/echo-react';
 
 interface TriggerRuntimeControls {
   triggers: Trigger.Trigger[];

package/src/index.ts

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

package/src/operations/create-routine.ts

@@ -21,7 +21,7 @@ const handler: Operation.WithHandler<typeof RoutineOperation.CreateRoutine> = Ro
       invariant(template, `Unknown routine template: ${templateId}`);
 
       // The scaffold returns a fully-wired in-memory routine graph (runnable, owned instructions, and trigger
-      // all parented and bound by `Routine.make`); AddObject's `Database.add` cascades the whole graph.
+      // all parented and bound by `makeRoutine`); AddObject's `Database.add` cascades the whole graph.
       const draft = yield* template
         .scaffold({ name, subject })
         .pipe(Effect.provideService(Database.Service, Database.makeService(db)));

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

@@ -4,7 +4,7 @@
 
 import * as Effect from 'effect/Effect';
 
-import { LayoutOperation, Paths } from '@dxos/app-toolkit';
+import { GraphPath, LayoutOperation } 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';
@@ -59,7 +59,7 @@ const handler: Operation.WithHandler<typeof RoutineOperation.CreateTriggerFromTe
         });
         yield* Operation.invoke(LayoutOperation.Open, {
           subject: [getRoutinesSettingsPath(db.spaceId)],
-          workspace: Paths.getSpacePath(db.spaceId),
+          workspace: GraphPath.getSpacePath(db.spaceId),
         });
       }),
     ),