@dxos/plugin-automation 0.7.5-labs.f5080a1 → 0.7.5-main.5ae2ba8

package/src/artifacts.stories.tsx

@@ -1,241 +0,0 @@
-//
-// Copyright 2025 DXOS.org
-//
-
-import '@dxos-theme';
-
-import { type StoryObj, type Meta } from '@storybook/react';
-import React, { useCallback, useEffect, useMemo, useState } from 'react';
-
-import { Capabilities, IntentPlugin, Surface, useCapabilities, useIntentDispatcher } from '@dxos/app-framework';
-import { withPluginManager } from '@dxos/app-framework/testing';
-import { Message, type Tool } from '@dxos/artifact';
-import { capabilities, genericTools, localServiceEndpoints, type IsObject } from '@dxos/artifact-testing';
-import { AIServiceClientImpl } from '@dxos/assistant';
-import { createStatic, ObjectId } from '@dxos/echo-schema';
-import { EdgeHttpClient } from '@dxos/edge-client';
-import { invariant } from '@dxos/invariant';
-import { DXN, QueueSubspaceTags, SpaceId } from '@dxos/keys';
-import { ChessPlugin } from '@dxos/plugin-chess';
-import { ChessType } from '@dxos/plugin-chess/types';
-import { ClientPlugin } from '@dxos/plugin-client';
-import { MapPlugin } from '@dxos/plugin-map';
-import { SpacePlugin } from '@dxos/plugin-space';
-import { TablePlugin } from '@dxos/plugin-table';
-import { useSpace } from '@dxos/react-client/echo';
-import { useQueue } from '@dxos/react-edge-client';
-import { IconButton, Input, Toolbar } from '@dxos/react-ui';
-import { mx } from '@dxos/react-ui-theme';
-import { withLayout, withSignals, withTheme } from '@dxos/storybook-utils';
-
-import { Thread, type ThreadProps } from './components';
-import { ChatProcessor } from './hooks';
-import { createProcessorOptions } from './testing';
-import translations from './translations';
-
-const endpoints = localServiceEndpoints;
-
-type RenderProps = {
-  items?: IsObject[];
-  prompts?: string[];
-} & Pick<ThreadProps, 'debug'>;
-
-// TODO(burdon): Use ChatContainer.
-const Render = ({ items: _items, prompts = [], ...props }: RenderProps) => {
-  const space = useSpace();
-  const artifactDefinitions = useCapabilities(Capabilities.ArtifactDefinition);
-  const tools = useMemo<Tool[]>(
-    () => [...genericTools, ...artifactDefinitions.flatMap((definition) => definition.tools)],
-    [genericTools, artifactDefinitions],
-  );
-
-  const [aiClient] = useState(() => new AIServiceClientImpl({ endpoint: endpoints.ai }));
-  const [edgeClient] = useState(() => new EdgeHttpClient(endpoints.edge));
-  const { dispatchPromise: dispatch } = useIntentDispatcher();
-  const processor = useMemo<ChatProcessor | undefined>(() => {
-    if (!space) {
-      return;
-    }
-
-    return new ChatProcessor(
-      aiClient,
-      tools,
-      {
-        space,
-        dispatch,
-      },
-      createProcessorOptions(artifactDefinitions.map((definition) => definition.instructions)),
-    );
-  }, [aiClient, tools, space, dispatch, artifactDefinitions]);
-
-  // Queue.
-  const [queueDxn, setQueueDxn] = useState(() => randomQueueDxn());
-  const queue = useQueue<Message>(edgeClient, DXN.tryParse(queueDxn));
-
-  useEffect(() => {
-    if (queue?.items.length === 0 && !queue.isLoading && prompts.length > 0) {
-      queue.append([
-        createStatic(Message, {
-          role: 'assistant',
-          content: prompts.map(
-            (prompt) =>
-              ({
-                type: 'json',
-                disposition: 'suggest',
-                json: JSON.stringify({ text: prompt }),
-              }) as const,
-          ),
-        }),
-      ]);
-    }
-  }, [queueDxn, prompts, queue?.items.length, queue?.isLoading]);
-
-  // State.
-  const artifactItems: any[] = []; // TODO(burdon): Query from space.
-  const messages = [...(queue?.items ?? []), ...(processor?.messages.value ?? [])];
-
-  const handleSubmit = processor
-    ? async (message: string) => {
-        invariant(processor);
-        if (processor.streaming.value) {
-          await processor.cancel();
-        }
-
-        invariant(queue);
-        await processor.request(message, {
-          history: queue.items,
-          onComplete: (messages) => {
-            queue.append(messages);
-          },
-        });
-      }
-    : undefined;
-
-  const handleSuggest = useCallback(
-    (text: string) => {
-      void handleSubmit?.(text);
-    },
-    [handleSubmit],
-  );
-
-  const handleDelete = useCallback(
-    (id: string) => {
-      invariant(ObjectId.isValid(id), 'Invalid message id');
-      void queue?.delete([id]);
-    },
-    [queue],
-  );
-
-  return (
-    <div className='grid grid-cols-2 w-full h-full divide-x divide-separator overflow-hidden'>
-      {/* Thread */}
-      <div className='flex flex-col gap-4 overflow-hidden'>
-        <Toolbar.Root classNames='p-2'>
-          <Input.Root>
-            <Input.TextInput
-              spellCheck={false}
-              placeholder='Queue DXN'
-              value={queueDxn}
-              // onClick={() => setQueueDxn('')} Why?????
-              onChange={(ev) => setQueueDxn(ev.target.value)}
-            />
-            <IconButton
-              iconOnly
-              label='Copy DXN'
-              icon='ph--copy--regular'
-              onClick={() => navigator.clipboard.writeText(queueDxn)}
-            />
-            <IconButton
-              iconOnly
-              label='Clear history'
-              icon='ph--trash--regular'
-              onClick={() => setQueueDxn(randomQueueDxn())}
-            />
-            <IconButton iconOnly label='Stop' icon='ph--stop--regular' onClick={() => processor?.cancel()} />
-          </Input.Root>
-        </Toolbar.Root>
-
-        <Thread
-          messages={messages}
-          streaming={processor?.streaming.value}
-          onSubmit={processor ? handleSubmit : undefined}
-          onSuggest={processor ? handleSuggest : undefined}
-          onDelete={processor ? handleDelete : undefined}
-          {...props}
-        />
-      </div>
-
-      {/* Artifacts Deck/Mosaic */}
-      <div className='overflow-hidden grid grid-rows-[2fr_1fr] divide-y divide-separator'>
-        {artifactItems.length > 0 && (
-          <div className={mx('flex grow overflow-hidden', artifactItems.length === 1 && 'row-span-2')}>
-            <Surface role='canvas-node' limit={1} data={artifactItems[0]} />
-          </div>
-        )}
-
-        {artifactItems.length > 1 && (
-          <div className='flex shrink-0 overflow-hidden divide-x divide-separator'>
-            <div className='flex flex-1 h-full'>
-              {artifactItems.slice(1, 3).map((item, idx) => (
-                <Surface key={idx} role='canvas-node' limit={1} data={item} />
-              ))}
-            </div>
-          </div>
-        )}
-      </div>
-    </div>
-  );
-};
-
-const randomQueueDxn = () =>
-  new DXN(DXN.kind.QUEUE, [QueueSubspaceTags.DATA, SpaceId.random(), ObjectId.random()]).toString();
-
-const meta: Meta<typeof Render> = {
-  title: 'plugins/plugin-automation/artifacts',
-  render: Render,
-  decorators: [
-    withSignals,
-    withPluginManager({
-      plugins: [
-        ClientPlugin({
-          onClientInitialized: async (_, client) => {
-            await client.halo.createIdentity();
-          },
-        }),
-        SpacePlugin({ observability: false }),
-        IntentPlugin(),
-        ChessPlugin(),
-        MapPlugin(),
-        TablePlugin(),
-      ],
-      capabilities,
-    }),
-    withTheme,
-    withLayout({ fullscreen: true, tooltips: true }),
-  ],
-  parameters: {
-    translations,
-  },
-};
-
-export default meta;
-
-type Story = StoryObj<typeof Render>;
-
-export const Default: Story = {
-  args: {
-    debug: true,
-    prompts: ['Ask me a question', 'Show me a chess puzzle'],
-  },
-};
-
-export const WithInitialItems: Story = {
-  args: {
-    debug: true,
-    items: [
-      createStatic(ChessType, {
-        fen: 'rnbqkbnr/pppppppp/8/8/8/8/PPPPPPPP/RNBQKBNR w KQkq - 0 1',
-      }),
-    ],
-  },
-};

