From a17c37a7b3772ce07fbdaf30a244911be28cedeb Mon Sep 17 00:00:00 2001
From: markov <markov@uix.su>
Date: Fri, 13 Mar 2026 22:32:40 +0100
Subject: [PATCH] fix: streaming display - hide text during tool use, truncate
 thinking, collapse by default

---
 web-client-vite/src/components/ChatPanel.tsx | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/web-client-vite/src/components/ChatPanel.tsx b/web-client-vite/src/components/ChatPanel.tsx
index ad35e80..d825703 100644
--- a/web-client-vite/src/components/ChatPanel.tsx
+++ b/web-client-vite/src/components/ChatPanel.tsx
@@ -354,12 +354,12 @@ export default function ChatPanel({ chatId, projectId }: Props) {
               <span className="animate-pulse">●</span>
             </div>
             {streaming.thinking && (
-              <details className="ml-5 mb-1" open>
+              <details className="ml-5 mb-1">
                 <summary className="text-xs text-[var(--muted)] cursor-pointer hover:text-[var(--fg)]">
-                  💭 Размышления
+                  💭 Размышления ({streaming.thinking.length} символов)
                 </summary>
                 <div className="mt-1 text-xs text-[var(--muted)] whitespace-pre-wrap bg-white/5 rounded p-2 max-h-[200px] overflow-y-auto">
-                  {streaming.thinking}
+                  {streaming.thinking.length > 500 ? '…' + streaming.thinking.slice(-500) : streaming.thinking}
                 </div>
               </details>
             )}
@@ -372,8 +372,8 @@ export default function ChatPanel({ chatId, projectId }: Props) {
                 ))}
               </div>
             )}
-            {streaming.text && (
-              <div className="ml-5 whitespace-pre-wrap">{streaming.text}</div>
+            {streaming.text && !streaming.tools.some(t => t.status === "running") && (
+              <div className="ml-5 whitespace-pre-wrap">{streaming.text.length > 500 ? '…' + streaming.text.slice(-500) : streaming.text}</div>
             )}
             {!streaming.text && streaming.tools.length === 0 && !streaming.thinking && (
               <div className="ml-5 text-[var(--muted)] italic">Думает...</div>