@dxos/plugin-assistant 0.8.4-staging.60fe92afc8 → 0.9.1-main.c7dcc2e112

package/src/AssistantPlugin.ts

@@ -43,7 +43,7 @@ import { AssistantEvents, type AssistantPluginOptions } from '#types';
 // eslint-disable-next-line import/no-relative-packages
 import pluginSpec from '../PLUGIN.mdl?raw';
 
-const StateReady = AppActivationEvents.createStateEvent(meta.id);
+const StateReady = AppActivationEvents.createStateEvent(meta.profile.key);
 
 export const AssistantPlugin = Plugin.define<AssistantPluginOptions | void>(meta)
   .pipe(
@@ -150,7 +150,7 @@ export const AssistantPlugin = Plugin.define<AssistantPluginOptions | void>(meta
       activate: IntegrationProvider,
     }),
     AppPlugin.addPluginAssetModule({
-      asset: { pluginId: meta.id, path: 'PLUGIN.mdl', content: pluginSpec, mimeType: 'application/x-mdl' },
+      asset: { pluginId: meta.profile.key, path: 'PLUGIN.mdl', content: pluginSpec, mimeType: 'application/x-mdl' },
     }),
     Plugin.make,
   );

package/src/capabilities/agent-service.ts

@@ -28,7 +28,11 @@ const AgentServiceSpec = LayerSpec.make(
       Effect.gen(function* () {
         // Optional supervisor behaviour, contributed by a plugin that knows the agent/plan model.
         const strategies = yield* Capability.getAll(AutomationCapabilities.AgentDelegationStrategy);
-        return AgentService.layer({ delegationStrategy: strategies[0] });
+        const completionGuards = yield* Capability.getAll(AutomationCapabilities.AgentCompletionGuard);
+        return AgentService.layer({
+          delegationStrategy: strategies[0],
+          completionGuard: completionGuards[0],
+        });
       }),
     ),
 );

package/src/capabilities/app-graph-builder.ts

@@ -7,15 +7,7 @@ import { pipe } from 'effect/Function';
 import * as Option from 'effect/Option';
 
 import { Capability } from '@dxos/app-framework';
-import {
-  AppCapabilities,
-  AppNode,
-  LayoutOperation,
-  createTypeSectionExtension,
-  createTypeSectionPathResolver,
-  getActiveSpace,
-  getPersonalSpace,
-} from '@dxos/app-toolkit';
+import { AppCapabilities, AppNode, AppSpace, LayoutOperation, TypeSection } from '@dxos/app-toolkit';
 import { AgentPrompt, Chat } from '@dxos/assistant-toolkit';
 import { isSpace } from '@dxos/client/echo';
 import { Operation, Routine } from '@dxos/compute';
@@ -61,7 +53,7 @@ export default Capability.makeModule(
                   yield* Operation.invoke(AssistantOperation.UpdateChatName, { chat }, { spaceId: db.spaceId });
                 }),
               properties: {
-                label: ['chat-update-name.label', { ns: meta.id }],
+                label: ['chat-update-name.label', { ns: meta.profile.key }],
                 icon: 'ph--magic-wand--regular',
                 disposition: 'list-item',
               },
@@ -80,7 +72,7 @@ export default Capability.makeModule(
               data: Effect.fnUntraced(function* () {
                 const capabilities = yield* Capability.Service;
                 const client = yield* Capability.get(ClientCapabilities.Client);
-                const space = getActiveSpace(client, capabilities) ?? getPersonalSpace(client);
+                const space = AppSpace.getActiveSpace(client, capabilities) ?? AppSpace.getPersonalSpace(client);
                 if (!space) {
                   return;
                 }
@@ -100,7 +92,7 @@ export default Capability.makeModule(
                 yield* Database.flush();
               }),
               properties: {
-                label: ['import-compute-operations.label', { ns: meta.id }],
+                label: ['import-compute-operations.label', { ns: meta.profile.key }],
                 icon: 'ph--download-simple--regular',
               },
             }),
