fix: remove tool_result rendering, clean up JSONL parser, fix thinking badge padding

- Remove collapsible tool result blocks (cluttered chat history with system responses)
- Remove tool_result parsing from parseJsonlToMessages (tool results are noise, not user content)
- Remove toolUseIdToName tracking (no longer needed)
- Fix thinking-msg left padding: 44px → 34px
- loadSess: remove tool_result from badge-count skip list

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>

Author: Lexus2016

README.md

@@ -87,7 +87,7 @@ Not a chatbot. "Refactor this function and add tests" → Claude opens files, ed
 
 **Claude CLI session import** — import existing sessions from Claude Code CLI (`~/.claude/projects/`) directly into Studio. Click the ↓ button in the header, pick a project path, select sessions, import. Already-imported sessions are marked so you don't duplicate them. Works on Windows (`C:\...`), macOS, and Linux; supports `~` path expansion.
 
-**Extended thinking** — when Claude uses extended thinking, each thinking block appears as a "Chain of thought" badge showing estimated word count. Click to open the full reasoning in a modal with a copy button. Tool results are shown as collapsible blocks with tool name, preview, and line count — no more noise, full detail on demand.
+**Extended thinking** — when Claude uses extended thinking, each thinking block appears as a "Chain of thought" badge showing estimated word count. Click to open the full reasoning in a modal with a copy button.
 
 ### 📋 Kanban Board
 
@@ -249,7 +249,7 @@ npx github:Lexus2016/claude-code-studio    # launch as usual
 
 | Category | Features |
 |----------|----------|
-| **Chat** | Real-time streaming, screenshot paste, file attach (`@file`), conversation fork, auto-continue (3x), session compact, sidebar quick-filter, CLI session import, extended thinking display, collapsible tool results |
+| **Chat** | Real-time streaming, screenshot paste, file attach (`@file`), conversation fork, auto-continue (3x), session compact, sidebar quick-filter, CLI session import, extended thinking display |
 | **Kanban** | Task queue, parallel + sequential, cross-tab sync, drag-and-drop tabs, dependency graphs |
 | **Scheduler** | One-time + recurring (hourly/daily/weekly/monthly), 5 parallel workers, Run Now, SQLite-persisted |
 | **Task Manager** | Autonomous child tasks, chains, context passing, result reporting, cancellation (MCP) |

README_RU.md

@@ -87,7 +87,7 @@ MIRROR=my-registry.company.com docker compose up -d --build
 
 **Импорт сессий Claude CLI** — импортируйте существующие сессии Claude Code CLI из `~/.claude/projects/` прямо в Studio. Нажмите кнопку ↓ в шапке, укажите путь к проекту, выберите сессии, импортируйте. Уже импортированные сессии отмечаются, чтобы не было дублей. Работает на Windows (`C:\...`), macOS и Linux; поддерживается раскрытие `~`.
 
-**Расширенное мышление** — когда Claude использует extended thinking, каждый блок размышлений отображается как бейдж «Chain of thought» с оценкой количества слов. Нажмите, чтобы открыть полную цепочку рассуждений в модальном окне с кнопкой копирования. Результаты инструментов отображаются как сворачиваемые блоки с названием инструмента, превью и количеством строк — минимум шума, полная детализация по запросу.
+**Расширенное мышление** — когда Claude использует extended thinking, каждый блок размышлений отображается как бейдж «Chain of thought» с оценкой количества слов. Нажмите, чтобы открыть полную цепочку рассуждений в модальном окне с кнопкой копирования.
 
 ### 📋 Kanban-доска
 
@@ -249,7 +249,7 @@ npx github:Lexus2016/claude-code-studio    # запуск как обычно
 
 | Категория | Возможности |
 |----------|----------|
-| **Чат** | Потоковая передача в реальном времени, вставка скриншотов, прикрепление файлов (`@file`), ветвление разговора, автопродолжение (3x), сжатие сессий, быстрый фильтр боковой панели, импорт сессий CLI, отображение extended thinking, сворачиваемые результаты инструментов |
+| **Чат** | Потоковая передача в реальном времени, вставка скриншотов, прикрепление файлов (`@file`), ветвление разговора, автопродолжение (3x), сжатие сессий, быстрый фильтр боковой панели, импорт сессий CLI, отображение extended thinking |
 | **Kanban** | Очередь задач, параллельное + последовательное выполнение, синхронизация между вкладками, drag-and-drop вкладок, графы зависимостей |
 | **Планировщик** | Разовые + повторяющиеся (ежечасно/ежедневно/еженедельно/ежемесячно), 5 параллельных воркеров, Run Now, хранение в SQLite |
 | **Менеджер задач** | Автономные дочерние задачи, цепочки, передача контекста, отчётность о результатах, отмена (MCP) |