package/src/capabilities/ai-client.ts

@@ -1,19 +0,0 @@
-//
-// Copyright 2025 DXOS.org
-//
-
-import { contributes, type PluginsContext } from '@dxos/app-framework';
-import { AIServiceClientImpl } from '@dxos/assistant';
-import { ClientCapabilities } from '@dxos/plugin-client';
-
-import { AutomationCapabilities } from './capabilities';
-
-// TODO(wittjosiah): Factor out.
-const DEFAULT_AI_SERVICE_URL = 'http://localhost:8788';
-
-export default (context: PluginsContext) => {
-  const client = context.requestCapability(ClientCapabilities.Client);
-  const endpoint = client.config.values.runtime?.services?.ai?.server ?? DEFAULT_AI_SERVICE_URL;
-  const aiClient = new AIServiceClientImpl({ endpoint });
-  return contributes(AutomationCapabilities.AiClient, aiClient);
-};

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

@@ -1,156 +0,0 @@
-//
-// Copyright 2025 DXOS.org
-//
-
-import { Capabilities, contributes, type PluginsContext } from '@dxos/app-framework';
-import { ClientCapabilities } from '@dxos/plugin-client';
-import { createExtension, toSignal } from '@dxos/plugin-graph';
-import { memoizeQuery } from '@dxos/plugin-space';
-import { getTypename, parseId, SpaceState } from '@dxos/react-client/echo';
-
-import { AUTOMATION_PLUGIN } from '../meta';
-
-export default (context: PluginsContext) => {
-  const resolve = (typename: string) =>
-    context.requestCapabilities(Capabilities.Metadata).find(({ id }) => id === typename)?.metadata ?? {};
-
-  return contributes(Capabilities.AppGraphBuilder, [
-    createExtension({
-      id: `${AUTOMATION_PLUGIN}/service-registry`,
-      resolver: ({ id }) => {
-        if (!id.endsWith('~service-registry')) {
-          return;
-        }
-
-        const type = 'orphan-settings-for-subject';
-        const icon = 'ph--plugs--regular';
-
-        const client = context.requestCapability(ClientCapabilities.Client);
-        const [subjectId] = id.split('~');
-        const { spaceId } = parseId(subjectId);
-        const spaces = toSignal(
-          (onChange) => client.spaces.subscribe(() => onChange()).unsubscribe,
-          () => client.spaces.get(),
-        );
-        const space = spaces?.find((space) => space.id === spaceId && space.state.get() === SpaceState.SPACE_READY);
-        return {
-          id,
-          type,
-          data: null,
-          properties: {
-            icon,
-            label: ['service registry label', { ns: AUTOMATION_PLUGIN }],
-            object: null,
-            space,
-          },
-        };
-      },
-    }),
-    createExtension({
-      id: `${AUTOMATION_PLUGIN}/automation-for-subject`,
-      resolver: ({ id }) => {
-        if (!id.endsWith('~automation')) {
-          return;
-        }
-
-        const type = 'orphan-settings-for-subject';
-        const icon = 'ph--magic-wand--regular';
-
-        const client = context.requestCapability(ClientCapabilities.Client);
-        const [subjectId] = id.split('~');
-        const { spaceId, objectId } = parseId(subjectId);
-        const spaces = toSignal(
-          (onChange) => client.spaces.subscribe(() => onChange()).unsubscribe,
-          () => client.spaces.get(),
-        );
-        const space = spaces?.find((space) => space.id === spaceId && space.state.get() === SpaceState.SPACE_READY);
-        if (!objectId) {
-          // TODO(burdon): Ref SPACE_PLUGIN ns.
-          const label = space
-            ? space.properties.name || ['unnamed space label', { ns: AUTOMATION_PLUGIN }]
-            : ['unnamed object settings label', { ns: AUTOMATION_PLUGIN }];
-
-          // TODO(wittjosiah): Support comments for arbitrary subjects.
-          //   This is to ensure that the comments panel is not stuck on an old object.
-          return {
-            id,
-            type,
-            data: null,
-            properties: {
-              icon,
-              label,
-              showResolvedThreads: false,
-              object: null,
-              space,
-            },
-          };
-        }
-
-        const [object] = memoizeQuery(space, { id: objectId });
-        if (!object || !subjectId) {
-          return;
-        }
-
-        const meta = resolve(getTypename(object) ?? '');
-        const label = meta.label?.(object) ||
-          object.name ||
-          meta.placeholder || ['unnamed object settings label', { ns: AUTOMATION_PLUGIN }];
-
-        return {
-          id,
-          type,
-          data: null,
-          properties: {
-            icon,
-            label,
-            object,
-          },
-        };
-      },
-    }),
-    createExtension({
-      id: `${AUTOMATION_PLUGIN}/assistant-for-subject`,
-      resolver: ({ id }) => {
-        if (!id.endsWith('~assistant')) {
-          return;
-        }
-
-        const client = context.requestCapability(ClientCapabilities.Client);
-        const [subjectId] = id.split('~');
-        const { spaceId, objectId } = parseId(subjectId);
-        const spaces = toSignal(
-          (onChange) => client.spaces.subscribe(() => onChange()).unsubscribe,
-          () => client.spaces.get(),
-        );
-        const space = spaces?.find((space) => space.id === spaceId && space.state.get() === SpaceState.SPACE_READY);
-        if (!objectId) {
-          // TODO(wittjosiah): Support assistant for arbitrary subjects.
-          //   This is to ensure that the assistant panel is not stuck on an old object.
-          return {
-            id,
-            type: 'orphan-automation-for-subject',
-            data: null,
-            properties: {
-              icon: 'ph--atom--regular',
-              label: ['assistant panel label', { ns: AUTOMATION_PLUGIN }],
-              object: null,
-              space,
-            },
-          };
-        }
-
-        const [object] = memoizeQuery(space, { id: objectId });
-        return {
-          id,
-          type: 'orphan-automation-for-subject',
-          data: null,
-          properties: {
-            icon: 'ph--atom--regular',
-            label: ['assistant panel label', { ns: AUTOMATION_PLUGIN }],
-            object,
-          },
-        };
-      },
-    }),
-  ]);
-};

