From 730d50bc63257b931c1fbd91d1998eddee252607 Mon Sep 17 00:00:00 2001
From: iven <iven_h@qq.com>
Date: Sat, 11 Apr 2026 12:58:27 +0800
Subject: [PATCH] =?UTF-8?q?feat(ui):=20=E7=AE=A1=E5=AE=B6=20Tab=20?=
 =?UTF-8?q?=E7=A9=BA=E7=8A=B6=E6=80=81=E5=A2=9E=E5=8A=A0=E5=BC=95=E5=AF=BC?=
 =?UTF-8?q?=E6=96=87=E6=A1=88=20+=20=E7=AB=8B=E5=8D=B3=E5=88=86=E6=9E=90?=
 =?UTF-8?q?=E6=8C=89=E9=92=AE?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 无数据时显示友好引导文案
- 分析按钮要求至少 2 条对话
- 分析中显示加载状态
---
 desktop/src/components/ButlerPanel/index.tsx | 75 ++++++++++++++++----
 1 file changed, 60 insertions(+), 15 deletions(-)

diff --git a/desktop/src/components/ButlerPanel/index.tsx b/desktop/src/components/ButlerPanel/index.tsx
index 0052b0d..7a12932 100644
--- a/desktop/src/components/ButlerPanel/index.tsx
+++ b/desktop/src/components/ButlerPanel/index.tsx
@@ -1,4 +1,6 @@
+import { useState } from 'react';
 import { useButlerInsights } from '../../hooks/useButlerInsights';
+import { useChatStore } from '../../store/chatStore';
 import { InsightsSection } from './InsightsSection';
 import { ProposalsSection } from './ProposalsSection';
 import { MemorySection } from './MemorySection';
@@ -9,6 +11,21 @@ interface ButlerPanelProps {
 
 export function ButlerPanel({ agentId }: ButlerPanelProps) {
   const { painPoints, proposals, loading, error, refresh } = useButlerInsights(agentId);
+  const messageCount = useChatStore((s) => s.messages.length);
+  const [analyzing, setAnalyzing] = useState(false);
+
+  const hasData = (painPoints?.length ?? 0) > 0 || (proposals?.length ?? 0) > 0;
+  const canAnalyze = messageCount >= 2;
+
+  const handleAnalyze = async () => {
+    if (!canAnalyze || analyzing) return;
+    setAnalyzing(true);
+    try {
+      await refresh();
+    } finally {
+      setAnalyzing(false);
+    }
+  };
 
   if (!agentId) {
     return (
@@ -32,23 +49,51 @@ export function ButlerPanel({ agentId }: ButlerPanelProps) {
         </div>
       )}
 
-      {/* Insights section */}
-      <div>
-        <h3 className="text-sm font-semibold text-gray-900 dark:text-gray-100 mb-2">
-          我最近在关注
-        </h3>
-        <InsightsSection painPoints={painPoints} onGenerate={refresh} />
-      </div>
+      {!loading && !hasData && (
+        <div className="flex flex-col items-center justify-center py-8 text-center">
+          <div className="text-gray-400 dark:text-gray-500 mb-3">
+            <svg className="w-12 h-12 mx-auto" fill="none" viewBox="0 0 24 24" stroke="currentColor">
+              <path strokeLinecap="round" strokeLinejoin="round" strokeWidth={1.5} d="M9.813 15.904L9 18.75l-.813-2.846a4.5 4.5 0 00-3.09-3.09L2.25 12l2.846-.813a4.5 4.5 0 003.09-3.09L9 5.25l.813 2.846a4.5 4.5 0 003.09 3.09L15.75 12l-2.846.813a4.5 4.5 0 00-3.09 3.09z" />
+            </svg>
+          </div>
+          <p className="text-sm text-gray-500 dark:text-gray-400 mb-3">
+            管家正在了解您，多轮对话后会自动发现您的需求
+          </p>
+          <button
+            onClick={handleAnalyze}
+            disabled={!canAnalyze || analyzing}
+            className={`text-xs px-3 py-1.5 rounded-lg transition-colors ${
+              canAnalyze && !analyzing
+                ? 'bg-blue-50 dark:bg-blue-900/20 text-blue-600 dark:text-blue-400 hover:bg-blue-100 dark:hover:bg-blue-900/30'
+                : 'bg-gray-100 dark:bg-gray-800 text-gray-400 dark:text-gray-500 cursor-not-allowed'
+            }`}
+          >
+            {analyzing ? '分析中...' : canAnalyze ? '立即分析对话' : '至少需要 2 条对话才能分析'}
+          </button>
+        </div>
+      )}
 
-      {/* Proposals section */}
-      <div>
-        <h3 className="text-sm font-semibold text-gray-900 dark:text-gray-100 mb-2">
-          我提出的方案
-        </h3>
-        <ProposalsSection proposals={proposals} onStatusChange={refresh} />
-      </div>
+      {(hasData || loading) && (
+        <>
+          {/* Insights section */}
+          <div>
+            <h3 className="text-sm font-semibold text-gray-900 dark:text-gray-100 mb-2">
+              我最近在关注
+            </h3>
+            <InsightsSection painPoints={painPoints} onGenerate={refresh} />
+          </div>
 
-      {/* Memory section */}
+          {/* Proposals section */}
+          <div>
+            <h3 className="text-sm font-semibold text-gray-900 dark:text-gray-100 mb-2">
+              我提出的方案
+            </h3>
+            <ProposalsSection proposals={proposals} onStatusChange={refresh} />
+          </div>
+        </>
+      )}
+
+      {/* Memory section (always show) */}
       <div>
         <h3 className="text-sm font-semibold text-gray-900 dark:text-gray-100 mb-2">
           我记得关于您