@dxos/plugin-assistant 0.8.4-main.28f8d3d → 0.8.4-main.406dc2a

package/dist/types/src/stories/testing/data.d.ts

@@ -1,142 +0,0 @@
-import { type Space } from '@dxos/client/echo';
-import { type Type } from '@dxos/echo';
-export declare const testTypes: (Type.obj<import("effect/Schema").Struct<{
-    id: import("@dxos/keys").ObjectIdClass;
-    name: import("effect/Schema").optional<import("effect/Schema").SchemaClass<string, string, never>>;
-    description: import("effect/Schema").optional<import("effect/Schema").SchemaClass<string, string, never>>;
-    status: import("effect/Schema").optional<import("effect/Schema").Literal<["prospect", "qualified", "active", "commit", "reject"]>>;
-    image: import("effect/Schema").optional<import("effect/Schema").SchemaClass<string, string, never>>;
-    website: import("effect/Schema").optional<import("effect/Schema").SchemaClass<string, string, never>>;
-}>> | Type.obj<import("effect/Schema").Struct<{
-    fullName: import("effect/Schema").optional<import("effect/Schema").SchemaClass<string, string, never>>;
-    preferredName: import("effect/Schema").optional<import("effect/Schema").SchemaClass<string, string, never>>;
-    nickname: import("effect/Schema").optional<import("effect/Schema").SchemaClass<string, string, never>>;
-    image: import("effect/Schema").optional<import("effect/Schema").SchemaClass<string, string, never>>;
-    organization: import("effect/Schema").optional<import("effect/Schema").Schema<import("@dxos/echo-schema").Ref<import("@dxos/echo/Type").OfKind<import("@dxos/echo-schema").EntityKind.Object> & {
-        id: string;
-        name?: string | undefined;
-        description?: string | undefined;
-        status?: "prospect" | "qualified" | "active" | "commit" | "reject" | undefined;
-        image?: string | undefined;
-        website?: string | undefined;
-    }>, import("@dxos/echo-protocol").EncodedReference, never>>;
-    jobTitle: import("effect/Schema").optional<import("effect/Schema").SchemaClass<string, string, never>>;
-    department: import("effect/Schema").optional<import("effect/Schema").SchemaClass<string, string, never>>;
-    notes: import("effect/Schema").optional<import("effect/Schema").SchemaClass<string, string, never>>;
-    emails: import("effect/Schema").optional<import("effect/Schema").mutable<import("effect/Schema").Array$<import("effect/Schema").Struct<{
-        label: import("effect/Schema").optional<typeof import("effect/Schema").String>;
-        value: import("effect/Schema").refine<string, typeof import("effect/Schema").String>;
-    }>>>>;
-    identities: import("effect/Schema").optional<import("effect/Schema").mutable<import("effect/Schema").Array$<import("effect/Schema").Struct<{
-        label: import("effect/Schema").optional<typeof import("effect/Schema").String>;
-        value: typeof import("effect/Schema").String;
-    }>>>>;
-    phoneNumbers: import("effect/Schema").optional<import("effect/Schema").mutable<import("effect/Schema").Array$<import("effect/Schema").Struct<{
-        label: import("effect/Schema").optional<typeof import("effect/Schema").String>;
-        value: typeof import("effect/Schema").String;
-    }>>>>;
-    addresses: import("effect/Schema").optional<import("effect/Schema").mutable<import("effect/Schema").Array$<import("effect/Schema").Struct<{
-        label: import("effect/Schema").optional<typeof import("effect/Schema").String>;
-        value: import("effect/Schema").Struct<{
-            street: import("effect/Schema").optional<import("effect/Schema").SchemaClass<string, string, never>>;
-            extended: import("effect/Schema").optional<import("effect/Schema").SchemaClass<string, string, never>>;
-            locality: import("effect/Schema").optional<import("effect/Schema").SchemaClass<string, string, never>>;
-            region: import("effect/Schema").optional<import("effect/Schema").SchemaClass<string, string, never>>;
-            postalCode: import("effect/Schema").optional<import("effect/Schema").SchemaClass<string, string, never>>;
-            postOfficeBoxNumber: import("effect/Schema").optional<import("effect/Schema").SchemaClass<string, string, never>>;
-            country: import("effect/Schema").optional<import("effect/Schema").SchemaClass<string, string, never>>;
-        }>;
-    }>>>>;
-    urls: import("effect/Schema").optional<import("effect/Schema").mutable<import("effect/Schema").Array$<import("effect/Schema").Struct<{
-        label: import("effect/Schema").optional<typeof import("effect/Schema").String>;
-        value: import("effect/Schema").refine<string, typeof import("effect/Schema").String>;
-    }>>>>;
-    birthday: import("effect/Schema").optional<import("effect/Schema").SchemaClass<string, string, never>>;
-    fields: import("effect/Schema").optional<import("effect/Schema").mutable<import("effect/Schema").Array$<import("effect/Schema").Struct<{
-        category: import("effect/Schema").optional<typeof import("effect/Schema").String>;
-        label: typeof import("effect/Schema").String;
-        value: typeof import("effect/Schema").String;
-    }>>>>;
-}>> | Type.relation<import("effect/Schema").Struct<{
-    id: import("@dxos/keys").ObjectIdClass;
-    role: import("effect/Schema").optional<typeof import("effect/Schema").String>;
-    active: import("effect/Schema").optional<typeof import("effect/Schema").Boolean>;
-    startDate: import("effect/Schema").optional<typeof import("effect/Schema").String>;
-    endDate: import("effect/Schema").optional<typeof import("effect/Schema").String>;
-}>, Type.obj<import("effect/Schema").Struct<{
-    fullName: import("effect/Schema").optional<import("effect/Schema").SchemaClass<string, string, never>>;
-    preferredName: import("effect/Schema").optional<import("effect/Schema").SchemaClass<string, string, never>>;
-    nickname: import("effect/Schema").optional<import("effect/Schema").SchemaClass<string, string, never>>;
-    image: import("effect/Schema").optional<import("effect/Schema").SchemaClass<string, string, never>>;
-    organization: import("effect/Schema").optional<import("effect/Schema").Schema<import("@dxos/echo-schema").Ref<import("@dxos/echo/Type").OfKind<import("@dxos/echo-schema").EntityKind.Object> & {
-        id: string;
-        name?: string | undefined;
-        description?: string | undefined;
-        status?: "prospect" | "qualified" | "active" | "commit" | "reject" | undefined;
-        image?: string | undefined;
-        website?: string | undefined;
-    }>, import("@dxos/echo-protocol").EncodedReference, never>>;
-    jobTitle: import("effect/Schema").optional<import("effect/Schema").SchemaClass<string, string, never>>;
-    department: import("effect/Schema").optional<import("effect/Schema").SchemaClass<string, string, never>>;
-    notes: import("effect/Schema").optional<import("effect/Schema").SchemaClass<string, string, never>>;
-    emails: import("effect/Schema").optional<import("effect/Schema").mutable<import("effect/Schema").Array$<import("effect/Schema").Struct<{
-        label: import("effect/Schema").optional<typeof import("effect/Schema").String>;
-        value: import("effect/Schema").refine<string, typeof import("effect/Schema").String>;
-    }>>>>;
-    identities: import("effect/Schema").optional<import("effect/Schema").mutable<import("effect/Schema").Array$<import("effect/Schema").Struct<{
-        label: import("effect/Schema").optional<typeof import("effect/Schema").String>;
-        value: typeof import("effect/Schema").String;
-    }>>>>;
-    phoneNumbers: import("effect/Schema").optional<import("effect/Schema").mutable<import("effect/Schema").Array$<import("effect/Schema").Struct<{
-        label: import("effect/Schema").optional<typeof import("effect/Schema").String>;
-        value: typeof import("effect/Schema").String;
-    }>>>>;
-    addresses: import("effect/Schema").optional<import("effect/Schema").mutable<import("effect/Schema").Array$<import("effect/Schema").Struct<{
-        label: import("effect/Schema").optional<typeof import("effect/Schema").String>;
-        value: import("effect/Schema").Struct<{
-            street: import("effect/Schema").optional<import("effect/Schema").SchemaClass<string, string, never>>;
-            extended: import("effect/Schema").optional<import("effect/Schema").SchemaClass<string, string, never>>;
-            locality: import("effect/Schema").optional<import("effect/Schema").SchemaClass<string, string, never>>;
-            region: import("effect/Schema").optional<import("effect/Schema").SchemaClass<string, string, never>>;
-            postalCode: import("effect/Schema").optional<import("effect/Schema").SchemaClass<string, string, never>>;
-            postOfficeBoxNumber: import("effect/Schema").optional<import("effect/Schema").SchemaClass<string, string, never>>;
-            country: import("effect/Schema").optional<import("effect/Schema").SchemaClass<string, string, never>>;
-        }>;
-    }>>>>;
-    urls: import("effect/Schema").optional<import("effect/Schema").mutable<import("effect/Schema").Array$<import("effect/Schema").Struct<{
-        label: import("effect/Schema").optional<typeof import("effect/Schema").String>;
-        value: import("effect/Schema").refine<string, typeof import("effect/Schema").String>;
-    }>>>>;
-    birthday: import("effect/Schema").optional<import("effect/Schema").SchemaClass<string, string, never>>;
-    fields: import("effect/Schema").optional<import("effect/Schema").mutable<import("effect/Schema").Array$<import("effect/Schema").Struct<{
-        category: import("effect/Schema").optional<typeof import("effect/Schema").String>;
-        label: typeof import("effect/Schema").String;
-        value: typeof import("effect/Schema").String;
-    }>>>>;
-}>>, Type.obj<import("effect/Schema").Struct<{
-    id: import("@dxos/keys").ObjectIdClass;
-    name: import("effect/Schema").optional<import("effect/Schema").SchemaClass<string, string, never>>;
-    description: import("effect/Schema").optional<import("effect/Schema").SchemaClass<string, string, never>>;
-    status: import("effect/Schema").optional<import("effect/Schema").Literal<["prospect", "qualified", "active", "commit", "reject"]>>;
-    image: import("effect/Schema").optional<import("effect/Schema").SchemaClass<string, string, never>>;
-    website: import("effect/Schema").optional<import("effect/Schema").SchemaClass<string, string, never>>;
-}>>> | Type.relation<import("effect/Schema").Struct<{
-    id: import("@dxos/keys").ObjectIdClass;
-    kind: import("effect/Schema").SchemaClass<string, string, never>;
-}>, Type.obj<import("effect/Schema").Struct<{
-    id: import("@dxos/keys").ObjectIdClass;
-    name: import("effect/Schema").optional<import("effect/Schema").SchemaClass<string, string, never>>;
-    description: import("effect/Schema").optional<import("effect/Schema").SchemaClass<string, string, never>>;
-    status: import("effect/Schema").optional<import("effect/Schema").Literal<["prospect", "qualified", "active", "commit", "reject"]>>;
-    image: import("effect/Schema").optional<import("effect/Schema").SchemaClass<string, string, never>>;
-    website: import("effect/Schema").optional<import("effect/Schema").SchemaClass<string, string, never>>;
-}>>, Type.obj<import("effect/Schema").Struct<{
-    id: import("@dxos/keys").ObjectIdClass;
-    name: import("effect/Schema").optional<import("effect/Schema").SchemaClass<string, string, never>>;
-    description: import("effect/Schema").optional<import("effect/Schema").SchemaClass<string, string, never>>;
-    status: import("effect/Schema").optional<import("effect/Schema").Literal<["prospect", "qualified", "active", "commit", "reject"]>>;
-    image: import("effect/Schema").optional<import("effect/Schema").SchemaClass<string, string, never>>;
-    website: import("effect/Schema").optional<import("effect/Schema").SchemaClass<string, string, never>>;
-}>>>)[];
-export declare const addTestData: (space: Space) => Promise<void>;
-//# sourceMappingURL=data.d.ts.map

