kiku-agent 1.2.0 → 1.3.1

package/server/agent/ingestionWorker.js

@@ -0,0 +1,339 @@
+import { classifySource, extractArticleDate } from './newsIntelligence.js';
+import { simhashText, hamming64 } from './websearch/extract.js';
+import {
+  addDynamicEntry,
+  getDynamicEntries,
+  validateCatalogEntry,
+  DEFAULT_DYNAMIC_CATALOG_PATH
+} from './dynamicCatalog.js';
+import { searchNews } from './webSearch.js';
+
+export const KNOWN_OFFICIAL_PLATFORMS = new Set([
+  'weibo', 'weibo.com', 'weibo.cn',
+  'douyin', 'douyin.com',
+  'bilibili', 'bilibili.com',
+  'youtube', 'youtube.com',
+  'instagram', 'instagram.com',
+  'xiaohongshu', 'xiaohongshu.com', 'xhs',
+  'tiktok', 'tiktok.com'
+]);
+
+export function isTrustedSource(source) {
+  if (!source || typeof source !== 'string') {
+    return { trusted: false, tier: 3, label: 'unknown' };
+  }
+  const sLower = source.toLowerCase().trim();
+
+  if (KNOWN_OFFICIAL_PLATFORMS.has(sLower)) {
+    return { trusted: true, tier: 1, label: 'official' };
+  }
+
+  if (/^https?:\/\//i.test(sLower)) {
+    const classified = classifySource(source);
+    return {
+      trusted: classified.tier <= 2,
+      tier: classified.tier,
+      label: classified.label
+    };
+  }
+
+  if (/(weibo|douyin|bilibili|youtube|instagram|xhs|xiaohongshu|tiktok|official|工作室)/i.test(sLower)) {
+    return { trusted: true, tier: 1, label: 'official' };
+  }
+  if (/(press|news|sohu|netease|sina|tencent|qq|thairath|sanook|kapook|pptv)/i.test(sLower)) {
+    return { trusted: true, tier: 2, label: 'press' };
+  }
+
+  return { trusted: false, tier: 3, label: 'community' };
+}
+
+export function computeEventSimHash(text) {
+  return simhashText(String(text || ''));
+}
+
+export function isDuplicateEvent(entry, existingList = [], { maxHamming = 8 } = {}) {
+  if (!entry || !Array.isArray(existingList) || existingList.length === 0) {
+    return false;
+  }
+
+  const entryText = `${entry.title || entry.brand || entry.brandNameEn || ''} ${entry.highlight || ''} ${entry.summary || ''}`.trim();
+  const entryHash = entryText ? computeEventSimHash(entryText) : null;
+
+  for (const existing of existingList) {
+    if (entry.id && existing.id && entry.id === existing.id) {
+      return true;
+    }
+
+    const entryBrand = (entry.brand || entry.brandNameEn || entry.brandNameCn || '').toLowerCase().trim();
+    const existingBrand = (existing.brand || existing.brandNameEn || existing.brandNameCn || '').toLowerCase().trim();
+    if (entryBrand && existingBrand && entryBrand === existingBrand && entry.year === existing.year) {
+      return true;
+    }
+
+    const entryTitle = (entry.title || entry.titleCn || entry.titleTh || entry.titleEn || '').toLowerCase().trim();
+    const existingTitle = (existing.title || existing.titleCn || existing.titleTh || existing.titleEn || '').toLowerCase().trim();
+    if (entryTitle && existingTitle && entryTitle === existingTitle && entry.year === existing.year) {
+      return true;
+    }
+
+    const eH = (entry.highlight || entry.summary || '').toLowerCase().trim();
+    const xH = (existing.highlight || existing.summary || '').toLowerCase().trim();
+    if (eH && xH && (eH.includes(xH) || xH.includes(eH))) {
+      return true;
+    }
+
+    if (entryHash != null) {
+      const existText = `${existing.title || existing.brand || existing.brandNameEn || ''} ${existing.highlight || ''} ${existing.summary || ''}`.trim();
+      if (existText) {
+        const existHash = computeEventSimHash(existText);
+        if (hamming64(entryHash, existHash) <= maxHamming) {
+          return true;
+        }
+      }
+    }
+  }
+
+  return false;
+}
+
+export async function extractStructuredEvent(text, { client = null } = {}) {
+  const rawText = String(text || '').trim();
+  if (!rawText) {
+    throw new Error('Event text cannot be empty');
+  }
+
+  if (client && typeof client.chatCompletion === 'function') {
+    try {
+      const prompt = `Extract a structured event for artist Ju Jingyi (鞠婧祎) from this text into JSON:
+Text: "${rawText}"
+
+Return ONLY a JSON object with:
+- category: one of ["brands", "timeline", "gallery", "works", "events"]
+- year: integer year (e.g. 2026)
+- date: ISO date string or "YYYY-MM-DD" if present
+- title: concise title of the event / work
+- titleCn: Chinese title or null
+- titleTh: Thai title or null
+- brand: brand name (if brand endorsement) or null
+- brandNameCn: Chinese brand name or null
+- brandNameEn: English brand name or null
+- role: role/title (e.g. "Brand Ambassador", "Lead Actress", "Performer")
+- highlight: key highlight sentence
+- summary: full description
+- imageUrl: image URL or null
+- source: origin platform or media outlet`;
+
+      const response = await client.chatCompletion({
+        messages: [{ role: 'user', content: prompt }],
+        temperature: 0.1,
+      });
+
+      const jsonStr = response?.choices?.[0]?.message?.content || '';
+      const match = jsonStr.match(/\{[\s\S]*\}/);
+      if (match) {
+        const parsed = JSON.parse(match[0]);
+        if (parsed && (parsed.title || parsed.brand || parsed.brandNameEn)) {
+          return parsed;
+        }
+      }
+    } catch {
+
+    }
+  }
+
+  const currentYear = new Date().getFullYear();
+  const dateInfo = extractArticleDate({ snippet: rawText, title: rawText });
+  const eventYear = dateInfo?.date ? dateInfo.date.getUTCFullYear() : currentYear;
+  let isoDate = dateInfo?.date ? dateInfo.date.toISOString().slice(0, 10) : null;
+
+  if (!isoDate) {
+    const THAI_MONTHS_MAP = {
+      'มกราคม': 1, 'กุมภาพันธ์': 2, 'มีนาคม': 3, 'เมษายน': 4, 'พฤษภาคม': 5, 'มิถุนายน': 6,
+      'กรกฎาคม': 7, 'สิงหาคม': 8, 'กันยายน': 9, 'ตุลาคม': 10, 'พฤศจิกายน': 11, 'ธันวาคม': 12,
+      'มค': 1, 'กพ': 2, 'มีค': 3, 'เมย': 4, 'พค': 5, 'มิย': 6, 'กค': 7, 'สค': 8, 'กย': 9, 'ตค': 10, 'พย': 11, 'ธค': 12,
+    };
+    const thMatch = rawText.match(/(?:วันที่\s*)?(\d{1,2})\s*(มกราคม|กุมภาพันธ์|มีนาคม|เมษายน|พฤษภาคม|มิถุนายน|กรกฎาคม|สิงหาคม|กันยายน|ตุลาคม|พฤศจิกายน|ธันวาคม|ม\.?ค\.?|ก\.?พ\.?|มี\.?ค\.?|เม\.?ย\.?|พ\.?ค\.?|มิ\.?ย\.?|ก\.?ค\.?|ส\.?ค\.?|ก\.?ย\.?|ต\.?ค\.?|พ\.?ย\.?|ธ\.?ค\.?)/i);
+    if (thMatch) {
+      const day = String(thMatch[1]).padStart(2, '0');
+      const mKey = thMatch[2].replace(/\./g, '');
+      const monthNum = THAI_MONTHS_MAP[mKey] || 1;
+      const month = String(monthNum).padStart(2, '0');
+      isoDate = `${eventYear}-${month}-${day}`;
+    } else {
+      isoDate = `${eventYear}-01-01`;
+    }
+  }
+
+  let category = 'events';
+  const isBrand = /(แบรนด์|พรีเซ็นเตอร์|โฆษณา|brand|ambassador|endorsement|CF|Commercial|代言|Lafang|拉芳|FRED|TuTuCare)/i.test(rawText);
+  const isGallery = /(ลุค|ชุดเดรส|ภาพ|รูปถ่าย|photoshoot|look|dress|gallery|fashion)/i.test(rawText);
+  const isWork = /(ซีรีส์|ละคร|เพลง|อัลบั้ม|ซิงเกิล|OST|drama|album|single|series|film)/i.test(rawText);
+  const isTimeline = /(milestone|เปิดตัว|ครบรอบ|debut|graduation|timeline)/i.test(rawText);
+
+  if (isBrand) category = 'brands';
+  else if (isWork) category = 'works';
+  else if (isGallery) category = 'gallery';
+  else if (isTimeline) category = 'timeline';
+
+  let brandNameEn = '';
+  let brandNameCn = '';
+  if (isBrand) {
+    if (/lafang|拉芳/i.test(rawText)) {
+      brandNameEn = 'Lafang';
+      brandNameCn = '拉芳';
+    } else if (/fred/i.test(rawText)) {
+      brandNameEn = 'FRED Paris';
+      brandNameCn = '斐登';
+    } else if (/tutucare/i.test(rawText)) {
+      brandNameEn = 'TuTuCare';
+      brandNameCn = '途途呵护';
+    } else {
+      const bMatch = rawText.match(/แบรนด์\s+([A-Za-z0-9\u4e00-\u9fa5]+)/i) || rawText.match(/brand\s+([A-Za-z0-9\u4e00-\u9fa5]+)/i);
+      if (bMatch) {
+        brandNameEn = bMatch[1];
+      }
+    }
+  }
+
+  let title = '';
+  const quoteMatch = rawText.match(/["“'「]([^"”'」]{3,50})["”'」]/);
+  if (quoteMatch) {
+    title = quoteMatch[1];
+  } else {
+    const firstSentence = rawText.split(/[.\n!?|]/)[0]?.trim();
+    title = firstSentence && firstSentence.length <= 80 ? firstSentence : `${brandNameEn || 'Ju Jingyi'} Event ${eventYear}`;
+  }
+
+  return {
+    category,
+    year: eventYear,
+    date: isoDate,
+    title,
+    titleCn: brandNameCn || null,
+    titleTh: title,
+    brand: brandNameEn || (isBrand ? title : null),
+    brandNameEn: brandNameEn || null,
+    brandNameCn: brandNameCn || null,
+    role: isBrand ? 'Brand Ambassador' : 'Artist',
+    highlight: rawText.slice(0, 200).trim(),
+    summary: rawText,
+    source: 'extracted_text'
+  };
+}
+
+export async function ingestRawEvent(text, {
+  category = null,
+  source = 'manual',
+  trustTier = null,
+  client = null,
+  catalogPath = DEFAULT_DYNAMIC_CATALOG_PATH
+} = {}) {
+  try {
+    const trustInfo = isTrustedSource(source);
+    const finalTrustTier = trustTier != null ? Number(trustTier) : trustInfo.tier;
+
+    if (finalTrustTier > 2 && !trustInfo.trusted && trustTier == null) {
+      return {
+        status: 'rejected',
+        reason: 'Untrusted source (Tier 3 community/unverified). Provide explicit trustTier to override.',
+        source,
+        tier: finalTrustTier
+      };
+    }
+
+    const structured = await extractStructuredEvent(text, { client });
+    const targetCategory = category || structured.category || 'events';
+
+    const entryToSave = {
+      ...structured,
+      source: source || structured.source || 'manual',
+      trustTier: finalTrustTier
+    };
+
+    const existing = getDynamicEntries(targetCategory, null, catalogPath);
+    if (isDuplicateEvent(entryToSave, existing)) {
+      return {
+        status: 'duplicate',
+        message: `Event already exists in dynamic catalog category "${targetCategory}".`,
+        entry: entryToSave
+      };
+    }
+
+    const saved = addDynamicEntry(targetCategory, entryToSave, {
+      catalogPath,
+      trustTier: finalTrustTier,
+      source
+    });
+
+    return {
+      status: 'success',
+      message: `Successfully ingested event into category "${targetCategory}".`,
+      entry: saved
+    };
+  } catch (err) {
+    return {
+      status: 'error',
+      message: `Ingestion failed: ${err.message}`
+    };
+  }
+}
+
+export async function runIngestionScan({
+  topic = 'Ju Jingyi 鞠婧祎',
+  fetcher = null,
+  client = null,
+  catalogPath = DEFAULT_DYNAMIC_CATALOG_PATH,
+  minTrustTier = 2,
+  maxItems = 8
+} = {}) {
+  let items = [];
+  if (typeof fetcher === 'function') {
+    items = await fetcher(topic);
+  } else {
+    const res = await searchNews(topic, maxItems);
+    items = res?.results || [];
+  }
+
+  let totalScanned = items.length;
+  let ingestedCount = 0;
+  let skippedDuplicates = 0;
+  let skippedUntrusted = 0;
+  const entries = [];
+
+  for (const item of items) {
+    const url = item.url || '';
+    const trust = isTrustedSource(url);
+
+    if (trust.tier > minTrustTier) {
+      skippedUntrusted++;
+      continue;
+    }
+
+    const combinedText = `${item.title || ''}\n${item.snippet || ''}`.trim();
+    if (!combinedText) continue;
+
+    const res = await ingestRawEvent(combinedText, {
+      source: url || item.source || 'news_scan',
+      trustTier: trust.tier,
+      client,
+      catalogPath
+    });
+
+    if (res.status === 'success') {
+      ingestedCount++;
+      entries.push(res.entry);
+    } else if (res.status === 'duplicate') {
+      skippedDuplicates++;
+    } else if (res.status === 'rejected') {
+      skippedUntrusted++;
+    }
+  }
+
+  return {
+    totalScanned,
+    ingestedCount,
+    skippedDuplicates,
+    skippedUntrusted,
+    entries
+  };
+}

