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

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}/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}/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}/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.tsx

@@ -1,26 +0,0 @@
-//
-// Copyright 2025 DXOS.org
-//
-
-import React from 'react';
-
-import { Dialog, Icon, useTranslation } from '@dxos/react-ui';
-
-import { AUTOMATION_PLUGIN } from '../../meta';
-
-const preventDefault = (event: Event) => event.preventDefault();
-
-export const AmbientChatDialog = () => {
-  const { t } = useTranslation(AUTOMATION_PLUGIN);
-  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' inOverlayLayout>
-        <Dialog.Title classNames='sr-only'>{t('ambient chat dialog title')}</Dialog.Title>
-        <Dialog.Close>
-          <Icon icon='ph--x--regular' size={4} />
-        </Dialog.Close>
-        <h1>Hello</h1>
-      </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>
-    );
-  },
-};

package/src/components/Box/StatusLine.tsx

@@ -1,76 +0,0 @@
-//
-// Copyright 2025 DXOS.org
-//
-
-import React, { useEffect, useRef, useState } from 'react';
-
-import { type ThemedClassName } from '@dxos/react-ui';
-import { mx } from '@dxos/react-ui-theme';
-
-const emptyLines: string[] = [];
-
-export type StatusLineProps = ThemedClassName<{
-  line?: number;
-  lines?: string[];
-  transition?: number;
-  advance?: number;
-  autoAdvance?: boolean;
-}>;
-
-export const StatusLine = ({
-  classNames,
-  line = -1,
-  lines = emptyLines,
-  transition = 300,
-  advance = 1_000,
-  autoAdvance,
-}: StatusLineProps) => {
-  const containerRef = useRef<HTMLDivElement>(null);
-  const [currentLine, setCurrentLine] = useState(line);
-  useEffect(() => {
-    setCurrentLine(line);
-  }, [line]);
-
-  useEffect(() => {
-    if (!autoAdvance) {
-      return;
-    }
-
-    const next = () => {
-      setCurrentLine((prev) => {
-        if (prev >= lines.length - 1) {
-          clearInterval(interval);
-          return prev;
-        }
-
-        return prev + 1;
-      });
-    };
-
-    next();
-    const interval = setInterval(next, advance);
-
-    return () => clearInterval(interval);
-  }, [lines.length, autoAdvance, advance]);
-
-  useEffect(() => {
-    if (containerRef.current) {
-      containerRef.current.style.transition = `transform ${transition}ms ease-in-out`;
-      containerRef.current.style.transform = `translateY(-${currentLine * 24}px)`;
-    }
-  }, [currentLine]);
-
-  return (
-    <div className={mx('relative h-[24px] overflow-hidden', classNames)}>
-      <div ref={containerRef} className='h-[24px]'>
-        <div className='flex flex-col'>
-          {lines.map((line, i) => (
-            <div key={i} className={mx('flex h-[24px] items-center')}>
-              <span className='truncate'>{line}</span>
-            </div>
-          ))}
-        </div>
-      </div>
-    </div>
-  );
-};

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

@@ -1,51 +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 { withLayout, withTheme, withSignals } from '@dxos/storybook-utils';
-
-import { Tabs } from './Tabbed';
-import { ToggleContainer } from './ToggleContainer';
-
-const content = Array.from({ length: 4 }, (_, i) => ({
-  title: faker.lorem.paragraph(),
-  content: faker.lorem.paragraphs(3),
-}));
-
-const meta: Meta<typeof Tabs> = {
-  title: 'plugins/plugin-automation/Tabbed',
-  component: Tabs,
-  decorators: [withSignals, withTheme, withLayout({ fullscreen: true, classNames: 'justify-center' })],
-};
-
-export default meta;
-
-type Story = StoryObj<typeof Tabs>;
-
-export const Default: Story = {
-  render: () => {
-    const [selected, setSelected] = useState(0);
-    return (
-      <div className='flex flex-col w-[500px] p-4 bg-attention'>
-        <ToggleContainer
-          open
-          title={content[selected].title}
-          classNames='p-1 rounded-lg bg-baseSurface border border-neutral-500'
-        >
-          <div className='flex w-full overflow-hidden'>
-            <Tabs length={content.length} selected={selected} onSelect={setSelected} />
-            <div className='flex-1 pis-2 pie-2 overflow-y-auto'>
-              <div>{content[selected].content}</div>
-            </div>
-          </div>
-        </ToggleContainer>
-      </div>
-    );
-  },
-};

package/src/components/Box/Tabbed.tsx

