@supatest/cli 0.0.39 → 0.0.40

package/dist/index.js

@@ -5891,7 +5891,7 @@ var CLI_VERSION;
 var init_version = __esm({
   "src/version.ts"() {
     "use strict";
-    CLI_VERSION = "0.0.39";
+    CLI_VERSION = "0.0.40";
   }
 });
 
@@ -7528,10 +7528,11 @@ var init_react = __esm({
 
 // src/ui/contexts/SessionContext.tsx
 import React, { createContext, useCallback, useContext, useMemo, useRef, useState } from "react";
-var SessionContext, SessionProvider, useSession;
+var UsageStatsContext, SessionContext, SessionProvider, useSession, useUsageStats;
 var init_SessionContext = __esm({
   "src/ui/contexts/SessionContext.tsx"() {
     "use strict";
+    UsageStatsContext = createContext(null);
     SessionContext = createContext(null);
     SessionProvider = ({
       children,
@@ -7671,8 +7672,6 @@ var init_SessionContext = __esm({
         setTodos,
         stats,
         updateStats,
-        usageStats,
-        setUsageStats,
         isAgentRunning,
         setIsAgentRunning,
         shouldInterruptAgent,
@@ -7706,7 +7705,6 @@ var init_SessionContext = __esm({
         todos,
         stats,
         updateStats,
-        usageStats,
         isAgentRunning,
         shouldInterruptAgent,
         sessionId,
@@ -7718,7 +7716,11 @@ var init_SessionContext = __esm({
         staticRemountKey,
         refreshStatic
       ]);
-      return /* @__PURE__ */ React.createElement(SessionContext.Provider, { value }, children);
+      const usageStatsValue = useMemo(() => ({
+        usageStats,
+        setUsageStats
+      }), [usageStats]);
+      return /* @__PURE__ */ React.createElement(SessionContext.Provider, { value }, /* @__PURE__ */ React.createElement(UsageStatsContext.Provider, { value: usageStatsValue }, children));
     };
     useSession = () => {
       const context = useContext(SessionContext);
@@ -7727,6 +7729,13 @@ var init_SessionContext = __esm({
       }
       return context;
     };
+    useUsageStats = () => {
+      const context = useContext(UsageStatsContext);
+      if (!context) {
+        throw new Error("useUsageStats must be used within SessionProvider");
+      }
+      return context;
+    };
   }
 });
 
@@ -8621,8 +8630,8 @@ var init_QueuedMessageDisplay = __esm({
 
 // src/ui/components/MessageList.tsx
 import { Box as Box12, Static } from "ink";
-import React13, { memo as memo2, useCallback as useCallback2, useMemo as useMemo3, useRef as useRef3 } from "react";
-var MessageList;
+import React13, { memo as memo2, useCallback as useCallback2, useMemo as useMemo3 } from "react";
+var StaticHeader, MessageList;
 var init_MessageList = __esm({
   "src/ui/components/MessageList.tsx"() {
     "use strict";
@@ -8637,6 +8646,11 @@ var init_MessageList = __esm({
     init_ToolMessage();
     init_UserMessage();
     init_QueuedMessageDisplay();
+    StaticHeader = memo2(({ currentFolder, gitBranch, headless, staticRemountKey }) => {
+      const headerItems = useMemo3(() => [{ id: "header" }], []);
+      return /* @__PURE__ */ React13.createElement(Static, { items: headerItems, key: `header-${staticRemountKey}` }, () => /* @__PURE__ */ React13.createElement(Box12, { flexDirection: "column", key: "header" }, /* @__PURE__ */ React13.createElement(Header, { currentFolder, gitBranch, headless })));
+    });
+    StaticHeader.displayName = "StaticHeader";
     MessageList = memo2(({ terminalWidth, currentFolder, gitBranch, headless = false, queuedTasks = [] }) => {
       const { messages, updateMessageById, isAgentRunning, staticRemountKey, toolGroupsExpanded, toggleToolGroups } = useSession();
       const handleToggle = useCallback2((id, currentExpanded) => {
@@ -8738,31 +8752,29 @@ var init_MessageList = __esm({
         }
         return renderMessage(group.messages[0]);
       }, [toolGroupsExpanded, toggleToolGroups, handleToggle, renderMessage]);
-      const lastUserMessageIndex = useMemo3(() => {
-        for (let i = messages.length - 1; i >= 0; i--) {
-          if (messages[i].type === "user") {
-            return i;
-          }
-        }
-        return -1;
-      }, [messages]);
       const hasPendingAssistant = useMemo3(
         () => messages.some((m) => m.type === "assistant" && m.isPending),
         [messages]
       );
-      const completedBoundaryRef = useRef3(-1);
-      const completedBoundaryKey = useMemo3(() => {
-        const currentBoundary = lastUserMessageIndex;
-        if (currentBoundary !== completedBoundaryRef.current) {
-          completedBoundaryRef.current = currentBoundary;
-          return `boundary-${currentBoundary}`;
-        }
-        return `boundary-${completedBoundaryRef.current}`;
-      }, [lastUserMessageIndex]);
       const { completedGroups, currentTurnGroups } = useMemo3(() => {
         const completed = [];
         const currentTurn = [];
-        const processTurn = (turnMessages2, targetArray) => {
+        const isMessageComplete = (msg) => {
+          switch (msg.type) {
+            case "user":
+            case "error":
+            case "todo":
+            case "thinking":
+              return true;
+            case "tool":
+              return msg.toolResult !== void 0;
+            case "assistant":
+              return !msg.isPending;
+            default:
+              return true;
+          }
+        };
+        const processTurn = (turnMessages, targetArray) => {
           let currentToolGroup = [];
           const flushToolGroup = () => {
             if (currentToolGroup.length === 0) return;
@@ -8773,7 +8785,7 @@ var init_MessageList = __esm({
             }
             currentToolGroup = [];
           };
-          for (const msg of turnMessages2) {
+          for (const msg of turnMessages) {
             if (msg.type === "tool") {
               currentToolGroup.push(msg);
             } else {
@@ -8783,38 +8795,46 @@ var init_MessageList = __esm({
           }
           flushToolGroup();
         };
-        let turnMessages = [];
-        for (let i = 0; i < lastUserMessageIndex; i++) {
-          const msg = messages[i];
-          if (msg.type === "user") {
-            processTurn(turnMessages, completed);
-            turnMessages = [];
-            completed.push({ type: "single", messages: [msg] });
+        const completeMessages = [];
+        const inProgressMessages = [];
+        for (const msg of messages) {
+          if (isMessageComplete(msg)) {
+            completeMessages.push(msg);
           } else {
-            turnMessages.push(msg);
+            inProgressMessages.push(msg);
           }
         }
-        processTurn(turnMessages, completed);
-        if (lastUserMessageIndex >= 0) {
-          completed.push({ type: "single", messages: [messages[lastUserMessageIndex]] });
+        let splitIndex = messages.length;
+        for (let i = messages.length - 1; i >= 0; i--) {
+          if (isMessageComplete(messages[i])) {
+            splitIndex = i + 1;
+            break;
+          }
         }
-        const currentTurnMessages = lastUserMessageIndex >= 0 ? messages.slice(lastUserMessageIndex + 1) : messages;
-        processTurn(currentTurnMessages, currentTurn);
+        const finalCompleteMessages = messages.slice(0, splitIndex);
+        const finalInProgressMessages = messages.slice(splitIndex);
+        processTurn(finalCompleteMessages, completed);
+        processTurn(finalInProgressMessages, currentTurn);
         return { completedGroups: completed, currentTurnGroups: currentTurn };
-      }, [messages, lastUserMessageIndex, completedBoundaryKey]);
-      const staticItems = useMemo3(() => [
-        { id: "header", type: "header" },
-        ...completedGroups.map((group, idx) => {
+      }, [messages]);
+      const staticItems = useMemo3(
+        () => completedGroups.map((group, idx) => {
           if (group.type === "group") {
-            return { ...group, _isGroup: true, id: `group-${idx}` };
+            return { ...group, _isGroup: true, id: `group-${group.messages[0]?.id || idx}` };
           }
           return { ...group.messages[0], _isMessage: true };
-        })
-      ], [completedGroups]);
-      return /* @__PURE__ */ React13.createElement(Box12, { flexDirection: "column" }, /* @__PURE__ */ React13.createElement(Static, { items: staticItems, key: staticRemountKey }, (item) => {
-        if (item.type === "header") {
-          return /* @__PURE__ */ React13.createElement(Box12, { flexDirection: "column", key: "header" }, /* @__PURE__ */ React13.createElement(Header, { currentFolder, gitBranch, headless }));
+        }),
+        [completedGroups]
+      );
+      return /* @__PURE__ */ React13.createElement(Box12, { flexDirection: "column" }, /* @__PURE__ */ React13.createElement(
+        StaticHeader,
+        {
+          currentFolder,
+          gitBranch,
+          headless,
+          staticRemountKey
         }
+      ), staticItems.length > 0 && /* @__PURE__ */ React13.createElement(Static, { items: staticItems, key: `messages-${staticRemountKey}-${toolGroupsExpanded}` }, (item) => {
         if (item._isGroup) {
           const content2 = renderGroupedMessage(item);
           if (!content2) {
@@ -11042,7 +11062,8 @@ var init_TestSelector = __esm({
             // Only fetch failed tests
           });
           setTotalTests(result.total);
-          setHasMore(allTests.length + result.tests.length < result.total);
+          const loadedCount = allTests.length + result.tests.length;
+          setHasMore(result.tests.length === PAGE_SIZE2 && loadedCount < result.total);
           setAllTests((prev) => [...prev, ...result.tests]);
         } catch (err) {
           setError(err instanceof Error ? err.message : String(err));
@@ -11154,7 +11175,7 @@ var init_TestSelector = __esm({
         const indicator = isSelected ? "\u25B6 " : "  ";
         const bgColor = isSelected ? theme.text.accent : void 0;
         return /* @__PURE__ */ React21.createElement(Box18, { key: test.id, marginBottom: 0 }, /* @__PURE__ */ React21.createElement(Text16, { backgroundColor: bgColor, bold: isSelected, color: isSelected ? "black" : theme.text.primary }, indicator), /* @__PURE__ */ React21.createElement(Text16, { backgroundColor: bgColor, color: isChecked ? "green" : isSelected ? "black" : theme.text.dim }, checkbox), /* @__PURE__ */ React21.createElement(Text16, null, " "), /* @__PURE__ */ React21.createElement(Text16, { backgroundColor: bgColor, bold: isSelected, color: isSelected ? "black" : theme.text.primary }, file, line && /* @__PURE__ */ React21.createElement(Text16, { color: isSelected ? "black" : theme.text.dim }, ":", line), /* @__PURE__ */ React21.createElement(Text16, { color: isSelected ? "black" : theme.text.dim }, " - "), title));
-      })), /* @__PURE__ */ React21.createElement(Box18, { flexDirection: "column", marginTop: 1 }, allTests.length > VISIBLE_ITEMS2 && /* @__PURE__ */ React21.createElement(Box18, { marginBottom: 1 }, /* @__PURE__ */ React21.createElement(Text16, { color: "yellow" }, "Showing ", adjustedStart + 1, "-", adjustedEnd, " of ", totalTests || allTests.length, " failed tests", hasMore && !isLoading && /* @__PURE__ */ React21.createElement(Text16, { color: theme.text.dim }, " \u2022 Scroll for more"))), /* @__PURE__ */ React21.createElement(Box18, null, /* @__PURE__ */ React21.createElement(Text16, { color: theme.text.dim }, /* @__PURE__ */ React21.createElement(Text16, { bold: true }, "\u2191\u2193"), " navigate \u2022 ", /* @__PURE__ */ React21.createElement(Text16, { bold: true }, "Space"), " toggle \u2022 ", /* @__PURE__ */ React21.createElement(Text16, { bold: true }, "a"), " all \u2022 ", /* @__PURE__ */ React21.createElement(Text16, { bold: true }, "n"), " none \u2022 ", /* @__PURE__ */ React21.createElement(Text16, { bold: true }, "Enter"), " fix selected")), selectedTests.size > 0 && /* @__PURE__ */ React21.createElement(Box18, { marginTop: 1 }, /* @__PURE__ */ React21.createElement(Text16, { color: "green" }, selectedTests.size, " test", selectedTests.size !== 1 ? "s" : "", " selected")), isLoading && /* @__PURE__ */ React21.createElement(Box18, { marginTop: 1 }, /* @__PURE__ */ React21.createElement(Text16, { color: "cyan" }, "Loading more tests..."))));
+      })), /* @__PURE__ */ React21.createElement(Box18, { flexDirection: "column", marginTop: 1 }, allTests.length > VISIBLE_ITEMS2 && /* @__PURE__ */ React21.createElement(Box18, { marginBottom: 1 }, /* @__PURE__ */ React21.createElement(Text16, { color: "yellow" }, "Showing ", adjustedStart + 1, "-", adjustedEnd, " of ", allTests.length, " failed tests", hasMore && !isLoading && /* @__PURE__ */ React21.createElement(Text16, { color: theme.text.dim }, " (scroll for more)"))), /* @__PURE__ */ React21.createElement(Box18, null, /* @__PURE__ */ React21.createElement(Text16, { color: theme.text.dim }, /* @__PURE__ */ React21.createElement(Text16, { bold: true }, "\u2191\u2193"), " navigate \u2022 ", /* @__PURE__ */ React21.createElement(Text16, { bold: true }, "Space"), " toggle \u2022 ", /* @__PURE__ */ React21.createElement(Text16, { bold: true }, "a"), " all \u2022 ", /* @__PURE__ */ React21.createElement(Text16, { bold: true }, "n"), " none \u2022 ", /* @__PURE__ */ React21.createElement(Text16, { bold: true }, "Enter"), " fix selected")), selectedTests.size > 0 && /* @__PURE__ */ React21.createElement(Box18, { marginTop: 1 }, /* @__PURE__ */ React21.createElement(Text16, { color: "green" }, selectedTests.size, " test", selectedTests.size !== 1 ? "s" : "", " selected")), isLoading && /* @__PURE__ */ React21.createElement(Box18, { marginTop: 1 }, /* @__PURE__ */ React21.createElement(Text16, { color: "cyan" }, "Loading more tests..."))));
     };
   }
 });
@@ -11454,7 +11475,8 @@ var init_InputPrompt = __esm({
       onInputChange,
       isClaudeMax = false
     }, ref) => {
-      const { agentMode, selectedModel, setSelectedModel, isAgentRunning, usageStats } = useSession();
+      const { agentMode, selectedModel, setSelectedModel, isAgentRunning } = useSession();
+      const { usageStats } = useUsageStats();
       const [value, setValue] = useState10("");
       const [cursorOffset, setCursorOffset] = useState10(0);
       const [allFiles, setAllFiles] = useState10([]);
@@ -13158,11 +13180,14 @@ async function runInteractive(config2) {
         stdout: inkStdout,
         stderr: inkStderr,
         stdin: process.stdin,
+        // Keep alternateBuffer: false for native terminal scrollback and text selection
         alternateBuffer: false,
-        // Like Gemini CLI - allows terminal to handle scroll & selection
         exitOnCtrlC: false,
-        // Reduce flickering by using incremental updates (only changed lines, not entire screen)
-        incrementalRendering: true
+        // Disable incrementalRendering - it doesn't work well without alternateBuffer
+        // and can cause more flickering issues
+        incrementalRendering: false,
+        // Prevent Ink from patching console methods
+        patchConsole: false
       }
     );
     unmountFn = unmount;
@@ -13212,7 +13237,6 @@ var init_interactive = __esm({
         setIsAgentRunning,
         updateStats,
         setTodos,
-        setUsageStats,
         shouldInterruptAgent,
         setShouldInterruptAgent,
         agentMode,
@@ -13221,6 +13245,7 @@ var init_interactive = __esm({
         selectedModel,
         llmProvider
       } = useSession();
+      const { setUsageStats } = useUsageStats();
       const agentRef = useRef8(null);
       useEffect15(() => {
         if (shouldInterruptAgent && agentRef.current) {
@@ -13333,9 +13358,9 @@ var init_interactive = __esm({
         addMessage,
         loadMessages,
         setSessionId: setContextSessionId,
-        setIsAgentRunning,
-        setUsageStats
+        setIsAgentRunning
       } = useSession();
+      const { setUsageStats } = useUsageStats();
       const [sessionId, setSessionId] = React31.useState(initialSessionId);
       const [currentTask, setCurrentTask] = React31.useState(config2.task);
       const [taskId, setTaskId] = React31.useState(0);
@@ -13567,9 +13592,9 @@ var HeadlessAgentRunner = ({ config: config2, sessionId, apiClient, onComplete }
     updateMessageByToolId,
     setIsAgentRunning,
     updateStats,
-    setTodos,
-    setUsageStats
+    setTodos
   } = useSession();
+  const { setUsageStats } = useUsageStats();
   const agentRef = useRef4(null);
   useEffect2(() => {
     let isMounted = true;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@supatest/cli",
-  "version": "0.0.39",
+  "version": "0.0.40",
   "description": "Supatest CLI - AI-powered task automation for CI/CD",
   "type": "module",
   "bin": {