sisyphi 1.1.8 → 1.1.10

package/dist/tui.js

@@ -333,6 +333,12 @@ function createAppState(cwd2) {
     cachedReportBlocks: /* @__PURE__ */ new Map(),
     cachedTreeNodes: null,
     treeCacheKey: "",
+    cachedDetailLines: null,
+    detailCacheKey: "",
+    detailRenderedCache: { lines: [], ansi: [] },
+    cachedLogsLines: null,
+    logsCacheKey: "",
+    logsRenderedCache: { lines: [], ansi: [] },
     cwd: cwd2
   };
 }
@@ -1651,13 +1657,21 @@ function renderLine(segs) {
   }
   return out;
 }
+var cachedBlank = "";
+var cachedBlankWidth = 0;
 function createFrameBuffer(width, height) {
-  const blank = " ".repeat(width);
-  return {
-    lines: Array.from({ length: height }, () => blank),
-    width,
-    height
-  };
+  if (width !== cachedBlankWidth) {
+    cachedBlank = " ".repeat(width);
+    cachedBlankWidth = width;
+  }
+  const lines = new Array(height);
+  for (let i = 0; i < height; i++) lines[i] = cachedBlank;
+  return { lines, width, height };
+}
+function copyRows(buf, src, startRow, count) {
+  for (let i = 0; i < count && startRow + i < buf.height; i++) {
+    buf.lines[startRow + i] = src[startRow + i];
+  }
 }
 function flushFrame(frame, prevFrame2) {
   let out = "\x1B[?2026h";
@@ -1672,6 +1686,71 @@ function flushFrame(frame, prevFrame2) {
   return out;
 }
 var ANSI_RE = /\x1b\[[0-9;]*[a-zA-Z]/g;
+function clipAnsi(content, maxWidth) {
+  let out = "";
+  let displayWidth = 0;
+  let i = 0;
+  while (i < content.length) {
+    if (content[i] === "\x1B" && content[i + 1] === "[") {
+      const seqLen = ansiLen(content, i);
+      if (seqLen > 0) {
+        out += content.substring(i, i + seqLen);
+        i += seqLen;
+        continue;
+      }
+    }
+    const cp = content.codePointAt(i);
+    const ch = String.fromCodePoint(cp);
+    const chWidth = cp < 128 ? 1 : stringWidth2(ch);
+    if (displayWidth + chWidth > maxWidth) break;
+    out += ch;
+    displayWidth += chWidth;
+    i += ch.length;
+  }
+  if (out.includes("\x1B[") && !out.endsWith("\x1B[0m")) {
+    out += "\x1B[0m";
+  }
+  const remaining = maxWidth - displayWidth;
+  if (remaining > 0) out += " ".repeat(remaining);
+  return out;
+}
+function displayWidthFast(s) {
+  let w = 0;
+  let i = 0;
+  while (i < s.length) {
+    if (s[i] === "\x1B" && s[i + 1] === "[") {
+      const len = ansiLen(s, i);
+      if (len > 0) {
+        i += len;
+        continue;
+      }
+    }
+    const cp = s.codePointAt(i);
+    const ch = String.fromCodePoint(cp);
+    w += cp < 128 ? 1 : stringWidth2(ch);
+    i += ch.length;
+  }
+  return w;
+}
+function ansiLen(s, i) {
+  let j = i + 2;
+  const len = s.length;
+  while (j < len) {
+    const c = s.charCodeAt(j);
+    if (c >= 48 && c <= 57 || c === 59) {
+      j++;
+    } else {
+      break;
+    }
+  }
+  if (j < len) {
+    const c = s.charCodeAt(j);
+    if (c >= 65 && c <= 90 || c >= 97 && c <= 122) {
+      return j + 1 - i;
+    }
+  }
+  return 0;
+}
 function writeAt(buf, x, y, content) {
   if (y < 0 || y >= buf.height) return;
   if (x < 0 || x >= buf.width) return;
@@ -1691,16 +1770,16 @@ function writeClipped(buf, x, y, content, maxWidth) {
   let i = 0;
   while (i < content.length) {
     if (content[i] === "\x1B" && content[i + 1] === "[") {
-      const match = content.slice(i).match(/^\x1b\[[0-9;]*[a-zA-Z]/);
-      if (match) {
-        out += match[0];
-        i += match[0].length;
+      const seqLen = ansiLen(content, i);
+      if (seqLen > 0) {
+        out += content.substring(i, i + seqLen);
+        i += seqLen;
         continue;
       }
     }
     const cp = content.codePointAt(i);
     const ch = String.fromCodePoint(cp);
-    const chWidth = stringWidth2(ch);
+    const chWidth = cp < 128 ? 1 : stringWidth2(ch);
     if (displayWidth + chWidth > maxWidth) break;
     out += ch;
     displayWidth += chWidth;
@@ -1713,7 +1792,12 @@ function writeClipped(buf, x, y, content, maxWidth) {
   if (remaining > 0) {
     out += " ".repeat(remaining);
   }
-  writeAt(buf, x, y, out);
+  const existing = buf.lines[y];
+  const prefix = sliceDisplayCols(existing, 0, x);
+  const suffix = sliceDisplayCols(existing, x + maxWidth, buf.width);
+  const prefixDisplayW = displayWidthFast(prefix);
+  const paddedPrefix = prefixDisplayW < x ? prefix + " ".repeat(x - prefixDisplayW) : prefix;
+  buf.lines[y] = paddedPrefix + out + suffix;
 }
 function writeCenter(buf, row, content) {
   const textWidth = stringWidth2(content.replace(ANSI_RE, ""));
@@ -1730,28 +1814,75 @@ function drawBorder(buf, x, y, w, h, color) {
     writeAt(buf, x + w - 1, row, sgr + "\u2502" + reset);
   }
 }
-function renderPanel(buf, rect, lines, scrollOffset, focused, borderColor) {
-  const { x, y, w, h } = rect;
-  drawBorder(buf, x, y, w, h, focused ? "blue" : borderColor);
-  const innerX = x + 2;
+function buildPanelRows(rect, lines, scrollOffset, focused, borderColor, renderedCache) {
+  const { w, h } = rect;
+  const rows = new Array(h);
+  const color = focused ? "blue" : borderColor;
+  const sgr = `\x1B[${colorToSGR(color)}m`;
+  const reset = "\x1B[0m";
   const innerW = w - 4;
-  const innerY = y + 1;
   const innerH = h - 2;
-  if (innerW <= 0 || innerH <= 0) return;
+  const blankInner = " ".repeat(innerW);
+  rows[0] = sgr + "\u256D" + "\u2500".repeat(w - 2) + "\u256E" + reset;
+  rows[h - 1] = sgr + "\u2570" + "\u2500".repeat(w - 2) + "\u256F" + reset;
+  const borderL = sgr + "\u2502" + reset + " ";
+  const borderR = " " + sgr + "\u2502" + reset;
+  const emptyRow = borderL + blankInner + borderR;
+  for (let i = 1; i < h - 1; i++) rows[i] = emptyRow;
+  if (innerW <= 0 || innerH <= 0) return rows;
+  let ansiLines;
+  if (renderedCache && renderedCache.lines === lines) {
+    ansiLines = renderedCache.ansi;
+  } else {
+    ansiLines = new Array(lines.length);
+    for (let i = 0; i < lines.length; i++) {
+      ansiLines[i] = renderLine(lines[i]);
+    }
+    if (renderedCache) {
+      renderedCache.lines = lines;
+      renderedCache.ansi = ansiLines;
+    }
+  }
   const hasOverflow = lines.length > innerH;
   const viewableH = hasOverflow ? innerH - 1 : innerH;
   const maxScroll = Math.max(0, lines.length - viewableH);
   const effectiveOffset = Math.min(scrollOffset, maxScroll);
-  const visible = lines.slice(effectiveOffset, effectiveOffset + viewableH);
-  for (let i = 0; i < visible.length; i++) {
-    const ansi = renderLine(visible[i]);
-    writeClipped(buf, innerX, innerY + i, ansi, innerW);
+  for (let i = 0; i < viewableH && effectiveOffset + i < ansiLines.length; i++) {
+    const clipped = clipAnsi(ansiLines[effectiveOffset + i], innerW);
+    rows[1 + i] = borderL + clipped + borderR;
   }
   if (hasOverflow) {
     const scrollPct = maxScroll > 0 ? Math.round(effectiveOffset / maxScroll * 100) : 100;
     const indicator = `  \u2195 ${scrollPct}% \xB7 ${lines.length} lines`;
-    writeClipped(buf, innerX, innerY + viewableH, `\x1B[2m${indicator}\x1B[0m`, innerW);
+    const clipped = clipAnsi(`\x1B[2m${indicator}\x1B[0m`, innerW);
+    rows[1 + viewableH] = borderL + clipped + borderR;
   }
+  return rows;
+}
+function buildEmptyPanelRows(rect, focused, borderColor, centerText) {
+  const { w, h } = rect;
+  const rows = new Array(h);
+  const color = focused ? "blue" : borderColor;
+  const sgr = `\x1B[${colorToSGR(color)}m`;
+  const reset = "\x1B[0m";
+  const innerW = w - 4;
+  const borderL = sgr + "\u2502" + reset + " ";
+  const borderR = " " + sgr + "\u2502" + reset;
+  const emptyRow = borderL + " ".repeat(innerW) + borderR;
+  rows[0] = sgr + "\u256D" + "\u2500".repeat(w - 2) + "\u256E" + reset;
+  rows[h - 1] = sgr + "\u2570" + "\u2500".repeat(w - 2) + "\u256F" + reset;
+  for (let i = 1; i < h - 1; i++) rows[i] = emptyRow;
+  if (centerText) {
+    const midRow = Math.floor(h / 2);
+    if (midRow > 0 && midRow < h - 1) {
+      const clipped = clipAnsi(centerText, innerW);
+      const textW = displayWidthFast(centerText);
+      const pad = Math.max(0, Math.floor((innerW - textW) / 2));
+      const centered = " ".repeat(pad) + clipped;
+      rows[midRow] = borderL + clipAnsi(centered, innerW) + borderR;
+    }
+  }
+  return rows;
 }
 function sliceDisplayCols(s, start, end) {
   let out = "";
@@ -1761,19 +1892,20 @@ function sliceDisplayCols(s, start, end) {
   let hasOpenSGR = false;
   while (i < s.length && col < end) {
     if (s[i] === "\x1B" && s[i + 1] === "[") {
-      const match = s.slice(i).match(/^\x1b\[[0-9;]*[a-zA-Z]/);
-      if (match) {
+      const seqLen = ansiLen(s, i);
+      if (seqLen > 0) {
         if (col >= start) {
-          out += match[0];
-          hasOpenSGR = match[0] !== "\x1B[0m" && match[0] !== "\x1B[m";
+          const seq = s.substring(i, i + seqLen);
+          out += seq;
+          hasOpenSGR = seq !== "\x1B[0m" && seq !== "\x1B[m";
         }
-        i += match[0].length;
+        i += seqLen;
         continue;
       }
     }
     const cp = s.codePointAt(i);
     const ch = String.fromCodePoint(cp);
-    const chWidth = stringWidth2(ch);
+    const chWidth = cp < 128 ? 1 : stringWidth2(ch);
     if (col >= start) {
       inSlice = true;
       if (col + chWidth > end) break;
@@ -1788,6 +1920,76 @@ function sliceDisplayCols(s, start, end) {
   return out;
 }
 
+// src/tui/lib/tree-render.ts
+function renderTreePrefix(node, nodes, index) {
+  if (node.depth === 0) {
+    return node.expandable ? node.expanded ? "\u25BC " : "\u25B8 " : "  ";
+  }
+  const parts = [];
+  for (let d = 1; d < node.depth; d++) {
+    parts.push(isAncestorLastSibling(nodes, index, d) ? "  " : "\u2502 ");
+  }
+  parts.push(isLastSibling(nodes, index) ? "\u2514\u2500" : "\u251C\u2500");
+  if (node.expandable) {
+    parts.push(node.expanded ? "\u25BC " : "\u25B8 ");
+  } else {
+    parts.push(" ");
+  }
+  return parts.join("");
+}
+function isLastSibling(nodes, index) {
+  const depth = nodes[index].depth;
+  for (let i = index + 1; i < nodes.length; i++) {
+    if (nodes[i].depth === depth) return false;
+    if (nodes[i].depth < depth) return true;
+  }
+  return true;
+}
+function isAncestorLastSibling(nodes, index, depth) {
+  for (let i = index - 1; i >= 0; i--) {
+    if (nodes[i].depth === depth) {
+      return isLastSibling(nodes, i);
+    }
+    if (nodes[i].depth < depth) return true;
+  }
+  return true;
+}
+function precomputePrefixes(nodes) {
+  const len = nodes.length;
+  if (len === 0) return;
+  const isLast = new Array(len);
+  const lastSeenAtDepth = /* @__PURE__ */ new Map();
+  for (let i = len - 1; i >= 0; i--) {
+    const depth = nodes[i].depth;
+    isLast[i] = !lastSeenAtDepth.has(depth);
+    lastSeenAtDepth.set(depth, i);
+    for (const [d] of lastSeenAtDepth) {
+      if (d > depth) lastSeenAtDepth.delete(d);
+    }
+  }
+  const ancestorIsLast = [];
+  for (let i = 0; i < len; i++) {
+    const node = nodes[i];
+    if (node.depth === 0) {
+      node.prefix = node.expandable ? node.expanded ? "\u25BC " : "\u25B8 " : "  ";
+      ancestorIsLast[0] = isLast[i];
+      continue;
+    }
+    ancestorIsLast[node.depth] = isLast[i];
+    const parts = [];
+    for (let d = 1; d < node.depth; d++) {
+      parts.push(ancestorIsLast[d] ? "  " : "\u2502 ");
+    }
+    parts.push(isLast[i] ? "\u2514\u2500" : "\u251C\u2500");
+    if (node.expandable) {
+      parts.push(node.expanded ? "\u25BC " : "\u25B8 ");
+    } else {
+      parts.push(" ");
+    }
+    node.prefix = parts.join("");
+  }
+}
+
 // src/tui/lib/client.ts
 function send(request) {
   return rawSend(request, 5e3);
@@ -1804,8 +2006,13 @@ function selectWindow(windowId) {
 function selectPane(paneId) {
   execSafe(`tmux select-pane -t "${paneId}"`);
 }
-function windowExists(windowId) {
-  return execSafe(`tmux display-message -t "${windowId}" -p "#{window_id}"`) !== null;
+function listAllWindowIds() {
+  try {
+    const output = execSync('tmux list-windows -a -F "#{window_id}"', { encoding: "utf-8", env: EXEC_ENV });
+    return new Set(output.trim().split("\n").filter(Boolean));
+  } catch {
+    return /* @__PURE__ */ new Set();
+  }
 }
 var companionPaneId = null;
 function setupCompanionPlugin() {
@@ -1901,41 +2108,6 @@ function copyToClipboard(text) {
   execSync2("pbcopy", { input: text });
 }
 
-// src/tui/lib/tree-render.ts
-function renderTreePrefix(node, nodes, index) {
-  if (node.depth === 0) {
-    return node.expandable ? node.expanded ? "\u25BC " : "\u25B8 " : "  ";
-  }
-  const parts = [];
-  for (let d = 1; d < node.depth; d++) {
-    parts.push(isAncestorLastSibling(nodes, index, d) ? "  " : "\u2502 ");
-  }
-  parts.push(isLastSibling(nodes, index) ? "\u2514\u2500" : "\u251C\u2500");
-  if (node.expandable) {
-    parts.push(node.expanded ? "\u25BC " : "\u25B8 ");
-  } else {
-    parts.push(" ");
-  }
-  return parts.join("");
-}
-function isLastSibling(nodes, index) {
-  const depth = nodes[index].depth;
-  for (let i = index + 1; i < nodes.length; i++) {
-    if (nodes[i].depth === depth) return false;
-    if (nodes[i].depth < depth) return true;
-  }
-  return true;
-}
-function isAncestorLastSibling(nodes, index, depth) {
-  for (let i = index - 1; i >= 0; i--) {
-    if (nodes[i].depth === depth) {
-      return isLastSibling(nodes, i);
-    }
-    if (nodes[i].depth < depth) return true;
-  }
-  return true;
-}
-
 // src/tui/panels/tree.ts
 function renderNodeContent(node, maxWidth) {
   switch (node.type) {
@@ -2075,7 +2247,7 @@ function renderTreePanel(buf, rect, nodes, cursorIndex, focused) {
     const node = visible[i];
     const realIdx = scrollOffset + i;
     const isSelected = realIdx === cursorIndex;
-    const prefix = renderTreePrefix(node, nodes, realIdx);
+    const prefix = node.prefix ?? renderTreePrefix(node, nodes, realIdx);
     const contentWidth = innerW;
     const { icon, label, meta, color, dim, metaColor, suffix, suffixColor } = renderNodeContent(
       node,
@@ -2562,7 +2734,7 @@ function buildLogsLines(cycleLogs, width) {
   }
   return lines;
 }
-function renderDetailContent(buf, rect, state2, detailCtx) {
+function renderDetailRows(rect, state2, detailCtx) {
   const { session, agents, reportBlocks, detailReportBlocks, contextFileContent } = detailCtx;
   const scrollOffset = state2.detailScroll.offset;
   const focused = state2.focusPane === "detail";
@@ -2570,157 +2742,203 @@ function renderDetailContent(buf, rect, state2, detailCtx) {
     const reportAgent = agents.find((a) => a.id === state2.targetAgentId);
     if (reportAgent) {
       const lines2 = buildReportViewLines(reportAgent, reportBlocks, rect.w);
-      renderPanel(buf, rect, lines2, scrollOffset, focused, "cyan");
-      return;
+      return buildPanelRows(rect, lines2, scrollOffset, focused, "cyan");
     }
   }
   const cursorNode = detailCtx.nodes[state2.cursorIndex];
   if (!cursorNode || !session) {
-    drawBorder(buf, rect.x, rect.y, rect.w, rect.h, "gray");
-    const midRow = rect.y + Math.floor(rect.h / 2);
-    writeCenter(buf, midRow, "\x1B[2mSelect a session to view details\x1B[0m");
-    return;
-  }
+    return buildEmptyPanelRows(rect, false, "gray", "\x1B[2mSelect a session to view details\x1B[0m");
+  }
+  if (cursorNode.sessionId !== session.id) {
+    return buildEmptyPanelRows(rect, false, "gray");
+  }
+  const lastCycle = session.orchestratorCycles[session.orchestratorCycles.length - 1];
+  const cacheKey = [
+    cursorNode.id,
+    cursorNode.type,
+    state2.mode,
+    state2.targetAgentId,
+    state2.showStrategy,
+    rect.w,
+    session.id,
+    session.agents.length,
+    session.orchestratorCycles.length,
+    lastCycle?.completedAt ?? "",
+    lastCycle?.agentsSpawned.length ?? 0,
+    state2.planContent.length,
+    state2.goalContent.length,
+    state2.strategyContent.length,
+    state2.paneAlive,
+    detailReportBlocks.length,
+    session.messages.length,
+    state2.contextFiles.length,
+    contextFileContent?.length ?? -1
+  ].join(":");
   let lines;
   let borderColor = "gray";
-  switch (cursorNode.type) {
-    case "session": {
-      lines = buildSessionLines(session, state2.planContent, state2.goalContent, rect.w, state2.paneAlive, state2.strategyContent, state2.showStrategy);
-      break;
-    }
-    case "cycle": {
-      const cycleNode = cursorNode;
-      const cycle = session.orchestratorCycles.find((c) => c.cycle === cycleNode.cycleNumber);
-      if (!cycle) {
+  if (cacheKey === state2.detailCacheKey && state2.cachedDetailLines !== null) {
+    lines = state2.cachedDetailLines;
+  } else {
+    switch (cursorNode.type) {
+      case "session": {
         lines = buildSessionLines(session, state2.planContent, state2.goalContent, rect.w, state2.paneAlive, state2.strategyContent, state2.showStrategy);
-      } else {
-        lines = buildCycleLines(cycle, session.agents, rect.w);
+        break;
       }
-      break;
-    }
-    case "agent": {
-      const agentNode = cursorNode;
-      const agent = agents.find((a) => a.id === agentNode.agentId);
-      if (!agent) {
-        lines = buildSessionLines(session, state2.planContent, state2.goalContent, rect.w, state2.paneAlive, state2.strategyContent, state2.showStrategy);
-      } else {
-        lines = buildAgentLines(agent, detailReportBlocks, rect.w);
+      case "cycle": {
+        const cycleNode = cursorNode;
+        const cycle = session.orchestratorCycles.find((c) => c.cycle === cycleNode.cycleNumber);
+        if (!cycle) {
+          lines = buildSessionLines(session, state2.planContent, state2.goalContent, rect.w, state2.paneAlive, state2.strategyContent, state2.showStrategy);
+        } else {
+          lines = buildCycleLines(cycle, session.agents, rect.w);
+        }
+        break;
       }
-      break;
-    }
-    case "report": {
-      const reportNode = cursorNode;
-      const agent = agents.find((a) => a.id === reportNode.agentId);
-      if (!agent) {
-        lines = buildSessionLines(session, state2.planContent, state2.goalContent, rect.w, state2.paneAlive, state2.strategyContent, state2.showStrategy);
+      case "agent": {
+        const agentNode = cursorNode;
+        const agent = agents.find((a) => a.id === agentNode.agentId);
+        if (!agent) {
+          lines = buildSessionLines(session, state2.planContent, state2.goalContent, rect.w, state2.paneAlive, state2.strategyContent, state2.showStrategy);
+        } else {
+          lines = buildAgentLines(agent, detailReportBlocks, rect.w);
+        }
         break;
       }
-      const reportIdx = reportNode.reportIndex;
-      const specificBlock = detailReportBlocks.find((_b, i) => {
-        const originalIdx = agent.reports.length - 1 - i;
-        return originalIdx === reportIdx;
-      });
-      if (specificBlock) {
-        const { label: badge, color: badgeColor } = reportBadge(specificBlock.type);
-        lines = [
-          [seg(" "), seg(badge, { color: badgeColor }), seg(` ${agent.id} \xB7 ${agentDisplayName(agent)}`, { bold: true })],
-          singleLine(`  ${formatTime(specificBlock.timestamp)}`, { dim: true }),
-          singleLine(" "),
-          [seg("  \u258E CONTENT", { color: badgeColor, bold: true })],
-          ...wrapText(specificBlock.content.trim(), rect.w - 8).map((l) => singleLine(`    ${l}`))
-        ];
-        borderColor = badgeColor;
-      } else {
-        lines = buildAgentLines(agent, detailReportBlocks, rect.w);
+      case "report": {
+        const reportNode = cursorNode;
+        const agent = agents.find((a) => a.id === reportNode.agentId);
+        if (!agent) {
+          lines = buildSessionLines(session, state2.planContent, state2.goalContent, rect.w, state2.paneAlive, state2.strategyContent, state2.showStrategy);
+          break;
+        }
+        const reportIdx = reportNode.reportIndex;
+        const specificBlock = detailReportBlocks.find((_b, i) => {
+          const originalIdx = agent.reports.length - 1 - i;
+          return originalIdx === reportIdx;
+        });
+        if (specificBlock) {
+          const { label: badge, color: badgeColor } = reportBadge(specificBlock.type);
+          lines = [
+            [seg(" "), seg(badge, { color: badgeColor }), seg(` ${agent.id} \xB7 ${agentDisplayName(agent)}`, { bold: true })],
+            singleLine(`  ${formatTime(specificBlock.timestamp)}`, { dim: true }),
+            singleLine(" "),
+            [seg("  \u258E CONTENT", { color: badgeColor, bold: true })],
+            ...wrapText(specificBlock.content.trim(), rect.w - 8).map((l) => singleLine(`    ${l}`))
+          ];
+          borderColor = badgeColor;
+        } else {
+          lines = buildAgentLines(agent, detailReportBlocks, rect.w);
+        }
+        break;
       }
-      break;
-    }
-    case "messages": {
-      lines = [singleLine(` Messages (${session.messages.length})`, { bold: true })];
-      if (session.messages.length === 0) {
-        lines.push(singleLine("  No messages", { dim: true, italic: true }));
-      } else {
-        for (const msg of session.messages) {
-          const time = formatTime(msg.timestamp);
-          const agentId = msg.source.type === "agent" ? msg.source.agentId : void 0;
-          const label = messageSourceLabel(msg.source.type, agentId);
-          const labelColor = messageSourceColor(msg.source.type);
-          const maxContent = Math.max(10, rect.w - label.length - 20);
-          lines.push([
-            seg(`  [${time}] `, { dim: true }),
-            seg(`${label}: `, { color: labelColor, bold: true }),
-            seg(wrapText(msg.summary.length > 0 ? msg.summary : msg.content, maxContent)[0], {})
-          ]);
+      case "messages": {
+        lines = [singleLine(` Messages (${session.messages.length})`, { bold: true })];
+        if (session.messages.length === 0) {
+          lines.push(singleLine("  No messages", { dim: true, italic: true }));
+        } else {
+          for (const msg of session.messages) {
+            const time = formatTime(msg.timestamp);
+            const agentId = msg.source.type === "agent" ? msg.source.agentId : void 0;
+            const label = messageSourceLabel(msg.source.type, agentId);
+            const labelColor = messageSourceColor(msg.source.type);
+            const maxContent = Math.max(10, rect.w - label.length - 20);
+            lines.push([
+              seg(`  [${time}] `, { dim: true }),
+              seg(`${label}: `, { color: labelColor, bold: true }),
+              seg(wrapText(msg.summary.length > 0 ? msg.summary : msg.content, maxContent)[0], {})
+            ]);
+          }
         }
+        break;
       }
-      break;
-    }
-    case "message": {
-      const msgNode = cursorNode;
-      const msg = session.messages.find((m) => m.id === msgNode.messageId);
-      lines = [singleLine(" Message", { bold: true })];
-      if (msg) {
-        lines.push(singleLine(`  ${msgNode.source} \xB7 ${msgNode.timestamp}`, { dim: true }));
-        for (const l of wrapText(msg.content, rect.w - 8)) {
-          lines.push(singleLine(`  ${l}`));
+      case "message": {
+        const msgNode = cursorNode;
+        const msg = session.messages.find((m) => m.id === msgNode.messageId);
+        lines = [singleLine(" Message", { bold: true })];
+        if (msg) {
+          lines.push(singleLine(`  ${msgNode.source} \xB7 ${msgNode.timestamp}`, { dim: true }));
+          for (const l of wrapText(msg.content, rect.w - 8)) {
+            lines.push(singleLine(`  ${l}`));
+          }
+        } else {
+          lines.push(singleLine("  Message not found", { dim: true }));
         }
-      } else {
-        lines.push(singleLine("  Message not found", { dim: true }));
+        break;
       }
-      break;
-    }
-    case "context": {
-      lines = [
-        [seg(" "), seg("\u229E", { color: "white" }), seg(` Context (${state2.contextFiles.length})`, { bold: true })]
-      ];
-      if (state2.contextFiles.length === 0) {
-        lines.push(singleLine("  No context files found.", { dim: true }));
-      } else {
-        for (const f of state2.contextFiles) {
-          lines.push(singleLine(`  \xB7 ${f}`, { dim: true }));
+      case "context": {
+        lines = [
+          [seg(" "), seg("\u229E", { color: "white" }), seg(` Context (${state2.contextFiles.length})`, { bold: true })]
+        ];
+        if (state2.contextFiles.length === 0) {
+          lines.push(singleLine("  No context files found.", { dim: true }));
+        } else {
+          for (const f of state2.contextFiles) {
+            lines.push(singleLine(`  \xB7 ${f}`, { dim: true }));
+          }
         }
+        break;
       }
-      break;
-    }
-    case "context-file": {
-      const ctxFileNode = cursorNode;
-      lines = [
-        [seg(" "), seg("\u229E", { color: "white" }), seg(` ${ctxFileNode.label}`, { bold: true })],
-        singleLine(" ")
-      ];
-      if (contextFileContent == null) {
-        lines.push(singleLine("  File not found or unreadable.", { dim: true }));
-      } else {
-        const wrapped = wrapText(stripFrontmatter(contextFileContent), rect.w - 8);
-        if (wrapped.length === 0) {
-          lines.push(singleLine("  (empty)", { dim: true }));
+      case "context-file": {
+        const ctxFileNode = cursorNode;
+        lines = [
+          [seg(" "), seg("\u229E", { color: "white" }), seg(` ${ctxFileNode.label}`, { bold: true })],
+          singleLine(" ")
+        ];
+        if (contextFileContent == null) {
+          lines.push(singleLine("  File not found or unreadable.", { dim: true }));
         } else {
-          for (const l of wrapped) {
-            lines.push(singleLine(`    ${l}`));
+          const wrapped = wrapText(stripFrontmatter(contextFileContent), rect.w - 8);
+          if (wrapped.length === 0) {
+            lines.push(singleLine("  (empty)", { dim: true }));
+          } else {
+            for (const l of wrapped) {
+              lines.push(singleLine(`    ${l}`));
+            }
           }
         }
+        borderColor = "white";
+        break;
+      }
+      default: {
+        lines = buildSessionLines(session, state2.planContent, state2.goalContent, rect.w, state2.paneAlive, state2.strategyContent, state2.showStrategy);
+        break;
       }
-      borderColor = "white";
-      break;
     }
-    default: {
-      lines = buildSessionLines(session, state2.planContent, state2.goalContent, rect.w, state2.paneAlive, state2.strategyContent, state2.showStrategy);
-      break;
+    state2.cachedDetailLines = lines;
+    state2.detailCacheKey = cacheKey;
+  }
+  if (cursorNode.type === "context-file") {
+    borderColor = "white";
+  } else if (cursorNode.type === "report") {
+    const reportNode = cursorNode;
+    const agent = agents.find((a) => a.id === reportNode.agentId);
+    if (agent) {
+      const reportIdx = reportNode.reportIndex;
+      const specificBlock = detailReportBlocks.find((_b, i) => {
+        const originalIdx = agent.reports.length - 1 - i;
+        return originalIdx === reportIdx;
+      });
+      if (specificBlock) borderColor = reportBadge(specificBlock.type).color;
     }
   }
-  renderPanel(buf, rect, lines, scrollOffset, focused, borderColor);
+  return buildPanelRows(rect, lines, scrollOffset, focused, borderColor, state2.detailRenderedCache);
 }
-function renderLogsContent(buf, rect, state2) {
+function renderLogsRows(rect, state2) {
   const focused = state2.focusPane === "logs";
   const scrollOffset = state2.logsScroll.offset;
   if (state2.logsCycles.length === 0) {
-    drawBorder(buf, rect.x, rect.y, rect.w, rect.h, focused ? "blue" : "gray");
-    const midRow = rect.y + Math.floor(rect.h / 2);
-    writeCenter(buf, midRow, "\x1B[2mNo logs\x1B[0m");
-    return;
+    return buildEmptyPanelRows(rect, focused, "gray", "\x1B[2mNo logs\x1B[0m");
+  }
+  const logsCacheKey = `${state2.logsCycles.length}:${rect.w}:${state2.logsCycles.map((c) => c.cycle).join(",")}`;
+  let lines;
+  if (logsCacheKey === state2.logsCacheKey && state2.cachedLogsLines !== null) {
+    lines = state2.cachedLogsLines;
+  } else {
+    lines = buildLogsLines(state2.logsCycles, rect.w);
+    state2.cachedLogsLines = lines;
+    state2.logsCacheKey = logsCacheKey;
   }
-  const lines = buildLogsLines(state2.logsCycles, rect.w);
-  renderPanel(buf, rect, lines, scrollOffset, focused, "gray");
+  return buildPanelRows(rect, lines, scrollOffset, focused, "gray", state2.logsRenderedCache);
 }
 
 // src/tui/panels/bottom.ts
@@ -2889,6 +3107,10 @@ var latestNodes = [];
 var cachedContextFilePath = null;
 var cachedContextFileContent = null;
 var prevFrame = [];
+var prevTreeInputs = "";
+var prevBottomInputs = "";
+var prevOverlayMode = "";
+var cachedTreeRows = [];
 var cachedLogSessionId = null;
 var cachedLogFiles = /* @__PURE__ */ new Map();
 function getAgentForNode(node, agents) {
@@ -2901,6 +3123,7 @@ function getAgentForNode(node, agents) {
 function startApp(state2, cleanup2) {
   const config = loadConfig(state2.cwd);
   let prevSelectedSessionId = void 0;
+  let debouncedPollTimer = null;
   async function poll() {
     try {
       let selectedSession = null;
@@ -2918,13 +3141,10 @@ function startApp(state2, cleanup2) {
         statusPromise ?? Promise.resolve(null)
       ]);
       const sessions = listRes.ok ? listRes.data?.sessions ?? [] : [];
+      const aliveWindows = listAllWindowIds();
       for (const s of sessions) {
         if (s.status !== "completed" && s.tmuxWindowId) {
-          try {
-            s.windowAlive = windowExists(s.tmuxWindowId);
-          } catch {
-            s.windowAlive = false;
-          }
+          s.windowAlive = aliveWindows.has(s.tmuxWindowId);
         }
       }
       if (state2.selectedSessionId) {
@@ -3027,7 +3247,7 @@ function startApp(state2, cleanup2) {
       writeCenter(buf, Math.floor(state2.rows / 2), "Terminal too small \u2014 resize to continue");
       const out2 = flushFrame(buf.lines, prevFrame);
       writeToStdout(out2);
-      prevFrame = [...buf.lines];
+      prevFrame = buf.lines;
       return;
     }
     const treeWidth = 36;
@@ -3055,6 +3275,7 @@ function startApp(state2, cleanup2) {
         state2.cwd,
         state2.contextFiles
       );
+      precomputePrefixes(nodes);
       state2.cachedTreeNodes = nodes;
       state2.treeCacheKey = cacheKey;
     }
@@ -3067,11 +3288,19 @@ function startApp(state2, cleanup2) {
       state2.selectedSessionId = newSessionId;
       state2.detailScroll.reset();
       state2.logsScroll.reset();
+      state2.cachedDetailLines = null;
+      state2.detailCacheKey = "";
+      state2.cachedLogsLines = null;
+      state2.logsCacheKey = "";
     }
     if (state2.selectedSessionId !== prevSelectedSessionId) {
       prevSelectedSessionId = state2.selectedSessionId;
+      if (debouncedPollTimer !== null) clearTimeout(debouncedPollTimer);
       if (state2.selectedSessionId !== null) {
-        void poll();
+        debouncedPollTimer = setTimeout(() => {
+          debouncedPollTimer = null;
+          void poll();
+        }, 80);
       }
     }
     autoExpandCycle(state2);
@@ -3099,13 +3328,37 @@ function startApp(state2, cleanup2) {
       cachedContextFilePath = null;
       cachedContextFileContent = null;
     }
-    renderTreePanel(
-      buf,
-      treeRect,
-      nodes,
-      state2.cursorIndex,
-      state2.mode === "navigate" && state2.focusPane === "tree"
-    );
+    const treeFocused = state2.mode === "navigate" && state2.focusPane === "tree";
+    const treeInputs = `${state2.treeCacheKey}:${state2.cursorIndex}:${treeFocused}`;
+    const bottomInputs = `${state2.notification}:${state2.error}:${state2.mode}:${state2.inputText}:${state2.inputCursorPos}:${cursorNode?.type}`;
+    const overlayMode = state2.mode === "leader" || state2.mode === "copy-menu" || state2.mode === "help" ? state2.mode : "";
+    const hasPrev = prevFrame.length === buf.height;
+    const treeDirty = !hasPrev || treeInputs !== prevTreeInputs;
+    const bottomDirty = !hasPrev || bottomInputs !== prevBottomInputs;
+    const overlayDirty = !hasPrev || overlayMode !== prevOverlayMode;
+    prevTreeInputs = treeInputs;
+    prevBottomInputs = bottomInputs;
+    prevOverlayMode = overlayMode;
+    let treeRows;
+    if (treeDirty) {
+      const treeBlank = " ".repeat(treeWidth);
+      const treeBuf = {
+        lines: Array.from({ length: contentHeight }, () => treeBlank),
+        width: treeWidth,
+        height: contentHeight
+      };
+      renderTreePanel(
+        treeBuf,
+        { x: 0, y: 0, w: treeWidth, h: contentHeight },
+        nodes,
+        state2.cursorIndex,
+        treeFocused
+      );
+      cachedTreeRows = treeBuf.lines;
+      treeRows = treeBuf.lines;
+    } else {
+      treeRows = cachedTreeRows;
+    }
     const detailCtx = {
       nodes,
       session: state2.selectedSession,
@@ -3114,19 +3367,30 @@ function startApp(state2, cleanup2) {
       detailReportBlocks,
       contextFileContent
     };
-    renderDetailContent(buf, detailRect, state2, detailCtx);
-    if (logsRect) {
-      renderLogsContent(buf, logsRect, state2);
-    }
-    renderNotificationRow(buf, bottomY, state2.notification, state2.error);
-    renderInputBar(buf, bottomY + 1, state2);
-    renderStatusLine(buf, bottomY + 2, state2, cursorNode?.type);
-    if (state2.mode === "leader") renderLeaderOverlay(buf, state2.rows, state2.cols);
-    if (state2.mode === "copy-menu") renderCopyMenuOverlay(buf, state2.rows, state2.cols);
-    if (state2.mode === "help") renderHelpOverlay(buf, state2.rows, state2.cols);
+    const detailRows = renderDetailRows(detailRect, state2, detailCtx);
+    const logsRows = logsRect ? renderLogsRows(logsRect, state2) : null;
+    for (let i = 0; i < contentHeight; i++) {
+      if (logsRows) {
+        buf.lines[i] = treeRows[i] + detailRows[i] + logsRows[i];
+      } else {
+        buf.lines[i] = treeRows[i] + detailRows[i];
+      }
+    }
+    if (bottomDirty || overlayDirty) {
+      renderNotificationRow(buf, bottomY, state2.notification, state2.error);
+      renderInputBar(buf, bottomY + 1, state2);
+      renderStatusLine(buf, bottomY + 2, state2, cursorNode?.type);
+    } else {
+      copyRows(buf, prevFrame, bottomY, 3);
+    }
+    if (overlayMode) {
+      if (state2.mode === "leader") renderLeaderOverlay(buf, state2.rows, state2.cols);
+      if (state2.mode === "copy-menu") renderCopyMenuOverlay(buf, state2.rows, state2.cols);
+      if (state2.mode === "help") renderHelpOverlay(buf, state2.rows, state2.cols);
+    }
     const out = flushFrame(buf.lines, prevFrame);
     writeToStdout(out);
-    prevFrame = [...buf.lines];
+    prevFrame = buf.lines;
   }
   const inputActions = {
     getNodes: () => latestNodes,
@@ -3187,6 +3451,7 @@ function startApp(state2, cleanup2) {
   const origCleanup = inputActions.cleanup;
   inputActions.cleanup = () => {
     clearInterval(pollInterval);
+    if (debouncedPollTimer !== null) clearTimeout(debouncedPollTimer);
     stopKeypress();
     stopResize();
     state2.detailScroll.destroy();