@@ -1,89 +0,0 @@
-//
-// Copyright 2025 DXOS.org
-//
-
-import React, { forwardRef } from 'react';
-
-import { Icon, type ThemedClassName } from '@dxos/react-ui';
-import { mx } from '@dxos/react-ui-theme';
-
-const numbers = [
-  { regular: 'ph--number-circle-zero--thin', active: 'ph--number-circle-zero--duotone' },
-  { regular: 'ph--number-circle-one--thin', active: 'ph--number-circle-one--duotone' },
-  { regular: 'ph--number-circle-two--thin', active: 'ph--number-circle-two--duotone' },
-  { regular: 'ph--number-circle-three--thin', active: 'ph--number-circle-three--duotone' },
-  { regular: 'ph--number-circle-four--thin', active: 'ph--number-circle-four--duotone' },
-  { regular: 'ph--number-circle-five--thin', active: 'ph--number-circle-five--duotone' },
-  { regular: 'ph--number-circle-six--thin', active: 'ph--number-circle-six--duotone' },
-  { regular: 'ph--number-circle-seven--thin', active: 'ph--number-circle-seven--duotone' },
-  { regular: 'ph--number-circle-eight--thin', active: 'ph--number-circle-eight--duotone' },
-  { regular: 'ph--number-circle-nine--thin', active: 'ph--number-circle-nine--duotone' },
-];
-
-export type TabsProps = ThemedClassName<{
-  length: number;
-  selected?: number;
-  onSelect?: (index: number) => void;
-}>;
-
-export const Tabs = forwardRef<HTMLDivElement, TabsProps>(
-  ({ classNames, length, selected = 0, onSelect }, forwardedRef) => {
-    return (
-      <div
-        ref={forwardedRef}
-        className={mx('flex flex-col overflow-hidden outline-none', classNames)}
-        tabIndex={-1}
-        onKeyDown={(ev) => {
-          // TODO(burdon): Focus when open Toggle.
-          switch (ev.key) {
-            case 'ArrowDown':
-            case 'ArrowRight': {
-              ev.preventDefault();
-              ev.stopPropagation();
-              if (selected < length - 1) {
-                onSelect?.(selected + 1);
-              }
-              break;
-            }
-            case 'ArrowUp':
-            case 'ArrowLeft': {
-              ev.preventDefault();
-              ev.stopPropagation();
-              if (selected > 0) {
-                onSelect?.(selected - 1);
-              }
-              break;
-            }
-
-            case 'Enter': {
-              ev.preventDefault();
-              ev.stopPropagation();
-              onSelect?.(selected);
-              break;
-            }
-          }
-        }}
-      >
-        {Array.from({ length }).map((_, i) => {
-          const icon = numbers[i + 1];
-          return (
-            <div
-              key={i}
-              className={mx(
-                'relative flex w-[24px] h-[28px] justify-center cursor-pointer text-subdued',
-                selected === i && '!text-cyan-550 !dark:text-cyan-300',
-              )}
-            >
-              {i < length - 1 && <div className='absolute left-[11.5px] top-[21px] w-[1px] h-[10px] bg-neutral-400' />}
-              <Icon
-                icon={selected === i ? icon.regular : icon.regular}
-                classNames='z-10 !p-0 !w-[24px] !h-[24px] outline-none'
-                onClick={() => onSelect?.(i)}
-              />
-            </div>
-          );
-        })}
-      </div>
-    );
-  },
-);

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

@@ -1,110 +0,0 @@
-//
-// Copyright 2025 DXOS.org
-//
-
-import '@dxos-theme';
-
-import { computed, type ReadonlySignal, signal } from '@preact/signals-core';
-import { type StoryObj, type Meta } from '@storybook/react';
-import React, { useEffect, useMemo, useState } from 'react';
-
-import { faker } from '@dxos/random';
-import { Icon, Input, Toolbar } from '@dxos/react-ui';
-import { mx } from '@dxos/react-ui-theme';
-import { withLayout, withTheme, withSignals } from '@dxos/storybook-utils';
-
-import { ToggleContainer, type ToggleContainerProps } from './ToggleContainer';
-import { MarkdownViewer } from '../MarkdownViewer';
-
-class Generator {
-  private readonly _current = signal<string>(faker.lorem.sentence(5));
-  private readonly _lines = signal<string[]>([]);
-  private _running: NodeJS.Timeout | undefined;
-
-  readonly count = computed(() => this._lines.value.length);
-  readonly text: ReadonlySignal<string[]> = computed(() => [...this._lines.value, this._current.value]);
-
-  start() {
-    this.stop();
-    this._running = setInterval(() => {
-      if (this._current.value.length > 0) {
-        this._current.value += ' ';
-      }
-      this._current.value += faker.lorem.words(Math.ceil(Math.random() * 2));
-      if (Math.random() > 0.95) {
-        this._lines.value = [...this._lines.value, this._current.value + '.'];
-        this._current.value = '';
-      }
-    }, 100);
-  }
-
-  stop() {
-    if (this._running) {
-      clearInterval(this._running);
-      this._running = undefined;
-    }
-  }
-}
-
-const Render = ({ shrinkX, ...props }: ToggleContainerProps) => {
-  const generator = useMemo(() => new Generator(), []);
-  const [running, setRunning] = useState(false);
-  useEffect(() => {
-    if (running) {
-      generator.start();
-    } else {
-      generator.stop();
-    }
-  }, [running]);
-
-  return (
-    <div className='flex flex-col w-[500px]'>
-      <Toolbar.Root classNames='p-4'>
-        <Input.Root>
-          <Input.Switch checked={running} onCheckedChange={(checked) => setRunning(checked)} />
-        </Input.Root>
-        <div className='grow' />
-        <div>{generator.count.value}</div>
-      </Toolbar.Root>
-      <div className='flex p-4'>
-        <div className={mx('border border-border rounded-md p-2', !shrinkX && 'w-full')}>
-          <ToggleContainer
-            {...props}
-            shrinkX={shrinkX}
-            icon={
-              running ? (
-                <Icon icon={'ph--circle-notch--regular'} classNames='text-subdued ml-2 animate-spin' size={4} />
-              ) : undefined
-            }
-          >
-            <MarkdownViewer classNames='text-sm' content={generator.text.value.join('\n\n')} />
-          </ToggleContainer>
-        </div>
-      </div>
-    </div>
-  );
-};
-
-const meta: Meta<typeof ToggleContainer> = {
-  title: 'plugins/plugin-automation/ToggleContainer',
-  component: ToggleContainer,
-  render: Render,
-  decorators: [withSignals, withTheme, withLayout({ fullscreen: true, classNames: 'justify-center bg-baseSurface' })],
-};
-
-export default meta;
-
-type Story = StoryObj<typeof ToggleContainer>;
-
-export const Default: Story = {
-  args: {
-    title: 'Markdown',
-  },
-};
-
-export const Shrink: Story = {
-  args: {
-    title: 'Markdown',
-    shrinkX: true,
-  },
-};