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

package/src/components/Thread/ThreadMessage.tsx

@@ -1,203 +0,0 @@
-//
-// Copyright 2025 DXOS.org
-//
-
-import React, { type FC } from 'react';
-
-import { type MessageContentBlock, type Message } from '@dxos/artifact';
-import { invariant } from '@dxos/invariant';
-import { log } from '@dxos/log';
-import { Button, ButtonGroup, Icon, type ThemedClassName } from '@dxos/react-ui';
-import { Json } from '@dxos/react-ui-syntax-highlighter';
-import { mx } from '@dxos/react-ui-theme';
-import { safeParseJson } from '@dxos/util';
-
-import { StatusLine } from './StatusLine';
-import { ToggleContainer } from './ToggleContainer';
-import { MarkdownViewer } from '../MarkdownViewer';
-
-export type ThreadMessageProps = ThemedClassName<{
-  message: Message;
-  collapse?: boolean;
-  debug?: boolean;
-  onSuggest?: (text: string) => void;
-  onDelete?: (id: string) => void;
-}>;
-
-export const ThreadMessage: FC<ThreadMessageProps> = ({
-  classNames,
-  message,
-  collapse,
-  debug,
-  onSuggest,
-  onDelete,
-}) => {
-  if (typeof message !== 'object') {
-    return <div className={mx(classNames)}>{message}</div>;
-  }
-
-  const { role, content = [] } = message;
-
-  // TODO(burdon): Factor out tool blocks.
-  const toolBlocks = content.filter((block) => block.type === 'tool_use' || block.type === 'tool_result');
-  if (collapse && toolBlocks.length > 0) {
-    let request: (MessageContentBlock & { type: 'tool_use' }) | undefined;
-    const json: any[] = [];
-    const lines = toolBlocks.map((block) => {
-      switch (block.type) {
-        case 'tool_use': {
-          request = block;
-          json.push(block);
-          // TODO(burdon): Get plugin name.
-          return `Calling ${block.name}...`;
-        }
-
-        case 'tool_result': {
-          if (!request) {
-            log.warn('unexpected message', { tool: block });
-            return 'Error';
-          }
-
-          json.push(block);
-          return `Processed ${request.name}`;
-        }
-
-        default: {
-          request = undefined;
-          return 'Error';
-        }
-      }
-    });
-
-    return (
-      <div className={mx('flex', classNames)}>
-        <div className='w-full p-1 px-2 overflow-hidden rounded-md bg-baseSurface'>
-          <ToggleContainer title={<StatusLine lines={lines} autoAdvance />} toggle>
-            <Json data={json} classNames='!p-1 text-xs' />
-          </ToggleContainer>
-        </div>
-      </div>
-    );
-  }
-
-  return (
-    <div className={mx('flex flex-col shrink-0 gap-2')}>
-      {debug && (
-        <div className='text-xs text-subdued'>
-          {message.id}{' '}
-          {onDelete && (
-            <span className='cursor-pointer underline' onClick={() => onDelete(message.id)}>
-              delete
-            </span>
-          )}
-        </div>
-      )}
-      {content.map((block, idx) => (
-        <div key={idx} className={mx('flex', classNames, block.type === 'text' && role === 'user' && 'justify-end')}>
-          <Block role={role} block={block} onSuggest={onSuggest ?? (() => {})} />
-        </div>
-      ))}
-    </div>
-  );
-};
-
-const Block = ({
-  block,
-  role,
-  onSuggest,
-}: Pick<Message, 'role'> & { block: MessageContentBlock; onSuggest: (text: string) => void }) => {
-  const Component = componentMap[block.type] ?? componentMap.default;
-  return (
-    <div
-      className={mx(
-        'p-1 px-2 overflow-hidden rounded-md',
-        (block.type !== 'text' || block.disposition) && 'w-full bg-baseSurface',
-        block.type === 'text' && role === 'user' && 'bg-primary-200 dark:bg-primary-500',
-      )}
-    >
-      <Component block={block} onSuggest={onSuggest} />
-    </div>
-  );
-};
-
-const titles: Record<string, string> = {
-  ['cot' as const]: 'Chain of thought',
-  ['artifact' as const]: 'Artifact',
-  ['tool_use' as const]: 'Tool request',
-  ['tool_result' as const]: 'Tool result',
-};
-
-type BlockComponent = FC<{ block: MessageContentBlock; onSuggest: (text: string) => void }>;
-
-const componentMap: Record<string, BlockComponent> = {
-  text: ({ block }) => {
-    invariant(block.type === 'text');
-    const title = block.disposition ? titles[block.disposition] : undefined;
-    if (!title) {
-      return (
-        <MarkdownViewer content={block.text} classNames={[block.disposition === 'cot' && 'text-sm text-subdued']} />
-      );
-    }
-
-    return (
-      <ToggleContainer
-        title={title}
-        icon={
-          block.pending ? (
-            <Icon icon={'ph--circle-notch--regular'} classNames='text-subdued ml-2 animate-spin' size={4} />
-          ) : undefined
-        }
-        defaultOpen={block.disposition === 'cot'}
-        toggle
-      >
-        <MarkdownViewer content={block.text} classNames={[block.disposition === 'cot' && 'text-sm text-subdued']} />
-      </ToggleContainer>
-    );
-  },
-
-  json: ({ block, onSuggest }) => {
-    invariant(block.type === 'json');
-
-    switch (block.disposition) {
-      case 'suggest': {
-        const { text = '' }: { text: string } = safeParseJson(block.json ?? '{}') ?? ({} as any);
-        return <Button onClick={() => onSuggest(text)}>{text}</Button>;
-      }
-
-      case 'select': {
-        const { options = [] }: { options: string[] } = safeParseJson(block.json ?? '{}') ?? ({} as any);
-        return (
-          <ButtonGroup>
-            {options.map((option) => (
-              <Button key={option} onClick={() => onSuggest(option)}>
-                {option}
-              </Button>
-            ))}
-          </ButtonGroup>
-        );
-      }
-
-      default: {
-        const title = block.disposition ? titles[block.disposition] : undefined;
-        return (
-          <ToggleContainer title={title ?? 'JSON'} toggle>
-            <Json data={safeParseJson(block.json ?? block)} classNames='!p-1 text-xs' />
-          </ToggleContainer>
-        );
-      }
-    }
-  },
-
-  default: ({ block }) => {
-    let title = titles[block.type];
-    if (block.type === 'tool_use') {
-      title = `Tool [${block.name}]`; // TODO(burdon): Get label from tool.
-    }
-
-    return (
-      <ToggleContainer title={title ?? 'JSON'} toggle>
-        <Json data={block} classNames='!p-1 text-xs' />
-      </ToggleContainer>
-    );
-  },
-};

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

