@steerable/agent-shell-web 0.6.28 → 0.6.29

package/src/components/chat/ExecutedActionsCard.tsx

@@ -1,9 +1,32 @@
 import type { ReactNode } from 'react';
-import { LuCircleCheck, LuCircleX } from 'react-icons/lu';
+import { LuCircleCheck, LuCircleX, LuListTodo } from 'react-icons/lu';
 import { ToolExecutionCard } from '@steerable/agent-ui/cards';
 import type { ToolExecutionPayload } from '@steerable/agent-protocol';
+import type { LocalChatAgent } from '@/lib/local-api';
 import { UnifiedDiff } from './UnifiedDiff';
-import { summarizeRunCodeAction, summarizeWebAction, expandRunCodeActions } from './executed-actions-model';
+import {
+  summarizeRunCodeAction,
+  summarizeWebAction,
+  expandRunCodeActions,
+  parseDelegateSubagent,
+  summarizeDelegateSubagent,
+  delegateSubagentDisplayName,
+  parseTaskRun,
+  parseTaskToolOutput,
+  parseToolEnvelope,
+  humanizeDelegateError,
+  summarizeTaskAction,
+  taskToolLabel,
+  isTaskFamilyTool,
+  inspectableTaskFromAction,
+  shortTaskId,
+  type InspectTaskInput,
+} from './executed-actions-model';
+import {
+  findAgentForProfile,
+  matchChildForDelegation,
+  type ChildInfo,
+} from './orchestration-children-model';
 
 /**
  * ExecutedActionsCard — visual surface for the `executed_actions` SSE event
@@ -44,15 +67,24 @@ interface ExecutedActionsCardProps {
   compact?: boolean;
   /** Show args/output instead of a one-line summary. Defaults to collapsed. */
   defaultExpanded?: boolean;
+  /** Used to map `delegate_subagent` 画像名 to the agent's display name + color. */
+  agents?: ReadonlyArray<Pick<LocalChatAgent, 'id' | 'slug' | 'name' | 'color'>>;
+  chatId?: string | null;
+  onInspectTask?: (task: InspectTaskInput) => void;
+  /**
+   * 本回合的子代理生命周期。委派行据此找到子代理自己的 record，点一下就能
+   * 在右侧看它的推理过程。
+   */
+  orchestrationChildren?: ChildInfo[];
 }
 
 function deriveStatus(action: ExecutedAction): ToolExecutionPayload['status'] {
   const result = action.result;
   if (result === undefined || result === null) return 'running';
+  const env = parseToolEnvelope(result);
+  if (env.success === false || env.error) return 'failed';
+  if (env.success === true) return 'succeeded';
   if (typeof result !== 'object') return 'succeeded';
-  if ('success' in result) {
-    return (result as { success?: unknown }).success ? 'succeeded' : 'failed';
-  }
   if ('error' in result) return 'failed';
   return 'succeeded';
 }