README_UA.md

@@ -87,7 +87,7 @@ MIRROR=my-registry.company.com docker compose up -d --build
 
 **Імпорт сесій Claude CLI** — імпортуйте наявні сесії Claude Code CLI з `~/.claude/projects/` прямо в Studio. Натисніть кнопку ↓ у шапці, вкажіть шлях до проекту, виберіть сесії, імпортуйте. Вже імпортовані сесії позначаються, щоб уникнути дублів. Працює на Windows (`C:\...`), macOS та Linux; підтримується розкриття `~`.
 
-**Extended thinking** — коли Claude використовує розширене мислення, кожен блок думок відображається як бейдж «Chain of thought» з оцінкою кількості слів. Натисніть, щоб відкрити повний ланцюжок міркувань у модальному вікні з кнопкою копіювання. Результати інструментів відображаються як згортувані блоки з назвою інструменту, прев'ю та кількістю рядків — мінімум шуму, повна деталізація на запит.
+**Extended thinking** — коли Claude використовує розширене мислення, кожен блок думок відображається як бейдж «Chain of thought» з оцінкою кількості слів. Натисніть, щоб відкрити повний ланцюжок міркувань у модальному вікні з кнопкою копіювання.
 
 ### 📋 Kanban-дошка
 
@@ -249,7 +249,7 @@ npx github:Lexus2016/claude-code-studio    # запуск як зазвичай
 
 | Категорія | Можливості |
 |----------|----------|
-| **Чат** | Потокова передача в реальному часі, вставка скріншотів, прикріплення файлів (`@file`), форк розмови, авто-продовження (3x), стиснення сесій, швидкий фільтр бічної панелі, імпорт сесій CLI, відображення extended thinking, згортувані результати інструментів |
+| **Чат** | Потокова передача в реальному часі, вставка скріншотів, прикріплення файлів (`@file`), форк розмови, авто-продовження (3x), стиснення сесій, швидкий фільтр бічної панелі, імпорт сесій CLI, відображення extended thinking |
 | **Kanban** | Черга завдань, паралельно + послідовно, синхронізація між вкладками, drag-and-drop вкладки, графи залежностей |
 | **Scheduler** | Одноразово + повторювані (щогодини/щодня/щотижня/щомісяця), 5 паралельних воркерів, Run Now, збереження в SQLite |
 | **Task Manager** | Автономні дочірні завдання, ланцюжки, передача контексту, звітування про результати, скасування (MCP) |

public/index.html

@@ -41,26 +41,9 @@
 }
 .thinking-badge:hover { border-color: var(--accent); color: var(--accent2); background: var(--abg); }
 .thinking-badge svg { width: 11px; height: 11px; flex-shrink: 0; }
-.mw.assistant.thinking-msg { background: transparent; padding: 2px 12px 2px 44px; }
+.mw.assistant.thinking-msg { background: transparent; padding: 2px 12px 2px 34px; }
 .mw.assistant.thinking-msg .msg { background: transparent; box-shadow: none; padding: 0; }
 
-/* ─── Tool result block ─── */
-.tool-result-block {
-  border: 1px solid var(--border); border-radius: var(--r-sm);
-  background: var(--tool-bg); font-size: 11px; overflow: hidden; margin: 2px 0;
-}
-.tr-header {
-  display: flex; align-items: center; gap: 6px; padding: 5px 10px;
-  cursor: pointer; user-select: none; color: var(--muted);
-  transition: background .1s; font-family: var(--font-mono);
-}
-.tr-header:hover { background: var(--s2); }
-.tr-header .tr-arrow { font-size: 10px; transition: transform .2s; flex-shrink: 0; }
-.tr-header.open .tr-arrow { transform: rotate(90deg); }
-.tr-content { margin: 0; padding: 8px 10px; border-top: 1px solid var(--border); overflow-x: auto; white-space: pre-wrap; word-break: break-all; max-height: 320px; overflow-y: auto; font-family: var(--font-mono); font-size: 11px; color: var(--text); display: none; }
-.tr-content.open { display: block; }
-.mw.user.tool-result-msg { background: transparent; padding: 2px 12px; }
-.mw.user.tool-result-msg .msg { background: transparent; box-shadow: none; padding: 0; border: none; }
 
 /* ─── Thinking modal ─── */
 .thinking-modal-body {
@@ -7553,28 +7536,6 @@ <h3 id="rlModalTitle">Ліміт вичерпано</h3>
     return w;
   }
 