package/server/agent/ink/App.jsx

@@ -0,0 +1,348 @@
+import React, { useState, useEffect, useCallback, useRef } from 'react';
+import { Box, Text, Static, useInput, useApp, useStdin } from 'ink';
+import { PromptInput } from './PromptInput.jsx';
+import { ThinkingPanel } from './ThinkingPanel.jsx';
+import { ToolCompleted, ToolSummary, ToolRunning } from './ToolResult.jsx';
+import { TaskPlanPanel } from './TaskPlanPanel.jsx';
+import { Panel, Separator } from './Panel.jsx';
+import { useAgentState, useStreamingText, useThinking, useToolResults, useTaskPlan, useEvent } from './useEventBus.js';
+import { eventBus, Events } from '../eventBus.js';
+import { getInkPalette } from '../theme.js';
+import { PACKAGE_VERSION } from '../version.js';
+
+const FAN_NAMES = ['Mìjú / 蜜橘'];
+function randomFanName() {
+  return FAN_NAMES[Math.floor(Math.random() * FAN_NAMES.length)];
+}
+
+function Header() {
+  const theme = getInkPalette();
+
+  return (
+    <Box flexDirection="column">
+      <Text color={theme.primary}>
+        {'  ██╗  ██╗██╗██╗  ██╗██╗   ██╗     █████╗ ██╗'}
+      </Text>
+      <Text color={theme.primary}>
+        {'  ██║ ██╔╝██║██║ ██╔╝██║   ██║    ██╔══██╗██║'}
+      </Text>
+      <Text color={theme.secondary}>
+        {'  █████═╝ ██║█████═╝ ██║   ██║    ███████║██║'}
+      </Text>
+      <Text color={theme.secondary}>
+        {'  ██╔═██╗ ██║██╔═██╗ ██║   ██║    ██╔══██║██║'}
+      </Text>
+      <Text color={theme.primary}>
+        {'  ██║ ╚██╗██║██║ ╚██╗╚██████╔╝    ██║  ██║██║'}
+      </Text>
+      <Text color={theme.primary}>
+        {'  ╚═╝  ╚═╝╚═╝╚═╝  ╚═╝ ╚═════╝     ╚═╝  ╚═╝╚═╝'}
+      </Text>
+      <Text />
+      <Box>
+        <Text color={theme.muted}>Architecture: </Text>
+        <Text bold color={theme.highlight}>Next-Gen v{PACKAGE_VERSION} </Text>
+        <Text color={theme.muted}>• SSOT Catalog • Dynamic Tool Router • Semantic Memory</Text>
+      </Box>
+      <Text />
+      <Text bold color={theme.secondary}>Example Questions & Capabilities:</Text>
+      <Text color={theme.text}>  <Text color={theme.primary}>[Dramas 2026]</Text> <Text>"What are Ju Jingyi's upcoming 2026 drama series (Veil of Shadows, Eternal Fragrance)?"</Text></Text>
+      <Text color={theme.text}>  <Text color={theme.primary}>[Characters ]</Text> <Text>"Tell me about Yang Caiwei in In Blossom and Han Yunxi in Legend of Yunxi."</Text></Text>
+      <Text color={theme.text}>  <Text color={theme.info}>[Music & OST]</Text> <Text>"What OST songs are from The Blooms at Ruyi Pavilion? /play Rain of Ginkgo"</Text></Text>
+      <Text color={theme.text}>  <Text color={theme.info}>[Global Brand]</Text> <Text>"Tell me about her Global Fragrance Ambassador role for Versace and luxury brands."</Text></Text>
+      <Text color={theme.text}>  <Text color={theme.success}>[Fact-Check ]</Text> <Text>"/verify Check Star48 contract status or /research 2026 broadcast licenses"</Text></Text>
+      <Text color={theme.text}>  <Text color={theme.success}>[Persona/Mem]</Text> <Text>"/skill learn Always answer politely as a passionate Miju fan club member"</Text></Text>
+      <Text color={theme.text}>  <Text color={theme.tertiary}>[Multi-Agent]</Text> <Text>"/subagent Investigate her upcoming drama production timeline and Weibo updates"</Text></Text>
+      <Text color={theme.text}>  <Text color={theme.tertiary}>[System Stats]</Text> <Text>"/stats or /doctor to inspect database records, models, and audio engine"</Text></Text>
+      <Text />
+      <Text>
+        <Text color={theme.tertiary}>Quick Commands: </Text>
+        <Text color={theme.info}>/help</Text>
+        <Text dimColor> • </Text>
+        <Text color={theme.success}>/subagent</Text>
+        <Text dimColor> • </Text>
+        <Text color={theme.success}>/research</Text>
+        <Text dimColor> • </Text>
+        <Text color={theme.success}>/verify</Text>
+        <Text dimColor> • </Text>
+        <Text color={theme.success}>/skill</Text>
+        <Text dimColor> • </Text>
+        <Text color={theme.success}>/exit</Text>
+        <Text dimColor> (Tab or ↑/↓ to navigate)</Text>
+      </Text>
+      <Text />
+    </Box>
+  );
+}
+
+function UserMessage({ text }) {
+  const theme = getInkPalette();
+
+  return (
+    <Box flexDirection="column">
+      <Text>
+        <Text color={theme.secondary} bold>{randomFanName()}: </Text>
+        <Text color={theme.text}>{text}</Text>
+      </Text>
+    </Box>
+  );
+}
+
+function StreamingResponse({ text, isStreaming }) {
+  if (!text && !isStreaming) return null;
+  const theme = getInkPalette();
+
+  const lines = text.split('\n');
+
+  return (
+    <Box flexDirection="column">
+      {lines.map((line, i) => (
+        <Box key={i}>
+          <Text>  </Text>
+          <Text color={theme.text}>{line || ' '}</Text>
+        </Box>
+      ))}
+      {isStreaming && (
+        <Box>
+          <Text color={theme.muted} dimColor> ▌</Text>
+        </Box>
+      )}
+    </Box>
+  );
+}
+
+function CompletedResponse({ text }) {
+  if (!text) return null;
+  const theme = getInkPalette();
+
+  const lines = text.split('\n');
+
+  return (
+    <Box flexDirection="column">
+      {lines.map((line, i) => (
+        <Box key={i}>
+          <Text>  </Text>
+          <Text color={theme.text}>{line || ' '}</Text>
+        </Box>
+      ))}
+    </Box>
+  );
+}
+
+function MusicStatusBar({ musicStatus }) {
+  if (!musicStatus) return null;
+  const theme = getInkPalette();
+
+  return (
+    <Box>
+      <Text color={theme.info}>{musicStatus} </Text>
+    </Box>
+  );
+}
+
+export function App({ agent, client, baseUrl, printHelp, printAd }) {
+  const { exit } = useApp();
+  const theme = getInkPalette();
+  const [outputLines, setOutputLines] = useState([]);
+  const [isProcessing, setIsProcessing] = useState(false);
+  const [lastQuery, setLastQuery] = useState(null);
+  const [finalAnswer, setFinalAnswer] = useState('');
+  const [, setThemeRevision] = useState(0);
+
+  const agentState = useAgentState();
+  const { text: streamingText, isStreaming, reset: resetStreaming } = useStreamingText();
+  const thinking = useThinking();
+  const { tools, clearTools } = useToolResults();
+  const { plan: taskPlan, clearPlan } = useTaskPlan();
+  const musicStatus = useEvent('music:state:change', '');
+
+  const agentStateLabel = isProcessing ? agentState.label : '';
+  const showStreaming = isStreaming && streamingText.length > 0;
+
+  useEffect(() => {
+    const unsub = eventBus.on(Events.AGENT_FINAL_ANSWER, (data) => {
+      setFinalAnswer(data?.answer || '');
+      setIsProcessing(false);
+      clearTools();
+    });
+    return unsub;
+  }, []);
+
+  useEffect(() => {
+    const unsub = eventBus.on(Events.AGENT_QUERY_ERROR, (data) => {
+      setOutputLines(prev => [...prev, {
+        type: 'error',
+        text: data?.error || 'Unknown error',
+        id: Date.now(),
+      }]);
+      setIsProcessing(false);
+    });
+    return unsub;
+  }, []);
+
+  const handleSubmit = useCallback(async (input) => {
+    const trimmed = input.trim();
+    if (!trimmed) return;
+
+    setOutputLines(prev => [...prev, {
+      type: 'user',
+      text: trimmed,
+      id: Date.now(),
+    }]);
+
+    if (trimmed.startsWith('/')) {
+      const { routeCommand } = await import('../commands.js');
+      const cmdCtx = {
+        agent,
+        client,
+        baseUrl,
+        sub: trimmed.split(/\s+/)[1] || '',
+        extra: trimmed.split(/\s+/).slice(2).join(' '),
+        parts: trimmed.split(/\s+/),
+        lastQuery,
+        printHelp,
+        printWelcome: () => {},
+        printAd,
+        enqueueQuery: () => {},
+        clearQueryQueue: () => {},
+        getQueryQueueLength: () => 0,
+      };
+
+      const result = await routeCommand(trimmed, cmdCtx);
+      const commandName = trimmed.split(/\s+/, 1)[0].toLowerCase();
+      if (commandName === '/theme' || commandName === '/themes') {
+        setThemeRevision(revision => revision + 1);
+      }
+      if (result === 'EXIT') {
+        exit();
+      }
+      return;
+    }
+
+    setLastQuery(trimmed);
+    setIsProcessing(true);
+    setFinalAnswer('');
+    resetStreaming();
+    clearTools();
+    clearPlan();
+
+    try {
+      const { sanitizeQuery } = await import('../sanitizer.js');
+      const { sanitized } = sanitizeQuery(trimmed);
+      const promptForLLM = sanitized || trimmed;
+
+      await agent.ask(promptForLLM, {
+        onStepStart: () => {},
+        onReasoningStart: () => {},
+        onReasoningDelta: () => {},
+        onReasoningEnd: () => {},
+        onToolStart: () => {},
+        onToolResult: () => {},
+        onTokenStart: () => {},
+        onTokenDelta: () => {},
+        onFinalAnswer: (answer) => {
+          setOutputLines(prev => [...prev, {
+            type: 'assistant',
+            text: answer,
+            tools: [...tools],
+            thinking: thinking.thinking,
+            thinkingDuration: thinking.duration,
+            id: Date.now(),
+          }]);
+          setIsProcessing(false);
+          setFinalAnswer('');
+          resetStreaming();
+          clearTools();
+        },
+        onError: (err) => {
+          setOutputLines(prev => [...prev, {
+            type: 'error',
+            text: err.message,
+            id: Date.now(),
+          }]);
+          setIsProcessing(false);
+        },
+      });
+    } catch (err) {
+      setOutputLines(prev => [...prev, {
+        type: 'error',
+        text: err.message,
+        id: Date.now(),
+      }]);
+      setIsProcessing(false);
+    }
+  }, [agent, client, baseUrl, lastQuery, tools, thinking]);
+
+  return (
+    <Box flexDirection="column" width="100%">
+      <Static items={[0]}>
+        {() => <Header key="header" />}
+      </Static>
+
+      <Box flexDirection="column">
+        {outputLines.map((line) => {
+          if (line.type === 'user') {
+            return <UserMessage key={line.id} text={line.text} />;
+          }
+          if (line.type === 'assistant') {
+            return (
+              <Box key={line.id} flexDirection="column">
+                {line.thinking && line.thinking.length > 0 && (
+                  <ThinkingPanel
+                    text={line.thinking}
+                    isActive={false}
+                    duration={line.thinkingDuration}
+                  />
+                )}
+                {line.tools && line.tools.length > 0 && (
+                  <ToolSummary tools={line.tools} />
+                )}
+                <CompletedResponse text={line.text} />
+              </Box>
+            );
+          }
+          if (line.type === 'error') {
+            return (
+              <Box key={line.id}>
+                <Text> </Text>
+                <Text color={theme.error}>[ERROR] {line.text}</Text>
+              </Box>
+            );
+          }
+          return null;
+        })}
+      </Box>
+
+      {isProcessing && (
+        <Box flexDirection="column">
+          {taskPlan && <TaskPlanPanel plan={taskPlan} />}
+
+          {thinking.isActive && (
+            <ThinkingPanel
+              text={thinking.thinking}
+              isActive={true}
+              duration={0}
+            />
+          )}
+
+          {tools.map((t, idx) => (
+            t.status === 'running'
+              ? <ToolRunning key={t.id || idx} name={t.name} args={t.args} />
+              : <ToolCompleted key={t.id || idx} name={t.name} result={t.result} duration={t.duration} />
+          ))}
+
+          {showStreaming && (
+            <StreamingResponse text={streamingText} isStreaming={true} />
+          )}
+        </Box>
+      )}
+
+      <PromptInput
+        onSubmit={handleSubmit}
+        musicStatus={musicStatus}
+        isProcessing={isProcessing}
+        agentStateLabel={agentStateLabel}
+      />
+    </Box>
+  );
+}