From 55f9838bcbdef7e5c1327fb8576263879ffe5af9 Mon Sep 17 00:00:00 2001
From: Rick Ye <rick.ye@gz.questwork.com>
Date: Tue, 8 Sep 2026 00:01:08 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E6=B5=81=E5=BC=8F=E6=80=9D=E8=80=83?=
 =?UTF-8?q?=E8=A1=8C=E9=9A=8F=E5=88=B0=E9=9A=8F=E6=98=BE=EF=BC=8C=E6=B6=88?=
 =?UTF-8?q?=E9=99=A4=E5=BA=95=E9=83=A8=E9=9A=90=E5=BD=A2=E5=8D=A0=E4=BD=8D?=
 =?UTF-8?q?=E7=A9=BA=E7=99=BD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/renderer/src/components/Thinking.tsx        | 13 +++++++++++--
 1 file changed, 11 insertions(+), 2 deletions(-)

diff --git a/apps/desktop/src/renderer/src/components/Thinking.tsx b/apps/desktop/src/renderer/src/components/Thinking.tsx
index d6d36d0..ff26c14 100644
--- a/apps/desktop/src/renderer/src/components/Thinking.tsx
+++ b/apps/desktop/src/renderer/src/components/Thinking.tsx
@@ -18,6 +18,11 @@ export function Thinking({
   const [manualExpanded, setManualExpanded] = useState<boolean | null>(null)
   const expanded = manualExpanded ?? streaming
 
+  // 流式轨迹的行必须「随到随显」：fade-up 的 both+delay 会让新行在延迟期间
+  // 透明但占高，流式期间底部因此持续留出一大片空白。交错入场只保留给
+  // 非流式一次性渲染的静态轨迹（挂载时决定，之后不变更，避免整段重播动画）。
+  const streamedMountRef = useRef(streaming)
+
   const traceRef = useRef<HTMLDivElement>(null)
   const [lineHeight, setLineHeight] = useState(0)
   useLayoutEffect(() => {
@@ -98,9 +103,13 @@ export function Thinking({
             <div ref={traceRef} className="flex flex-col gap-1 py-1">
               {rows.map((row, i) => (
                 <div
-                  key={`${i}-${row.primary.slice(0, 12)}`}
+                  key={i}
                   className="flex min-h-7 w-full items-start gap-2 rounded-control px-1.5 py-0.5 text-left"
-                  style={{ animation: `fade-up 400ms ease ${Math.min(i, 8) * 120}ms both` }}
+                  style={{
+                    animation: streamedMountRef.current
+                      ? 'fade-up 250ms ease'
+                      : `fade-up 400ms ease ${Math.min(i, 8) * 120}ms both`
+                  }}
                 >
                   <span className="min-w-0 text-[12.5px] leading-relaxed break-words text-ink-2">{row.primary}</span>
                 </div>