@dxos/plugin-automation 0.7.5-labs.c0e040f → 0.7.5-labs.d199c0f

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,187 +0,0 @@
-//
-// Copyright 2025 DXOS.org
-//
-
-import { Capabilities, contributes, createIntent, LayoutAction, type PluginsContext } from '@dxos/app-framework';
-import { ClientCapabilities } from '@dxos/plugin-client';
-import { createExtension, type Node, ROOT_ID, toSignal } from '@dxos/plugin-graph';
-import { memoizeQuery } from '@dxos/plugin-space';
-import { getTypename, parseId, SpaceState } from '@dxos/react-client/echo';
-
-import { AMBIENT_CHAT_DIALOG, 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}/ambient-chat`,
-      filter: (node): node is Node<null> => node.id === ROOT_ID,
-      actions: () => [
-        {
-          id: `${LayoutAction.UpdateDialog._tag}/ambient-chat/open`,
-          data: async () => {
-            const { dispatchPromise: dispatch } = context.requestCapability(Capabilities.IntentDispatcher);
-            await dispatch(
-              createIntent(LayoutAction.UpdateDialog, {
-                part: 'dialog',
-                subject: AMBIENT_CHAT_DIALOG,
-                options: {
-                  state: true,
-                  blockAlign: 'end',
-                },
-              }),
-            );
-          },
-          properties: {
-            label: ['open ambient chat label', { ns: AUTOMATION_PLUGIN }],
-            icon: 'ph--chat-centered-text--regular',
-            disposition: 'pin-end',
-            keyBinding: {
-              macos: 'shift+meta+k',
-              windows: 'shift+ctrl+k',
-            },
-          },
-        },
-      ],
-    }),
-    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/AmbientChatDialog/AmbientChatDialog.stories.tsx

@@ -1,44 +0,0 @@
-//
-// Copyright 2025 DXOS.org
-//
-
-import '@dxos-theme';
-
-import { type StoryObj, type Meta } from '@storybook/react';
-import React, { useState } from 'react';
-
-import { Dialog, Toolbar } from '@dxos/react-ui';
-import { withTheme, withLayout } from '@dxos/storybook-utils';
-
-import { AmbientChatDialog } from './AmbientChatDialog';
-import translations from '../../translations';
-
-const meta: Meta<typeof AmbientChatDialog> = {
-  title: 'plugins/plugin-automation/AmbientChatDialog',
-  component: AmbientChatDialog,
-  render: () => {
-    const [open, setOpen] = useState(true);
-    return (
-      <>
-        <div>
-          <Toolbar.Root>
-            <Toolbar.Button onClick={() => setOpen(true)}>Open</Toolbar.Button>
-          </Toolbar.Root>
-        </div>
-        <Dialog.Root open={open} onOpenChange={setOpen}>
-          <AmbientChatDialog />
-        </Dialog.Root>
-      </>
-    );
-  },
-  decorators: [withTheme, withLayout({ fullscreen: true, tooltips: true })],
-  parameters: {
-    translations,
-  },
-};
-
-export default meta;
-
-type Story = StoryObj<typeof AmbientChatDialog>;
-
-export const Default: Story = {};

package/src/components/AmbientChatDialog/AmbientChatDialog.tsx

@@ -1,63 +0,0 @@
-//
-// Copyright 2025 DXOS.org
-//
-
-import React, { type PropsWithChildren, useState } from 'react';
-
-import { Dialog, Icon, IconButton, useTranslation } from '@dxos/react-ui';
-import { resizeAttributes, ResizeHandle, type Size, sizeStyle } from '@dxos/react-ui-dnd';
-
-import { AUTOMATION_PLUGIN } from '../../meta';
-import { Prompt } from '../Prompt';
-
-const preventDefault = (event: Event) => event.preventDefault();
-
-export const AmbientChatDialog = ({ children }: PropsWithChildren) => {
-  const { t } = useTranslation(AUTOMATION_PLUGIN);
-  const [size, setSize] = useState<Size>('min-content');
-  const [iter, setIter] = useState(0);
-  return (
-    <div role='none' className='dx-dialog__overlay bg-transparent pointer-events-none' data-block-align='end'>
-      <Dialog.Content
-        onInteractOutside={preventDefault}
-        classNames='pointer-events-auto relative overflow-hidden is-[500px] max-is-none'
-        inOverlayLayout
-        {...resizeAttributes}
-        style={{
-          ...sizeStyle(size, 'vertical'),
-          maxBlockSize: 'calc(100dvh - env(safe-area-inset-bottom) - env(safe-area-inset-top) - 8rem)',
-        }}
-      >
-        <ResizeHandle
-          key={iter}
-          side='block-start'
-          defaultSize='min-content'
-          minSize={5}
-          fallbackSize={5}
-          iconPosition='center'
-          onSizeChange={setSize}
-        />
-
-        <div className='flex w-full items-center'>
-          <Dialog.Title classNames='sr-only'>{t('ambient chat dialog title')}</Dialog.Title>
-          <Dialog.Close>
-            <Icon icon='ph--x--regular' size={4} />
-          </Dialog.Close>
-          <div className='grow' />
-          <IconButton
-            variant='ghost'
-            icon='ph--caret-down--regular'
-            iconOnly
-            label='Shrink'
-            onClick={() => {
-              setIter((iter) => iter + 1);
-              setSize('min-content');
-            }}
-          />
-        </div>
-
-        <Prompt autoFocus lineWrapping />
-      </Dialog.Content>
-    </div>
-  );
-};

package/src/components/AmbientChatDialog/index.ts

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

package/src/components/Box/StatusLine.stories.tsx

@@ -1,52 +0,0 @@
-//
-// Copyright 2025 DXOS.org
-//
-
-import '@dxos-theme';
-
-import { type StoryObj, type Meta } from '@storybook/react';
-import React, { useState } from 'react';
-
-import { faker } from '@dxos/random';
-import { Button } from '@dxos/react-ui';
-import { withLayout, withTheme, withSignals } from '@dxos/storybook-utils';
-
-import { StatusLine } from './StatusLine';
-
-const meta: Meta<typeof StatusLine> = {
-  title: 'plugins/plugin-automation/StatusLine',
-  component: StatusLine,
-  decorators: [withSignals, withTheme, withLayout()],
-  parameters: {
-    layout: 'centered',
-  },
-};
-
-export default meta;
-
-type Story = StoryObj<typeof StatusLine>;
-
-export const Default: Story = {
-  args: {
-    classNames: 'w-96 px-2',
-    lines: Array.from({ length: 5 }, (_, i) => `${i}. ${faker.lorem.paragraph()}`),
-    autoAdvance: true,
-  },
-};
-
-export const Demo: Story = {
-  render: () => {
-    const [lines, setLines] = useState<string[]>([]);
-
-    return (
-      <div className='flex flex-col w-96 gap-4'>
-        <StatusLine lines={lines} autoAdvance advance={500} />
-        <div>
-          <Button onClick={() => setLines((lines) => [...lines, `${lines.length + 1}. ${faker.lorem.paragraph()}`])}>
-            Add
-          </Button>
-        </div>
-      </div>
-    );
-  },
-};