@@ -1,111 +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}
-            toggle
-            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,
-  },
-};

package/src/components/Thread/ToggleContainer.tsx

@@ -1,103 +0,0 @@
-//
-// Copyright 2025 DXOS.org
-//
-
-import React, { type JSX, type PropsWithChildren, useEffect, useState } from 'react';
-
-import { Icon, type ThemedClassName } from '@dxos/react-ui';
-import { mx } from '@dxos/react-ui-theme';
-
-export type ToggleContainerProps = ThemedClassName<
-  PropsWithChildren<{
-    title?: string | JSX.Element;
-    icon?: JSX.Element;
-    toggle?: boolean;
-    defaultOpen?: boolean;
-    duration?: number;
-    /** Should shrink the width when closed. */
-    shrinkX?: boolean;
-  }>
->;
-
-// TODO(burdon): Externalize toggle state.
-export const ToggleContainer = ({
-  title,
-  icon,
-  toggle,
-  defaultOpen,
-  duration = 400,
-  shrinkX = false,
-  children,
-  classNames,
-}: ToggleContainerProps) => {
-  const [expand, setExpand] = useState(defaultOpen || !toggle);
-  const [expandX, setExpandX] = useState(shrinkX ? expand : true);
-  const [expandY, setExpandY] = useState(expand);
-
-  useEffect(() => {
-    let t: NodeJS.Timeout;
-    if (expand) {
-      if (shrinkX) {
-        setExpandX(true);
-      }
-      t = setTimeout(
-        () => {
-          setExpandY(true);
-        },
-        shrinkX ? duration : 0,
-      );
-    } else {
-      setExpandY(false);
-      if (shrinkX) {
-        t = setTimeout(() => {
-          setExpandX(false);
-        }, duration);
-      }
-    }
-
-    return () => clearTimeout(t);
-  }, [expand]);
-
-  return (
-    <div className={mx('overflow-hidden', classNames)}>
-      {title && (
-        <div
-          className='flex gap-1 py-1 items-center text-sm text-subdued cursor-pointer select-none'
-          onClick={toggle ? () => setExpand((open) => !open) : undefined}
-        >
-          {toggle && (
-            <div className='flex w-[24px] h-[24px] items-center justify-center'>
-              <Icon
-                size={4}
-                icon={'ph--caret-right--regular'}
-                style={{ transitionDuration: `${shrinkX ? duration * 2 : duration}ms` }}
-                classNames={['transition transition-transform ease-in-out', expand ? 'rotate-90' : 'transform-none']}
-              />
-            </div>
-          )}
-          <div className='flex-1 pis-1 pie-1 truncate'>{title}</div>
-          {icon}
-        </div>
-      )}
-      <div
-        style={{ transitionDuration: `${duration}ms` }}
-        className={mx(
-          'grid transition-[grid-template-columns] ease-in-out',
-          expandX ? 'grid-cols-[1fr]' : 'grid-cols-[0fr]',
-        )}
-      >
-        <div className='overflow-hidden'>
-          <div
-            style={{ transitionDuration: `${duration}ms` }}
-            className={mx(
-              'grid transition-[grid-template-rows] ease-in-out',
-              expandY ? 'grid-rows-[1fr]' : 'grid-rows-[0fr]',
-            )}
-          >
-            <div className={mx('flex overflow-hidden transition-opacity')}>{children}</div>
-          </div>
-        </div>
-      </div>
-    </div>
-  );
-};