package/src/capabilities/capabilities.ts

@@ -1,12 +0,0 @@
-//
-// Copyright 2025 DXOS.org
-//
-
-import { defineCapability } from '@dxos/app-framework';
-import { type AIServiceClientImpl } from '@dxos/assistant';
-
-import { AUTOMATION_PLUGIN } from '../meta';
-
-export namespace AutomationCapabilities {
-  export const AiClient = defineCapability<AIServiceClientImpl>(`${AUTOMATION_PLUGIN}/capability/ai-client`);
-}

package/src/capabilities/intent-resolver.ts

@@ -1,27 +0,0 @@
-//
-// Copyright 2025 DXOS.org
-//
-
-import { Capabilities, contributes, createResolver } from '@dxos/app-framework';
-import { ObjectId } from '@dxos/echo-schema';
-import { create, makeRef } from '@dxos/live-object';
-
-import { AutomationAction, AIChatType } from '../types';
-
-export default () =>
-  contributes(
-    Capabilities.IntentResolver,
-    createResolver({
-      intent: AutomationAction.Create,
-      resolve: ({ name }) => ({
-        data: {
-          object: create(AIChatType, {
-            name,
-            // TODO(burdon): ???
-            // new DXN(DXN.kind.QUEUE, [QueueSubspaceTags.DATA, SpaceId.random(), ObjectId.random()]).toString(),
-            queue: makeRef({ id: ObjectId.random() }),
-          }),
-        },
-      }),
-    }),
-  );