package/dist/types/src/stories/testing/data.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"data.d.ts","sourceRoot":"","sources":["../../../../../src/stories/testing/data.ts"],"names":[],"mappings":"AAIA,OAAO,EAAa,KAAK,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAC1D,OAAO,EAAiB,KAAK,IAAI,EAAE,MAAM,YAAY,CAAC;AAItD,eAAO,MAAM,SAAS;;;;;;;;;;;;;;YAyH261B,CAAC;mBAA6C,CAAC;cAAwC,CAAC;aAA0F,CAAC;eAAyC,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;YAA+wV,CAAC;mBAA6C,CAAC;cAAwC,CAAC;aAA0F,CAAC;eAAyC,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;OAzH9hsC,CAAC;AAwF7G,eAAO,MAAM,WAAW,GAAU,OAAO,KAAK,KAAG,OAAO,CAAC,IAAI,CAgC5D,CAAC"}

package/dist/types/src/stories/testing/index.d.ts

@@ -1,3 +0,0 @@
-export * from './data';
-export * from './testing';
-//# sourceMappingURL=index.d.ts.map

package/dist/types/src/stories/testing/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/stories/testing/index.ts"],"names":[],"mappings":"AAIA,cAAc,QAAQ,CAAC;AACvB,cAAc,WAAW,CAAC"}