@@ -108,7 +100,7 @@ export default Capability.makeModule(
               id: AssistantOperation.ToggleTracePanelDebug.meta.key,
               data: () => Operation.invoke(AssistantOperation.ToggleTracePanelDebug, {}),
               properties: {
-                label: ['toggle-trace-panel-debug.label', { ns: meta.id }],
+                label: ['toggle-trace-panel-debug.label', { ns: meta.profile.key }],
                 icon: 'ph--brackets-curly--regular',
               },
             }),
@@ -139,7 +131,7 @@ export default Capability.makeModule(
             return [
               AppNode.makeCompanion({
                 id: linkedSegment(ASSISTANT_COMPANION_VARIANT),
-                label: ['assistant-chat.label', { ns: meta.id }],
+                label: ['assistant-chat.label', { ns: meta.profile.key }],
                 icon: 'ph--sparkle--regular',
                 data: chat,
                 position: 'first',
@@ -158,7 +150,7 @@ export default Capability.makeModule(
           Effect.succeed([
             AppNode.makeCompanion({
               id: 'invocations',
-              label: ['invocations.label', { ns: meta.id }],
+              label: ['invocations.label', { ns: meta.profile.key }],
               icon: 'ph--clock-countdown--regular',
               data: 'invocations',
             }),
@@ -172,16 +164,16 @@ export default Capability.makeModule(
           Effect.succeed([
             AppNode.makeDeckCompanion({
               id: linkedSegment('trace'),
-              label: ['trace.label', { ns: meta.id }],
+              label: ['trace.label', { ns: meta.profile.key }],
               icon: 'ph--line-segments--regular',
-              data: 'trace' as const,
+              data: 'trace',
               position: 'last',
             }),
           ]),
       }),
 
       // Section node: standalone Chat.Chat objects per space (companions are excluded).
-      createTypeSectionExtension(Chat.Chat, {
+      TypeSection.createTypeSectionExtension(Chat.Chat, {
         // Exclude chats that are the source of a CompanionTo relation; those belong to
         // their primary object's companion panel and should not appear in the top-level list.
         query: Query.without(
@@ -220,7 +212,7 @@ export default Capability.makeModule(
                   );
                 }),
               properties: {
-                label: ['create-chat.label', { ns: meta.id }],
+                label: ['create-chat.label', { ns: meta.profile.key }],
                 icon: 'ph--plus--regular',
                 disposition: 'list-item-primary',
               },
@@ -231,7 +223,10 @@ export default Capability.makeModule(
 
     return [
       Capability.contributes(AppCapabilities.AppGraphBuilder, extensions),
-      Capability.contributes(AppCapabilities.NavigationPathResolver, createTypeSectionPathResolver(Chat.Chat)),
+      Capability.contributes(
+        AppCapabilities.NavigationPathResolver,
+        TypeSection.createTypeSectionPathResolver(Chat.Chat),
+      ),
     ];
   }),
 );

package/src/capabilities/blueprint-definition.ts

@@ -27,6 +27,7 @@ import {
   DelegationBlueprint,
   DelegationHandlers,
   makeDelegationStrategy,
+  makePlanCompletionGuard,
 } from '@dxos/assistant-toolkit';
 import { AutomationCapabilities } from '@dxos/plugin-automation';
 
@@ -60,6 +61,7 @@ const blueprintDefinition: () => Effect.Effect<Capability.Capability<unknown>[]>
     // Run the conversational agent as a supervisor: delegate in-progress plan tasks to sub-agents
     // and fold their results back into the conversation (consumed by the AgentService LayerSpec).
     Capability.contributes(AutomationCapabilities.AgentDelegationStrategy, makeDelegationStrategy()),
+    Capability.contributes(AutomationCapabilities.AgentCompletionGuard, makePlanCompletionGuard()),
   ]);
 
 export default blueprintDefinition;

package/src/capabilities/index.ts

@@ -4,7 +4,6 @@
 
 import { Capability } from '@dxos/app-framework';
 import type { OperationHandlerSet } from '@dxos/compute';
-import { AutomationCapabilities } from '@dxos/plugin-automation';
 
 import type { AssistantPluginOptions } from '#types';
 
@@ -20,12 +19,7 @@ export const IntegrationProvider = Capability.lazy(
   () => import('./integration-provider'),
 );
 export const AppGraphBuilder = Capability.lazy('AppGraphBuilder', () => import('./app-graph-builder'));
-// Explicit annotation: the contributed capability type references `Template` from @dxos/plugin-automation,
-// so the inferred lazy type needs annotating to stay portable (TS2883).
-export const AutomationTemplates: Capability.LazyCapability<
-  void,
-  Capability.Capability<typeof AutomationCapabilities.Template>[]
-> = Capability.lazy('AutomationTemplates', () => import('./automation-templates'));
+export const AutomationTemplates = Capability.lazy('AutomationTemplates', () => import('./automation-templates'));
 export const BlueprintDefinition = Capability.lazy('BlueprintDefinition', () => import('./blueprint-definition'));
 export const CompanionChatProvisioner = Capability.lazy(
   'CompanionChatProvisioner',

package/src/capabilities/markdown-extension.ts

@@ -17,7 +17,11 @@ export default Capability.makeModule(
     const capabilities = yield* Capability.Service;
 
     return Capability.contributes(MarkdownCapabilities.ExtensionProvider, [
-      ({ document: doc }) => {
+      ({ document: doc, viewMode }) => {
+        if (viewMode === 'source') {
+          return undefined;
+        }
+
         if (!doc) {
           return undefined;
         }

package/src/capabilities/react-surface.tsx

@@ -15,6 +15,8 @@ import { Sequence } from '@dxos/conductor';
 import { InvocationTraceContainer } from '@dxos/devtools';
 import { Feed, Obj } from '@dxos/echo';
 import { log } from '@dxos/log';
+import { SpaceHomeContent, SpaceHomePinBottom } from '@dxos/plugin-space';
+import { Prompts } from '@dxos/plugin-space';
 import { Panel } from '@dxos/react-ui';
 
 import { AssistantSettings } from '#components';
@@ -28,6 +30,8 @@ import {
   PlanArticle,
   RoutineArticle,
   RoutineList,
+  SpaceHomePrompt,
+  SpaceHomeSuggestions,
   TracePanel,
   TriggerStatus,
 } from '#containers';
@@ -39,19 +43,30 @@ export default Capability.makeModule(() =>
     Capability.contributes(Capabilities.ReactSurface, [
       Surface.create({
         id: 'pluginSettings',
-        filter: AppSurface.settings(AppSurface.Article, meta.id),
+        filter: AppSurface.settings(AppSurface.Article, meta.profile.key),
         component: ({ data: { subject } }) => {
           const { settings, updateSettings } = useSettingsState<Assistant.Settings>(subject.atom);
           return <AssistantSettings settings={settings} onSettingsChange={updateSettings} />;
         },
       }),
+      Surface.create({
+        id: 'spaceHomePrompt',
+        filter: Surface.makeFilter(SpaceHomePinBottom),
+        component: ({ data }) => <SpaceHomePrompt space={data.space} />,
+      }),
+      Surface.create({
+        id: 'spaceHomeSuggestions',
+        filter: Surface.makeFilter(SpaceHomeContent),
+        position: 'last',
+        component: ({ data }) => <SpaceHomeSuggestions space={data.space} />,
+      }),
       Surface.create({
         id: 'chat',
-        role: 'article',
-        filter: (data): data is { attendableId: string; subject: Chat.Chat; variant: undefined } =>
-          typeof data.attendableId === 'string' &&
-          Obj.instanceOf(Chat.Chat, data.subject) &&
-          data.variant !== ASSISTANT_COMPANION_VARIANT,
+        filter: AppSurface.object(
+          AppSurface.Article,
+          Chat.Chat,
+          (data) => data.variant !== ASSISTANT_COMPANION_VARIANT,
+        ),
         component: ({ data, role, ref }) => {
           return <ChatArticle role={role} subject={data.subject} attendableId={data.attendableId} ref={ref} />;
         },
@@ -64,17 +79,17 @@ export default Capability.makeModule(() =>
         ),
       }),
       Surface.create({
-        id: 'agentProperties',
+        id: 'objectProperties',
         filter: AppSurface.object(AppSurface.ObjectProperties, Agent.Agent),
         component: ({ data }) => <AgentProperties subject={data.subject} />,
       }),
       Surface.create({
         id: 'companionChat',
-        role: 'article',
-        filter: (data): data is { subject: Chat.Chat | null; attendableId: string; companionTo: Obj.Unknown } =>
-          typeof data.attendableId === 'string' &&
-          Obj.isObject(data.companionTo) &&
-          (Obj.instanceOf(Chat.Chat, data.subject) || data.subject === null),
+        filter: Surface.makeFilter(
+          AppSurface.Article,
+          (data) =>
+            Obj.isObject(data.companionTo) && (Obj.instanceOf(Chat.Chat, data.subject) || data.subject === null),
+        ),
         component: ({ data: { subject, attendableId, companionTo }, role, ref }) => (
           <ChatCompanion
             role={role}
@@ -87,10 +102,13 @@ export default Capability.makeModule(() =>
       }),
       Surface.create({
         id: 'companionInvocations',
-        role: 'article',
-        filter: (data): data is { companionTo: Sequence.Sequence } =>
-          (Obj.instanceOf(Sequence.Sequence, data.companionTo) || Obj.instanceOf(Routine.Routine, data.companionTo)) &&
-          data.subject === 'invocations',
+        filter: AppSurface.allOf(
+          AppSurface.literal(AppSurface.Article, 'invocations'),
+          AppSurface.oneOf(
+            AppSurface.companion(AppSurface.Article, Sequence.Sequence),
+            AppSurface.companion(AppSurface.Article, Routine.Routine),
+          ),
+        ),
         component: ({ data, role }) => {
           const space = getSpace(data.companionTo);
           const feed = space?.properties.invocationTraceFeed?.target;
@@ -100,7 +118,7 @@ export default Capability.makeModule(() =>
 
           return (
             <Panel.Root role={role} className='dx-document'>
-              <Panel.Content asChild>
+              <Panel.Content>
                 <InvocationTraceContainer db={space?.db} feedDXN={feedDXN} target={target} detailAxis='block' />
               </Panel.Content>
             </Panel.Root>
@@ -135,7 +153,7 @@ export default Capability.makeModule(() =>
       }),
       Surface.create({
         id: 'trace',
-        filter: AppSurface.literal(Surface.makeType<{ subject: string }>('deck-companion--trace'), 'trace'),
+        filter: Surface.makeFilter(AppSurface.deckCompanion('trace')),
         component: () => {
           const space = useActiveSpace();
           useEffect(() => {
@@ -151,7 +169,7 @@ export default Capability.makeModule(() =>
       }),
       Surface.create({
         id: 'triggerStatus',
-        role: 'status-indicator',
+        filter: Surface.makeFilter(AppSurface.StatusIndicator),
         component: () => {
           const space = useActiveSpace();
           if (!space) {
@@ -163,10 +181,7 @@ export default Capability.makeModule(() =>
       }),
       Surface.create({
         id: 'prompts',
-        filter: AppSurface.subject(
-          Surface.makeType<{ subject: Obj.Any; attendableId: string }>('prompts'),
-          Obj.isObject,
-        ),
+        filter: AppSurface.subject(Prompts, Obj.isObject),
         component: ({ data }) => <RoutineList subject={data.subject} />,
       }),
     ]),

package/src/capabilities/settings.ts

@@ -14,7 +14,7 @@ import { Assistant, AssistantCapabilities } from '#types';
 export default Capability.makeModule(() =>
   Effect.sync(() => {
     const settingsAtom = createKvsStore({
-      key: meta.id,
+      key: meta.profile.key,
       schema: Assistant.Settings,
       defaultValue: () => ({}),
     });
@@ -22,7 +22,7 @@ export default Capability.makeModule(() =>
     return [
       Capability.contributes(AssistantCapabilities.Settings, settingsAtom),
       Capability.contributes(AppCapabilities.Settings, {
-        prefix: meta.id,
+        prefix: meta.profile.key,
         schema: Assistant.Settings,
         atom: settingsAtom,
       }),

package/src/capabilities/state.ts

@@ -17,7 +17,7 @@ export default Capability.makeModule(() =>
     // NOTE: This needs to be a chat object rather than a string id to avoid a query race.
     // TODO(wittjosiah): Handle serialization and hydration for this so it can be cached.
     const stateAtom = createKvsStore({
-      key: meta.id,
+      key: meta.profile.key,
       schema: AssistantCapabilities.StateSchema,
       defaultValue: () => ({
         currentChat: {},

package/src/components/AgentProperties/AgentProperties.tsx

@@ -21,7 +21,7 @@ export type AgentPropertiesProps = {
 };
 
 export const AgentProperties = ({ agent }: AgentPropertiesProps) => {
-  const { t } = useTranslation(meta.id);
+  const { t } = useTranslation(meta.profile.key);
   const db = Obj.getDatabase(agent);
 
   // Build a filter matching objects of any schema annotated as a feed.

package/src/components/AssistantSettings/AssistantSettings.tsx

@@ -15,7 +15,7 @@ import { Assistant } from '#types';
 export type AssistantSettingsProps = AppSurface.SettingsArticleProps<Assistant.Settings>;
 
 export const AssistantSettings = ({ settings, onSettingsChange }: AssistantSettingsProps) => {
-  const { t } = useTranslation(meta.id);
+  const { t } = useTranslation(meta.profile.key);
   const fieldMap = useMemo(
     () => ({
       modelDefaults: {
@@ -29,7 +29,7 @@ export const AssistantSettings = ({ settings, onSettingsChange }: AssistantSetti
 
   return (
     <SettingsForm.Viewport>
-      <SettingsForm.Section title={t('settings.title', { ns: meta.id })}>
+      <SettingsForm.Section title={t('settings.title', { ns: meta.profile.key })}>
         <SettingsForm.FieldSet<Assistant.Settings>
           readonly={!onSettingsChange}
           schema={Assistant.Settings}

package/src/components/Chat/Chat.stories.tsx

@@ -0,0 +1,94 @@
+//
+// Copyright 2026 DXOS.org
+//
+
+import { type Meta, type StoryObj } from '@storybook/react-vite';
+import React, { useState } from 'react';
+
+import { Button, Toast, useTranslation } from '@dxos/react-ui';
+import { withLayout, withTheme } from '@dxos/react-ui/testing';
+
+import { meta as pluginMeta } from '#meta';
+import { translations } from '#translations';
+
+import { AiUsageQuotaError, parseError } from '../../processor';
+
+type FailureToastProps = {
+  /**
+   * Raw failure exactly as it reaches {@link parseError}. The agent runs in a separate process and its
+   * failure cause is rendered to a string before it returns, so production typically surfaces a string
+   * here (not a typed error); the scenarios below mirror that.
+   */
+  rawError: unknown;
+};
+
+/**
+ * Renders the failure toast that `Chat.Thread` shows when a request fails: the title comes from the
+ * `ai-service-error.label` translation and the description is the message produced by {@link parseError}.
+ * Driving the real {@link parseError} keeps the displayed text identical to production for each failure
+ * class. The toast is held open (controlled) so it can be reviewed; production auto-dismisses after 20s.
+ */
+const FailureToast = ({ rawError }: FailureToastProps) => {
+  const { t } = useTranslation(pluginMeta.profile.key);
+  const [open, setOpen] = useState(true);
+  const error = parseError(rawError);
+  const action = error instanceof AiUsageQuotaError ? error.action : undefined;
+
+  return (
+    <Toast.Provider>
+      <Toast.Viewport />
+      {/* Long, 32-bit-safe duration keeps the toast up for review; larger values overflow setTimeout and fire immediately. */}
+      <Toast.Root type='foreground' open={open} duration={24 * 60 * 60 * 1000} onOpenChange={setOpen}>
+        <Toast.Title icon='ph--warning--regular' onClose={() => setOpen(false)}>
+          {t('ai-service-error.label')}
+        </Toast.Title>
+        <Toast.Description>{error.message}</Toast.Description>
+        {action && (
+          <Toast.Actions>
+            <Toast.Action altText={t(action.labelKey)} asChild>
+              <Button onClick={() => setOpen(false)}>{t(action.labelKey)}</Button>
+            </Toast.Action>
+          </Toast.Actions>
+        )}
+      </Toast.Root>
+    </Toast.Provider>
+  );
+};
+
+const meta = {
+  title: 'plugins/plugin-assistant/components/Chat',
+  render: FailureToast,
+  decorators: [withTheme(), withLayout({ layout: 'fullscreen' })],
+  parameters: { translations },
+} satisfies Meta<typeof FailureToast>;
+
+export default meta;
+
+type Story = StoryObj<typeof meta>;
+
+/**
+ * The over-quota (HTTP 429) failure — the case this story exists for. EDGE rejects the request and
+ * `@effect/ai` surfaces an `HttpResponseError` whose message embeds the 429 status; the agent process
+ * stringifies it before it reaches the chat. Previously this fell through to "An unexpected error
+ * occurred."; it is now mapped to the actionable usage-limit message.
+ */
+export const QuotaExceeded: Story = {
+  args: {
+    rawError:
+      'HttpResponseError: StatusCode: An HTTP response error occurred. (429 POST https://edge.dxos.workers.dev/ai/v1/messages)\nResponse Body: {"error":{"message":"You have exceeded your usage quota."}}',
+  },
+};
+
+/** A configured model that the service does not recognize — the model name is surfaced to the user. */
+export const ModelUnavailable: Story = {
+  args: {
+    rawError: "UnknownError: ChatCompletionsClient.streamText: model 'gemma3:27b' not found",
+  },
+};
+
+/** Any unrecognized failure falls back to a generic message rather than leaking implementation detail. */
+export const UnexpectedError: Story = {
+  args: {
+    rawError: 'something unexpected blew up',
+  },
+};

package/src/components/Chat/Chat.tsx

@@ -9,17 +9,19 @@ import React, { type PropsWithChildren, useCallback, useEffect, useMemo, useRef,
 
 import { Agent, Plan } from '@dxos/assistant-toolkit';
 import { Event } from '@dxos/async';
+import { getSpace } from '@dxos/client/echo';
 import { type Database, type Feed, Filter, Obj, Query } from '@dxos/echo';
 import { useQuery } from '@dxos/react-client/echo';
 import { useIdentity } from '@dxos/react-client/halo';
-import { Toast, composable, composableProps, useTranslation } from '@dxos/react-ui';
+import { Button, Toast, composable, composableProps, useTranslation } from '@dxos/react-ui';
 import { type MarkdownStreamController } from '@dxos/react-ui-markdown';
 import { Menu, MenuRootProps } from '@dxos/react-ui-menu';
 import { Message } from '@dxos/types';
 
-import { useChatKeymapExtensions, useChatToolbarActions, useDebug } from '#hooks';
+import { useChatKeymapExtensions, useChatToolbarActions, useDebug, useTraceMessages } from '#hooks';
 import { meta } from '#meta';
 
+import { AiUsageQuotaError } from '../../processor';
 import {
   ChatStatus,
   ChatPrompt as NaturalChatPrompt,
@@ -212,15 +214,20 @@ ChatContent.displayName = CHAT_CONTENT_NAME;
 
 const CHAT_THREAD_NAME = 'Chat.Thread';
 
-type ChatThreadProps = Omit<NaturalChatThreadProps, 'identity' | 'messages' | 'tools'>;
+type ChatThreadProps = Omit<NaturalChatThreadProps, 'identity' | 'messages' | 'tools'> & {
+  /** Invoked from the over-quota error toast to open the usage dashboard. */
+  onViewUsage?: () => void;
+};
 
-const ChatThread = ({ viewType, debug: debugProp, ...props }: ChatThreadProps) => {
-  const { t } = useTranslation(meta.id);
+const ChatThread = ({ viewType, debug: debugProp, onViewUsage, ...props }: ChatThreadProps) => {
+  const { t } = useTranslation(meta.profile.key);
   const { debug, event, messages, processor } = useChatContext(CHAT_THREAD_NAME);
   const extensions = useChatKeymapExtensions({ event });
   const identity = useIdentity();
   const error = useAtomValue(processor.error).pipe(Option.getOrUndefined);
   const [toastError, setToastError] = useState<Error | undefined>(undefined);
+  // The toast renders whatever action the error declares (data-driven) rather than branching on type.
+  const toastAction = toastError instanceof AiUsageQuotaError ? toastError.action : undefined;
   const debugView = viewType === 'debug';
 
   const controllerRef = useRef<MarkdownStreamController | null>(null);
@@ -279,6 +286,20 @@ const ChatThread = ({ viewType, debug: debugProp, ...props }: ChatThreadProps) =
           {t('ai-service-error.label')}
         </Toast.Title>
         <Toast.Description>{toastError?.message}</Toast.Description>
+        {toastAction && onViewUsage && (
+          <Toast.Actions>
+            <Toast.Action altText={t(toastAction.labelKey)} asChild>
+              <Button
+                onClick={() => {
+                  setToastError(undefined);
+                  onViewUsage();
+                }}
+              >
+                {t(toastAction.labelKey)}
+              </Button>
+            </Toast.Action>
+          </Toast.Actions>
+        )}
       </Toast.Root>
     </>
   );
@@ -316,11 +337,23 @@ const ChatTaskList = composable<HTMLDivElement, ChatTaskListProps>(({ plan: plan
   const parent = chat ? Obj.getParent(chat) : undefined;
   const agent = parent && Obj.instanceOf(Agent.Agent, parent) ? parent : undefined;
   const plan = planProp ?? agent?.plan.target;
+  const space = chat ? getSpace(chat) : undefined;
+  const traceMessages = useTraceMessages(space);
+  const conversationId = chat?.feed?.target?.id;
   if (!plan) {
     return null;
   }
 
-  return <TaskList {...props} plan={plan} ref={forwardedRef} />;
+  return (
+    <TaskList
+      {...props}
+      plan={plan}
+      space={space}
+      traceMessages={traceMessages}
+      conversationId={conversationId}
+      ref={forwardedRef}
+    />
+  );
 });
 
 ChatTaskList.displayName = CHAT_TASK_LIST_NAME;

package/src/components/ChatPrompt/ChatActions.tsx

@@ -30,7 +30,7 @@ export const ChatActions = ({
   debug,
   onEvent,
 }: ChatActionsProps) => {
-  const { t } = useTranslation(meta.id);
+  const { t } = useTranslation(meta.profile.key);
 
   return (
     <div className={mx('flex items-center', classNames)}>
@@ -68,7 +68,9 @@ export const ChatActions = ({
         icon='ph--x--regular'
         iconOnly
         label={t('cancel-processing.button')}
-        onClick={() => onEvent?.({ type: 'cancel' })}
+        onClick={() => {
+          onEvent?.({ type: 'cancel' });
+        }}
       />
     </div>
   );

package/src/components/ChatPrompt/ChatMcpErrors.tsx

@@ -20,7 +20,7 @@ export type ChatMcpErrorsProps = ThemedClassName<{
  * The chat itself keeps working without these servers — this just lets the user see what was dropped.
  */
 export const ChatMcpErrors = ({ classNames, processor }: ChatMcpErrorsProps) => {
-  const { t } = useTranslation(meta.id);
+  const { t } = useTranslation(meta.profile.key);
   const errors = useAtomValue(processor.mcpErrors);
 
   const handleDismiss = useCallback(() => {