@dxos/plugin-assistant 0.8.1-staging.391c573 → 0.8.1-staging.5be625a

package/src/components/Thread/ThreadMessage.tsx

@@ -7,7 +7,7 @@ import React, { type PropsWithChildren, type FC } from 'react';
 import { type MessageContentBlock, type Message, type ToolType } from '@dxos/artifact';
 import { invariant } from '@dxos/invariant';
 import { type Space } from '@dxos/react-client/echo';
-import { Button, ButtonGroup, Icon, IconButton, type ThemedClassName } from '@dxos/react-ui';
+import { Button, Icon, IconButton, type ThemedClassName } from '@dxos/react-ui';
 import {
   MarkdownViewer,
   ToggleContainer as NativeToggleContainer,
@@ -21,7 +21,7 @@ import { ToolBlock, isToolMessage } from './ToolInvocations';
 import { ToolboxContainer } from '../Toolbox';
 
 const panelClassNames = 'flex flex-col w-full px-2 bg-groupSurface rounded-md';
-const userClassNames = 'bg-[--user-fill]';
+const userClassNames = 'bg-[--user-fill] text-inverse';
 
 const ToggleContainer = (props: ToggleContainerProps) => {
   return <NativeToggleContainer {...props} classNames={mx(panelClassNames, props.classNames)} />;
@@ -54,7 +54,7 @@ export const ThreadMessage: FC<ThreadMessageProps> = ({ classNames, space, messa
   // TODO(burdon): Restructure types to make check unnecessary.
   if (isToolMessage(message)) {
     return (
-      <MessageContainer classNames={classNames}>
+      <MessageContainer classNames={mx(classNames, 'animate-[fadeIn_0.5s]')}>
         <ToolBlock space={space} classNames={panelClassNames} message={message} tools={tools} />
       </MessageContainer>
     );
@@ -69,7 +69,11 @@ export const ThreadMessage: FC<ThreadMessageProps> = ({ classNames, space, messa
     const Component = components[block.type] ?? components.default;
 
     return (
-      <MessageContainer key={idx} classNames={classNames} user={block.type === 'text' && role === 'user'}>
+      <MessageContainer
+        key={idx}
+        classNames={mx(classNames, 'animate-[fadeIn_0.5s]')}
+        user={block.type === 'text' && role === 'user'}
+      >
         <Component space={space} block={block} onPrompt={onPrompt} />
       </MessageContainer>
     );
@@ -87,7 +91,7 @@ const components: Record<string, BlockComponent> = {
     // const [open, setOpen] = useState(block.disposition === 'cot' && block.pending);
     const title = block.disposition ? titles[block.disposition] : undefined;
     if (!title) {
-      return <MarkdownViewer content={block.text} />;
+      return <MarkdownViewer classNames='[&>p]:animate-[fadeIn_0.5s]' content={block.text} />;
     }
 
     // TOOD(burdon): Store last time user opened/closed COT.
@@ -140,13 +144,17 @@ const components: Record<string, BlockComponent> = {
       case 'select': {
         const { options = [] }: { options: string[] } = safeParseJson(block.json ?? '{}') ?? ({} as any);
         return (
-          <ButtonGroup>
-            {options.map((option) => (
-              <Button key={option} onClick={() => onPrompt?.(option)}>
+          <div className='flex flex-wrap gap-1'>
+            {options.map((option, idx) => (
+              <Button
+                classNames={'animate-[fadeIn_0.5s] rounded-2xl text-sm'}
+                key={option}
+                onClick={() => onPrompt?.(option)}
+              >
                 {option}
               </Button>
             ))}
-          </ButtonGroup>
+          </div>
         );
       }
 

package/src/hooks/email.ts

@@ -6,8 +6,8 @@ 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';
+import { MessageType } from '@dxos/schema';
 
 export const SOURCE_ID = 'hub.dxos.network/api/mailbox';
 
@@ -29,8 +29,8 @@ export const handleEmail = async (space: Space, data: any) => {
           MessageType,
           {
             sender: { email: message.from },
-            timestamp: new Date(message.created).toISOString(),
-            text: message.body,
+            created: new Date(message.created).toISOString(),
+            blocks: [{ type: 'text', text: message.body }],
             properties: {
               subject: message.subject,
               to: [{ email: message.to }],

package/src/hooks/index.ts

@@ -9,3 +9,4 @@ export * from './useLocalTriggerManager';
 export * from './useMessageQueue';
 export * from './useServices';
 export * from './useTextInputEvents';
+export * from './useContextProvider';

package/src/hooks/processor.ts

@@ -5,17 +5,8 @@
 import { type Signal, batch, computed, signal } from '@preact/signals-core';
 
 import { type PromiseIntentDispatcher } from '@dxos/app-framework';
-import { type Tool, Message, type MessageContentBlock } from '@dxos/artifact';
-import {
-  isToolUse,
-  runTools,
-  type GenerateRequest,
-  type GenerationStream,
-  MixedStreamParser,
-  DEFAULT_LLM_MODEL,
-  type AIServiceClient,
-} from '@dxos/assistant';
-import { createStatic } from '@dxos/echo-schema';
+import { type ArtifactDefinition, type Message, type MessageContentBlock, type Tool } from '@dxos/artifact';
+import { type AIServiceClient, AISession, DEFAULT_EDGE_MODEL, type GenerateRequest } from '@dxos/assistant';
 import { invariant } from '@dxos/invariant';
 import { log } from '@dxos/log';
 import { type Space } from '@dxos/react-client/echo';
@@ -36,7 +27,7 @@ type RequestOptions = {
 export type ChatProcessorOptions = Pick<GenerateRequest, 'model' | 'systemPrompt'>;
 
 const defaultOptions: ChatProcessorOptions = {
-  model: DEFAULT_LLM_MODEL,
+  model: DEFAULT_EDGE_MODEL,
   systemPrompt: 'you are a helpful assistant',
 };
 
@@ -47,20 +38,14 @@ const defaultOptions: ChatProcessorOptions = {
  * Supports cancellation of in-progress requests.
  */
 export class ChatProcessor {
-  /** SSE stream parser. */
-  private readonly _parser = new MixedStreamParser();
-
-  /** Current streaming response. */
-  private _stream: GenerationStream | undefined;
-
   /** Pending messages (incl. the current user request). */
   private readonly _pending: Signal<Message[]> = signal([]);
 
   /** Current streaming block (from the AI service). */
   private readonly _block: Signal<MessageContentBlock | undefined> = signal(undefined);
 
-  /** Prior history from queue. */
-  private _history: Message[] = [];
+  /** Current streaming response. */
+  private _session: AISession | undefined;
 
   /**
    * Streaming state.
@@ -94,24 +79,10 @@ export class ChatProcessor {
   constructor(
     private readonly _ai: AIServiceClient,
     private _tools?: Tool[],
+    private _artifacts?: ArtifactDefinition[],
     private readonly _extensions?: ToolContextExtensions,
     private readonly _options: ChatProcessorOptions = defaultOptions,
-  ) {
-    // Message complete.
-    this._parser.message.on((message) => {
-      batch(() => {
-        this._pending.value = [...this._pending.value, message];
-        this._block.value = undefined;
-      });
-    });
-
-    // Streaming update (happens before message complete).
-    this._parser.update.on((block) => {
-      batch(() => {
-        this._block.value = block;
-      });
-    });
-  }
+  ) {}
 
   get tools() {
     return this._tools;
@@ -128,19 +99,55 @@ export class ChatProcessor {
    * Make GPT request.
    */
   async request(message: string, options: RequestOptions = {}): Promise<Message[]> {
-    batch(() => {
-      this._history = options.history ?? [];
-      this._pending.value = [
-        createStatic(Message, {
-          role: 'user',
-          content: [{ type: 'text', text: message }],
-        }),
-      ];
-      this._block.value = undefined;
+    this._session = new AISession({ operationModel: 'immediate' });
+
+    // Message complete.
+    this._session.message.on((message) => {
+      batch(() => {
+        this._pending.value = [...this._pending.value, message];
+        this._block.value = undefined;
+      });
     });
 
-    await this._request();
-    options.onComplete?.(this._pending.value);
+    // Streaming update (happens before message complete).
+    this._session.update.on((block) => {
+      batch(() => {
+        this._block.value = block;
+      });
+    });
+
+    this._session.userMessage.on((message) => {
+      this._pending.value = [...this._pending.value, message];
+    });
+
+    try {
+      const messages = await this._session.run({
+        client: this._ai,
+        history: options.history ?? [],
+        artifacts: this._artifacts ?? [],
+        tools: this._tools ?? [],
+        prompt: message,
+        extensions: this._extensions,
+        generationOptions: {
+          model: this._options.model,
+          systemPrompt: this._options.systemPrompt,
+        },
+      });
+
+      log.info('completed', { messages });
+
+      options.onComplete?.(this._pending.value);
+    } catch (err) {
+      log.catch(err);
+      if (err instanceof Error && err.message.includes('Overloaded')) {
+        this.error.value = new AIServiceOverloadedError('AI service overloaded', { cause: err });
+      } else {
+        this.error.value = new Error('AI service error', { cause: err });
+      }
+    } finally {
+      this._session = undefined;
+    }
+
     return this._reset();
   }
 
@@ -150,88 +157,22 @@ export class ChatProcessor {
    */
   async cancel(): Promise<Message[]> {
     log.info('cancelling...');
-    this._stream?.abort();
+    this._session?.abort();
     return this._reset();
   }
 
   private async _reset(): Promise<Message[]> {
     const messages = this._pending.value;
     batch(() => {
-      this._history = [];
       this._pending.value = [];
       this._block.value = undefined;
     });
 
     return messages;
   }
-
-  /**
-   * Generate a response from the AI service.
-   * Iterates over tool requests.
-   */
-  private async _request() {
-    try {
-      let more = false;
-      do {
-        log('request', {
-          pending: this._pending.value.length,
-          history: this._history.length,
-          tools: this._tools?.map((tool) => tool.name),
-        });
-
-        // Open request stream.
-        this._stream = await this._ai.exec({
-          ...this._options,
-          // TODO(burdon): Rename messages or separate history/message.
-          history: [...this._history, ...this._pending.value],
-          tools: this._tools,
-        });
-
-        // Wait until complete.
-        await this._parser.parse(this._stream);
-        await this._stream.complete();
-
-        // Add messages.
-        log('response', { pending: this._pending.value });
-
-        // Resolve tool use locally.
-        more = false;
-        const message = this._pending.value.at(-1);
-        invariant(message);
-        if (isToolUse(message)) {
-          log('tool request...');
-          const response = await runTools({
-            message: this._pending.value.at(-1)!,
-            tools: this._tools ?? [],
-            extensions: this._extensions,
-          });
-
-          log('tool response', { response });
-          switch (response.type) {
-            case 'continue': {
-              this._pending.value = [...this._pending.value, response.message];
-              more = true;
-              break;
-            }
-          }
-        }
-      } while (more);
-
-      this.error.value = undefined;
-    } catch (err) {
-      log.catch(err);
-      if (err instanceof Error && err.message.includes('Overloaded')) {
-        this.error.value = new AIServiecOverloadedError('AI service overloaded', { cause: err });
-      } else {
-        this.error.value = new Error('AI service error', { cause: err });
-      }
-    } finally {
-      this._stream = undefined;
-    }
-  }
 }
 
-// TODO(wittjosiah): Refactor.
-export class AIServiecOverloadedError extends Error {
+// TODO(wittjosiah): Move to ai-service-client.
+export class AIServiceOverloadedError extends Error {
   code = 'AI_SERVICE_OVERLOADED';
 }

package/src/hooks/useChatProcessor.tsx

@@ -6,22 +6,29 @@ import { useEffect, useMemo, useState } from 'react';
 
 import { Capabilities, useCapabilities, useCapability, useIntentDispatcher } from '@dxos/app-framework';
 import { createSystemPrompt, type Tool } from '@dxos/artifact';
-import { DEFAULT_LLM_MODEL } from '@dxos/assistant';
+import { DEFAULT_EDGE_MODEL, DEFAULT_OLLAMA_MODEL } from '@dxos/assistant';
 import { FunctionType } from '@dxos/functions/types';
 import { log } from '@dxos/log';
 import { useConfig } from '@dxos/react-client';
-import { Filter, type Space, useQuery } from '@dxos/react-client/echo';
+import { Filter, fullyQualifiedId, type Space, useQuery } from '@dxos/react-client/echo';
 import { isNonNullable } from '@dxos/util';
 
 import { AssistantCapabilities } from '../capabilities';
-import { ChatProcessor } from '../hooks';
+import { ChatProcessor, type ChatProcessorOptions } from '../hooks';
 import { covertFunctionToTool, createToolsFromService } from '../tools';
-import { type AssistantSettingsProps, ServiceType } from '../types';
+import { type AIChatType, type AssistantSettingsProps, ServiceType } from '../types';
+
+type UseChatProcessorProps = {
+  chat?: AIChatType;
+  space?: Space;
+  settings?: AssistantSettingsProps;
+  part?: 'deck' | 'dialog';
+};
 
 /**
  * Configure and create ChatProcessor.
  */
-export const useChatProcessor = (space?: Space, settings?: AssistantSettingsProps): ChatProcessor => {
+export const useChatProcessor = ({ chat, space, settings, part = 'deck' }: UseChatProcessorProps): ChatProcessor => {
   const aiClient = useCapability(AssistantCapabilities.AiClient);
   const globalTools = useCapabilities(Capabilities.Tools);
   const artifactDefinitions = useCapabilities(Capabilities.ArtifactDefinition);
@@ -41,19 +48,19 @@ export const useChatProcessor = (space?: Space, settings?: AssistantSettingsProp
   // Tools and context.
   const config = useConfig();
   const functions = useQuery(space, Filter.schema(FunctionType));
+  const chatId = useMemo(() => (chat ? fullyQualifiedId(chat) : undefined), [chat]);
   const [tools, extensions] = useMemo(() => {
     log('creating tools...');
     const tools = [
       ...globalTools.flat(),
-      ...artifactDefinitions.flatMap((definition) => definition.tools),
       ...serviceTools,
       ...functions
         .map((fn) => covertFunctionToTool(fn, config.values.runtime?.services?.edge?.url ?? '', space?.id))
         .filter(isNonNullable),
     ];
-    const extensions = { space, dispatch };
+    const extensions = { space, dispatch, pivotId: chatId, part };
     return [tools, extensions];
-  }, [dispatch, globalTools, artifactDefinitions, space, serviceTools, functions]);
+  }, [dispatch, globalTools, space, chatId, serviceTools, functions]);
 
   // Prompt.
   const systemPrompt = useMemo(
@@ -64,17 +71,18 @@ export const useChatProcessor = (space?: Space, settings?: AssistantSettingsProp
     [artifactDefinitions],
   );
 
+  // TODO(burdon): Remove default (let backend decide if not specified).
+  const model: ChatProcessorOptions['model'] =
+    settings?.llmProvider === 'ollama'
+      ? ((settings?.ollamaModel ?? DEFAULT_OLLAMA_MODEL) as ChatProcessorOptions['model'])
+      : ((settings?.edgeModel ?? DEFAULT_EDGE_MODEL) as ChatProcessorOptions['model']);
+
   // Create processor.
-  // TODO(burdon): Updated on each query update above. Should just update current processor.
+  // TODO(burdon): Updated on each query update above; should just update current processor.
   const processor = useMemo(() => {
     log('creating processor...', { settings });
-    return new ChatProcessor(aiClient, tools, extensions, {
-      // TODO(burdon): Remove defualt (let backend decide if not specified).
-      model: settings?.llmModel ?? DEFAULT_LLM_MODEL,
-      // TOOD(burdon): Query.
-      systemPrompt,
-    });
-  }, [aiClient, tools, extensions, systemPrompt, settings?.llmModel]);
+    return new ChatProcessor(aiClient.value, tools, artifactDefinitions, extensions, { model, systemPrompt });
+  }, [aiClient.value, tools, extensions, model, systemPrompt]);
 
   return processor;
 };

package/src/hooks/useContextProvider.ts

@@ -0,0 +1,55 @@
+//
+// Copyright 2025 DXOS.org
+//
+
+import { useMemo } from 'react';
+
+import { Capabilities, useCapabilities } from '@dxos/app-framework';
+import type { Space } from '@dxos/client/echo';
+import { getDXN, getLabel, getSchema } from '@dxos/echo-schema';
+import { log } from '@dxos/log';
+import { Filter } from '@dxos/react-client/echo';
+
+export type ContextProvider = {
+  query: (params: { query: string }) => Promise<Array<{ uri: string; label: string }>>;
+  resolveMetadata: (params: { uri: string }) => Promise<{ uri: string; label: string }>;
+};
+
+const stringMatch = (query: string, label: string) => label.toLowerCase().startsWith(query.toLowerCase());
+
+export const useContextProvider = (space?: Space): ContextProvider | undefined => {
+  const artifactDefinitions = useCapabilities(Capabilities.ArtifactDefinition);
+
+  return useMemo<ContextProvider | undefined>((): ContextProvider | undefined => {
+    if (!space) {
+      return undefined;
+    }
+
+    return {
+      query: async ({ query }) => {
+        const artifactSchemas = artifactDefinitions.map((artifact) => artifact.schema);
+        const { objects } = await space.db
+          .query(Filter.or(...artifactSchemas.map((schema) => Filter.schema(schema))))
+          .run();
+        return objects
+          .map((object) => {
+            log.info('object', { object, label: getLabel(getSchema(object)!, object) });
+            return object;
+          })
+          .filter((object) => stringMatch(query, getLabel(getSchema(object)!, object) ?? ''))
+          .filter((object) => !!getDXN(object))
+          .map((object) => ({
+            uri: getDXN(object)!.toString(),
+            label: getLabel(getSchema(object)!, object) ?? '',
+          }));
+      },
+      resolveMetadata: async ({ uri }) => {
+        const object = await space.db.query({ id: uri }).first();
+        return {
+          uri,
+          label: getLabel(getSchema(object)!, object) ?? '',
+        };
+      },
+    };
+  }, [space, artifactDefinitions]);
+};

package/src/hooks/useMessageQueue.ts

@@ -6,8 +6,7 @@ import { useMemo } from 'react';
 
 import { type Message } from '@dxos/artifact';
 import { DXN, QueueSubspaceTags } from '@dxos/keys';
-import { getSpace } from '@dxos/react-client/echo';
-import { useEdgeClient, useQueue } from '@dxos/react-edge-client';
+import { getSpace, useQueue } from '@dxos/react-client/echo';
 
 import { type AIChatType } from '../types';
 
@@ -18,6 +17,5 @@ export const useMessageQueue = (chat?: AIChatType) => {
     return dxn ? new DXN(DXN.kind.QUEUE, [QueueSubspaceTags.DATA, space.id, dxn.parts.at(-1)!]) : undefined;
   }, [space, chat?.queue.dxn]);
 
-  const edgeClient = useEdgeClient();
-  return useQueue<Message>(edgeClient, queueDxn);
+  return useQueue<Message>(queueDxn);
 };

package/src/meta.ts

@@ -8,11 +8,11 @@ export const ASSISTANT_PLUGIN = 'dxos.org/plugin/assistant';
 
 export const ASSISTANT_DIALOG = `${ASSISTANT_PLUGIN}/assistant/dialog`;
 
-export const meta = {
+export const meta: PluginMeta = {
   id: ASSISTANT_PLUGIN,
   name: 'Assistant',
   description: 'The Assistant tab allows you to chat with your spaces inside of Composer.',
   icon: 'ph--atom--regular',
   source: 'https://github.com/dxos/dxos/tree/main/packages/plugins/experimental/plugin-assistant',
   tags: ['experimental'],
-} satisfies PluginMeta;
+};

package/src/testing/test-functions.ts

@@ -3,9 +3,9 @@
 //
 
 import { createSystemPrompt } from '@dxos/artifact';
-import { DEFAULT_LLM_MODEL, type GenerateRequest } from '@dxos/assistant';
+import { DEFAULT_EDGE_MODEL, type GenerateRequest } from '@dxos/assistant';
 
 export const createProcessorOptions = (artifacts: string[]): Pick<GenerateRequest, 'model' | 'systemPrompt'> => ({
-  model: DEFAULT_LLM_MODEL,
+  model: DEFAULT_EDGE_MODEL,
   systemPrompt: createSystemPrompt({ artifacts }),
 });

package/src/translations.ts

@@ -10,13 +10,14 @@ export default [
     'en-US': {
       [AIChatType.typename]: {
         'typename label': 'AI Chat',
+        'object name placeholder': 'AI Chat',
       },
       [TemplateType.typename]: {
         'typename label': 'Template',
+        'object name placeholder': 'New template',
       },
       [ASSISTANT_PLUGIN]: {
-        'chat title placeholder': 'AI Chat',
-        'template title placeholder': 'Template',
+        'templates label': 'Templates',
 
         'open ambient chat label': 'Open AI chat',
         'plugin name': 'Assistant',
@@ -27,6 +28,8 @@ export default [
         'command placeholder': 'Enter slash command...',
         'template placeholder': 'Enter template...',
         'value placeholder': 'Enter value...',
+        'typename placeholder': 'Enter typename of objects which this template is for',
+        'description placeholder': 'Enter description of when this template should be used',
         'select preset template placeholder': 'Select preset',
         'service registry label': 'Service Registry',
 
@@ -40,9 +43,11 @@ export default [
         'microphone button': 'Click to speak',
         'cancel processing button': 'Stop processing',
 
-        'settings custom prompts label': 'Custom prompts',
-        'settings llm model label': 'LLM model',
-        'settings default llm model label': 'Default Model',
+        'settings default label': 'Default',
+        'settings custom prompts label': 'Use custom prompts',
+        'settings llm provider label': 'Enable Ollama integration',
+        'settings edge llm model label': 'Remote language model',
+        'settings ollama llm model label': 'Ollama language model',
       },
     },
   },

package/src/types/template.ts

@@ -26,8 +26,30 @@ export const TemplateInputSchema = S.mutable(
 
 export type TemplateInput = S.Schema.Type<typeof TemplateInputSchema>;
 
+export const TemplateKinds = ['always', 'schema-matching', 'automatically', 'manual'] as const;
+export type TemplateKind = (typeof TemplateKinds)[number];
+
+export const TemplateKindSchema = S.Union(
+  S.Struct({
+    include: S.Literal('always'),
+  }),
+  S.Struct({
+    include: S.Literal('schema-matching'),
+    typename: S.String,
+  }),
+  S.Struct({
+    include: S.Literal('automatically'),
+    description: S.String,
+  }),
+  S.Struct({
+    include: S.Literal('manual'),
+  }),
+);
+
+export type TemplateKindType = S.Schema.Type<typeof TemplateKindSchema>;
 export class TemplateType extends TypedObject({ typename: 'dxos.org/type/Template', version: '0.1.0' })({
   name: S.optional(S.String),
+  kind: S.mutable(TemplateKindSchema),
   source: S.String,
   inputs: S.optional(S.mutable(S.Array(TemplateInputSchema))),
   command: S.optional(S.String),

package/src/types/types.ts

@@ -33,7 +33,9 @@ export namespace AssistantAction {
 
 export const AssistantSettingsSchema = S.mutable(
   S.Struct({
-    llmModel: S.optional(S.String),
+    llmProvider: S.optional(S.Literal('edge', 'ollama')),
+    edgeModel: S.optional(S.String),
+    ollamaModel: S.optional(S.String),
     customPrompts: S.optional(S.Boolean),
   }),
 );

package/dist/lib/browser/AssistantDialog-CM33SOCT.mjs.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/components/AssistantDialog.tsx", "../../../src/components/AmbientDialog/AmbientDialog.tsx"],
-  "sourcesContent": ["//\n// Copyright 2025 DXOS.org\n//\n\nimport React, { type FC, useState } from 'react';\n\nimport { useCapability, Capabilities, useCapabilities } from '@dxos/app-framework';\nimport { TranscriptionCapabilities } from '@dxos/plugin-transcription';\nimport { useTranslation } from '@dxos/react-ui';\n\nimport { AmbientDialog } from './AmbientDialog';\nimport { ThreadContainer } from './Thread';\nimport { ASSISTANT_PLUGIN } from '../meta';\nimport { type AssistantSettingsProps, type AIChatType } from '../types';\n\nexport const AssistantDialog: FC<{ chat?: AIChatType }> = ({ chat }) => {\n  const { t } = useTranslation(ASSISTANT_PLUGIN);\n  const transcription = useCapabilities(TranscriptionCapabilities.Transcription).length > 0;\n  const settings = useCapability(Capabilities.SettingsStore).getStore<AssistantSettingsProps>(ASSISTANT_PLUGIN)?.value;\n\n  // TODO(burdon): Refocus when open.\n  const [open, setOpen] = useState(false);\n\n  return (\n    <AmbientDialog open={open} onOpenChange={setOpen} title={t('assistant dialog title')}>\n      <ThreadContainer chat={chat} onOpenChange={setOpen} settings={settings} transcription={transcription} />\n    </AmbientDialog>\n  );\n};\n\nexport default AssistantDialog;\n", "//\n// Copyright 2025 DXOS.org\n//\n\nimport React, { type PropsWithChildren, useCallback, useEffect, useState } from 'react';\n\nimport { Dialog, Icon, IconButton } from '@dxos/react-ui';\nimport { resizeAttributes, ResizeHandle, type Size, sizeStyle } from '@dxos/react-ui-dnd';\nimport { mx } from '@dxos/react-ui-theme';\n\nconst preventDefault = (event: Event) => event.preventDefault();\n\nconst minSize = 5;\n\n// TODO(burdon): Factor out.\nexport const AmbientDialog = ({\n  children,\n  open: _open,\n  title,\n  onOpenChange,\n}: PropsWithChildren<{ open?: boolean; onOpenChange?: (open: boolean) => void; title?: string }>) => {\n  const [resizeKey, setReizeKey] = useState(0);\n  const [size, setSize] = useState<Size>('min-content');\n  const [open, setOpen] = useState(_open);\n\n  // Update controlled value.\n  useEffect(() => {\n    setOpen(_open);\n  }, [_open]);\n\n  // Update size and key.\n  useEffect(() => {\n    setSize(open ? 'min-content' : minSize);\n    setReizeKey((key) => key + 1);\n  }, [open]);\n\n  // TODO(burdon): Animate open/close.\n  // NOTE: We set the min size to 5rem (80px), and the header and prompt bar to 40px (i.e., the rail-size) each.\n  // The dialog has no vertical padding and has box-content so that when closed it collapses to the size of the header and prompt bar.\n  const handleToggle = useCallback(() => {\n    setOpen((open) => {\n      onOpenChange?.(!open);\n      return !open;\n    });\n  }, []);\n\n  return (\n    <div role='none' className='dx-dialog__overlay bg-transparent pointer-events-none' data-block-align='end'>\n      <Dialog.Content\n        classNames='relative box-content py-0 px-2 md:is-[35rem] md:max-is-none overflow-hidden pointer-events-auto transition-[block-size] ease-in-out duration-0 [&:not([data-dx-resizing=\"true\"])]:duration-200'\n        inOverlayLayout\n        {...resizeAttributes}\n        style={{\n          ...sizeStyle(size, 'vertical', true),\n          maxBlockSize: 'calc(100dvh - env(safe-area-inset-bottom) - env(safe-area-inset-top) - 8rem)',\n        }}\n        onInteractOutside={preventDefault}\n      >\n        <ResizeHandle\n          key={resizeKey}\n          side='block-start'\n          defaultSize='min-content'\n          minSize={minSize}\n          fallbackSize={minSize}\n          iconPosition='center'\n          onSizeChange={setSize}\n        />\n\n        <DialogHeader open={open} title={title} onToggle={handleToggle} />\n\n        {children}\n      </Dialog.Content>\n    </div>\n  );\n};\n\n/**\n * Matches same layout grid as PromptBar.\n */\nconst DialogHeader = ({ open, title, onToggle }: { open?: boolean; title?: string; onToggle: () => void }) => {\n  return (\n    <div className='flex shrink-0 w-full grid grid-cols-[var(--rail-action)_1fr_var(--rail-action)] items-center overflow-hidden'>\n      <div className='flex w-[--rail-action] h-[--rail-action] items-center justify-center'>\n        <Dialog.Close>\n          <Icon icon='ph--x--regular' />\n        </Dialog.Close>\n      </div>\n      <div className='grow'>\n        <Dialog.Title classNames='flex justify-center text-xs text-subdued'>{title}</Dialog.Title>\n      </div>\n      <div className='flex w-[--rail-action] h-[--rail-action] items-center justify-center'>\n        <IconButton\n          variant='ghost'\n          icon={'ph--caret-up--regular'}\n          classNames={mx('[&>svg]:transition [&>svg]:duration-200', open && '[&>svg]:rotate-180')}\n          iconOnly\n          label='Shrink'\n          onClick={onToggle}\n        />\n      </div>\n    </div>\n  );\n};\n"],
-  "mappings": "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",
-  "names": ["React", "useState", "useCapability", "Capabilities", "useCapabilities", "TranscriptionCapabilities", "useTranslation", "React", "useCallback", "useEffect", "useState", "Dialog", "Icon", "IconButton", "resizeAttributes", "ResizeHandle", "sizeStyle", "mx", "preventDefault", "event", "minSize", "AmbientDialog", "children", "open", "_open", "title", "onOpenChange", "resizeKey", "setReizeKey", "useState", "size", "setSize", "setOpen", "useEffect", "key", "handleToggle", "useCallback", "div", "role", "className", "data-block-align", "Dialog", "Content", "classNames", "inOverlayLayout", "resizeAttributes", "style", "sizeStyle", "maxBlockSize", "onInteractOutside", "ResizeHandle", "side", "defaultSize", "fallbackSize", "iconPosition", "onSizeChange", "DialogHeader", "onToggle", "Close", "Icon", "icon", "Title", "IconButton", "variant", "mx", "iconOnly", "label", "onClick", "AssistantDialog", "chat", "t", "useTranslation", "ASSISTANT_PLUGIN", "transcription", "useCapabilities", "TranscriptionCapabilities", "Transcription", "length", "settings", "useCapability", "Capabilities", "SettingsStore", "getStore", "value", "open", "setOpen", "useState", "React", "AmbientDialog", "onOpenChange", "title", "ThreadContainer"]
-}

package/dist/lib/browser/TemplateContainer-B7MQNUPY.mjs

@@ -1,23 +0,0 @@
-import {
-  TemplateEditor
-} from "./chunk-EUMPBC4T.mjs";
-import "./chunk-NV7SVHMV.mjs";
-
-// packages/plugins/experimental/plugin-assistant/src/components/TemplateContainer.tsx
-import React from "react";
-import { StackItem } from "@dxos/react-ui-stack";
-var TemplateContainer = ({ template, role }) => {
-  return /* @__PURE__ */ React.createElement(StackItem.Content, {
-    toolbar: false,
-    role,
-    classNames: "mli-auto w-full max-w-[50rem]"
-  }, /* @__PURE__ */ React.createElement(TemplateEditor, {
-    template
-  }));
-};
-var TemplateContainer_default = TemplateContainer;
-export {
-  TemplateContainer,
-  TemplateContainer_default as default
-};
-//# sourceMappingURL=TemplateContainer-B7MQNUPY.mjs.map