package/dist/types/src/stories/testing/testing.d.ts

@@ -1,26 +0,0 @@
-import { type Plugin } from '@dxos/app-framework';
-import { AiContextBinder } from '@dxos/assistant';
-import { type Space } from '@dxos/client/echo';
-import { type ClientPluginOptions } from '@dxos/plugin-client/types';
-import { Config } from '@dxos/react-client';
-import { type DataType } from '@dxos/schema';
-import { Assistant } from '../../types';
-export declare const config: {
-    remote: Config;
-    persistent: Config;
-};
-type DecoratorsProps = Omit<ClientPluginOptions, 'onClientInitialized' | 'onSpacesReady'> & {
-    plugins?: Plugin[];
-    accessTokens?: DataType.AccessToken[];
-    onInit?: (props: {
-        space: Space;
-        chat: Assistant.Chat;
-        binder: AiContextBinder;
-    }) => Promise<void>;
-};
-/**
- * Create storybook decorators.
- */
-export declare const getDecorators: ({ types, plugins, accessTokens, onInit, ...props }: DecoratorsProps) => import("@storybook/react").Decorator[];
-export {};
-//# sourceMappingURL=testing.d.ts.map

package/dist/types/src/stories/testing/testing.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"testing.d.ts","sourceRoot":"","sources":["../../../../../src/stories/testing/testing.tsx"],"names":[],"mappings":"AAIA,OAAO,EAIL,KAAK,MAAM,EAKZ,MAAM,qBAAqB,CAAC;AAE7B,OAAO,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AAalD,OAAO,EAAE,KAAK,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAK/C,OAAO,EAAE,KAAK,mBAAmB,EAAE,MAAM,2BAA2B,CAAC;AAIrE,OAAO,EAAE,MAAM,EAAE,MAAM,oBAAoB,CAAC;AAC5C,OAAO,EAAE,KAAK,QAAQ,EAAE,MAAM,cAAc,CAAC;AAI7C,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAGxC,eAAO,MAAM,MAAM;;;CA+BlB,CAAC;AAEF,KAAK,eAAe,GAAG,IAAI,CAAC,mBAAmB,EAAE,qBAAqB,GAAG,eAAe,CAAC,GAAG;IAC1F,OAAO,CAAC,EAAE,MAAM,EAAE,CAAC;IACnB,YAAY,CAAC,EAAE,QAAQ,CAAC,WAAW,EAAE,CAAC;IACtC,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE;QAAE,KAAK,EAAE,KAAK,CAAC;QAAC,IAAI,EAAE,SAAS,CAAC,IAAI,CAAC;QAAC,MAAM,EAAE,eAAe,CAAA;KAAE,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;CACpG,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,aAAa,GAAI,oDAAmE,eAAe,2CA0E/G,CAAC"}

