@nomad-e/bluma-cli 0.23.0 → 0.24.0

package/dist/main.js

@@ -2242,25 +2242,14 @@ var init_ListMailboxMessagesTool = __esm({
 
 // src/app/agent/core/context-api/token_counter.ts
 import { getEncoding } from "js-tiktoken";
-import { createHash as createHash2 } from "crypto";
 function getO200kEncoding() {
   if (!cachedEncoding) {
     cachedEncoding = getEncoding("o200k_base");
   }
   return cachedEncoding;
 }
-function hashHistory(messages) {
-  const hash = createHash2("sha256");
-  hash.update(`len:${messages.length}:`);
-  for (const msg of messages) {
-    const m = msg;
-    hash.update(`role:${m.role ?? ""}:`);
-    hash.update(`content:${JSON.stringify(m.content ?? "")}:`);
-    hash.update(`tool_calls:${JSON.stringify(m.tool_calls ?? "")}:`);
-    hash.update(`tool_call_id:${m.tool_call_id ?? ""}:`);
-    hash.update(`name:${m.name ?? ""}:`);
-  }
-  return hash.digest("hex");
+function invalidateTokenCache() {
+  cacheVersion++;
 }
 function messageBodyForTokens(msg) {
   const c = msg.content;
@@ -2290,22 +2279,8 @@ function countTokens(messages, useCache = true) {
   if (messages.length === 0) {
     return CONVERSATION_BASE_OVERHEAD;
   }
-  if (useCache) {
-    const currentHash = hashHistory(messages);
-    if (tokenCountCache && tokenCountCache.hash === currentHash) {
-      return tokenCountCache.count;
-    }
-    const enc2 = getO200kEncoding();
-    let total2 = CONVERSATION_BASE_OVERHEAD;
-    for (const msg of messages) {
-      const body = messageBodyForTokens(msg);
-      const extra = messageExtraForTokens(msg);
-      const nBody = body ? enc2.encode(body).length : 0;
-      const nExtra = extra ? enc2.encode(extra).length : 0;
-      total2 += nBody + nExtra + MESSAGE_OVERHEAD_TOKENS;
-    }
-    tokenCountCache = { hash: currentHash, count: total2 };
-    return total2;
+  if (useCache && cacheVersion === cachedVersion) {
+    return cachedCount;
   }
   const enc = getO200kEncoding();
   let total = CONVERSATION_BASE_OVERHEAD;
@@ -2316,11 +2291,12 @@ function countTokens(messages, useCache = true) {
     const nExtra = extra ? enc.encode(extra).length : 0;
     total += nBody + nExtra + MESSAGE_OVERHEAD_TOKENS;
   }
+  if (useCache) {
+    cachedVersion = cacheVersion;
+    cachedCount = total;
+  }
   return total;
 }
-function clearTokenCountCache() {
-  tokenCountCache = null;
-}
 function countToolDefinitionsTokens(tools) {
   if (!tools || tools.length === 0) {
     return 0;
@@ -2345,14 +2321,16 @@ function computeEffectiveInputBudget(rawBudget, toolDefinitions = [], options) {
     effectiveBudget
   };
 }
-var MESSAGE_OVERHEAD_TOKENS, CONVERSATION_BASE_OVERHEAD, cachedEncoding, tokenCountCache, DEFAULT_OUTPUT_TOKEN_RESERVE, DEFAULT_PROTOCOL_OVERHEAD_TOKENS;
+var MESSAGE_OVERHEAD_TOKENS, CONVERSATION_BASE_OVERHEAD, cachedEncoding, cacheVersion, cachedVersion, cachedCount, DEFAULT_OUTPUT_TOKEN_RESERVE, DEFAULT_PROTOCOL_OVERHEAD_TOKENS;
 var init_token_counter = __esm({
   "src/app/agent/core/context-api/token_counter.ts"() {
     "use strict";
     MESSAGE_OVERHEAD_TOKENS = 4;
     CONVERSATION_BASE_OVERHEAD = 3;
     cachedEncoding = null;
-    tokenCountCache = null;
+    cacheVersion = 0;
+    cachedVersion = -1;
+    cachedCount = 0;
     DEFAULT_OUTPUT_TOKEN_RESERVE = 8192;
     DEFAULT_PROTOCOL_OVERHEAD_TOKENS = 512;
   }
@@ -14315,7 +14293,7 @@ import { v4 as uuidv412 } from "uuid";
 import chalk3 from "chalk";
 
 // src/app/ui/BlumaSession.tsx
-import React37, { useState as useState24, useEffect as useEffect22, useRef as useRef12, useCallback as useCallback10, memo as memo25, useMemo as useMemo7 } from "react";
+import { useState as useState25, useEffect as useEffect22, useRef as useRef13, useCallback as useCallback11, memo as memo25, useMemo as useMemo8 } from "react";
 
 // src/app/ui/layout.tsx
 import { memo as memo2 } from "react";
@@ -25084,8 +25062,13 @@ var HistoryCompressor = class {
     const tokenBudget = budgetBreakdown.effectiveBudget;
     const compressThreshold = options?.compressThreshold ?? COMPRESS_THRESHOLD;
     const keepRecentTurns = options?.keepRecentTurns ?? KEEP_RECENT_TURNS;
-    const sanitized = sanitizeConversationForProvider(fullHistory);
-    const safeHistory = sanitized.messages;
+    let safeHistory;
+    if (options?.skipSanitize) {
+      safeHistory = fullHistory;
+    } else {
+      const sanitized = sanitizeConversationForProvider(fullHistory);
+      safeHistory = sanitized.messages;
+    }
     const systemMessages = [];
     let historyStartIndex = 0;
     while (historyStartIndex < safeHistory.length && safeHistory[historyStartIndex].role === "system") {
@@ -25102,7 +25085,6 @@ var HistoryCompressor = class {
     const thresholdTokens = tokenBudget * compressThreshold;
     let pendingSlices = turnSlices.slice(sliceCount, recentStart);
     let pendingFlat = pendingSlices.flat();
-    clearTokenCountCache();
     let messages = this.assembleMessages(systemMessages, pendingFlat, recentFlat);
     let tokens = countTokens(messages, true);
     contextEventBus.emit("context:compression_start", {
@@ -25149,12 +25131,12 @@ var HistoryCompressor = class {
           reason: compressError?.message || "timeout"
         });
       }
-      clearTokenCountCache();
+      invalidateTokenCache();
       messages = this.assembleMessages(systemMessages, pendingFlat, recentFlat);
       tokens = countTokens(messages, true);
     }
     if (tokens > tokenBudget) {
-      clearTokenCountCache();
+      invalidateTokenCache();
       const { capped, slices: cappedSlices } = this.enforceHardCap(
         systemMessages,
         recentSlices,
@@ -27246,7 +27228,9 @@ var BluMaTurnCoordinator = class {
             this.deps.getLlmUserContext(),
             {
               tokenBudget,
-              toolDefinitions: this.deps.mcpClient.getAvailableTools()
+              toolDefinitions: this.deps.mcpClient.getAvailableTools(),
+              skipSanitize: true
+              // already sanitized above
             }
           );
           this.turnLog.debug("Context window prepared", {
@@ -28137,11 +28121,15 @@ function hasMetUpdateThreshold(currentTokens) {
 // src/app/agent/memory/session_memory_update.ts
 init_logger();
 var log2 = logger.child("session_memory");
+var MIN_COOLDOWN_MS = 6e4;
+var lastUpdateTime = 0;
 function isSessionMemoryEnabled() {
   if (process.env.BLUMA_DISABLE_SESSION_MEMORY === "1") return false;
   return true;
 }
 function shouldUpdateSessionMemory(history) {
+  const now2 = Date.now();
+  if (now2 - lastUpdateTime < MIN_COOLDOWN_MS) return false;
   const tokens = estimateHistoryTokens(history);
   if (!isSessionMemoryInitialized()) {
     if (!hasMetInitializationThreshold(tokens)) return false;
@@ -28191,6 +28179,7 @@ async function runSessionMemoryUpdate(deps) {
     });
     recordExtractionTokenCount(estimateHistoryTokens(history));
     setLastCursorIndex(history.length);
+    lastUpdateTime = Date.now();
     log2.debug("finished");
   } catch (err) {
     log2.warn("failed", { error: err instanceof Error ? err.message : String(err) });
@@ -28205,8 +28194,10 @@ function scheduleSessionMemoryUpdate(deps) {
 
 // src/app/agent/memory/background_memory.ts
 function runBackgroundMemoryAfterTurn(params) {
+  const MAX_SNAPSHOT = 80;
+  const snapshot = params.history.length > MAX_SNAPSHOT ? params.history.slice(-MAX_SNAPSHOT) : params.history;
   const deps = {
-    history: [...params.history],
+    history: snapshot,
     sessionId: params.sessionId,
     llm: params.llm,
     mcpClient: params.mcpClient,
@@ -45377,6 +45368,167 @@ function ScrollBox({
 }
 var ScrollBox_default = ScrollBox;
 
+// src/app/ui/hooks/useVirtualScroll.ts
+import {
+  useCallback as useCallback10,
+  useLayoutEffect as useLayoutEffect3,
+  useMemo as useMemo7,
+  useRef as useRef12,
+  useState as useState24
+} from "react";
+var DEFAULT_ESTIMATE = 3;
+var OVERSCAN_ROWS = 40;
+var COLD_START_COUNT = 20;
+var MAX_MOUNTED_ITEMS = 200;
+var PESSIMISTIC_HEIGHT = 1;
+function useVirtualScroll(scrollRef, itemKeys, columns) {
+  const heightCache = useRef12(/* @__PURE__ */ new Map());
+  const offsetVersionRef = useRef12(0);
+  const lastScrollTopRef = useRef12(0);
+  const offsetsRef = useRef12({
+    arr: new Float64Array(0),
+    version: -1,
+    n: -1
+  });
+  const itemRefs = useRef12(/* @__PURE__ */ new Map());
+  const refCache = useRef12(/* @__PURE__ */ new Map());
+  const prevColumns = useRef12(columns);
+  const skipMeasurementRef = useRef12(false);
+  if (prevColumns.current !== columns) {
+    const ratio = prevColumns.current / columns;
+    prevColumns.current = columns;
+    for (const [k, h] of heightCache.current) {
+      heightCache.current.set(k, Math.max(1, Math.round(h * ratio)));
+    }
+    offsetVersionRef.current++;
+    skipMeasurementRef.current = true;
+  }
+  const SCROLL_QUANTUM = OVERSCAN_ROWS >> 1;
+  const subscribe = useCallback10(
+    (cb) => scrollRef.current?.subscribe(cb) ?? (() => {
+    }),
+    [scrollRef]
+  );
+  const getSnapshot = useCallback10(() => {
+    const sb = scrollRef.current;
+    if (!sb) return NaN;
+    const raw = sb.getScrollTop();
+    const sticky = sb.isSticky();
+    const quantized = Math.floor(raw / SCROLL_QUANTUM) * SCROLL_QUANTUM;
+    return sticky ? -(quantized | 1) : quantized;
+  }, [scrollRef, SCROLL_QUANTUM]);
+  const getServerSnapshot = useCallback10(() => NaN, []);
+  const scrollTop = useSyncExternalStore5(subscribe, getSnapshot, getServerSnapshot);
+  const viewportHeight = scrollRef.current?.getViewportHeight() ?? 0;
+  const isSticky = scrollRef.current?.isSticky() ?? true;
+  const n = itemKeys.length;
+  const computeOffsets = useCallback10(() => {
+    const cached = offsetsRef.current;
+    if (cached.n === n && cached.version === offsetVersionRef.current && cached.arr.length === n + 1) {
+      return cached.arr;
+    }
+    const offsets2 = new Float64Array(n + 1);
+    for (let i = 0; i < n; i++) {
+      const h = heightCache.current.get(itemKeys[i]) ?? DEFAULT_ESTIMATE;
+      offsets2[i + 1] = offsets2[i] + h;
+    }
+    offsetsRef.current = { arr: offsets2, version: offsetVersionRef.current, n };
+    return offsets2;
+  }, [n, itemKeys, offsetVersionRef.current]);
+  const offsets = computeOffsets();
+  const totalHeight = offsets[n] ?? 0;
+  const range = useMemo7(() => {
+    if (n === 0) return [0, 0];
+    if (viewportHeight <= 0) {
+      return [0, Math.min(n, COLD_START_COUNT)];
+    }
+    const absScrollTop = Math.abs(scrollTop);
+    if (isSticky) {
+      let hi3 = n;
+      let remaining = viewportHeight + OVERSCAN_ROWS;
+      while (hi3 > 0 && remaining > 0) {
+        const h = heightCache.current.get(itemKeys[hi3 - 1]) ?? DEFAULT_ESTIMATE;
+        remaining -= h;
+        hi3--;
+      }
+      const lo3 = Math.max(0, hi3 - OVERSCAN_ROWS);
+      return [lo3, n];
+    }
+    let lo2 = 0;
+    {
+      const target = Math.max(0, absScrollTop - OVERSCAN_ROWS);
+      let lo_ = 0;
+      let hi_ = n;
+      while (lo_ < hi_) {
+        const mid = lo_ + hi_ >>> 1;
+        if (offsets[mid] < target) lo_ = mid + 1;
+        else hi_ = mid;
+      }
+      lo2 = lo_;
+    }
+    let hi2 = lo2;
+    let accumulated = 0;
+    const needed = viewportHeight + 2 * OVERSCAN_ROWS;
+    while (hi2 < n && accumulated < needed) {
+      const h = heightCache.current.get(itemKeys[hi2]) ?? PESSIMISTIC_HEIGHT;
+      accumulated += h;
+      hi2++;
+    }
+    return [lo2, Math.min(hi2, lo2 + MAX_MOUNTED_ITEMS)];
+  }, [scrollTop, viewportHeight, isSticky, n, offsets, itemKeys]);
+  const measureRef = useCallback10((key) => {
+    if (refCache.current.has(key)) return refCache.current.get(key);
+    const refFn = (el) => {
+      if (skipMeasurementRef.current) return;
+      if (el) {
+        itemRefs.current.set(key, el);
+        const h = el.yogaNode?.getComputedHeight();
+        if (h != null && h > 0) {
+          const prev = heightCache.current.get(key);
+          if (prev !== h) {
+            heightCache.current.set(key, h);
+            offsetVersionRef.current++;
+          }
+        }
+      }
+    };
+    refCache.current.set(key, refFn);
+    return refFn;
+  }, []);
+  const [lo, hi] = range;
+  const topSpacer = offsets[lo] ?? 0;
+  const bottomSpacer = totalHeight - (offsets[hi] ?? totalHeight);
+  return {
+    range,
+    topSpacer,
+    bottomSpacer,
+    offsets,
+    measureRef
+  };
+}
+function useSyncExternalStore5(subscribe, getSnapshot, getServerSnapshot) {
+  const [value, setValue] = useState24(getSnapshot);
+  const getSnapshotRef = useRef12(getSnapshot);
+  getSnapshotRef.current = getSnapshot;
+  useLayoutEffect3(() => {
+    let didSubscribe = false;
+    const checkForUpdates2 = () => {
+      if (didSubscribe) {
+        const newValue = getSnapshotRef.current();
+        setValue(newValue);
+      }
+    };
+    didSubscribe = true;
+    checkForUpdates2();
+    const unsubscribe = subscribe(checkForUpdates2);
+    return () => {
+      didSubscribe = false;
+      unsubscribe();
+    };
+  }, [subscribe]);
+  return value;
+}
+
 // src/app/ui/BlumaSession.tsx
 import { Fragment as Fragment19, jsx as jsx104, jsxs as jsxs85 } from "react/jsx-runtime";
 var blumaUpdateRegistryCheckStarted = false;
@@ -45442,23 +45594,23 @@ function UserMessageWithOptionalImages({
   ) : /* @__PURE__ */ jsx104(Text, { color: BLUMA_TERMINAL.m3OnSurface, wrap: "wrap", children: displayRaw }) });
 }
 var BlumaSessionComponent = ({ eventBus, sessionId, cliVersion }) => {
-  const agentInstance = useRef12(null);
-  const [history, setHistory] = useState24([]);
-  const [statusMessage, setStatusMessage] = useState24(
+  const agentInstance = useRef13(null);
+  const [history, setHistory] = useState25([]);
+  const [statusMessage, setStatusMessage] = useState25(
     "Initializing agent..."
   );
-  const [toolsCount, setToolsCount] = useState24(null);
-  const [mcpStatus, setMcpStatus] = useState24(
+  const [toolsCount, setToolsCount] = useState25(null);
+  const [mcpStatus, setMcpStatus] = useState25(
     "connecting"
   );
-  const [isProcessing, setIsProcessing] = useState24(true);
-  const [pendingConfirmation, setPendingConfirmation] = useState24(
+  const [isProcessing, setIsProcessing] = useState25(true);
+  const [pendingConfirmation, setPendingConfirmation] = useState25(
     null
   );
-  const [confirmationPreview, setConfirmationPreview] = useState24(
+  const [confirmationPreview, setConfirmationPreview] = useState25(
     null
   );
-  const [pendingAskUserQuestions, setPendingAskUserQuestions] = useState24(null);
+  const [pendingAskUserQuestions, setPendingAskUserQuestions] = useState25(null);
   const {
     tokenCount,
     tokenBudget,
@@ -45471,7 +45623,7 @@ var BlumaSessionComponent = ({ eventBus, sessionId, cliVersion }) => {
   const { currentPlan, isPlanMode, parseMessage, resetPlan } = usePlanMode();
   const { agentMode } = useAgentMode();
   const workdir = getSandboxPolicy().workspaceRoot;
-  const lastUpdateRef = useRef12(0);
+  const lastUpdateRef = useRef13(0);
   useEffect22(() => {
     const now2 = Date.now();
     if (now2 - lastUpdateRef.current < 250) {
@@ -45490,29 +45642,29 @@ var BlumaSessionComponent = ({ eventBus, sessionId, cliVersion }) => {
       activeProjects
     });
   }, [tokenCount, tokenBudget, isCompressing, compressionProgress, agentMode, isPlanMode, workdir, activeProjects]);
-  const [isInitAgentActive, setIsInitAgentActive] = useState24(false);
-  const [liveToolName, setLiveToolName] = useState24(null);
-  const [liveToolArgs, setLiveToolArgs] = useState24(void 0);
-  const [isReasoning, setIsReasoning] = useState24(false);
-  const alwaysAcceptList = useRef12([]);
-  const turnStartedAtRef = useRef12(null);
-  const [processingStartMs, setProcessingStartMs] = useState24(null);
-  const [lastTurnDurationLabel, setLastTurnDurationLabel] = useState24(null);
-  const markTurnStarted = useCallback10(() => {
+  const [isInitAgentActive, setIsInitAgentActive] = useState25(false);
+  const [liveToolName, setLiveToolName] = useState25(null);
+  const [liveToolArgs, setLiveToolArgs] = useState25(void 0);
+  const [isReasoning, setIsReasoning] = useState25(false);
+  const alwaysAcceptList = useRef13([]);
+  const turnStartedAtRef = useRef13(null);
+  const [processingStartMs, setProcessingStartMs] = useState25(null);
+  const [lastTurnDurationLabel, setLastTurnDurationLabel] = useState25(null);
+  const markTurnStarted = useCallback11(() => {
     const t = Date.now();
     turnStartedAtRef.current = t;
     setProcessingStartMs(t);
     setLastTurnDurationLabel(null);
   }, []);
-  const handleWorkComplete = useCallback10((elapsedMs) => {
+  const handleWorkComplete = useCallback11((elapsedMs) => {
     const label = formatTurnDurationMs(elapsedMs);
     setLastTurnDurationLabel(label);
   }, []);
-  const lastReasoningTextRef = useRef12(null);
-  const streamedReasoningTextRef = useRef12("");
-  const activeReasoningHistoryIdRef = useRef12(null);
-  const lastStreamAssistantKeyRef = useRef12(null);
-  const appendExpandPreviewToHistory = useCallback10(() => {
+  const lastReasoningTextRef = useRef13(null);
+  const streamedReasoningTextRef = useRef13("");
+  const activeReasoningHistoryIdRef = useRef13(null);
+  const lastStreamAssistantKeyRef = useRef13(null);
+  const appendExpandPreviewToHistory = useCallback11(() => {
     const p = peekLatestExpandable();
     setHistory((prev) => {
       const id = nextHistoryId(prev);
@@ -45557,7 +45709,7 @@ var BlumaSessionComponent = ({ eventBus, sessionId, cliVersion }) => {
       });
     });
   }, []);
-  const handleInterrupt = useCallback10(() => {
+  const handleInterrupt = useCallback11(() => {
     if (!isProcessing) return;
     eventBus.emit("user_interrupt");
     turnStartedAtRef.current = null;
@@ -45574,7 +45726,7 @@ var BlumaSessionComponent = ({ eventBus, sessionId, cliVersion }) => {
       ];
     });
   }, [isProcessing]);
-  const handleSubmit = useCallback10(
+  const handleSubmit = useCallback11(
     (text) => {
       if (!text || !agentInstance.current) return;
       const trimmedForSlash = text.trim();
@@ -45823,7 +45975,7 @@ Please use command_status to check the result and report back to the user.`;
     [isProcessing, markTurnStarted]
   );
   const { snapshot: queuedMessages, clear: clearQueue } = useMessageQueue_default();
-  const isAgentIdle = useMemo7(
+  const isAgentIdle = useMemo8(
     () => !isProcessing && !pendingConfirmation && !pendingAskUserQuestions?.length && !isInitAgentActive,
     [isProcessing, pendingConfirmation, pendingAskUserQuestions, isInitAgentActive]
   );
@@ -45855,7 +46007,7 @@ Please use command_status to check the result and report back to the user.`;
       subscription.off("clear_queue", handleClearQueue);
     };
   }, [queuedMessages.length, clearQueue]);
-  const handleConfirmation = useCallback10(
+  const handleConfirmation = useCallback11(
     async (decision, toolCalls, opts) => {
       if (!agentInstance.current) return;
       setPendingConfirmation(null);
@@ -45878,7 +46030,7 @@ Please use command_status to check the result and report back to the user.`;
     },
     []
   );
-  const appendStreamedReasoning = useCallback10((reasoning) => {
+  const appendStreamedReasoning = useCallback11((reasoning) => {
     const r = String(reasoning ?? "").trim();
     if (!r) return;
     setHistory((prev) => {
@@ -45896,7 +46048,7 @@ Please use command_status to check the result and report back to the user.`;
       return [...prev, { id, component }];
     });
   }, []);
-  const appendStreamedAssistant = useCallback10((content) => {
+  const appendStreamedAssistant = useCallback11((content) => {
     const t = String(content ?? "").trim();
     if (!t) return;
     const key = reasoningDedupeKey(t);
@@ -45922,9 +46074,9 @@ Please use command_status to check the result and report back to the user.`;
       return [...prev, { id, component: nextComponent }];
     });
   }, []);
-  const handleConfirmationRef = useRef12(handleConfirmation);
+  const handleConfirmationRef = useRef13(handleConfirmation);
   handleConfirmationRef.current = handleConfirmation;
-  const sessionIdRef = useRef12(sessionId);
+  const sessionIdRef = useRef13(sessionId);
   sessionIdRef.current = sessionId;
   useEffect22(() => {
     const initializeAgent = async () => {
@@ -46217,17 +46369,17 @@ Please use command_status to check the result and report back to the user.`;
       eventBus.off("backend_message", handleBackendMessage);
     };
   }, [eventBus, handleConfirmation]);
-  const handleAnswerQuestion = useCallback10((answerJson) => {
+  const handleAnswerQuestion = useCallback11((answerJson) => {
     setPendingAskUserQuestions(null);
     eventBus.emit("ask_user_question_answer", { answer: answerJson });
   }, [eventBus]);
-  const handleCancelQuestion = useCallback10(() => {
+  const handleCancelQuestion = useCallback11(() => {
     setPendingAskUserQuestions(null);
     eventBus.emit("ask_user_question_answer", {
       answer: JSON.stringify({ success: false, cancelled: true })
     });
   }, [eventBus]);
-  const handleDecision = useCallback10(async (decision) => {
+  const handleDecision = useCallback11(async (decision) => {
     if (!pendingConfirmation || pendingConfirmation.length === 0) return;
     const [currentToolCall, ...remainingToolCalls] = pendingConfirmation;
     if (!currentToolCall) return;
@@ -46244,8 +46396,33 @@ Please use command_status to check the result and report back to the user.`;
       setIsProcessing(false);
     }
   }, [handleConfirmation, pendingConfirmation]);
-  const transcript = useMemo7(() => /* @__PURE__ */ jsx104(Fragment19, { children: /* @__PURE__ */ jsx104(ScrollBox_default, { stickyScroll: true, flexDirection: "column", flexGrow: 1, minHeight: 0, width: "100%", children: /* @__PURE__ */ jsxs85(Box_default, { flexDirection: "column", minHeight: 0, width: "100%", children: [
-    history.map((item) => /* @__PURE__ */ jsx104(React37.Fragment, { children: item.component }, item.id)),
+  const scrollBoxRef = useRef13(null);
+  const { columns } = useTerminalSize();
+  const historyKeys = useMemo8(
+    () => history.map((item) => String(item.id)),
+    [history.length, history.length > 0 ? history[history.length - 1].id : 0]
+  );
+  const { range, topSpacer, bottomSpacer, measureRef } = useVirtualScroll(
+    scrollBoxRef,
+    historyKeys,
+    columns
+  );
+  const [lo, hi] = range;
+  const mountedItems = useMemo8(() => {
+    return history.slice(lo, hi);
+  }, [history, lo, hi]);
+  const transcript = useMemo8(() => /* @__PURE__ */ jsx104(Fragment19, { children: /* @__PURE__ */ jsx104(ScrollBox_default, { ref: scrollBoxRef, stickyScroll: true, flexDirection: "column", flexGrow: 1, minHeight: 0, width: "100%", children: /* @__PURE__ */ jsxs85(Box_default, { flexDirection: "column", minHeight: 0, width: "100%", children: [
+    topSpacer > 0 && /* @__PURE__ */ jsx104(Box_default, { height: topSpacer }),
+    mountedItems.map((item) => /* @__PURE__ */ jsx104(
+      Box_default,
+      {
+        flexDirection: "column",
+        ref: measureRef(String(item.id)),
+        children: item.component
+      },
+      item.id
+    )),
+    bottomSpacer > 0 && /* @__PURE__ */ jsx104(Box_default, { height: bottomSpacer }),
     /* @__PURE__ */ jsx104(
       StreamingText,
       {
@@ -46258,10 +46435,13 @@ Please use command_status to check the result and report back to the user.`;
     appendStreamedAssistant,
     appendStreamedReasoning,
     eventBus,
-    history,
+    mountedItems,
+    topSpacer,
+    bottomSpacer,
+    measureRef,
     liveToolName
   ]);
-  const bottomDock = useMemo7(() => /* @__PURE__ */ jsx104(
+  const bottomDock = useMemo8(() => /* @__PURE__ */ jsx104(
     BlumaBottomDock,
     {
       eventBus,
@@ -46311,9 +46491,9 @@ Please use command_status to check the result and report back to the user.`;
     statusMessage,
     workdir
   ]);
-  const header = useMemo7(() => /* @__PURE__ */ jsx104(Header, { sessionId, workdir, cliVersion }), [cliVersion, sessionId, workdir]);
-  const overlay = useMemo7(() => /* @__PURE__ */ jsx104(BlumaWorkersOverlay, { sessionId }), [sessionId]);
-  const floating = useMemo7(() => /* @__PURE__ */ jsx104(CoordinatorTaskPanel, {}), []);
+  const header = useMemo8(() => /* @__PURE__ */ jsx104(Header, { sessionId, workdir, cliVersion }), [cliVersion, sessionId, workdir]);
+  const overlay = useMemo8(() => /* @__PURE__ */ jsx104(BlumaWorkersOverlay, { sessionId }), [sessionId]);
+  const floating = useMemo8(() => /* @__PURE__ */ jsx104(CoordinatorTaskPanel, {}), []);
   return /* @__PURE__ */ jsx104(
     BlumaViewport,
     {
@@ -46497,7 +46677,7 @@ import React39 from "react";
 init_agent_session_paths();
 
 // src/app/ui/components/SessionResumePicker.tsx
-import { memo as memo26, useCallback as useCallback11, useEffect as useEffect23, useMemo as useMemo8, useState as useState25 } from "react";
+import { memo as memo26, useCallback as useCallback12, useEffect as useEffect23, useMemo as useMemo9, useState as useState26 } from "react";
 
 // src/app/agent/session_manager/session_resume_browser.ts
 init_bluma_app_dir();
@@ -46644,12 +46824,12 @@ var SessionResumePickerComponent = ({
     4,
     Math.min(VISIBLE_DEFAULT, (stdout?.rows ?? 24) - 14)
   );
-  const [cwd2, setCwd] = useState25("");
-  const [entries, setEntries] = useState25([]);
-  const [loading, setLoading] = useState25(true);
-  const [selectedIndex, setSelectedIndex] = useState25(0);
-  const [scrollTop, setScrollTop] = useState25(0);
-  const reload = useCallback11(async (rel) => {
+  const [cwd2, setCwd] = useState26("");
+  const [entries, setEntries] = useState26([]);
+  const [loading, setLoading] = useState26(true);
+  const [selectedIndex, setSelectedIndex] = useState26(0);
+  const [scrollTop, setScrollTop] = useState26(0);
+  const reload = useCallback12(async (rel) => {
     setLoading(true);
     try {
       const list = await listSessionBrowserEntries(rel);
@@ -46675,7 +46855,7 @@ var SessionResumePickerComponent = ({
       setScrollTop(selectedIndex - visibleCount + 1);
     }
   }, [selectedIndex, scrollTop, visibleCount]);
-  const windowItems = useMemo8(
+  const windowItems = useMemo9(
     () => entries.slice(scrollTop, scrollTop + visibleCount),
     [entries, scrollTop, visibleCount]
   );

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@nomad-e/bluma-cli",
-	"version": "0.23.0",
+	"version": "0.24.0",
 	"description": "BluMa independent agent for automation and advanced software engineering.",
 	"author": "Alex Fonseca",
 	"license": "Apache-2.0",