-  // ── Tool result: render as collapsible block ──
-  if (m.type === 'tool_result') {
-    const w = document.createElement('div');
-    w.className = 'mw user tool-result-msg';
-    if (m.id) w.dataset.msgId = String(m.id);
-    const raw = m.content || '';
-    const lines = raw.split('\n');
-    const lineCount = lines.length;
-    const preview = lines.slice(0, 2).join('\n');
-    const block = document.createElement('div');
-    block.className = 'tool-result-block';
-    const toolLabel = m.tool_name ? escH(m.tool_name) + ' result' : 'tool result';
-    block.innerHTML = `<div class="tr-header" onclick="this.classList.toggle('open');this.nextElementSibling.classList.toggle('open')"><span class="tr-arrow">▶</span><span style="font-size:11px;color:var(--muted)">${toolLabel}</span><span style="margin-left:4px;color:var(--text);flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap">${escH(preview.substring(0,80))}${lineCount > 2 ? '…' : ''}</span><span style="font-size:10px;color:var(--muted);flex-shrink:0;margin-left:6px">${lineCount} line${lineCount !== 1 ? 's' : ''}</span></div><pre class="tr-content">${escH(raw)}</pre>`;
-    const div = document.createElement('div');
-    div.className = 'msg';
-    div.appendChild(block);
-    w.appendChild(div);
-    if (prepend) { const f = msgsEl.querySelector('.mw, .agent-team-card'); if (f) msgsEl.insertBefore(w, f); else msgsEl.prepend(w); }
-    else msgsEl.appendChild(w);
-    return w;
-  }
-
   const w = document.createElement('div');
   w.className = `mw ${m.role}`;
   if (m.id) w.dataset.msgId = String(m.id);
@@ -7810,7 +7771,7 @@ <h3 id="rlModalTitle">Ліміт вичерпано</h3>
             // Single mode: scan backward for consecutive tool rows before this text message
             const tc = {};
             for (let j = i - 1; j >= 0; j--) {
-              if (raw[j].type === 'thinking' || raw[j].type === 'tool_result') continue;
+              if (raw[j].type === 'thinking') continue;
               if (raw[j].type !== 'tool' || raw[j].agent_id) break;
               const tn = raw[j].tool_name || 'tool';
               tc[tn] = (tc[tn] || 0) + 1;

server.js

@@ -3964,8 +3964,6 @@ function parseJsonlToMessages(jsonlPath) {
     const lines = fs.readFileSync(jsonlPath, 'utf8').trim().split('\n').filter(Boolean);
     const msgs = [];
     let idCounter = 1;
-    // Maps tool_use_id → tool name so tool_result messages show the real tool name
-    const toolUseIdToName = {};
     for (const line of lines) {
       let d; try { d = JSON.parse(line); } catch { continue; }
       const ts = d.timestamp || null;
@@ -3976,23 +3974,20 @@ function parseJsonlToMessages(jsonlPath) {
             msgs.push({ id: idCounter++, role: 'user', type: 'text', content: mc, tool_name: null, agent_id: null, created_at: ts });
           continue;
         }
+        // Only show text blocks; tool_result entries are system responses to tool calls
+        // (not user-written messages) — showing them clutters history with "Read result" etc.
         const textBlocks = mc.filter(b => b.type === 'text' && b.text?.trim());
         if (textBlocks.length > 0)
           msgs.push({ id: idCounter++, role: 'user', type: 'text', content: textBlocks.map(b => b.text).join('\n'), tool_name: null, agent_id: null, created_at: ts });
-        for (const b of mc.filter(b => b.type === 'tool_result')) {
-          const raw = typeof b.content === 'string' ? b.content : (Array.isArray(b.content) ? b.content.map(c => c.text || '').join('\n') : '');
-          msgs.push({ id: idCounter++, role: 'user', type: 'tool_result', content: raw.substring(0, 20000), tool_name: toolUseIdToName[b.tool_use_id] || null, agent_id: null, created_at: ts });
-        }
       } else if (d.type === 'assistant') {
         const mc = d.message?.content;
         if (!Array.isArray(mc)) continue;
         for (const b of mc) {
           if (b.type === 'thinking' && b.thinking)
             msgs.push({ id: idCounter++, role: 'assistant', type: 'thinking', content: b.thinking, tool_name: null, agent_id: null, created_at: ts });
-          else if (b.type === 'tool_use' && b.name) {
-            if (b.id) toolUseIdToName[b.id] = b.name; // register for tool_result lookup
+          else if (b.type === 'tool_use' && b.name)
             msgs.push({ id: idCounter++, role: 'assistant', type: 'tool', content: (typeof b.input === 'string' ? b.input : JSON.stringify(b.input || {})).substring(0, 2000), tool_name: b.name, agent_id: null, created_at: ts });
-          } else if (b.type === 'text' && b.text)
+          else if (b.type === 'text' && b.text)
             msgs.push({ id: idCounter++, role: 'assistant', type: 'text', content: b.text, tool_name: null, agent_id: null, created_at: ts });
         }
       }