package/src/components/ChatContainer/ChatContainer.tsx

@@ -1,52 +0,0 @@
-//
-// Copyright 2025 DXOS.org
-//
-
-import React, { useCallback } from 'react';
-
-import { invariant } from '@dxos/invariant';
-import { StackItem } from '@dxos/react-ui-stack';
-
-import { useChatProcessor, useMessageQueue } from '../../hooks';
-import { type AIChatType } from '../../types';
-import { Thread } from '../Thread';
-
-export const ChatContainer = ({ chat, role }: { chat: AIChatType; role: string }) => {
-  const processor = useChatProcessor(chat);
-  const messageQueue = useMessageQueue(chat);
-  const messages = [...(messageQueue?.items ?? []), ...processor.messages.value];
-
-  const handleSubmit = useCallback(
-    async (text: string) => {
-      if (processor.streaming.value) {
-        await processor.cancel();
-      }
-
-      invariant(messageQueue);
-      await processor.request(text, {
-        history: messageQueue.items,
-        onComplete: (messages) => messageQueue.append(messages),
-      });
-    },
-    [processor, messageQueue],
-  );
-
-  const handleStop = useCallback(() => {
-    if (processor.streaming.value) {
-      void processor.cancel();
-    }
-  }, [processor]);
-
-  return (
-    <StackItem.Content toolbar={false} role={role}>
-      <Thread
-        messages={messages}
-        streaming={processor.streaming.value}
-        collapse={true}
-        onSubmit={handleSubmit}
-        onSuggest={handleSubmit}
-        onStop={handleStop}
-      />
-    </StackItem.Content>
-  );
-};