package/dist/types/src/testing/test-functions.d.ts

@@ -1,6 +0,0 @@
-import { type AiChatProcessorOptions } from '../hooks';
-/**
- * @deprecated
- */
-export declare const createProcessorOptions: () => Pick<AiChatProcessorOptions, "model" | "system">;
-//# sourceMappingURL=test-functions.d.ts.map

package/dist/types/src/testing/test-functions.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"test-functions.d.ts","sourceRoot":"","sources":["../../../../src/testing/test-functions.ts"],"names":[],"mappings":"AAOA,OAAO,EAAE,KAAK,sBAAsB,EAAE,MAAM,UAAU,CAAC;AAEvD;;GAEG;AACH,eAAO,MAAM,sBAAsB,QAAO,IAAI,CAAC,sBAAsB,EAAE,OAAO,GAAG,QAAQ,CAGvF,CAAC"}

package/dist/types/src/tools/function.d.ts

@@ -1,5 +0,0 @@
-import { type ExecutableTool } from '@dxos/ai';
-import { type FunctionType } from '@dxos/functions';
-import { type SpaceId } from '@dxos/react-client/echo';
-export declare const convertFunctionToTool: (fn: FunctionType, edgeUrl: string, spaceId?: SpaceId | undefined) => ExecutableTool | undefined;
-//# sourceMappingURL=function.d.ts.map

