bingocode 1.0.1 → 1.0.3

package/desktop/src/components/chat/ToolCallGroup.tsx

@@ -0,0 +1,617 @@
+import { useEffect, useState } from 'react'
+import { ToolCallBlock } from './ToolCallBlock'
+import { MarkdownRenderer } from '../markdown/MarkdownRenderer'
+import { Modal } from '../shared/Modal'
+import { useTranslation } from '../../i18n'
+import type { TranslationKey } from '../../i18n'
+import type { AgentTaskNotification, UIMessage } from '../../types/chat'
+import { AGENT_LIFECYCLE_TYPES } from '../../types/team'
+
+type ToolCall = Extract<UIMessage, { type: 'tool_use' }>
+type ToolResult = Extract<UIMessage, { type: 'tool_result' }>
+
+type Props = {
+  toolCalls: ToolCall[]
+  resultMap: Map<string, ToolResult>
+  childToolCallsByParent: Map<string, ToolCall[]>
+  agentTaskNotifications: Record<string, AgentTaskNotification>
+  /** When true, the last tool is still executing — show expanded */
+  isStreaming?: boolean
+}
+
+const TOOL_VERBS: Record<string, (count: number, t: (key: TranslationKey, params?: Record<string, string | number>) => string) => string> = {
+  Read: (n, t) => n === 1 ? t('toolGroup.readOne') : t('toolGroup.readMany', { count: n }),
+  Write: (n, t) => n === 1 ? t('toolGroup.createdOne') : t('toolGroup.createdMany', { count: n }),
+  Edit: (n, t) => n === 1 ? t('toolGroup.editedOne') : t('toolGroup.editedMany', { count: n }),
+  Bash: (n, t) => n === 1 ? t('toolGroup.ranOne') : t('toolGroup.ranMany', { count: n }),
+  Glob: (_n, t) => t('toolGroup.foundFiles'),
+  Grep: (n, t) => n === 1 ? t('toolGroup.searchedOne') : t('toolGroup.searchedMany', { count: n }),
+  Agent: (n, t) => n === 1 ? t('toolGroup.agentOne') : t('toolGroup.agentMany', { count: n }),
+  WebSearch: (_n, t) => t('toolGroup.searchedWeb'),
+  WebFetch: (n, t) => n === 1 ? t('toolGroup.fetchedOne') : t('toolGroup.fetchedMany', { count: n }),
+}
+
+function generateSummary(toolCalls: ToolCall[], t: (key: TranslationKey, params?: Record<string, string | number>) => string): string {
+  const counts = new Map<string, number>()
+  for (const tc of toolCalls) {
+    counts.set(tc.toolName, (counts.get(tc.toolName) ?? 0) + 1)
+  }
+
+  const parts: string[] = []
+  for (const [name, count] of counts) {
+    const verbFn = TOOL_VERBS[name]
+    parts.push(verbFn ? verbFn(count, t) : `${name} (${count})`)
+  }
+
+  return parts.join(', ')
+}
+
+function groupHasErrors(toolCalls: ToolCall[], resultMap: Map<string, ToolResult>): boolean {
+  return toolCalls.some((tc) => {
+    const result = resultMap.get(tc.toolUseId)
+    return result?.isError
+  })
+}
+
+export function ToolCallGroup({
+  toolCalls,
+  resultMap,
+  childToolCallsByParent,
+  agentTaskNotifications,
+  isStreaming,
+}: Props) {
+  const allAgents = toolCalls.every((toolCall) => toolCall.toolName === 'Agent')
+
+  if (allAgents) {
+    return (
+      <AgentToolGroup
+        toolCalls={toolCalls}
+        resultMap={resultMap}
+        childToolCallsByParent={childToolCallsByParent}
+        agentTaskNotifications={agentTaskNotifications}
+        isStreaming={isStreaming}
+      />
+    )
+  }
+
+  // Single tool call — render directly without group wrapper
+  if (toolCalls.length === 1) {
+    const tc = toolCalls[0]!
+    return (
+      <ToolCallTree
+        toolCall={tc}
+        resultMap={resultMap}
+        childToolCallsByParent={childToolCallsByParent}
+      />
+    )
+  }
+
+  return (
+    <ToolCallGroupMulti
+      toolCalls={toolCalls}
+      resultMap={resultMap}
+      childToolCallsByParent={childToolCallsByParent}
+      agentTaskNotifications={agentTaskNotifications}
+      isStreaming={isStreaming}
+    />
+  )
+}
+
+function AgentToolGroup({
+  toolCalls,
+  resultMap,
+  childToolCallsByParent,
+  agentTaskNotifications,
+  isStreaming,
+}: Props) {
+  const [expanded, setExpanded] = useState(true)
+  const t = useTranslation()
+  const statuses = toolCalls.map((toolCall) =>
+    getAgentStatus({
+      hasResult: resultMap.has(toolCall.toolUseId),
+      isError: !!resultMap.get(toolCall.toolUseId)?.isError,
+      isLaunchResult: isAgentLaunchResult(resultMap.get(toolCall.toolUseId)?.content),
+      isStreaming: !!isStreaming && !resultMap.has(toolCall.toolUseId),
+      childCount: (childToolCallsByParent.get(toolCall.toolUseId) ?? []).length,
+      taskStatus: agentTaskNotifications[toolCall.toolUseId]?.status,
+    }),
+  )
+  const isAnyRunning = statuses.some((status) => status === 'running' || status === 'starting')
+  const errorPresent = statuses.some((status) => status === 'failed')
+  const allComplete = statuses.every((status) => status === 'done')
+  const anyStopped = statuses.some((status) => status === 'stopped')
+
+  useEffect(() => {
+    if (isStreaming) {
+      setExpanded(true)
+    }
+  }, [isStreaming])
+
+  return (
+    <div className="mb-2 ml-10">
+      <button
+        type="button"
+        onClick={() => setExpanded((value) => !value)}
+        className="flex w-full items-center gap-2 rounded-lg border border-[var(--color-border)]/40 bg-[var(--color-surface-container-low)] px-3 py-1.5 text-left transition-colors hover:bg-[var(--color-surface-container-high)]"
+      >
+        <span className="material-symbols-outlined text-[14px] text-[var(--color-outline)]">
+          {expanded ? 'expand_less' : 'expand_more'}
+        </span>
+        <span className="flex-1 truncate text-[12px] text-[var(--color-text-secondary)]">
+          {toolCalls.length === 1 ? t('toolGroup.agentOne') : t('toolGroup.agentMany', { count: toolCalls.length })}
+        </span>
+        {isAnyRunning && (
+          <span className="rounded-full bg-[var(--color-warning)]/12 px-2 py-0.5 text-[10px] font-semibold text-[var(--color-warning)]">
+            {t('agentStatus.running')}
+          </span>
+        )}
+        {!isAnyRunning && errorPresent && (
+          <span className="material-symbols-outlined text-[14px] text-[var(--color-error)]">error</span>
+        )}
+        {!isAnyRunning && !errorPresent && allComplete && (
+          <span className="material-symbols-outlined text-[14px] text-[var(--color-success)]">check_circle</span>
+        )}
+        {!isAnyRunning && !errorPresent && !allComplete && !anyStopped && (
+          <span className="material-symbols-outlined text-[14px] text-[var(--color-outline)]">pending</span>
+        )}
+        {!isAnyRunning && !errorPresent && !allComplete && anyStopped && (
+          <span className="material-symbols-outlined text-[14px] text-[var(--color-outline)]">stop_circle</span>
+        )}
+      </button>
+
+      {expanded && (
+        <div className="relative mt-3 pl-5">
+          <div className="absolute bottom-6 left-[11px] top-4 w-px rounded-full bg-[var(--color-border)]/45" />
+          <div className="space-y-2">
+            {toolCalls.map((toolCall) => (
+              <div key={toolCall.id} className="relative pl-7">
+                <div className="absolute left-0 top-1/2 -translate-y-1/2">
+                  <div className="absolute left-[11px] top-1/2 h-px w-4 -translate-y-1/2 bg-[var(--color-border)]/45" />
+                  <div className="absolute left-[8px] top-1/2 h-2.5 w-2.5 -translate-y-1/2 rounded-full border border-[var(--color-border)]/65 bg-[var(--color-surface-container-lowest)] shadow-[0_0_0_2px_var(--color-surface)]" />
+                </div>
+                <AgentCallCard
+                  toolCall={toolCall}
+                  resultMap={resultMap}
+                  childToolCallsByParent={childToolCallsByParent}
+                  agentTaskNotification={agentTaskNotifications[toolCall.toolUseId]}
+                  isStreaming={isStreaming && !resultMap.has(toolCall.toolUseId)}
+                />
+              </div>
+            ))}
+          </div>
+        </div>
+      )}
+    </div>
+  )
+}
+
+/** Separated so the useState hook is never called conditionally. */
+function ToolCallGroupMulti({ toolCalls, resultMap, childToolCallsByParent, isStreaming }: Props) {
+  const [expanded, setExpanded] = useState(false)
+  const t = useTranslation()
+  const summary = generateSummary(toolCalls, t)
+  const errorPresent = groupHasErrors(toolCalls, resultMap)
+  const allComplete = toolCalls.every((tc) => resultMap.has(tc.toolUseId))
+  const hasNestedToolCalls = toolCalls.some((tc) => (childToolCallsByParent.get(tc.toolUseId)?.length ?? 0) > 0)
+
+  useEffect(() => {
+    if (isStreaming || hasNestedToolCalls) {
+      setExpanded(true)
+    }
+  }, [hasNestedToolCalls, isStreaming])
+
+  return (
+    <div className="mb-2 ml-10">
+      <button
+        type="button"
+        onClick={() => setExpanded((v) => !v)}
+        className="flex w-full items-center gap-2 rounded-lg border border-[var(--color-border)]/40 bg-[var(--color-surface-container-low)] px-3 py-1.5 text-left transition-colors hover:bg-[var(--color-surface-container-high)]"
+      >
+        <span className="material-symbols-outlined text-[14px] text-[var(--color-outline)]">
+          {expanded ? 'expand_less' : 'expand_more'}
+        </span>
+        <span className="flex-1 truncate text-[12px] text-[var(--color-text-secondary)]">
+          {summary}
+        </span>
+        {!isStreaming && allComplete && !errorPresent && (
+          <span className="material-symbols-outlined text-[14px] text-[var(--color-success)]">check_circle</span>
+        )}
+        {!isStreaming && errorPresent && (
+          <span className="material-symbols-outlined text-[14px] text-[var(--color-error)]">error</span>
+        )}
+        {!isStreaming && !allComplete && !errorPresent && (
+          <span className="material-symbols-outlined text-[14px] text-[var(--color-outline)]">pending</span>
+        )}
+        {isStreaming && (
+          <span className="h-1.5 w-1.5 rounded-full bg-[var(--color-brand)] animate-pulse-dot" />
+        )}
+      </button>
+
+      {expanded && (
+        <div className="mt-1.5 space-y-1">
+          {toolCalls.map((tc) => {
+            return (
+              <ToolCallTree
+                key={tc.id}
+                toolCall={tc}
+                resultMap={resultMap}
+                childToolCallsByParent={childToolCallsByParent}
+                compact
+              />
+            )
+          })}
+        </div>
+      )}
+    </div>
+  )
+}
+
+function AgentCallCard({
+  toolCall,
+  resultMap,
+  childToolCallsByParent,
+  agentTaskNotification,
+  isStreaming = false,
+}: {
+  toolCall: ToolCall
+  resultMap: Map<string, ToolResult>
+  childToolCallsByParent: Map<string, ToolCall[]>
+  agentTaskNotification?: AgentTaskNotification
+  isStreaming?: boolean
+}) {
+  const [expanded, setExpanded] = useState(false)
+  const [previewOpen, setPreviewOpen] = useState(false)
+  const t = useTranslation()
+  const input = toolCall.input && typeof toolCall.input === 'object'
+    ? toolCall.input as Record<string, unknown>
+    : {}
+  const result = resultMap.get(toolCall.toolUseId)
+  const childToolCalls = childToolCallsByParent.get(toolCall.toolUseId) ?? []
+  const isLaunchResult = isAgentLaunchResult(result?.content)
+  const recentToolCalls = childToolCalls.slice(-2)
+  const status = getAgentStatus({
+    hasResult: !!result,
+    isError: !!result?.isError,
+    isLaunchResult,
+    isStreaming,
+    childCount: childToolCalls.length,
+    taskStatus: agentTaskNotification?.status,
+  })
+  const statusClassName = getAgentStatusClassName(status)
+  const statusLabel = getAgentStatusLabel(status, t)
+  const taskSummary = agentTaskNotification?.summary?.trim() || ''
+  const errorText =
+    status === 'failed'
+      ? taskSummary || (result?.isError ? getAgentErrorSummary(result.content) : '')
+      : result?.isError
+        ? getAgentErrorSummary(result.content)
+        : ''
+  const fullOutputText =
+    result && !result.isError && !isLaunchResult && !isAgentLifecycleResult(result.content)
+      ? extractTextContent(result.content).trim()
+      : ''
+  const previewText = fullOutputText || (status === 'done' || status === 'stopped' ? taskSummary : '')
+  const outputSummary = previewText ? getAgentOutputSummary(previewText) : ''
+  const description = typeof input.description === 'string' ? input.description : ''
+
+  return (
+    <div className="overflow-hidden rounded-lg border border-[var(--color-border)]/50 bg-[var(--color-surface-container-lowest)]">
+      <div className="flex w-full items-center gap-3 px-4 py-3 text-left transition-colors hover:bg-[var(--color-surface-hover)]/50">
+        <span className="material-symbols-outlined text-[18px] text-[var(--color-outline)]">smart_toy</span>
+        <div className="min-w-0 flex-1">
+          <div className="flex items-center gap-2">
+            <span className="text-[13px] font-semibold text-[var(--color-text-primary)]">Agent</span>
+            {description && (
+              <span className="truncate text-[12px] text-[var(--color-text-secondary)]">
+                {description}
+              </span>
+            )}
+          </div>
+          {!expanded && outputSummary && (
+            <div className="mt-1 line-clamp-2 text-[11px] text-[var(--color-text-tertiary)]">
+              {outputSummary}
+            </div>
+          )}
+          {!expanded && !outputSummary && recentToolCalls.length > 0 && (
+            <div className="mt-1 space-y-1">
+              {recentToolCalls.map((recentToolCall) => (
+                <div
+                  key={recentToolCall.id}
+                  className="truncate text-[11px] text-[var(--color-text-tertiary)]"
+                >
+                  {formatRecentToolUseSummary(recentToolCall, resultMap)}
+                </div>
+              ))}
+            </div>
+          )}
+          {!expanded && !outputSummary && !recentToolCalls.length && errorText && (
+            <div className="mt-1 truncate text-[11px] text-[var(--color-error)]">
+              {errorText}
+            </div>
+          )}
+        </div>
+        {outputSummary && (
+          <button
+            type="button"
+            onClick={(event) => {
+              event.stopPropagation()
+              setPreviewOpen(true)
+            }}
+            className="shrink-0 rounded-md border border-[var(--color-border)] px-2.5 py-1 text-[11px] font-medium text-[var(--color-text-secondary)] transition-colors hover:bg-[var(--color-surface-hover)] hover:text-[var(--color-text-primary)]"
+          >
+            {t('agentStatus.viewResult')}
+          </button>
+        )}
+        <span className={`rounded-full px-2 py-0.5 text-[10px] font-semibold ${statusClassName}`}>
+          {statusLabel}
+        </span>
+        <button
+          type="button"
+          onClick={() => setExpanded((value) => !value)}
+          className="flex h-7 w-7 shrink-0 items-center justify-center rounded-full text-[var(--color-outline)] transition-colors hover:bg-[var(--color-surface-hover)]"
+          aria-label={expanded ? 'Collapse agent' : 'Expand agent'}
+        >
+          <span className="material-symbols-outlined text-[16px]">
+          {expanded ? 'expand_less' : 'expand_more'}
+          </span>
+        </button>
+      </div>
+
+      {expanded && (
+        <div className="border-t border-[var(--color-border)]/60 px-3 py-3">
+          {errorText && (
+            <div className="mb-3 rounded-lg border border-[var(--color-error)]/20 bg-[var(--color-error-container)]/60 px-3 py-2 text-[11px] text-[var(--color-error)]">
+              {errorText}
+            </div>
+          )}
+          {childToolCalls.length > 0 ? (
+            <div className="space-y-1">
+              {childToolCalls.map((childToolCall) => (
+                <ToolCallTree
+                  key={childToolCall.id}
+                  toolCall={childToolCall}
+                  resultMap={resultMap}
+                  childToolCallsByParent={childToolCallsByParent}
+                  compact
+                />
+              ))}
+            </div>
+          ) : outputSummary ? (
+            <div className="rounded-lg border border-[var(--color-border)]/60 bg-[var(--color-surface)] px-3 py-3">
+              <div className="line-clamp-3 text-[11px] leading-[1.55] text-[var(--color-text-secondary)]">
+                {outputSummary}
+              </div>
+              <div className="mt-3 flex justify-end">
+                <span className="text-[10px] text-[var(--color-text-tertiary)]">
+                  {t('agentStatus.viewResult')}
+                </span>
+              </div>
+            </div>
+          ) : (
+            <div className="text-[11px] text-[var(--color-text-tertiary)]">
+              {status === 'starting' ? t('agentStatus.starting') : t('agentStatus.noActivity')}
+            </div>
+          )}
+        </div>
+      )}
+      <Modal
+        open={previewOpen}
+        onClose={() => setPreviewOpen(false)}
+        title={description || t('agentStatus.resultTitle')}
+        width={900}
+      >
+        <div className="max-h-[70vh] overflow-y-auto">
+          <MarkdownRenderer content={previewText || errorText} />
+        </div>
+      </Modal>
+    </div>
+  )
+}
+
+function ToolCallTree({
+  toolCall,
+  resultMap,
+  childToolCallsByParent,
+  compact = false,
+}: {
+  toolCall: ToolCall
+  resultMap: Map<string, ToolResult>
+  childToolCallsByParent: Map<string, ToolCall[]>
+  compact?: boolean
+}) {
+  const result = resultMap.get(toolCall.toolUseId)
+  const childToolCalls = childToolCallsByParent.get(toolCall.toolUseId) ?? []
+
+  return (
+    <div className={compact ? 'space-y-1' : ''}>
+      <ToolCallBlock
+        toolName={toolCall.toolName}
+        input={toolCall.input}
+        result={result ? { content: result.content, isError: result.isError } : null}
+        compact={compact}
+      />
+      {childToolCalls.length > 0 && (
+        <div className={compact ? 'ml-4 border-l border-[var(--color-border)]/60 pl-3' : 'mb-2 ml-16 border-l border-[var(--color-border)]/60 pl-3'}>
+          <div className="space-y-1">
+            {childToolCalls.map((childToolCall) => (
+              <ToolCallTree
+                key={childToolCall.id}
+                toolCall={childToolCall}
+                resultMap={resultMap}
+                childToolCallsByParent={childToolCallsByParent}
+                compact
+              />
+            ))}
+          </div>
+        </div>
+      )}
+    </div>
+  )
+}
+
+type AgentStatus = 'starting' | 'running' | 'done' | 'failed' | 'stopped'
+type AgentTaskStatus = AgentTaskNotification['status']
+
+function getAgentStatus({
+  hasResult,
+  isError,
+  isLaunchResult,
+  isStreaming,
+  childCount,
+  taskStatus,
+}: {
+  hasResult: boolean
+  isError: boolean
+  isLaunchResult: boolean
+  isStreaming: boolean
+  childCount: number
+  taskStatus?: AgentTaskStatus
+}): AgentStatus {
+  if (taskStatus === 'failed') return 'failed'
+  if (taskStatus === 'stopped') return 'stopped'
+  if (taskStatus === 'completed') return 'done'
+  if (hasResult && isError && !isLaunchResult) return 'failed'
+  if (hasResult && !isLaunchResult) return 'done'
+  if (isStreaming || childCount > 0 || isLaunchResult) return 'running'
+  return 'starting'
+}
+
+function getAgentStatusLabel(
+  status: AgentStatus,
+  t: (key: TranslationKey, params?: Record<string, string | number>) => string,
+): string {
+  switch (status) {
+    case 'failed':
+      return t('agentStatus.failed')
+    case 'stopped':
+      return t('agentStatus.stopped')
+    case 'done':
+      return t('agentStatus.done')
+    case 'running':
+      return t('agentStatus.running')
+    case 'starting':
+    default:
+      return t('agentStatus.starting')
+  }
+}
+
+function getAgentStatusClassName(status: AgentStatus): string {
+  switch (status) {
+    case 'failed':
+      return 'bg-[var(--color-error)]/10 text-[var(--color-error)]'
+    case 'stopped':
+      return 'bg-[var(--color-surface-container-high)] text-[var(--color-text-secondary)]'
+    case 'done':
+      return 'bg-[var(--color-success)]/10 text-[var(--color-success)]'
+    case 'running':
+      return 'bg-[var(--color-warning)]/10 text-[var(--color-warning)]'
+    case 'starting':
+    default:
+      return 'bg-[var(--color-surface-container-high)] text-[var(--color-text-secondary)]'
+  }
+}
+
+function formatRecentToolUseSummary(
+  toolCall: ToolCall,
+  resultMap: Map<string, ToolResult>,
+): string {
+  const input = toolCall.input && typeof toolCall.input === 'object'
+    ? toolCall.input as Record<string, unknown>
+    : {}
+  const result = resultMap.get(toolCall.toolUseId)
+  const suffix = result?.isError ? ' • failed' : result ? ' • done' : ' • running'
+
+  switch (toolCall.toolName) {
+    case 'Bash':
+      return `Bash · ${typeof input.command === 'string' ? input.command : ''}${suffix}`
+    case 'Read':
+      return `Read · ${typeof input.file_path === 'string' ? input.file_path.split('/').pop() : 'file'}${suffix}`
+    case 'Glob':
+      return `Glob · ${typeof input.pattern === 'string' ? input.pattern : ''}${suffix}`
+    case 'Grep':
+      return `Grep · ${typeof input.pattern === 'string' ? input.pattern : ''}${suffix}`
+    case 'Agent':
+      return `Agent · ${typeof input.description === 'string' ? input.description : ''}${suffix}`
+    default:
+      return `${toolCall.toolName}${suffix}`
+  }
+}
+
+function getAgentErrorSummary(content: unknown): string {
+  const text = extractTextContent(content).replace(/\s+/g, ' ').trim()
+  if (!text) return ''
+  if (text.includes(`Agent type 'Explore' not found`)) {
+    return 'Explore agent unavailable in this session'
+  }
+  return text.length > 120 ? `${text.slice(0, 120)}...` : text
+}
+
+function getAgentOutputSummary(content: string): string {
+  const text = content.replace(/\s+\n/g, '\n').trim()
+  if (!text) return ''
+  return text.length > 220 ? `${text.slice(0, 220)}...` : text
+}
+
+function isAgentLaunchResult(content: unknown): boolean {
+  const text = extractTextContent(content).trim()
+  if (!text) return false
+
+  return (
+    text.startsWith('Async agent launched successfully.') ||
+    text.startsWith('Remote agent launched in CCR.') ||
+    (text.startsWith('Spawned successfully.') &&
+      text.includes('The agent is now running and will receive instructions via mailbox.')) ||
+    text.includes('The agent is working in the background. You will be notified automatically when it completes.') ||
+    text.includes('The agent is running remotely. You will be notified automatically when it completes.')
+  )
+}
+
+/**
+ * Check if agent result content is a lifecycle notification (shutdown, terminated, etc.)
+ * rather than actual agent output. These should not be shown to the user as results.
+ */
+function isAgentLifecycleResult(content: unknown): boolean {
+  const text = extractTextContent(content).trim()
+  if (!text) return false
+  // Detect JSON lifecycle messages: shutdown_approved, shutdown_rejected, teammate_terminated
+  if (text.startsWith('{') && text.endsWith('}')) {
+    try {
+      const parsed = JSON.parse(text) as Record<string, unknown>
+      if (typeof parsed.type === 'string' && AGENT_LIFECYCLE_TYPES.has(parsed.type)) {
+        return true
+      }
+    } catch {
+      // Not valid JSON, not a lifecycle message
+    }
+  }
+  return false
+}
+
+function extractTextContent(content: unknown): string {
+  if (typeof content === 'string') return content
+  if (Array.isArray(content)) {
+    return content
+      .map((chunk) => {
+        if (typeof chunk === 'string') return chunk
+        if (chunk && typeof chunk === 'object' && 'text' in chunk) {
+          return typeof chunk.text === 'string' ? chunk.text : ''
+        }
+        return ''
+      })
+      .filter(Boolean)
+      .join('\n')
+  }
+  if (content && typeof content === 'object') {
+    if (
+      'status' in content &&
+      (content as Record<string, unknown>).status === 'completed' &&
+      Array.isArray((content as Record<string, unknown>).content)
+    ) {
+      return extractTextContent((content as Record<string, unknown>).content)
+    }
+    }
+  if (content && typeof content === 'object') {
+    return JSON.stringify(content)
+  }
+  return ''
+}