package/src/components/ChatContainer/index.ts

@@ -1,8 +0,0 @@
-//
-// Copyright 2025 DXOS.org
-//
-
-import { ChatContainer } from './ChatContainer';
-
-export * from './ChatContainer';
-export default ChatContainer;

package/src/components/MarkdownViewer/MarkdownViewer.stories.tsx

@@ -1,56 +0,0 @@
-//
-// Copyright 2025 DXOS.org
-//
-
-import '@dxos-theme';
-
-import { type StoryObj, type Meta } from '@storybook/react';
-
-import { faker } from '@dxos/random';
-import { withLayout, withTheme } from '@dxos/storybook-utils';
-
-import { MarkdownViewer } from './MarkdownViewer';
-
-faker.seed(0);
-
-const meta: Meta<typeof MarkdownViewer> = {
-  title: 'plugins/plugin-automation/MarkdownViewer',
-  component: MarkdownViewer,
-  decorators: [withTheme, withLayout({ fullscreen: true, classNames: 'justify-center' })],
-};
-
-export default meta;
-
-type Story = StoryObj<typeof MarkdownViewer>;
-
-const content = `
-# Hello, world!
-
-${faker.lorem.paragraphs(1)}
-
-Here's a JSON block:
-
-~~~json
-{
-  "hello": "world"
-}
-~~~
-
-And some code:
-
-~~~ts
-const App = () => {
-  const title = 'Hello, world!';
-  return <div>{title}</div>;
-};
-~~~
-
-${faker.lorem.paragraphs(1)}
-`;
-
-export const Default: Story = {
-  args: {
-    classNames: 'w-[500px] border border-border rounded-md p-4',
-    content,
-  },
-};

package/src/components/MarkdownViewer/MarkdownViewer.tsx

@@ -1,79 +0,0 @@
-//
-// Copyright 2025 DXOS.org
-//
-
-import React, { type FC } from 'react';
-import ReactMarkdown from 'react-markdown';
-
-import { type ThemedClassName } from '@dxos/react-ui';
-import { SyntaxHighlighter } from '@dxos/react-ui-syntax-highlighter';
-import { mx } from '@dxos/react-ui-theme';
-import { omit } from '@dxos/util';
-
-type MarkdownViewerProps = ThemedClassName<{
-  content?: string;
-}>;
-
-/**
- * Transform text into react elements.
- *
- * https://github.com/remarkjs/react-markdown
- * markdown -> remark -> [mdast -> remark plugins] -> [hast -> rehype plugins] -> components -> react elements.
- */
-// TODO(burdon): Styles.
-// TODO(burdon): Factor out (react-ui-syntax-highlighter).
-export const MarkdownViewer: FC<MarkdownViewerProps> = ({ classNames, content = '' }) => {
-  return (
-    <div className={mx('space-y-2', classNames)}>
-      <ReactMarkdown
-        components={{
-          a: ({ node, children, href, ...props }) => (
-            <a
-              href={href}
-              className='text-primary-500 hover:text-primary-500'
-              target='_blank'
-              rel='noopener noreferrer'
-              {...props}
-            >
-              {children}
-            </a>
-          ),
-          ol: ({ node, children, ...props }) => (
-            <ol className='leading-tight list-decimal pl-6' {...omit(props, ['ordered'])}>
-              {children}
-            </ol>
-          ),
-          ul: ({ node, children, ...props }) => (
-            <ul className='leading-tight list-disc pl-6' {...omit(props, ['ordered'])}>
-              {children}
-            </ul>
-          ),
-          li: ({ node, children, ...props }) => (
-            <li className='' {...omit(props, ['ordered'])}>
-              {children}
-            </li>
-          ),
-          blockquote: ({ node, children, ...props }) => (
-            <blockquote className='border-l-4 border-primary-500 pl-4 my-4 text-primary-500' {...props}>
-              {children}
-            </blockquote>
-          ),
-          code: ({ children, className }) => {
-            const [_, language] = /language-(\w+)/.exec(className || '') || [];
-            return (
-              <SyntaxHighlighter PreTag='div' language={language} className='p-0'>
-                {children}
-              </SyntaxHighlighter>
-            );
-          },
-        }}
-      >
-        {content}
-      </ReactMarkdown>
-    </div>
-  );
-};
-
-// const Cursor = () => {
-//   return <span className='animate-[pulse_1s_steps(1)_infinite] text-primary-500'>▊</span>;
-// };

package/src/components/MarkdownViewer/index.ts

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