package/dist/types/src/tools/function.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"function.d.ts","sourceRoot":"","sources":["../../../../src/tools/function.ts"],"names":[],"mappings":"AAMA,OAAO,EAAE,KAAK,cAAc,EAA0B,MAAM,UAAU,CAAC;AAGvE,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAEpD,OAAO,EAAE,KAAK,OAAO,EAAE,MAAM,yBAAyB,CAAC;AAIvD,eAAO,MAAM,qBAAqB,GAChC,IAAI,YAAY,EAChB,SAAS,MAAM,EACf,UAAU,OAAO,GAAG,SAAS,KAC5B,cAAc,GAAG,SA6BnB,CAAC"}

package/dist/types/src/tools/index.d.ts

@@ -1,3 +0,0 @@
-export * from './function';
-export * from './openapi';
-//# sourceMappingURL=index.d.ts.map

package/dist/types/src/tools/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/tools/index.ts"],"names":[],"mappings":"AAIA,cAAc,YAAY,CAAC;AAC3B,cAAc,WAAW,CAAC"}

package/dist/types/src/tools/openapi.d.ts

@@ -1,10 +0,0 @@
-import { type ExecutableTool } from '@dxos/ai';
-import type { ApiAuthorization, ServiceType } from '../types';
-export type CreateToolsFromApiOptions = {
-    authorization?: ApiAuthorization;
-    instructions?: string;
-};
-export declare const createToolsFromService: (service: ServiceType) => Promise<ExecutableTool[]>;
-export declare const createToolsFromApi: (url: string, options?: CreateToolsFromApiOptions) => Promise<ExecutableTool[]>;
-export declare const resolveAuthorization: (authorization: ApiAuthorization) => Promise<string>;
-//# sourceMappingURL=openapi.d.ts.map

package/dist/types/src/tools/openapi.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"openapi.d.ts","sourceRoot":"","sources":["../../../../src/tools/openapi.ts"],"names":[],"mappings":"AAWA,OAAO,EAAE,KAAK,cAAc,EAA6B,MAAM,UAAU,CAAC;AAO1E,OAAO,KAAK,EAAE,gBAAgB,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAE9D,MAAM,MAAM,yBAAyB,GAAG;IACtC,aAAa,CAAC,EAAE,gBAAgB,CAAC;IACjC,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB,CAAC;AAEF,eAAO,MAAM,sBAAsB,GAAU,SAAS,WAAW,KAAG,OAAO,CAAC,cAAc,EAAE,CAM3F,CAAC;AAEF,eAAO,MAAM,kBAAkB,GAC7B,KAAK,MAAM,EACX,UAAU,yBAAyB,KAClC,OAAO,CAAC,cAAc,EAAE,CAuF1B,CAAC;AA2KF,eAAO,MAAM,oBAAoB,GAAU,eAAe,gBAAgB,KAAG,OAAO,CAAC,MAAM,CAqB1F,CAAC"}

package/dist/types/src/tools/openapi.test.d.ts

@@ -1,2 +0,0 @@
-export {};
-//# sourceMappingURL=openapi.test.d.ts.map

package/dist/types/src/tools/openapi.test.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"openapi.test.d.ts","sourceRoot":"","sources":["../../../../src/tools/openapi.test.ts"],"names":[],"mappings":""}

package/src/components/ChatThread/ChatMessage.tsx

