fix: conversations总结添加旋转动画并等待完成后刷新

Co-Authored-By: Rayner Zeng <1361209507@qq.com>

Author: ZengLiangYi

server/src/cli/ui/views/ConversationsView.tsx

@@ -1,4 +1,4 @@
-import React, { useCallback, useMemo, useState } from 'react';
+import React, { useCallback, useEffect, useMemo, useState } from 'react';
 import { InteractiveList, type ColumnDef } from '../components/InteractiveList.js';
 import { usePagination } from '../hooks/usePagination.js';
 import { getLocale } from '../locale/index.js';
@@ -29,6 +29,14 @@ interface ConversationsViewProps {
 export function ConversationsView({ client, source, status, search, onSelect, onSearch, onQuit }: ConversationsViewProps) {
   const t = getLocale();
   const [summarizing, setSummarizing] = useState<string | null>(null);
+  const [spinFrame, setSpinFrame] = useState(0);
+  const spinChars = ['⠋', '⠙', '⠹', '⠸', '⠼', '⠴', '⠦', '⠧', '⠇', '⠏'];
+
+  useEffect(() => {
+    if (!summarizing) return;
+    const timer = setInterval(() => setSpinFrame(prev => (prev + 1) % spinChars.length), 80);
+    return () => clearInterval(timer);
+  }, [summarizing]);
 
   const fetchPage = useCallback(async (offset: number, limit: number) => {
     const data = await client.getConversations({ source, status, search, offset, limit });
@@ -58,6 +66,15 @@ export function ConversationsView({ client, source, status, search, onSelect, on
     setSummarizing(item.id);
     try {
       await client.summarize(item.id);
+      // Poll until status changes (summarization is async via queue)
+      for (let i = 0; i < 30; i++) {
+        await new Promise(r => setTimeout(r, 2000));
+        const data = await client.getConversations({ search: item.id, limit: 1 });
+        const updated = data.items.find(c => c.id === item.id);
+        if (updated && updated.status !== 'imported') {
+          break;
+        }
+      }
       reload();
     } catch { /* ignore */ }
     finally { setSummarizing(null); }
@@ -82,7 +99,7 @@ export function ConversationsView({ client, source, status, search, onSelect, on
       extraHints={extraHints}
       title={t.conversationsTitle}
       renderPreview={(item) => {
-        if (summarizing === item.id) return `⟳ ...`;
+        if (summarizing === item.id) return `${spinChars[spinFrame]} ${t.hints.summarize.split(':')[1]}...`;
         if (item.status === 'summarized') return `${item.source} | ${item.project_name} | ${item.message_count} msgs`;
         return `${t.notSummarized} — ${t.pressSToSummarize}`;
       }}