package/src/components/Thread/index.ts

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

package/src/hooks/email.ts

@@ -1,49 +0,0 @@
-//
-// Copyright 2023 DXOS.org
-//
-
-import { findObjectWithForeignKey } from '@dxos/echo-db';
-import { foreignKey } from '@dxos/echo-schema';
-import { log } from '@dxos/log';
-import { MailboxType } from '@dxos/plugin-inbox/types';
-import { MessageType } from '@dxos/plugin-space/types';
-import { type Space, Filter, create, makeRef } from '@dxos/react-client/echo';
-
-export const SOURCE_ID = 'hub.dxos.network/api/mailbox';
-
-export const handleEmail = async (space: Space, data: any) => {
-  const { messages } = data;
-
-  // Create mailbox if doesn't exist.
-  const { objects: mailboxes } = await space.db.query(Filter.schema(MailboxType)).run();
-  const mailbox = mailboxes[0] ?? space.db.add(create(MailboxType, { messages: [] }));
-
-  log.info('messages', { count: messages.length, existingMailbox: mailboxes.length > 0 });
-
-  const { objects } = await space.db.query(Filter.schema(MessageType)).run();
-  for (const message of messages) {
-    let object = findObjectWithForeignKey(objects, { source: SOURCE_ID, id: String(message.id) });
-    if (!object) {
-      object = space.db.add(
-        create(
-          MessageType,
-          {
-            sender: { email: message.from },
-            timestamp: new Date(message.created).toISOString(),
-            text: message.body,
-            properties: {
-              subject: message.subject,
-              to: [{ email: message.to }],
-            },
-          },
-          {
-            keys: [foreignKey(SOURCE_ID, String(message.id))],
-          },
-        ),
-      );
-      mailbox.messages?.push(makeRef(object));
-    }
-  }
-
-  return 200;
-};

package/src/hooks/index.ts

@@ -1,10 +0,0 @@
-//
-// Copyright 2024 DXOS.org
-//
-
-export * from './processor';
-
-export * from './useChatProcessor';
-export * from './useLocalTriggerManager';
-export * from './useMessageQueue';
-export * from './useServices';

package/src/hooks/invocation-handler.ts