@@ -1,282 +0,0 @@
-//
-// Copyright 2025 DXOS.org
-//
-
-import React, { type FC, Fragment, type PropsWithChildren } from 'react';
-
-import { type Tool } from '@dxos/ai';
-import { ErrorBoundary, Surface } from '@dxos/app-framework';
-import { Obj } from '@dxos/echo';
-import { invariant } from '@dxos/invariant';
-import { DXN, DXN_ECHO_REGEXP } from '@dxos/keys';
-import { type Space } from '@dxos/react-client/echo';
-import { Button, IconButton, type ThemedClassName, useTranslation } from '@dxos/react-ui';
-import {
-  MarkdownViewer,
-  ToggleContainer as NativeToggleContainer,
-  type ToggleContainerProps,
-} from '@dxos/react-ui-components';
-import { mx } from '@dxos/react-ui-theme';
-import { type ContentBlock, type DataType } from '@dxos/schema';
-import { safeParseJson } from '@dxos/util';
-
-import { meta } from '../../meta';
-import { type ChatEvent } from '../Chat';
-import { Toolbox } from '../Toolbox';
-
-import { ObjectLink } from './Link';
-import { Json, ToolBlock, isToolMessage } from './ToolBlock';
-
-const panelClasses = 'flex flex-col is-full bg-activeSurface rounded-sm';
-const marginClasses = 'pie-4 pis-4';
-const paddingClasses = 'pis-2 pie-2 pbs-0.5 pbe-0.5';
-
-export type ChatMessageProps = ThemedClassName<{
-  debug?: boolean;
-  space?: Space;
-  message: DataType.Message;
-  tools?: Tool[];
-  onEvent?: (event: ChatEvent) => void;
-  onDelete?: () => void;
-}>;
-
-export const ChatMessage = ({ classNames, debug, space, message, tools, onEvent, onDelete }: ChatMessageProps) => {
-  const { t } = useTranslation(meta.id);
-  const {
-    sender: { role },
-    blocks,
-  } = message;
-
-  // TODO(burdon): Consolidate tools upstream?
-  if (isToolMessage(message)) {
-    return (
-      <MessageItem classNames={mx(classNames, 'animate-[fadeIn_0.5s]')}>
-        <ToolBlock classNames={panelClasses} message={message} tools={tools} />
-      </MessageItem>
-    );
-  }
-
-  return (
-    <>
-      {debug && (
-        <div className={mx('flex justify-end text-subdued', marginClasses)}>
-          <pre className='text-xs'>{JSON.stringify({ created: message.created })}</pre>
-        </div>
-      )}
-
-      {blocks.map((block, idx) => {
-        // TODO(burdon): Filter empty messages.
-        if (block._tag === 'text' && block.text.replaceAll(/\s+/g, '').length === 0) {
-          return null;
-        }
-
-        const Component: ContentBlockComponent = components[block._tag] ?? components.default!;
-        if (!Component) {
-          return null;
-        }
-
-        return (
-          <Fragment key={idx}>
-            <MessageItem classNames={classNames} user={block._tag === 'text' && role === 'user'}>
-              <ErrorBoundary data={block}>
-                <Component space={space} block={block} onEvent={onEvent} />
-              </ErrorBoundary>
-            </MessageItem>
-            {debug && (
-              <div className={mx('flex justify-end text-subdued', marginClasses)}>
-                <pre className='text-xs'>{JSON.stringify({ block: block._tag })}</pre>
-              </div>
-            )}
-          </Fragment>
-        );
-      })}
-
-      {onDelete && (
-        <div className={mx('flex justify-end pbs-2 pbe-2 opacity-50 hover:opacity-100', marginClasses)}>
-          <IconButton
-            classNames='animate-[fadeIn_0.5s]'
-            icon='ph--trash--regular'
-            iconOnly
-            label={t('button delete message')}
-            onClick={() => onDelete()}
-          />
-        </div>
-      )}
-    </>
-  );
-};
-
-type ContentBlockProps = {
-  space?: Space;
-  block: ContentBlock.Any;
-  onEvent?: (event: ChatEvent) => void;
-};
-
-type ContentBlockComponent = FC<ContentBlockProps>;
-
-/**
- * Components for rendering content blocks.
- */
-const components: Partial<Record<ContentBlock.Any['_tag'] | 'default', ContentBlockComponent>> = {
-  //
-  // Text
-  //
-  ['text' as const]: ({ space, block }) => {
-    invariant(block._tag === 'text');
-    return (
-      <MarkdownViewer
-        content={preprocessTextContent(block.text)}
-        components={{
-          a: ({ node: { properties }, children, href, ...props }) => {
-            if (space && typeof properties?.href === 'string' && properties?.href?.startsWith('dxn')) {
-              try {
-                // TODO(burdon): Check valid length (since serialized).
-                const dxn = DXN.parse(properties.href);
-                return <ObjectLink space={space} dxn={dxn} />;
-              } catch {}
-            }
-
-            // TODO(burdon): Can we revert to the default handler?
-            return (
-              <a
-                href={href}
-                className='text-primary-500 hover:text-primary-500' // TODO(burdon): Token.
-                target='_blank'
-                rel='noopener noreferrer'
-                {...props}
-              >
-                {children}
-              </a>
-            );
-          },
-        }}
-      />
-    );
-  },
-
-  //
-  // Suggest
-  //
-  ['suggest' as const]: ({ block, onEvent }) => {
-    const { t } = useTranslation(meta.id);
-    invariant(block._tag === 'suggest');
-    return (
-      <IconButton
-        icon='ph--lightning--regular'
-        label={block.text}
-        title={t('button suggest')}
-        onClick={() => onEvent?.({ type: 'submit', text: block.text })}
-      />
-    );
-  },
-
-  //
-  // Select
-  //
-  ['select' as const]: ({ block, onEvent }) => {
-    const { t } = useTranslation(meta.id);
-    invariant(block._tag === 'select');
-    return (
-      <div className='flex flex-wrap gap-1'>
-        {block.options.map((option, idx) => (
-          <Button
-            classNames={'animate-[fadeIn_0.5s] rounded-sm text-sm'}
-            key={idx}
-            onClick={() => onEvent?.({ type: 'submit', text: option })}
-            title={t('button select option')}
-          >
-            {option}
-          </Button>
-        ))}
-      </div>
-    );
-  },
-
-  //
-  // Toolkit
-  //
-  ['toolkit' as const]: ({ block }) => {
-    invariant(block._tag === 'toolkit');
-    return (
-      <ToggleContainer title='Toolbox' classNames={panelClasses} defaultOpen>
-        <Toolbox classNames={marginClasses} />
-      </ToggleContainer>
-    );
-  },
-
-  //
-  // JSON
-  //
-  ['json' as const]: ({ block, onEvent }) => {
-    invariant(block._tag === 'json');
-
-    // TODO(burdon): Disposition is deprecated.
-    switch (block.disposition) {
-      case 'graph': {
-        return (
-          <div className='flex flex-wrap gap-1'>
-            <Surface
-              role='card'
-              data={{ subject: JSON.parse(block.data ?? '{}') }}
-              limit={1}
-              fallback={<div className='font-mono text-xs text-pre'>{block.data}</div>}
-            />
-            {onEvent && (
-              <IconButton
-                icon='ph--plus--regular'
-                label='Add to graph'
-                onClick={() => onEvent?.({ type: 'add', object: JSON.parse(block.data ?? '{}') })}
-              />
-            )}
-          </div>
-        );
-      }
-
-      default: {
-        return (
-          <ToggleContainer title={block.disposition ?? block._tag}>
-            <Json data={safeParseJson(block.data ?? block)} />
-          </ToggleContainer>
-        );
-      }
-    }
-  },
-
-  //
-  // Fallback
-  //
-  default: ({ block }) => {
-    return (
-      <ToggleContainer title={block._tag}>
-        <Json data={block} />
-      </ToggleContainer>
-    );
-  },
-};
-
-/**
- * Wrapper for each message.
- */
-const MessageItem = ({ classNames, children, user }: ThemedClassName<PropsWithChildren<{ user?: boolean }>>) => {
-  if (!children) {
-    return null;
-  }
-
-  return (
-    <div role='list-item' className={mx('flex is-full', user && 'justify-end', marginClasses, classNames)}>
-      <div className={mx(user ? ['rounded-sm', 'bg-[--user-fill] text-accentSurfaceText', paddingClasses] : 'is-full')}>
-        {children}
-      </div>
-    </div>
-  );
-};
-
-const ToggleContainer = (props: ToggleContainerProps) => {
-  return <NativeToggleContainer {...props} classNames={mx(panelClasses, props.classNames)} />;
-};
-
-export const renderObjectLink = (obj: Obj.Any) => `[${Obj.getLabel(obj)}](${Obj.getDXN(obj).toString()})`;
-
-// TODO(burdon): Move to parser.
-const preprocessTextContent = (content: string) =>
-  content.replaceAll(new RegExp(DXN_ECHO_REGEXP, 'g'), (_, dxn) => `<${dxn}>`);

