@dxos/plugin-assistant 0.8.4-main.422d1c7879 → 0.8.4-main.51f1e5ca51

package/src/components/ProcessTree/ProcessTree.stories.tsx

@@ -6,24 +6,14 @@ import { type Meta, type StoryObj } from '@storybook/react-vite';
 import * as Option from 'effect/Option';
 
 import { Process } from '@dxos/functions-runtime';
+import { log } from '@dxos/log';
 import { withLayout, withTheme } from '@dxos/react-ui/testing';
 
-import { ProcessTree } from './ProcessTree';
+import { makeProcess } from '#testing';
 
-const makeProcess = (
-  overrides: Partial<Process.Info> & Pick<Process.Info, 'pid' | 'state'> & { name: string },
-): Process.Info => ({
-  parentPid: null,
-  key: `test.process.${overrides.name}`,
-  params: { name: overrides.name, target: null },
-  error: null,
-  startedAt: Date.now() - 10_000,
-  completedAt: Option.none(),
-  metrics: { wallTime: 0, inputCount: 0, outputCount: 0 },
-  ...overrides,
-});
+import { ProcessTree } from './ProcessTree';
 
-const seedProcesses: Process.Info[] = [
+const processes: Process.Info[] = [
   makeProcess({
     pid: Process.ID.make('97793611-815e-4a67-bc04-60fa67b2c987'),
     name: 'Trigger watcher',
@@ -73,7 +63,7 @@ const seedProcesses: Process.Info[] = [
 const meta: Meta<typeof ProcessTree> = {
   title: 'plugins/plugin-assistant/components/ProcessTree',
   component: ProcessTree,
-  decorators: [withLayout({ layout: 'column', classNames: 'w-(--dx-complementary-sidebar-size)' }), withTheme()],
+  decorators: [withTheme(), withLayout({ layout: 'column', classNames: 'w-(--dx-complementary-sidebar-size)' })],
 } satisfies Meta<typeof ProcessTree>;
 
 export default meta;
@@ -82,28 +72,12 @@ type Story = StoryObj<typeof meta>;
 
 export const Default: Story = {
   args: {
-    processes: seedProcesses,
-  },
-};
-
-export const AllRunning: Story = {
-  args: {
-    processes: [
-      makeProcess({
-        pid: Process.ID.make('1344bac8-745b-44a6-9af6-dc19509a7844'),
-        name: 'Agent alpha',
-        state: Process.State.RUNNING,
-      }),
-      makeProcess({
-        pid: Process.ID.make('b7c9787a-6705-47dc-a197-d37f1adfa338'),
-        name: 'Agent beta',
-        state: Process.State.RUNNING,
-      }),
-      makeProcess({
-        pid: Process.ID.make('43493533-a94c-4072-b18f-c0e0fd806bf5'),
-        name: 'Agent gamma',
-        state: Process.State.RUNNING,
-      }),
-    ],
+    processes: processes,
+    onProcessSelect: (process) => {
+      log.info('select', process);
+    },
+    onProcessTerminate: (process) => {
+      log.info('terminate', process);
+    },
   },
 };

package/src/components/ProcessTree/ProcessTree.tsx

@@ -3,41 +3,47 @@
 //
 
 import * as Match from 'effect/Match';
+import * as Option from 'effect/Option';
 import React from 'react';
 
 import { Process } from '@dxos/functions-runtime';
-import { Icon, ScrollArea, Treegrid } from '@dxos/react-ui';
+import { Icon, IconButton, ScrollArea, Tooltip, Treegrid } from '@dxos/react-ui';
 import { composable, composableProps, mx } from '@dxos/ui-theme';
+import { Unit } from '@dxos/util';
 
 export type ProcessTreeProps = {
+  // TODO(burdon): Atom.
   processes: readonly Process.Info[];
   onProcessSelect?: (process: Process.Info) => void;
+  onProcessTerminate?: (process: Process.Info) => void;
 };
 
 export const ProcessTree = composable<HTMLDivElement, ProcessTreeProps>(
-  ({ processes, onProcessSelect, ...props }, forwardedRef) => {
-    const filteredProcesses: Process.Info[] = [
+  ({ processes, onProcessSelect, onProcessTerminate, ...props }, forwardedRef) => {
+    const sortedProcesses = [
       ...processes.filter((process) => [Process.State.RUNNING, Process.State.HYBERNATING].includes(process.state)),
       ...processes.filter((process) => [Process.State.IDLE].includes(process.state)).slice(0, 3),
-      ...processes
-        .filter((process) =>
-          [Process.State.SUCCEEDED, Process.State.FAILED, Process.State.TERMINATED].includes(process.state),
-        )
-        .slice(0, 3),
-    ];
+      ...processes.filter((process) =>
+        [Process.State.SUCCEEDED, Process.State.FAILED, Process.State.TERMINATED].includes(process.state),
+      ),
+    ].sort((a, b) => {
+      const aCompletedAt = Option.getOrElse(a.completedAt, () => Infinity);
+      const bCompletedAt = Option.getOrElse(b.completedAt, () => Infinity);
+      return bCompletedAt - aCompletedAt;
+    });
 
     return (
       <ScrollArea.Root {...composableProps(props, { classNames: 'dx-expander' })} thin ref={forwardedRef}>
         <ScrollArea.Viewport>
           <Treegrid.Root gridTemplateColumns='1fr'>
-            {filteredProcesses
+            {sortedProcesses
               .filter((process) => process.parentPid === null)
               .map((process) => {
-                const activeChildren = filteredProcesses.filter(
-                  (candidate) =>
-                    candidate.parentPid?.toString() === process.pid.toString() &&
-                    candidate.state === Process.State.RUNNING,
-                );
+                // const activeChildren = filteredProcesses.filter(
+                //   (candidate) =>
+                //     candidate.parentPid?.toString() === process.pid.toString() &&
+                //     candidate.state === Process.State.RUNNING,
+                // );
                 return (
                   <Treegrid.Row
                     key={process.pid.toString()}
@@ -46,34 +52,60 @@ export const ProcessTree = composable<HTMLDivElement, ProcessTreeProps>(
                   >
                     <Treegrid.Cell
                       indent
-                      classNames='flex items-center p-1 gap-2 min-w-0'
+                      classNames={mx(
+                        'grid grid-cols-[min-content_1fr_min-content_min-content] items-center gap-1 min-w-0',
+                        onProcessSelect && 'dx-hover',
+                      )}
                       onClick={() => onProcessSelect?.(process)}
                     >
-                      <Icon
-                        size={4}
-                        classNames={mx(
-                          process.state === Process.State.RUNNING && 'animate-spin',
-                          process.state === Process.State.FAILED && 'text-error-text',
-                          process.state === Process.State.SUCCEEDED && 'text-success-text',
-                        )}
-                        icon={Match.value(process.state).pipe(
-                          Match.when(Process.State.RUNNING, () => 'ph--spinner-gap--regular'),
-                          Match.when(Process.State.SUCCEEDED, () => 'ph--check-circle--regular'),
-                          Match.when(Process.State.FAILED, () => 'ph--warning--regular'),
-                          Match.when(Process.State.HYBERNATING, () => 'ph--spinner--regular'),
-                          Match.when(Process.State.IDLE, () => 'ph--hourglass--regular'),
-                          Match.when(Process.State.TERMINATING, () => 'ph--x-circle--regular'),
-                          Match.when(Process.State.TERMINATED, () => 'ph--x-circle--regular'),
-                          Match.orElse(() => 'ph--spinner-gap--regular'),
-                        )}
-                      />
+                      <Tooltip.Trigger className='p-1' content={process.state.toString()}>
+                        <Icon
+                          size={4}
+                          classNames={mx(
+                            process.state === Process.State.RUNNING && 'animate-spin',
+                            process.state === Process.State.FAILED && 'text-error-text',
+                            process.state === Process.State.SUCCEEDED && 'text-success-text',
+                          )}
+                          icon={Match.value(process.state).pipe(
+                            Match.when(Process.State.RUNNING, () => 'ph--spinner-gap--regular'),
+                            Match.when(Process.State.SUCCEEDED, () => 'ph--check-circle--regular'),
+                            Match.when(Process.State.FAILED, () => 'ph--warning--regular'),
+                            Match.when(Process.State.HYBERNATING, () => 'ph--spinner--regular'),
+                            Match.when(Process.State.IDLE, () => 'ph--hourglass--regular'),
+                            Match.when(Process.State.TERMINATING, () => 'ph--x-circle--regular'),
+                            Match.when(Process.State.TERMINATED, () => 'ph--x-circle--regular'),
+                            Match.orElse(() => 'ph--spinner-gap--regular'),
+                          )}
+                        />
+                      </Tooltip.Trigger>
                       <div role='none' className='flex items-center gap-2 text-xs overflow-hidden'>
                         {/* TODO(burdon): Name is too long (and not informative). */}
-                        <span className='truncate text-description'>{process.params.name}</span>
+                        <span className='truncate text-description select-none'>
+                          {process.params.name ?? process.pid.toString()}
+                        </span>
                         {/* {activeChildren.length > 0 && (
                           <span className='text-xs text-description ml-1'>{activeChildren[0].params.name}</span>
                         )} */}
                       </div>
+                      {([Process.State.FAILED, Process.State.SUCCEEDED].includes(process.state) && (
+                        <div className='text-xs text-description tabular-nums'>
+                          {Unit.Millisecond(process.metrics.wallTime).toString()}
+                        </div>
+                      )) || <div />}
+                      {onProcessTerminate && (
+                        <IconButton
+                          classNames='min-h-0 p-1'
+                          icon='ph--x--regular'
+                          iconOnly
+                          variant='ghost'
+                          size={4}
+                          label='Actions'
+                          onClick={(event) => {
+                            event.stopPropagation();
+                            onProcessTerminate?.(process);
+                          }}
+                        />
+                      )}
                     </Treegrid.Cell>
                   </Treegrid.Row>
                 );

package/src/components/TemplateEditor/TemplateEditor.stories.tsx

@@ -6,13 +6,14 @@ import { type Meta, type StoryObj } from '@storybook/react-vite';
 import React, { useState } from 'react';
 
 import { createSystemPrompt } from '@dxos/assistant';
-import { Blueprint, Template } from '@dxos/blueprints';
+import { Blueprint, Template } from '@dxos/compute';
 import { useClient } from '@dxos/react-client';
 import { withClientProvider } from '@dxos/react-client/testing';
 import { withLayout, withTheme } from '@dxos/react-ui/testing';
 import { trim } from '@dxos/util';
 
-import { translations } from '../../translations';
+import { translations } from '#translations';
+
 import { TemplateEditor, type TemplateEditorProps } from './TemplateEditor';
 
 const FENCE = '```';

package/src/components/TemplateEditor/TemplateEditor.tsx

@@ -6,7 +6,7 @@ import { defaultHighlightStyle, syntaxHighlighting } from '@codemirror/language'
 import { composeRefs } from '@radix-ui/react-compose-refs';
 import React from 'react';
 
-import { type Template } from '@dxos/blueprints';
+import { type Template } from '@dxos/compute';
 import { createDocAccessor } from '@dxos/echo-db';
 import { useThemeContext, useTranslation } from '@dxos/react-ui';
 import { useTextEditor } from '@dxos/react-ui-editor';
@@ -35,17 +35,17 @@ export const TemplateEditor = composable<HTMLDivElement, TemplateEditorProps>(
     const { t } = useTranslation(meta.id);
     const { themeMode } = useThemeContext();
     const { parentRef } = useTextEditor(() => {
-      const text = template.source?.target;
-      if (!text) {
+      const target = template.source?.target;
+      if (!target) {
         return {};
       }
 
       return {
-        initialValue: text.content ?? '',
+        initialValue: target.content ?? '',
         extensions: [
           createDataExtensions({
             id,
-            text: createDocAccessor(text, ['content']),
+            text: createDocAccessor(target, ['content']),
           }),
           createBasicExtensions({
             bracketMatching: false,

package/src/components/TemplateEditor/TemplateForm.stories.tsx

@@ -5,7 +5,7 @@
 import { type Meta } from '@storybook/react-vite';
 import React, { useCallback, useState } from 'react';
 
-import { Blueprint, Template } from '@dxos/blueprints';
+import { Blueprint, Template } from '@dxos/compute';
 import { Obj } from '@dxos/echo';
 import { invariant } from '@dxos/invariant';
 import { useClient } from '@dxos/react-client';
@@ -13,7 +13,8 @@ import { withClientProvider } from '@dxos/react-client/testing';
 import { withLayout, withTheme } from '@dxos/react-ui/testing';
 import { trim } from '@dxos/util';
 
-import { translations } from '../../translations';
+import { translations } from '#translations';
+
 import { type TemplateChangeCallback, TemplateForm } from './TemplateForm';
 
 const TEMPLATE = trim`
@@ -42,7 +43,7 @@ const DefaultStory = () => {
 
   const handleChange: TemplateChangeCallback = useCallback(
     (mutate) => {
-      Obj.change(blueprint, (blueprint) => mutate(blueprint.instructions));
+      Obj.update(blueprint, (blueprint) => mutate(blueprint.instructions));
     },
     [blueprint],
   );

package/src/components/TemplateEditor/TemplateForm.tsx

@@ -5,7 +5,7 @@
 import type * as Schema from 'effect/Schema';
 import React, { Fragment, useCallback, useEffect } from 'react';
 
-import { type Template } from '@dxos/blueprints';
+import { type Template } from '@dxos/compute';
 import { type Obj } from '@dxos/echo';
 import { Input, Select, useTranslation } from '@dxos/react-ui';
 import { isNonNullable } from '@dxos/util';
@@ -15,7 +15,7 @@ import { meta } from '#meta';
 import { TemplateEditor } from './TemplateEditor';
 
 /**
- * Callback type for mutating template within a parent object's Obj.change context.
+ * Callback type for mutating template within a parent object's Obj.update context.
  */
 export type TemplateChangeCallback = (mutate: (template: Obj.Mutable<Template.Template>) => void) => void;
 
@@ -25,7 +25,7 @@ export type TemplateFormProps = {
   schema?: Schema.Schema<any, any, any>;
   commandEditable?: boolean;
   /**
-   * Callback to mutate the template. Should wrap mutations in parent's Obj.change.
+   * Callback to mutate the template. Should wrap mutations in parent's Obj.update.
    * If not provided, the component is read-only.
    */
   onChange?: TemplateChangeCallback;

package/src/components/Toolbox/Toolbox.stories.tsx

@@ -15,7 +15,8 @@ import { MapPlugin } from '@dxos/plugin-map';
 import { TablePlugin } from '@dxos/plugin-table';
 import { corePlugins } from '@dxos/plugin-testing';
 
-import { translations } from '../../translations';
+import { translations } from '#translations';
+
 import { Toolbox, type ToolboxProps } from './Toolbox';
 
 const DefaultStory = (props: ToolboxProps) => {

package/src/components/Toolbox/Toolbox.tsx

@@ -4,10 +4,10 @@
 
 import React, { Fragment, useEffect, useState } from 'react';
 
-import { type Blueprint } from '@dxos/blueprints';
+import { type Blueprint } from '@dxos/compute';
+import { Operation } from '@dxos/compute';
 import { type Database, type Ref } from '@dxos/echo';
 import { log } from '@dxos/log';
-import { Operation } from '@dxos/operation';
 import { Filter, useQuery } from '@dxos/react-client/echo';
 import { ScrollArea, type ThemedClassName } from '@dxos/react-ui';
 import { composable, composableProps, mx } from '@dxos/ui-theme';

package/src/containers/AgentArticle/AgentArticle.stories.tsx

@@ -22,9 +22,9 @@ import { createObjectFactory, TypeSpec } from '@dxos/schema/testing';
 import { Message, Organization, Person } from '@dxos/types';
 
 import { createMessage } from '#testing';
+import { translations } from '#translations';
 
 import { AssistantPlugin } from '../../AssistantPlugin';
-import { translations } from '../../translations';
 import { AgentArticle } from './AgentArticle';
 
 random.seed(1);

package/src/containers/AgentArticle/AgentArticle.tsx

@@ -11,9 +11,9 @@ import React, { forwardRef, useCallback, useMemo, useState } from 'react';
 import { Surface, useCapabilities } from '@dxos/app-framework/ui';
 import { AppSurface, useObjectMenuItems } from '@dxos/app-toolkit/ui';
 import { Agent } from '@dxos/assistant-toolkit';
+import { QueueService } from '@dxos/compute';
 import { Annotation, Filter, Obj, Query, Ref } from '@dxos/echo';
 import { AtomObj, AtomRef } from '@dxos/echo-atom';
-import { QueueService } from '@dxos/functions';
 import { AutomationCapabilities } from '@dxos/plugin-automation/types';
 import { useQuery } from '@dxos/react-client/echo';
 import { Card, Message, Panel, ScrollArea, Toolbar, useTranslation } from '@dxos/react-ui';
@@ -52,7 +52,7 @@ export const AgentArticle = ({ role, subject: agent }: AgentArticleProps) => {
       await runtime.runPromise(
         Effect.gen(function* () {
           const queue = yield* QueueService.createQueue();
-          Obj.change(agent, (agent) => {
+          Obj.update(agent, (agent) => {
             agent.queue = Ref.fromDXN(queue.dxn);
           });
         }),

package/src/containers/AgentProperties/AgentProperties.stories.tsx

@@ -21,8 +21,9 @@ import { Loading, withLayout } from '@dxos/react-ui/testing';
 import { Text } from '@dxos/schema';
 import { Organization } from '@dxos/types';
 
+import { translations } from '#translations';
+
 import { AssistantPlugin } from '../../AssistantPlugin';
-import { translations } from '../../translations';
 import { AgentProperties } from './AgentProperties';
 
 type DefaultStoryProps = {};

package/src/containers/AgentProperties/AgentProperties.tsx

@@ -10,10 +10,10 @@ import React, { useCallback, useEffect, useMemo } from 'react';
 import { useCapability } from '@dxos/app-framework/ui';
 import { type AppSurface } from '@dxos/app-toolkit/ui';
 import { Agent, SyncTriggers } from '@dxos/assistant-toolkit';
+import { Operation } from '@dxos/compute';
 import { DXN, Obj, Ref } from '@dxos/echo';
 import { AtomObj } from '@dxos/echo-atom';
 import { log } from '@dxos/log';
-import { Operation } from '@dxos/operation';
 import { AutomationCapabilities } from '@dxos/plugin-automation/types';
 import { Filter, useQuery } from '@dxos/react-client/echo';
 import { Input, useTranslation } from '@dxos/react-ui';
@@ -86,7 +86,7 @@ export const AgentProperties = ({ subject: agent }: AgentPropertiesProps) => {
   // Create/remove agent subscription.
   const handleSubscriptionChange = useCallback(
     (object: Obj.Unknown, checked: boolean) => {
-      Obj.change(agent, (agent) => {
+      Obj.update(agent, (agent) => {
         if (checked) {
           agent.subscriptions.push(Ref.fromDXN(Obj.getDXN(object)));
         } else {

package/src/containers/BlueprintArticle/BlueprintArticle.tsx

@@ -5,7 +5,7 @@
 import React from 'react';
 
 import { type AppSurface } from '@dxos/app-toolkit/ui';
-import { type Blueprint } from '@dxos/blueprints';
+import { type Blueprint } from '@dxos/compute';
 import { Panel, Toolbar } from '@dxos/react-ui';
 import { useAttention } from '@dxos/react-ui-attention';
 

package/src/containers/ChatCompanion/ChatCompanion.tsx

@@ -11,8 +11,8 @@ import { useCapabilities, useOperationInvoker } from '@dxos/app-framework/ui';
 import { AppCapabilities } from '@dxos/app-toolkit';
 import { type AppSurface } from '@dxos/app-toolkit/ui';
 import { Chat } from '@dxos/assistant-toolkit';
-import { Blueprint } from '@dxos/blueprints';
 import { getSpace } from '@dxos/client/echo';
+import { Blueprint } from '@dxos/compute';
 import { Filter, Obj, Ref } from '@dxos/echo';
 import { SpaceOperation } from '@dxos/plugin-space/operations';
 import { useQuery } from '@dxos/react-client/echo';

package/src/containers/ChatContainer/ChatContainer.tsx

@@ -14,7 +14,7 @@ import { getParentId } from '@dxos/react-ui-attention';
 
 import { Chat as ChatComponent, type ChatRootProps } from '#components';
 import { useBlueprintRegistry, useChatProcessor, useChatServices, useOnline, usePresets } from '#hooks';
-import { AssistantCapabilities, type ChatType } from '#types';
+import { type Assistant, AssistantCapabilities, type ChatType } from '#types';
 
 export type ChatContainerProps = (
   | AppSurface.ObjectArticleProps<ChatType.Chat | undefined>
@@ -64,21 +64,31 @@ export const ChatContainer = forwardRef<HTMLDivElement, ChatContainerProps>((pro
 
   const feedTarget = chat?.feed.target;
   const queue = space && feedTarget ? space.queues.get(Feed.getQueueDxn(feedTarget)!) : undefined;
+  const view = (chat?.view as Assistant.ChatView | undefined) ?? settings.chatView;
 
   if (!processor) {
     return null;
   }
 
   return (
-    <ChatComponent.Root db={space?.db} chat={chat} queue={queue} processor={processor} onEvent={onEvent}>
+    <ChatComponent.Root db={space?.db} chat={chat} feed={queue} processor={processor} onEvent={onEvent}>
       <Panel.Root role={role} ref={forwardedRef}>
         <Panel.Toolbar className='bg-toolbar-surface'>
           <ChatComponent.Toolbar classNames='dx-document' attendableId={attendableId} companionTo={companionTo} />
         </Panel.Toolbar>
         <Panel.Content>
-          <ChatComponent.Viewport>
-            <ChatComponent.Thread />
-            <div role='none' className='dx-document p-4'>
+          <ChatComponent.Content>
+            <div role='none' className='dx-container relative'>
+              <ChatComponent.Thread viewType={view} />
+              {view !== 'summary' && (
+                <div role='none' className='absolute bottom-2 left-0 right-0'>
+                  <div role='none' className='dx-document px-4'>
+                    <ChatComponent.Status classNames='px-3 rounded-sm bg-group-surface' />
+                  </div>
+                </div>
+              )}
+            </div>
+            <div role='none' className='dx-document px-4 pb-4'>
               <ChatComponent.Prompt
                 {...chatProps}
                 outline
@@ -87,7 +97,7 @@ export const ChatContainer = forwardRef<HTMLDivElement, ChatContainerProps>((pro
                 onOnlineChange={setOnline}
               />
             </div>
-          </ChatComponent.Viewport>
+          </ChatComponent.Content>
         </Panel.Content>
       </Panel.Root>
     </ChatComponent.Root>

package/src/containers/ChatDialog/ChatDialog.tsx

@@ -13,7 +13,7 @@ import { ChatDialog as NaturalChatDialog } from '@dxos/react-ui-chat';
 import { Chat, type ChatRootProps } from '#components';
 import { useBlueprintRegistry, useChatProcessor, useChatServices, useOnline, usePresets } from '#hooks';
 import { meta } from '#meta';
-import { AssistantCapabilities } from '#types';
+import { type Assistant, AssistantCapabilities } from '#types';
 
 export type ChatDialogProps = {
   chat?: ChatTypes.Chat;
@@ -28,13 +28,7 @@ export const ChatDialog = ({ chat }: ChatDialogProps) => {
   const [online, setOnline] = useOnline();
   const { preset, ...chatProps } = usePresets(online);
   const blueprintRegistry = useBlueprintRegistry();
-  const processor = useChatProcessor({
-    chat,
-    preset,
-    runtime,
-    blueprintRegistry,
-    settings,
-  });
+  const processor = useChatProcessor({ chat, preset, runtime, blueprintRegistry, settings });
 
   // TODO(burdon): Refocus when open.
   const [open, setOpen] = useState(true);
@@ -61,7 +55,7 @@ export const ChatDialog = ({ chat }: ChatDialogProps) => {
       <NaturalChatDialog.Root open={open} expanded={expanded} onOpenChange={setOpen}>
         <NaturalChatDialog.Header title={t('assistant-dialog.title')} />
         <NaturalChatDialog.Content>
-          <Chat.Thread />
+          <Chat.Thread viewType={(chat.view as Assistant.ChatView | undefined) ?? settings.chatView} />
         </NaturalChatDialog.Content>
         <NaturalChatDialog.Footer classNames='p-1.5'>
           <Chat.Prompt {...chatProps} preset={preset?.id} online={online} onOnlineChange={setOnline} expandable />

package/src/containers/{PromptArticle/PromptArticle.tsx → RoutineArticle/RoutineArticle.tsx}

@@ -6,10 +6,10 @@ import React, { useMemo } from 'react';
 
 import { type AppSurface } from '@dxos/app-toolkit/ui';
 import { AgentPrompt } from '@dxos/assistant-toolkit';
-import { type Prompt } from '@dxos/blueprints';
+import { type Routine } from '@dxos/compute';
+import { Operation } from '@dxos/compute';
 import { Obj } from '@dxos/echo';
 import { invariant } from '@dxos/invariant';
-import { Operation } from '@dxos/operation';
 import { useComputeRuntimeCallback } from '@dxos/plugin-automation/hooks';
 import { Panel, Toolbar, useTranslation } from '@dxos/react-ui';
 import { useAttention } from '@dxos/react-ui-attention';
@@ -17,9 +17,9 @@ import { useAttention } from '@dxos/react-ui-attention';
 import { TemplateEditor } from '#components';
 import { meta } from '#meta';
 
-export type PromptArticleProps = AppSurface.ObjectArticleProps<Prompt.Prompt>;
+export type RoutineArticleProps = AppSurface.ObjectArticleProps<Routine.Routine>;
 
-export const PromptArticle = ({ role, attendableId, subject }: PromptArticleProps) => {
+export const RoutineArticle = ({ role, attendableId, subject }: RoutineArticleProps) => {
   const { t } = useTranslation(meta.id);
   const { hasAttention } = useAttention(attendableId);
   const db = Obj.getDatabase(subject);

package/src/containers/RoutineArticle/index.ts

@@ -0,0 +1,5 @@
+//
+// Copyright 2025 DXOS.org
+//
+
+export { RoutineArticle as default } from './RoutineArticle';

package/src/containers/{PromptList/PromptList.stories.tsx → RoutineList/RoutineList.stories.tsx}

@@ -8,7 +8,7 @@ import React from 'react';
 
 import { SERVICES_CONFIG } from '@dxos/ai/testing';
 import { withPluginManager } from '@dxos/app-framework/testing';
-import { Prompt } from '@dxos/blueprints';
+import { Routine } from '@dxos/compute';
 import { Filter } from '@dxos/echo';
 import { AutomationPlugin } from '@dxos/plugin-automation';
 import { ClientPlugin } from '@dxos/plugin-client';
@@ -20,10 +20,11 @@ import { Panel } from '@dxos/react-ui';
 import { Loading, withLayout } from '@dxos/react-ui/testing';
 import { Organization } from '@dxos/types';
 
+import { translations } from '#translations';
+
 import { AssistantPlugin } from '../../AssistantPlugin';
-import { translations } from '../../translations';
 import { TracePanel } from '../TracePanel';
-import { PromptList } from './PromptList';
+import { RoutineList } from './RoutineList';
 
 // TODO(burdon): Factor out (see assistant-stories)
 export const config = {
@@ -60,7 +61,7 @@ const DefaultStory = () => {
   return (
     <Panel.Root>
       <Panel.Toolbar className='flex p-1 items-center'>
-        <PromptList subject={subject} role='toolbar-input' attendableId='story' />
+        <RoutineList subject={subject} role='toolbar-input' attendableId='story' />
       </Panel.Toolbar>
       <Panel.Content>
         <TracePanel role='article' space={space} attendableId={space.id} />
@@ -70,7 +71,7 @@ const DefaultStory = () => {
 };
 
 const meta = {
-  title: 'plugins/plugin-assistant/containers/PromptList',
+  title: 'plugins/plugin-assistant/containers/RoutineList',
   render: DefaultStory,
   decorators: [
     withLayout({ layout: 'column' }),
@@ -78,7 +79,7 @@ const meta = {
       plugins: [
         ...corePlugins(),
         ClientPlugin({
-          types: [Prompt.Prompt, Organization.Organization, Markdown.Document],
+          types: [Routine.Routine, Organization.Organization, Markdown.Document],
           config: config.remote,
           onClientInitialized: ({ client }) =>
             Effect.gen(function* () {
@@ -91,19 +92,19 @@ const meta = {
                 }),
               );
               space.db.add(
-                Prompt.make({
+                Routine.make({
                   name: 'Summarize',
                   instructions: 'Create a new markdown document that is a summary of the selected object.',
                 }),
               );
               space.db.add(
-                Prompt.make({
+                Routine.make({
                   name: 'Analyze',
                   instructions: 'Analyze the selected content.',
                 }),
               );
               space.db.add(
-                Prompt.make({
+                Routine.make({
                   name: 'Translate',
                   instructions: 'Translate the selected content to Spanish.',
                 }),