From 93a45e08237f52c61a9881a2980f78ee208c70ff Mon Sep 17 00:00:00 2001
From: 777genius <quantjumppro@gmail.com>
Date: Sun, 31 May 2026 05:13:22 +0300
Subject: [PATCH] perf(renderer): defer lead thought preview work

---
 .../team/activity/LeadThoughtsGroup.tsx       | 27 +++++++++++--------
 1 file changed, 16 insertions(+), 11 deletions(-)

diff --git a/src/renderer/components/team/activity/LeadThoughtsGroup.tsx b/src/renderer/components/team/activity/LeadThoughtsGroup.tsx
index 4c17b572..35eae786 100644
--- a/src/renderer/components/team/activity/LeadThoughtsGroup.tsx
+++ b/src/renderer/components/team/activity/LeadThoughtsGroup.tsx
@@ -581,9 +581,6 @@ const LeadThoughtsGroupRowComponent = ({
   const oldest = thoughts[thoughts.length - 1];
   const leadName = newest.from;
 
-  // Chronological order for rendering (oldest at top, newest at bottom)
-  const chronologicalThoughts = useMemo(() => [...thoughts].reverse(), [thoughts]);
-
   // Aggregate tool usage across all thoughts in this group
   const totalToolSummary = useMemo(() => {
     const merged: Record<string, number> = {};
@@ -609,8 +606,22 @@ const LeadThoughtsGroupRowComponent = ({
     return calls.length > 0 ? calls : undefined;
   }, [thoughts]);
 
+  const [expanded, setExpanded] = useState(false);
+  const [needsTruncation, setNeedsTruncation] = useState(false);
+  const isManaged = collapseMode === 'managed';
+  const isBodyVisible = isManaged ? !isCollapsed : true;
+  const canToggleBodyVisibility = isManaged && canToggleCollapse;
+  const useCompactCollapsedHeader = compactHeader && !isBodyVisible;
+
+  // Chronological order for rendering (oldest at top, newest at bottom)
+  const chronologicalThoughts = useMemo(
+    () => (isBodyVisible ? [...thoughts].reverse() : []),
+    [isBodyVisible, thoughts]
+  );
+
   // Reuse the same markdown preprocessing as the expanded thought body.
   const compactPreviewMarkdown = useMemo(() => {
+    if (isBodyVisible) return null;
     // Try newest first (most relevant), then scan for any text
     for (const t of thoughts) {
       if (t.text && t.text.trim()) {
@@ -626,8 +637,9 @@ const LeadThoughtsGroupRowComponent = ({
       }
     }
     return totalToolSummary;
-  }, [memberColorMap, teamNames, thoughts, totalToolSummary]);
+  }, [isBodyVisible, memberColorMap, teamNames, thoughts, totalToolSummary]);
   const compactPreviewTooltipText = useMemo(() => {
+    if (!compactPreviewMarkdown) return null;
     const normalized = extractMarkdownPlainTextCached(compactPreviewMarkdown ?? '')
       .replace(/\n+/g, ' ')
       .trim();
@@ -637,11 +649,6 @@ const LeadThoughtsGroupRowComponent = ({
   // Detect if any thought in this group is an API error
   const hasApiError = useMemo(() => thoughts.some((t) => isApiErrorMessage(t.text)), [thoughts]);
 
-  const [expanded, setExpanded] = useState(false);
-  const [needsTruncation, setNeedsTruncation] = useState(false);
-  const isManaged = collapseMode === 'managed';
-  const isBodyVisible = isManaged ? !isCollapsed : true;
-  const canToggleBodyVisibility = isManaged && canToggleCollapse;
   const handleBodyToggle = useCallback(() => {
     if (canToggleBodyVisibility && collapseToggleKey) {
       onToggleCollapse?.(collapseToggleKey);
@@ -798,8 +805,6 @@ const LeadThoughtsGroupRowComponent = ({
     const newestTime = formatTime(newest.timestamp);
     return oldestTime === newestTime ? oldestTime : `${oldestTime}–${newestTime}`;
   }, [newest.timestamp, oldest.timestamp]);
-  const useCompactCollapsedHeader = compactHeader && !isBodyVisible;
-
   return (
     <AnimatedHeightReveal animate={isNew} containerRef={ref} style={{ overflowAnchor: 'none' }}>
       <article