@@ -1,109 +0,0 @@
-//
-// Copyright 2024 DXOS.org
-//
-
-import { sleep } from '@dxos/async';
-import { getObjectCore, ResultFormat } from '@dxos/echo-db';
-import { type AnyObjectData } from '@dxos/echo-schema';
-import { FunctionType } from '@dxos/functions';
-import { type FunctionTrigger } from '@dxos/functions';
-import { invariant } from '@dxos/invariant';
-import { DXN, LOCAL_SPACE_TAG } from '@dxos/keys';
-import { log } from '@dxos/log';
-import { type Client, type Config } from '@dxos/react-client';
-import { type Space } from '@dxos/react-client/echo';
-
-const MAX_RETRIES = 3;
-const RETRY_DELAY = 1_000;
-
-const callFunction = async (funcUrl: string, trigger: any, data: any) => {
-  const body = { event: 'trigger', trigger, data };
-
-  let retryCount = 0;
-  while (retryCount < MAX_RETRIES) {
-    log.info('exec', { funcUrl, body, retryCount });
-    const response = await fetch(funcUrl, {
-      method: 'POST',
-      headers: {
-        'Content-Type': 'application/json',
-      },
-      body: JSON.stringify(body),
-    });
-
-    const data = await response.text();
-    log.info('response', { status: response.status, body: data });
-    if (response.status === 409) {
-      retryCount++;
-      await sleep(RETRY_DELAY * Math.min(retryCount, 2));
-      continue;
-    }
-
-    return { status: response.status, data };
-  }
-  return { status: 500 };
-};
-
-export const invokeFunction = async (client: Client, space: Space, trigger: FunctionTrigger, data: any) => {
-  try {
-    invariant(trigger.spec);
-    invariant(trigger.function);
-
-    const script = await space.db.query({ id: trigger.function }, { format: ResultFormat.Plain }).first();
-    const { objects: functions } = await space.db
-      .query({ __typename: FunctionType.typename }, { format: ResultFormat.Plain })
-      .run();
-    const func = functions.find((fn) => referenceEquals(fn.source, trigger.function!)) as AnyObjectData | undefined;
-    const funcSlug = func?.__meta.keys.find((key) => key.source === USERFUNCTIONS_META_KEY)?.id;
-    if (!funcSlug) {
-      log.warn('function not deployed', { scriptId: script.id, name: script.name });
-      return 404;
-    }
-
-    const funcUrl = getFunctionUrl(client.config, funcSlug, space.id);
-    const triggerData: AnyObjectData = {
-      ...getObjectCore(trigger).toPlainObject(),
-      // TODO: Remove when functions can query by DXN.
-      promptId: trigger.meta?.prompt?.id,
-    };
-    // TODO: Remove when functions can add objects and easily modify collections (push, splice).
-    return (await callFunction(funcUrl, triggerData, data)).status;
-  } catch (err) {
-    return 400;
-  }
-};
-
-const USERFUNCTIONS_META_KEY = 'dxos.org/service/function';
-
-const getFunctionUrl = (config: Config, slug: string, spaceId?: string) => {
-  const baseUrl = new URL('functions/', config.values.runtime?.services?.edge?.url);
-
-  // Leading slashes cause the URL to be treated as an absolute path.
-  const relativeUrl = slug.replace(/^\//, '');
-  const url = new URL(`./${relativeUrl}`, baseUrl.toString());
-  spaceId && url.searchParams.set('spaceId', spaceId);
-  url.protocol = 'https';
-  return url.toString();
-};
-
-// TODO(dmaretskyi): Factor out.
-
-type ReferenceLike = { '/': string } | string;
-
-const referenceEquals = (a: ReferenceLike, b: ReferenceLike): boolean => {
-  const aDXN = toDXN(a);
-  const bDXN = toDXN(b);
-  return aDXN.toString() === bDXN.toString();
-};
-
-const toDXN = (ref: ReferenceLike): DXN => {
-  if (typeof ref === 'string') {
-    if (ref.startsWith('dxn:')) {
-      return DXN.parse(ref);
-    } else {
-      return new DXN(DXN.kind.ECHO, [LOCAL_SPACE_TAG, ref]);
-    }
-  }
-
-  invariant(typeof ref['/'] === 'string');
-  return DXN.parse(ref['/']);
-};

package/src/hooks/processor.test.ts

@@ -1,15 +0,0 @@
-//
-// Copyright 2025 DXOS.org
-//
-
-import { describe, it } from 'vitest';
-
-import { ChatProcessor } from './processor';
-
-describe('ChatProcessor', () => {
-  it('should be instantiable', ({ expect }) => {
-    const client = {} as any; // TODO(burdon): Create mock.
-    const processor = new ChatProcessor(client);
-    expect(processor).toBeDefined();
-  });
-});