package/src/components/ChatThread/ToolBlock.tsx

@@ -1,125 +0,0 @@
-//
-// Copyright 2025 DXOS.org
-//
-
-import React, { type FC, useEffect, useMemo, useRef, useState } from 'react';
-
-import { type AgentStatus, type Tool } from '@dxos/ai';
-import { type ThemedClassName, useTranslation } from '@dxos/react-ui';
-import { NumericTabs, StatusRoll, ToggleContainer } from '@dxos/react-ui-components';
-import { type JsonProps, Json as NativeJson } from '@dxos/react-ui-syntax-highlighter';
-import { type DataType } from '@dxos/schema';
-import { isNonNullable, isNotFalsy } from '@dxos/util';
-
-import { meta } from '../../meta';
-
-export const isToolMessage = (message: DataType.Message) => {
-  return message.blocks.some((block) => block._tag === 'toolCall' || block._tag === 'toolResult');
-};
-
-const getToolName = (tool: Tool) => {
-  return tool.namespace && tool.function ? `${tool.namespace}:${tool.function}` : tool.name.split('_').pop();
-};
-
-export type ToolBlockProps = ThemedClassName<{
-  message: DataType.Message;
-  tools?: Tool[];
-}>;
-
-export const ToolBlock: FC<ToolBlockProps> = ({ classNames, message, tools }) => {
-  const { t } = useTranslation(meta.id);
-  const { blocks = [] } = message;
-
-  const getToolCaption = (tool?: Tool, status?: AgentStatus) => {
-    if (!tool) {
-      return t('calling tool label');
-    }
-
-    return status?.message ?? tool.caption ?? [t('calling label') + getToolName(tool)].join(' ');
-  };
-
-  let request: { tool: Tool | undefined; block: any } | undefined;
-  const toolBlocks = blocks.filter((block) => block._tag === 'toolCall' || block._tag === 'toolResult');
-  const items = toolBlocks
-    .map((block) => {
-      switch (block._tag) {
-        case 'toolCall': {
-          // TODO(burdon): Skip these updates?
-          if (block.pending && request?.block.toolCallId === block.toolCallId) {
-            return null;
-          }
-
-          request = { tool: tools?.find((tool) => tool.name === block.name), block };
-          return {
-            title: getToolCaption(request.tool, request.block.status),
-            block,
-          };
-        }
-
-        case 'toolResult': {
-          if (!request || block.error) {
-            return {
-              title: t('error label'),
-              block,
-            };
-          }
-
-          return {
-            title: getToolCaption(request.tool, request.block.status),
-            block,
-          };
-        }
-
-        default: {
-          request = undefined;
-          return {
-            title: t('error label'),
-            block,
-          };
-        }
-      }
-    })
-    .filter(isNonNullable);
-
-  return <ToolContainer classNames={classNames} items={items} />;
-};
-
-export const ToolContainer: FC<ThemedClassName<{ items: { title: string; block: any }[] }>> = ({
-  classNames,
-  items,
-}) => {
-  const tabsRef = useRef<HTMLDivElement>(null);
-  const [selected, setSelected] = useState(0);
-  const [open, setOpen] = useState(false);
-  useEffect(() => {
-    if (open) {
-      tabsRef.current?.focus();
-    }
-  }, [open]);
-
-  const handleSelect = (index: number) => {
-    if (index === selected) {
-      setOpen(false);
-    } else {
-      setSelected(index);
-    }
-  };
-
-  const title = useMemo(() => {
-    const lines = items.map((item) => item.title).filter(isNotFalsy);
-    return <StatusRoll key='status-roll' lines={lines} duration={1_000} autoAdvance />;
-  }, [items]);
-
-  return (
-    <ToggleContainer classNames={['flex flex-col', classNames]} title={title} open={open} onChangeOpen={setOpen}>
-      <div className='w-full grid grid-cols-[32px_1fr]'>
-        <NumericTabs ref={tabsRef} length={items.length} selected={selected} onSelect={handleSelect} />
-        <Json data={items[selected].block} />
-      </div>
-    </ToggleContainer>
-  );
-};
-
-export const Json = ({ data }: Pick<JsonProps, 'data'>) => (
-  <NativeJson data={data} classNames='!p-1 text-xs bg-transparent' />
-);