{token.slice(1, -1)})
+ } else if (token.startsWith('**')) {
+ parts.push({token.slice(2, -2)})
+ } else if (token.startsWith('*')) {
+ parts.push({token.slice(1, -1)})
+ } else if (token.startsWith('[')) {
+ const lm = token.match(/\[([^\]]+)\]\(([^)]+)\)/)
+ if (lm) parts.push({lm[1]})
+ }
+ last = m.index + token.length
+ }
+ if (last < s.length) parts.push(s.slice(last))
+ return parts.length === 1 ? parts[0] : parts
+ }
+
+ while (i < lines.length) {
+ const line = lines[i]
+
+ // Code block
+ if (line.trimStart().startsWith('```')) {
+ const codeLines: string[] = []
+ i++
+ while (i < lines.length && !lines[i].trimStart().startsWith('```')) {
+ codeLines.push(lines[i])
+ i++
+ }
+ i++ // skip closing ```
+ elements.push({codeLines.join('\n')}{inlineFormat(line)}
) + i++ + } + return <>{elements} +} + +// ── Aero tool call rendering helpers ──────────────────────────────── + +type AeroTurn = + | { type: 'user'; message: ApiAgentMessage } + | { type: 'assistant'; toolCalls: Array<{ call: ApiAgentMessage; result: ApiAgentMessage | null }>; response: ApiAgentMessage | null } + +function groupMessagesIntoTurns(messages: ApiAgentMessage[]): AeroTurn[] { + const turns: AeroTurn[] = [] + let i = 0 + while (i < messages.length) { + const msg = messages[i] + if (msg.role === 'user') { + turns.push({ type: 'user', message: msg }) + i++ + } else if (msg.role === 'assistant' && msg.toolName) { + // Start collecting tool calls for this assistant turn + const toolCalls: Array<{ call: ApiAgentMessage; result: ApiAgentMessage | null }> = [] + while (i < messages.length && messages[i].role === 'assistant' && messages[i].toolName) { + const call = messages[i] + // Look for matching tool result + const resultIdx = messages.findIndex((m, j) => j > i && m.role === 'tool' && m.toolCallId === call.toolCallId) + toolCalls.push({ call, result: resultIdx !== -1 ? messages[resultIdx] : null }) + i++ + } + // Skip past tool result messages we already consumed + while (i < messages.length && messages[i].role === 'tool') i++ + // Check if next message is the final text response + let response: ApiAgentMessage | null = null + if (i < messages.length && messages[i].role === 'assistant' && !messages[i].toolName) { + response = messages[i] + i++ + } + turns.push({ type: 'assistant', toolCalls, response }) + } else if (msg.role === 'assistant') { + turns.push({ type: 'assistant', toolCalls: [], response: msg }) + i++ + } else { + i++ // skip orphaned tool results + } + } + return turns +} + +function toolCategory(name: string): 'read' | 'write' | 'system' | 'memory' { + if (name === 'get_memory' || name === 'save_memory') return 'memory' + if (name === 'run_command' || name === 'read_file' || name === 'write_file' || name === 'list_files' || name === 'http_request') return 'system' + if (name.startsWith('get_') || name.startsWith('list_') || name === 'inspect_url') return 'read' + return 'write' +} + +function toolDisplayLabel(name: string, args: string | null): string { + const labels: Record{content}
+ )
+ }
+
+ if (name === 'read_file') {
+ return {content}
+ }
+
+ if (name === 'http_request') {
+ const firstLine = content.split('\n')[0] || ''
+ const statusMatch = firstLine.match(/^HTTP (\d+)/)
+ const status = statusMatch ? parseInt(statusMatch[1], 10) : 0
+ const statusCls = status >= 200 && status < 300 ? 'text-emerald-400' : status >= 400 ? 'text-rose-400' : 'text-amber-400'
+ return (
+ {content.split('\n').slice(status > 0 ? 2 : 0).join('\n')}
+ {d.written} } catch { /* */ }
+ }
+
+ // Try to parse JSON for structured rendering
+ try {
+ const data = JSON.parse(content)
+
+ // list_keywords / list_competitors: pill chips
+ if ((name === 'list_keywords' || name === 'list_competitors') && Array.isArray(data)) {
+ const items = data.map((item: unknown) => {
+ if (typeof item === 'string') return item
+ if (typeof item === 'object' && item !== null) return (item as Record| Keyword | +Provider | +Status | +
|---|---|---|
| {String(row.keyword || row.phrase || '')} | +{String(row.provider || row.model || '')} | +{state} | +
| Query | Clicks | Impressions | CTR | Position |
|---|---|---|---|---|
| {String((r.keys as string[])?.[0] || '')} | +{String(r.clicks || 0)} | +{String(r.impressions || 0)} | +{r.ctr != null ? `${(Number(r.ctr) * 100).toFixed(1)}%` : '-'} | +{r.position != null ? Number(r.position).toFixed(1) : '-'} | +
{JSON.stringify(data, null, 2)}
+
+ } catch {
+ // Not JSON — render as text
+ if (cat === 'system') {
+ return {content}
+ }
+ return {content.length > 300 ? content.slice(0, 300) + '...' : content}
+ }
+}
+
+function ToolCallCard({ call, result, isActive }: { call: ApiAgentMessage; result: ApiAgentMessage | null; isActive: boolean }) {
+ const [expanded, setExpanded] = useState(false)
+ const cat = toolCategory(call.toolName!)
+ const borderCls = cat === 'system' ? 'aero-tool-card-system'
+ : cat === 'memory' ? 'aero-tool-card-memory'
+ : cat === 'write' ? 'aero-tool-card-write'
+ : 'aero-tool-card-read'
+
+ return (
+ AI-powered AEO analyst
+Threads
+ +No threads yet.
+ ) : ( +AEO analyst with full system access
+ + {/* Capability pills */} +Quick actions
+Send a message to get started.
+ {/* Suggested prompts for empty thread */} +