@@ -85,15 +117,22 @@ function sandboxBadge(sandbox: ExecutedAction['sandbox']): string | null {
 
 function actionToTool(action: ExecutedAction, idx: number): ToolExecutionPayload {
   const status = deriveStatus(action);
+  const env = parseToolEnvelope(action.result);
   const errorText =
-    status === 'failed' && action.result && typeof action.result === 'object'
-      ? typeof (action.result as { error?: unknown }).error === 'string'
-        ? ((action.result as { error: string }).error)
-        : null
+    status === 'failed'
+      ? action.tool === 'delegate_subagent'
+        ? humanizeDelegateError(env.error)
+        : env.error
       : null;
   // W5-2: web_search/web_fetch 用结构化中文摘要（查询词/URL + 结果计数/
   // 状态码），其余工具走通用参数摘要。
   const summary =
+    (action.tool === 'delegate_subagent'
+      ? summarizeDelegateSubagent(action.arguments)
+      : null) ??
+    (isTaskFamilyTool(action.tool)
+      ? summarizeTaskAction(action.tool, action.arguments, action.result)
+      : null) ??
     summarizeRunCodeAction(action.tool, action.arguments, action.result) ??
     summarizeWebAction(action.tool, action.arguments, action.result) ??
     summarizeArguments(action.arguments);
@@ -146,14 +185,312 @@ function renderActionOutput(output: unknown): ReactNode {
   );
 }
 
+const BUILTIN_DELEGATE_COLORS: Record<string, string> = {
+  explore: '#0ea5e9',
+  research: '#2563eb',
+  coder: '#16a34a',
+  'general-purpose': '#7c3aed',
+};
+
+function delegateColor(
+  profile: string | null,
+  agents: ReadonlyArray<Pick<LocalChatAgent, 'id' | 'slug' | 'name' | 'color'>>,
+): string {
+  if (profile) {
+    const agent = findAgentForProfile(profile, agents);
+    if (agent?.color) return agent.color;
+    if (BUILTIN_DELEGATE_COLORS[profile]) return BUILTIN_DELEGATE_COLORS[profile];
+  }
+  return '#7c3aed';
+}
+
+function DelegateLead({
+  name,
+  color,
+}: {
+  name: string;
+  color: string;
+}) {
+  return (
+    <span
+      data-agent-color-dot=""
+      className="inline-flex h-3.5 w-3.5 shrink-0 items-center justify-center rounded-full text-[8px] font-semibold text-white"
+      style={{ backgroundColor: color }}
+      aria-hidden
+    >
+      {name.trim()[0]?.toUpperCase() ?? 'A'}
+    </span>
+  );
+}
+
+function renderDelegateArgs(
+  args: unknown,
+  agents: ReadonlyArray<Pick<LocalChatAgent, 'id' | 'slug' | 'name' | 'color'>>,
+): ReactNode {
+  const { profile, task } = parseDelegateSubagent(args);
+  if (!profile && !task) {
+    return (
+      <pre className="whitespace-pre-wrap break-words rounded bg-agent-muted/40 px-2 py-1.5 text-[11px] text-agent-foreground">
+        {typeof args === 'string' ? args : JSON.stringify(args, null, 2)}
+      </pre>
+    );
+  }
+  // 自建智能体没有 slug 时画像名是 `agent-<id 片段>`，对用户无意义——出中文名。
+  const displayName = delegateSubagentDisplayName(profile, agents);
+  return (
+    <div className="space-y-1.5 text-[11px] text-agent-foreground">
+      {profile ? (
+        <section>
+          <div className="mb-0.5 text-[10px] uppercase tracking-wider text-agent-muted-foreground">
+            子代理
+          </div>
+          <div className="text-[11px]">{displayName}</div>
+        </section>
+      ) : null}
+      {task ? (
+        <section>
+          <div className="mb-0.5 text-[10px] uppercase tracking-wider text-agent-muted-foreground">
+            任务
+          </div>
+          <pre className="whitespace-pre-wrap break-words rounded bg-agent-muted/40 px-2 py-1.5">
+            {task}
+          </pre>
+        </section>
+      ) : null}
+    </div>
+  );
+}
+
+function renderDelegateOutput(output: unknown): ReactNode {
+  const env = parseToolEnvelope(output);
+  if (env.message) {
+    return (
+      <div className="space-y-1.5">
+        {kvBlock(
+          '回报',
+          <pre className="whitespace-pre-wrap break-words rounded bg-agent-muted/40 px-2 py-1.5">
+            {env.message}
+          </pre>,
+        )}
+      </div>
+    );
+  }
+  if (env.error || env.success === false) {
+    return <div className="text-[11px] text-agent-muted-foreground">没有文字回报</div>;
+  }
+  return renderActionOutput(output);
+}
+
+function TaskLead() {
+  return (
+    <span
+      data-task-lead=""
+      className="inline-flex h-3.5 w-3.5 shrink-0 items-center justify-center rounded bg-amber-100/80 text-amber-700 dark:bg-amber-900/40 dark:text-amber-300"
+      aria-hidden
+    >
+      <LuListTodo className="h-2.5 w-2.5" />
+    </span>
+  );
+}
+
+const TASK_STATUS_ZH: Record<string, string> = {
+  running: '已启动',
+  blocked: '等待依赖',
+  completed: '已完成',
+  failed: '失败',
+};
+
+function kvBlock(label: string, value: ReactNode): ReactNode {
+  return (
+    <section>
+      <div className="mb-0.5 text-[10px] uppercase tracking-wider text-agent-muted-foreground">
+        {label}
+      </div>
+      <div className="text-[11px] text-agent-foreground">{value}</div>
+    </section>
+  );
+}
+
+function renderTaskArgs(tool: string, args: unknown): ReactNode {
+  if (tool === 'task_run') {
+    const parsed = parseTaskRun(args);
+    if (!parsed.task && parsed.dependsOn.length === 0 && !parsed.worktree) {
+      return renderActionOutput(args);
+    }
+    return (
+      <div className="space-y-1.5">
+        {parsed.task
+          ? kvBlock(
+              '任务',
+              <pre className="whitespace-pre-wrap break-words rounded bg-agent-muted/40 px-2 py-1.5">
+                {parsed.task}
+              </pre>,
+            )
+          : null}
+        {parsed.dependsOn.length > 0
+          ? kvBlock('依赖', parsed.dependsOn.map(shortTaskId).join('、'))
+          : null}
+        {parsed.worktree
+          ? kvBlock('工作区', parsed.worktreeName ? `隔离 · ${parsed.worktreeName}` : '隔离')
+          : null}
+      </div>
+    );
+  }
+  const obj = args && typeof args === 'object' ? (args as Record<string, unknown>) : null;
+  const taskId = typeof obj?.taskId === 'string' ? obj.taskId : null;
+  const message = typeof obj?.message === 'string' ? obj.message : null;
+  if (!taskId && !message) return renderActionOutput(args);
+  return (
+    <div className="space-y-1.5">
+      {taskId ? kvBlock('编号', <span className="font-mono">{shortTaskId(taskId)}</span>) : null}
+      {message
+        ? kvBlock(
+            '消息',
+            <pre className="whitespace-pre-wrap break-words rounded bg-agent-muted/40 px-2 py-1.5">
+              {message}
+            </pre>,
+          )
+        : null}
+    </div>
+  );
+}
+
+function renderTaskOutput(output: unknown): ReactNode {
+  const parsed = parseTaskToolOutput(output);
+  if (parsed.items.length === 0 && !parsed.hint) {
+    return renderActionOutput(output);
+  }
+  return (
+    <div className="space-y-2">
+      {parsed.items.map((item, index) => (
+        <div key={item.taskId ?? `task-${index}`} className="space-y-1.5">
+          {item.taskId
+            ? kvBlock('编号', <span className="font-mono">{shortTaskId(item.taskId)}</span>)
+            : null}
+          {item.status ? kvBlock('状态', TASK_STATUS_ZH[item.status] ?? item.status) : null}
+          {item.task
+            ? kvBlock(
+                '任务',
+                <pre className="whitespace-pre-wrap break-words rounded bg-agent-muted/40 px-2 py-1.5">
+                  {item.task}
+                </pre>,
+              )
+            : null}
+          {item.worktreeLabel ? kvBlock('工作区', item.worktreeLabel) : null}
+          {item.hint ? kvBlock('说明', item.hint) : null}
+          {item.answer
+            ? kvBlock(
+                '结果',
+                <pre className="whitespace-pre-wrap break-words rounded bg-agent-muted/40 px-2 py-1.5">
+                  {item.answer}
+                </pre>,
+              )
+            : null}
+          {item.error ? kvBlock('原因', item.error) : null}
+        </div>
+      ))}
+      {parsed.hint && parsed.items.every((item) => item.hint !== parsed.hint)
+        ? kvBlock('说明', parsed.hint)
+        : null}
+    </div>
+  );
+}
+
+function toolCardExtras(
+  action: ExecutedAction,
+  agents: ReadonlyArray<Pick<LocalChatAgent, 'id' | 'slug' | 'name' | 'color'>>,
+): {
+  label?: string;
+  lead?: ReactNode;
+  renderArgs?: (args: unknown) => ReactNode;
+  renderOutput?: (output: unknown) => ReactNode;
+} {
+  if (action.tool === 'delegate_subagent') {
+    const { profile } = parseDelegateSubagent(action.arguments);
+    const displayName = delegateSubagentDisplayName(profile, agents);
+    return {
+      label: `委派 · ${displayName}`,
+      lead: <DelegateLead name={displayName} color={delegateColor(profile, agents)} />,
+      renderArgs: (args) => renderDelegateArgs(args, agents),
+      renderOutput: renderDelegateOutput,
+    };
+  }
+  if (isTaskFamilyTool(action.tool)) {
+    return {
+      label: taskToolLabel(action.tool, action.arguments) ?? undefined,
+      lead: <TaskLead />,
+      renderArgs: (args) => renderTaskArgs(action.tool, args),
+      renderOutput: renderTaskOutput,
+    };
+  }
+  return { renderOutput: renderActionOutput };
+}
+
+function inspectActivate(
+  action: ExecutedAction,
+  chatId: string | null | undefined,
+  onInspectTask?: (task: InspectTaskInput) => void,
+  child?: ChildInfo,
+): { onActivate?: () => void; activateTitle?: string } {
+  if (!chatId || !onInspectTask) return {};
+  if (action.tool === 'delegate_subagent') {
+    if (!child?.recordId) return {};
+    const { task } = parseDelegateSubagent(action.arguments);
+    return {
+      onActivate: () =>
+        onInspectTask({
+          id: child.childId,
+          chatId,
+          recordId: child.recordId,
+          live: child.status === 'running',
+          title: task ?? '子代理任务',
+        }),
+      activateTitle: '查看子代理执行过程',
+    };
+  }
+  const target = inspectableTaskFromAction(action.tool, action.arguments, action.result);
+  if (!target) return {};
+  return {
+    onActivate: () => onInspectTask({ id: target.id, chatId, title: target.title }),
+    activateTitle: '查看后台执行过程',
+  };
+}
+
+/** 逐行配对委派与子代理：同画像多份活时按出现顺序对上。 */
+function delegationChildren(
+  actions: readonly ExecutedAction[],
+  children: readonly ChildInfo[],
+): Map<number, ChildInfo> {
+  const paired = new Map<number, ChildInfo>();
+  if (children.length === 0) return paired;
+  const taken = new Set<string>();
+  actions.forEach((action, index) => {
+    if (action.tool !== 'delegate_subagent') return;
+    const match = matchChildForDelegation(
+      parseDelegateSubagent(action.arguments),
+      children,
+      taken,
+    );
+    if (!match) return;
+    taken.add(match.childId);
+    paired.set(index, match);
+  });
+  return paired;
+}
+
 /** Inline tool rows for a mixed think→act timeline (no summary banner). */
 export function ToolsFlow({
   actions,
   compact = false,
   defaultExpanded = false,
+  agents = [],
+  chatId = null,
+  onInspectTask,
+  orchestrationChildren = [],
 }: ExecutedActionsCardProps) {
   if (!actions || actions.length === 0) return null;
   const expanded = expandRunCodeActions(actions);
+  const childByIndex = delegationChildren(expanded, orchestrationChildren);
   return (
     <div
       className={
@@ -163,24 +500,40 @@ export function ToolsFlow({
       }
     >
       <div className="space-y-px">
-        {expanded.map((action, i) => (
-          <ToolExecutionCard
-            key={action.id ?? `${action.tool}-${i}`}
-            payload={actionToTool(action, i)}
-            defaultExpanded={defaultExpanded}
-            renderOutput={renderActionOutput}
-            className="rounded-none border-0 border-t border-agent-border first:border-t-0"
-          />
-        ))}
+        {expanded.map((action, i) => {
+          const extras = toolCardExtras(action, agents);
+          const inspect = inspectActivate(action, chatId, onInspectTask, childByIndex.get(i));
+          return (
+            <ToolExecutionCard
+              key={action.id ?? `${action.tool}-${i}`}
+              payload={actionToTool(action, i)}
+              defaultExpanded={defaultExpanded}
+              label={extras.label}
+              lead={extras.lead}
+              renderArgs={extras.renderArgs}
+              renderOutput={extras.renderOutput ?? renderActionOutput}
+              onActivate={inspect.onActivate}
+              activateTitle={inspect.activateTitle}
+              className="rounded-none border-0 border-t border-agent-border first:border-t-0"
+            />
+          );
+        })}
       </div>
     </div>
   );
 }
 
-export function ExecutedActionsCard({ actions }: ExecutedActionsCardProps) {
+export function ExecutedActionsCard({
+  actions,
+  agents = [],
+  chatId = null,
+  onInspectTask,
+  orchestrationChildren = [],
+}: ExecutedActionsCardProps) {
   if (!actions || actions.length === 0) return null;
 
   const expanded = expandRunCodeActions(actions);
+  const childByIndex = delegationChildren(expanded, orchestrationChildren);
   const successCount = expanded.filter((a) => deriveStatus(a) === 'succeeded').length;
   const failureCount = expanded.filter((a) => deriveStatus(a) === 'failed').length;
   const runningCount = expanded.filter((a) => deriveStatus(a) === 'running').length;
@@ -207,14 +560,23 @@ export function ExecutedActionsCard({ actions }: ExecutedActionsCardProps) {
         </span>
       </div>
       <div className="space-y-px">
-        {expanded.map((action, i) => (
-          <ToolExecutionCard
-            key={action.id ?? `${action.tool}-${i}`}
-            payload={actionToTool(action, i)}
-            renderOutput={renderActionOutput}
-            className="rounded-none border-0 border-t border-agent-border first:border-t-0"
-          />
-        ))}
+        {expanded.map((action, i) => {
+          const extras = toolCardExtras(action, agents);
+          const inspect = inspectActivate(action, chatId, onInspectTask, childByIndex.get(i));
+          return (
+            <ToolExecutionCard
+              key={action.id ?? `${action.tool}-${i}`}
+              payload={actionToTool(action, i)}
+              label={extras.label}
+              lead={extras.lead}
+              renderArgs={extras.renderArgs}
+              renderOutput={extras.renderOutput ?? renderActionOutput}
+              onActivate={inspect.onActivate}
+              activateTitle={inspect.activateTitle}
+              className="rounded-none border-0 border-t border-agent-border first:border-t-0"
+            />
+          );
+        })}
       </div>
     </div>
   );

package/src/components/chat/LocalChatPanel.tsx

@@ -13,6 +13,7 @@ import {
 import { EmptyChat } from './EmptyChat';
 import { MessageList } from './MessageList';
 import type { ExecutedAction } from './ExecutedActionsCard';
+import type { InspectTaskInput } from './executed-actions-model';
 import type { ChildInfo } from './OrchestrationChildrenCard';
 import type { TurnBlock } from './turn-timeline';
 import type { TurnFile } from './turn-files';
@@ -146,7 +147,7 @@ export interface LocalChatPanelProps {
   /** 本次挂载期间跑完的后台任务——消息列尾部的终态通知卡。 */
   finishedTasks?: LocalTask[];
   /** 终态卡「查看过程」：在右侧栏打开该任务的推理过程。 */
-  onInspectTask?: (task: LocalTask) => void;
+  onInspectTask?: (task: InspectTaskInput) => void;
   /** 终态卡「忽略」（本次挂载内隐藏，不落库）。 */
   onDismissFinishedTask?: (taskId: string) => void;
   /** 分享当前对话（截图）。落到最近一条助手消息的时间戳行。 */
@@ -232,7 +233,8 @@ export function LocalChatPanel({
     // 把上传的文件持久化到会话空间：成功项用落盘路径（稳定、可被 agent
     // 读回），失败项退回原源路径。落地页（无 chatId）由调用方创建会话后
     // 自行持久化，这里 chatId 为空时原样用源路径。
-    const resolvedFiles = chatId ? await saveChatAttachments(chatId, files) : files;
+    const resolvedFiles =
+      chatId && files.length > 0 ? await saveChatAttachments(chatId, files) : files;
 
     // Append file references to the user message content
     if (resolvedFiles.length > 0) {
@@ -310,15 +312,8 @@ export function LocalChatPanel({
     ],
   );
 
-  const sessionTodoBanner = sessionTodos ? (
-    <div className="px-2.5">
-      <SessionTodoList todos={sessionTodos} />
-    </div>
-  ) : null;
-
   // Sync `chat-input-box-width` CSS var so bubbles match the input width
-  // (cloud product uses 95% of the input box; we mirror that here so message
-  // bubbles + input visually align in a column).
+  // (mirrors the rendered input box width so message bubbles + input visually align in a column).
   const containerRef = useRef<HTMLDivElement>(null);
   useEffect(() => {
     const containerEl = containerRef.current;
@@ -331,7 +326,7 @@ export function LocalChatPanel({
       if (width > 0) {
         containerEl.style.setProperty(
           '--chat-input-box-width',
-          `${Math.round(width * 0.95)}px`,
+          `${Math.round(width)}px`,
         );
       }
     };
@@ -370,6 +365,7 @@ export function LocalChatPanel({
       onOpenSettings={onOpenSettings}
       toolbarExtras={inputToolbarExtras}
       leadingChrome={inputLeadingChrome}
+      trailingChrome={sessionTodos ? <SessionTodoList todos={sessionTodos} /> : undefined}
       mode={mode}
       onModeChange={onModeChange}
       execPolicy={execPolicy}
@@ -388,7 +384,7 @@ export function LocalChatPanel({
       <ChatPanel.Root className="flex h-full flex-col overflow-hidden" unstyled>
         {showEmptyHero ? (
           <div className="flex min-h-0 flex-1 items-center justify-center p-3 sm:p-5">
-            <div className="flex w-full max-w-2xl flex-col items-center gap-4">
+            <div className="flex w-full max-w-3xl flex-col items-center gap-4">
               <div className="text-center">
                 <h1 className="text-xl font-semibold tracking-tight text-agent-foreground">
                   {emptyHero?.title}
@@ -401,7 +397,6 @@ export function LocalChatPanel({
               </div>
               <div className="w-full">
                 {inputBanner}
-                {sessionTodoBanner}
                 {chatInputNode}
               </div>
             </div>
@@ -448,9 +443,10 @@ export function LocalChatPanel({
                 suggestedReplies={suggestedReplies}
                 onSelectSuggestion={onSelectSuggestion}
               />
-              {inputBanner}
-              {sessionTodoBanner}
-              {chatInputNode}
+              <div className="mx-auto w-full max-w-3xl">
+                {inputBanner}
+                {chatInputNode}
+              </div>
             </div>
           </>
         )}

package/src/components/chat/MessageList.tsx

@@ -15,6 +15,7 @@ import { InterruptedTurnCard } from './InterruptedTurnCard';
 import { TaskOutcomeCards } from './TaskOutcomeCards';
 import { SuggestedReplies } from './SuggestedReplies';
 import type { ExecutedAction } from './ExecutedActionsCard';
+import type { InspectTaskInput } from './executed-actions-model';
 import type { ChildInfo } from './OrchestrationChildrenCard';
 import type { ChatMode } from './ChatInput';
 import type { TurnBlock } from './turn-timeline';
@@ -134,7 +135,7 @@ interface MessageListProps {
    */
   finishedTasks?: LocalTask[];
   /** 点「查看过程」：在右侧栏打开该任务的推理过程。 */
-  onInspectTask?: (task: LocalTask) => void;
+  onInspectTask?: (task: InspectTaskInput) => void;
   /** 点「忽略」：隐藏这条终态通知（本次挂载内，不落库）。 */
   onDismissFinishedTask?: (taskId: string) => void;
   /** 分享当前对话（截图）。只画在最近一条助手消息的时间戳行上。 */
@@ -248,12 +249,12 @@ export function MessageList({
     <div className="relative flex-1 overflow-hidden">
       <div
         ref={containerRef}
-        className="h-full overflow-y-auto overflow-anchor-none px-2.5 py-2"
+        className="h-full overflow-y-auto overflow-anchor-none px-3 pt-3 pb-6"
       >
         {visibleMessages.length === 0 ? (
           emptyState ?? null
         ) : (
-          <div className="mx-auto w-full space-y-1">
+          <div className="mx-auto w-full max-w-3xl space-y-4">
             {visibleMessages.map((message, index) => {
               const isLast = index === visibleMessages.length - 1;
               if (message.role === 'user') {
@@ -306,10 +307,12 @@ export function MessageList({
                 typeof message.messageMetadata === 'string'
                   ? message.messageMetadata
                   : undefined;
+              let previousUser: ChatMessage | undefined;
               let previousUserCreatedAt: string | undefined;
               for (let i = index - 1; i >= 0; i -= 1) {
                 if (visibleMessages[i].role === 'user') {
-                  previousUserCreatedAt = visibleMessages[i].createdAt;
+                  previousUser = visibleMessages[i];
+                  previousUserCreatedAt = previousUser.createdAt;
                   break;
                 }
               }
@@ -336,6 +339,7 @@ export function MessageList({
                     executedActions={actions}
                     timeline={turnTimeline}
                     orchestrationChildren={childList}
+                    previousUser={previousUser}
                     currentRound={isStreamingTail ? currentRound : undefined}
                     isPlanMode={isPlanMode}
                     onRegenerate={onRegenerate}
@@ -344,6 +348,7 @@ export function MessageList({
                     llmSpeed={llmSpeed}
                     turnFiles={turnFiles}
                     onShare={message.id === lastAssistantId ? onShare : undefined}
+                    onInspectTask={onInspectTask}
                   />
                   {!isStreaming &&
                   message.id === lastAssistantId &&