@menteeai/menteeswe 0.1.24 → 0.1.26

package/dist/cli.js

@@ -408,8 +408,8 @@ function formatEvent(event) {
       const req = typeof event.data?.request === "number" ? event.data.request : 0;
       const inTok = typeof event.data?.inputTokens === "number" ? event.data.inputTokens : 0;
       const outTok = typeof event.data?.outputTokens === "number" ? event.data.outputTokens : 0;
-      const fmtK = (n) => n >= 1e3 ? `${(n / 1e3).toFixed(1)}k` : String(n);
-      return chalk.dim(`  \u21C5 req #${req} \xB7 ctx ${fmtK(inTok)} tok \xB7 out ${fmtK(outTok)} tok`);
+      const fmtK2 = (n) => n >= 1e3 ? `${(n / 1e3).toFixed(1)}k` : String(n);
+      return chalk.dim(`  \u21C5 req #${req} \xB7 ctx ${fmtK2(inTok)} tok \xB7 out ${fmtK2(outTok)} tok`);
     }
     case "info":
       return chalk.cyan.bold(`\u{1F4AD}  ${event.message ?? ""}`);
@@ -1306,7 +1306,7 @@ var init_loop = __esm({
 var version;
 var init_package = __esm({
   "package.json"() {
-    version = "0.1.24";
+    version = "0.1.26";
   }
 });
 
@@ -1641,9 +1641,29 @@ __export(App_exports, {
   App: () => App
 });
 import { useEffect as useEffect2, useMemo as useMemo2, useRef, useState as useState3 } from "react";
-import { Box as Box6, Static, Text as Text6, useApp, useInput as useInput4, useStdout } from "ink";
+import { Box as Box6, Text as Text6, useApp, useInput as useInput4, useStdin, useStdout } from "ink";
 import TextInput2 from "ink-text-input";
 import { jsx as jsx6, jsxs as jsxs6 } from "react/jsx-runtime";
+function wrappedH(text, w) {
+  const width = Math.max(10, w - 2);
+  let n = 0;
+  for (const ln of text.split("\n")) n += Math.max(1, Math.ceil(ln.length / width));
+  return n;
+}
+function lineH(l, w) {
+  if (l.kind === "task") return 3 + wrappedH(l.text, w);
+  if (l.kind === "answer") return 2 + wrappedH(l.text, w);
+  if (l.kind === "patch" && l.edit) {
+    const c = compactChanges(l.edit.old, l.edit.new);
+    const removed = c.removed.slice(0, 24);
+    const added = c.added.slice(0, 24);
+    let h = 3;
+    for (const ln of removed) h += Math.max(1, Math.ceil((ln.length + 3) / Math.max(10, w - 2)));
+    for (const ln of added) h += Math.max(1, Math.ceil((ln.length + 3) / Math.max(10, w - 2)));
+    return h;
+  }
+  return wrappedH(l.text, w);
+}
 function TaskBlock({ text }) {
   return /* @__PURE__ */ jsxs6(Box6, { flexDirection: "column", borderStyle: "round", borderColor: "magenta", paddingX: 1, children: [
     /* @__PURE__ */ jsx6(Text6, { color: "magenta", bold: true, children: "\u25B8 Task" }),
@@ -1653,6 +1673,7 @@ function TaskBlock({ text }) {
 function App(props) {
   const { exit } = useApp();
   const { stdout } = useStdout();
+  const { stdin } = useStdin();
   const bus = useMemo2(() => new EventBus(), []);
   const bridge = useMemo2(() => new ApprovalBridge(), []);
   const [log, setLog] = useState3([]);
@@ -1681,25 +1702,26 @@ function App(props) {
   const [showEdits, setShowEdits] = useState3(true);
   const [taskSummary, setTaskSummary] = useState3(null);
   const [tokenTotals, setTokenTotals] = useState3({ totalIn: 0, totalOut: 0 });
+  const [scrollOffset, setScrollOffset] = useState3(0);
+  const [session, setSession] = useState3({ tasks: 0, requests: 0, toolCalls: 0, iterations: 0, files: 0 });
   const finalTextRef = useRef(null);
   const pendingTool = useRef(null);
   const counter = useRef(0);
   const stateRef = useRef({ running, approval, dialog, factoryResult, providerName, model });
   stateRef.current = { running, approval, dialog, factoryResult, providerName, model };
   const abortRef = useRef(null);
-  const showDetailsRef = useRef(showDetails);
-  showDetailsRef.current = showDetails;
-  const showEditsRef = useRef(showEdits);
-  showEditsRef.current = showEdits;
+  const maxScrollRef = useRef(0);
+  const scrollOffsetRef = useRef(0);
+  scrollOffsetRef.current = scrollOffset;
   const appendLog = (text, noise = false, kind) => {
     if (!text) return;
-    if (noise && !showDetailsRef.current) return;
+    if (scrollOffsetRef.current > 0) setScrollOffset((o) => o + 1);
     counter.current += 1;
     const line = { id: counter.current, text, noise, kind };
     setLog((prev) => [...prev, line]);
   };
   const appendPatchEdit = (edit) => {
-    if (!showEditsRef.current) return;
+    if (scrollOffsetRef.current > 0) setScrollOffset((o) => o + 1);
     counter.current += 1;
     setLog((prev) => [...prev, { id: counter.current, text: "", noise: false, kind: "patch", edit }]);
   };
@@ -1730,8 +1752,20 @@ function App(props) {
         const totalOut = typeof event.data?.totalOut === "number" ? event.data.totalOut : 0;
         setTokenTotals({ totalIn, totalOut });
       }
+      if (event.type === "model_request") {
+        setSession((s) => ({ ...s, requests: s.requests + 1 }));
+      }
+      if (event.type === "tool_completed") {
+        setSession((s) => ({ ...s, toolCalls: s.toolCalls + 1 }));
+      }
       if (event.type === "task_completed") {
         setTaskSummary(formatEvent(event));
+        setSession((s) => ({
+          ...s,
+          tasks: s.tasks + 1,
+          iterations: s.iterations + (typeof event.data?.iterations === "number" ? event.data.iterations : 0),
+          files: s.files + (Array.isArray(event.data?.modifiedFiles) ? event.data.modifiedFiles.length : 0)
+        }));
         const text = typeof event.data?.finalText === "string" ? event.data.finalText.trim() : "";
         if (text) {
           finalTextRef.current = text;
@@ -1778,6 +1812,28 @@ function App(props) {
     const timer = setInterval(() => setFrame((f) => (f + 1) % SPINNER_FRAMES.length), 80);
     return () => clearInterval(timer);
   }, [running]);
+  useEffect2(() => {
+    if (!stdin.isTTY) return;
+    stdout.write("\x1B[?1000;1006h");
+    let tail = "";
+    const onMouseData = (chunk) => {
+      tail += chunk.toString();
+      const re = /\u001b\[<(\d+);\d+;\d+[Mm]/g;
+      let match;
+      while ((match = re.exec(tail)) !== null) {
+        if (stateRef.current.dialog || stateRef.current.approval) continue;
+        const cb = Number(match[1]);
+        if (cb === 64) setScrollOffset((o) => Math.min(o + 3, maxScrollRef.current));
+        else if (cb === 65) setScrollOffset((o) => Math.max(0, o - 3));
+      }
+      tail = tail.slice(-32);
+    };
+    stdin.on("data", onMouseData);
+    return () => {
+      stdin.off("data", onMouseData);
+      stdout.write("\x1B[?1000;1006l");
+    };
+  }, [stdin, stdout]);
   useEffect2(() => {
     const turns = loadConversation(props.cwd);
     if (turns.length > 0) {
@@ -1947,6 +2003,7 @@ function App(props) {
     setRunning(true);
     setTaskSummary(null);
     setTokenTotals({ totalIn: 0, totalOut: 0 });
+    setScrollOffset(0);
     const ac = new AbortController();
     abortRef.current = ac;
     try {
@@ -2016,42 +2073,115 @@ function App(props) {
       setShowEdits((v) => !v);
       return;
     }
+    if (!stateRef.current.dialog && !stateRef.current.approval) {
+      if (key.pageUp) {
+        setScrollOffset((o) => Math.min(o + 10, maxScrollRef.current));
+        return;
+      }
+      if (key.pageDown) {
+        setScrollOffset((o) => Math.max(0, o - 10));
+        return;
+      }
+      if (key.upArrow) {
+        setScrollOffset((o) => Math.min(o + 3, maxScrollRef.current));
+        return;
+      }
+      if (key.downArrow) {
+        setScrollOffset((o) => Math.max(0, o - 3));
+        return;
+      }
+    }
     if (stateRef.current.dialog || stateRef.current.approval || stateRef.current.running) return;
     if (key.meta && (input === "m" || input === "M")) openModelDialog();
     else if (key.ctrl && input === "p") setDialog({ kind: "provider" });
     else if (key.ctrl && input === "k") setDialog({ kind: "key" });
   });
   const modelLabel = model ?? factoryResult.provider?.defaultModel ?? (factoryResult.error ? "no key" : "");
-  const header = /* @__PURE__ */ jsxs6(Box6, { flexDirection: "column", marginBottom: 1, children: [
-    /* @__PURE__ */ jsx6(Text6, { color: "cyan", children: BANNER }),
-    /* @__PURE__ */ jsxs6(Text6, { dimColor: true, children: [
-      "v",
-      version,
-      " \xB7 ",
-      providerName,
-      modelLabel ? `:${modelLabel}` : "",
-      " \xB7 details ",
-      showDetails ? "open" : "collapsed",
-      " \xB7 edits ",
-      showEdits ? "open" : "collapsed",
-      " \xB7 ",
-      props.cwd
-    ] }),
-    /* @__PURE__ */ jsx6(Text6, { dimColor: true, children: "Alt+M model \xB7 Ctrl+P provider \xB7 Ctrl+K key \xB7 Alt+D details \xB7 Alt+E edits \xB7 /help" })
-  ] }, "header");
   const cols = stdout.columns || 80;
-  const marquee = thinkingText.slice(-Math.max(1, cols - 4));
-  return /* @__PURE__ */ jsxs6(Box6, { flexDirection: "column", children: [
-    /* @__PURE__ */ jsx6(Static, { items: [{ key: "header", text: header }], children: (item) => /* @__PURE__ */ jsx6(Box6, { flexDirection: "column", borderStyle: "round", borderColor: "magenta", paddingX: 1, children: item.text }, item.key) }),
-    /* @__PURE__ */ jsx6(Static, { items: log, children: (line) => line.kind === "answer" ? /* @__PURE__ */ jsx6(AnswerBlock, { text: line.text }, line.id) : line.kind === "task" ? /* @__PURE__ */ jsx6(TaskBlock, { text: line.text }, line.id) : line.kind === "patch" && line.edit ? /* @__PURE__ */ jsx6(CurrentEditBox, { edit: line.edit }, line.id) : /* @__PURE__ */ jsx6(Text6, { children: line.text }, line.id) }),
-    finalPending !== null ? /* @__PURE__ */ jsx6(Box6, { marginTop: 1, flexDirection: "column", borderStyle: "round", borderColor: "green", paddingX: 1, children: /* @__PURE__ */ jsxs6(Text6, { color: "green", children: [
-      typedText,
-      typing ? "\u258C" : ""
-    ] }) }) : null,
-    taskSummary ? /* @__PURE__ */ jsx6(Box6, { marginTop: 1, children: /* @__PURE__ */ jsx6(Text6, { children: taskSummary }) }) : null,
+  const rows = stdout.rows || 24;
+  const SIDEBAR_W = 26;
+  const inspectorVisible = detailsOpen && inspectorIndex !== null && toolHistory[inspectorIndex] !== void 0;
+  const footerRows = (dialog ? 10 : approval ? 5 : 2) + (inspectorVisible ? 7 : 0);
+  const mainInnerH = Math.max(6, rows - footerRows - 2);
+  const mainInnerW = Math.max(20, cols - SIDEBAR_W - 4);
+  const marquee = thinkingText.slice(-Math.max(1, mainInnerW - 4));
+  const answerH = finalPending !== null ? 2 + wrappedH(typedText, mainInnerW) : 0;
+  const summaryH = taskSummary ? 1 + wrappedH(taskSummary, mainInnerW) : 0;
+  const visible = useMemo2(() => {
+    const filtered = log.filter((l) => (showDetails || !l.noise) && (l.kind !== "patch" || showEdits));
+    maxScrollRef.current = Math.max(0, filtered.length - 1);
+    const offset = Math.min(scrollOffset, maxScrollRef.current);
+    const sliceEnd = Math.max(0, filtered.length - offset);
+    const budget = mainInnerH - answerH - summaryH - 2;
+    let used = 0;
+    let start = sliceEnd;
+    while (start > 0) {
+      const prev = filtered[start - 1];
+      if (!prev) break;
+      const h = lineH(prev, mainInnerW);
+      if (used + h > budget) break;
+      used += h;
+      start--;
+    }
+    return filtered.slice(start, sliceEnd);
+  }, [log, showDetails, showEdits, scrollOffset, mainInnerH, mainInnerW, answerH, summaryH]);
+  const renderLine = (line) => line.kind === "answer" ? /* @__PURE__ */ jsx6(AnswerBlock, { text: line.text }, line.id) : line.kind === "task" ? /* @__PURE__ */ jsx6(TaskBlock, { text: line.text }, line.id) : line.kind === "patch" && line.edit ? /* @__PURE__ */ jsx6(CurrentEditBox, { edit: line.edit }, line.id) : /* @__PURE__ */ jsx6(Text6, { children: line.text }, line.id);
+  const statRow = (label, value) => /* @__PURE__ */ jsxs6(Box6, { flexDirection: "row", justifyContent: "space-between", children: [
+    /* @__PURE__ */ jsx6(Text6, { dimColor: true, children: label }),
+    /* @__PURE__ */ jsx6(Text6, { children: value })
+  ] }, label);
+  return /* @__PURE__ */ jsxs6(Box6, { flexDirection: "column", height: rows, children: [
+    /* @__PURE__ */ jsxs6(Box6, { flexDirection: "row", flexGrow: 1, children: [
+      /* @__PURE__ */ jsxs6(Box6, { flexDirection: "row", flexGrow: 1, borderStyle: "round", borderColor: "gray", paddingX: 1, children: [
+        /* @__PURE__ */ jsxs6(Box6, { flexDirection: "column", flexGrow: 1, children: [
+          visible.map(renderLine),
+          finalPending !== null ? /* @__PURE__ */ jsx6(Box6, { flexDirection: "column", borderStyle: "round", borderColor: "green", paddingX: 1, children: /* @__PURE__ */ jsxs6(Text6, { color: "green", children: [
+            typedText,
+            typing ? "\u258C" : ""
+          ] }) }) : null,
+          taskSummary ? /* @__PURE__ */ jsx6(Text6, { children: taskSummary }) : null
+        ] }),
+        (() => {
+          const total = maxScrollRef.current;
+          if (total <= 0) return null;
+          const H = Math.max(4, mainInnerH - 2);
+          const offset = Math.min(scrollOffset, maxScrollRef.current);
+          const frac = maxScrollRef.current > 0 ? offset / maxScrollRef.current : 0;
+          const thumbLen = Math.max(1, Math.round(H * 0.25));
+          const thumbStart = Math.round((1 - frac) * (H - thumbLen));
+          const glyphs = [];
+          for (let i = 0; i < H; i++) glyphs.push(i >= thumbStart && i < thumbStart + thumbLen ? "\u2588" : "\u2502");
+          return /* @__PURE__ */ jsx6(Box6, { flexDirection: "column", width: 1, children: glyphs.map((g, i) => /* @__PURE__ */ jsx6(Text6, { color: g === "\u2588" ? "magenta" : "gray", children: g }, i)) });
+        })()
+      ] }),
+      /* @__PURE__ */ jsxs6(Box6, { width: SIDEBAR_W, flexDirection: "column", borderStyle: "round", borderColor: "magenta", paddingX: 1, children: [
+        /* @__PURE__ */ jsx6(Text6, { bold: true, color: "magenta", children: "MenteE SWE \u{1F380}" }),
+        /* @__PURE__ */ jsxs6(Text6, { dimColor: true, children: [
+          "v",
+          version
+        ] }),
+        /* @__PURE__ */ jsx6(Text6, { children: " " }),
+        statRow("provider", providerName),
+        statRow("model", modelLabel.length > 18 ? modelLabel.slice(0, 17) + "\u2026" : modelLabel),
+        statRow("phase", running ? PHASE_LABEL[phase] ?? "working" : "idle"),
+        /* @__PURE__ */ jsx6(Text6, { children: " " }),
+        statRow("tasks", String(session.tasks)),
+        statRow("requests", String(session.requests)),
+        statRow("\u2191 in", fmtK(tokenTotals.totalIn)),
+        statRow("\u2193 out", fmtK(tokenTotals.totalOut)),
+        statRow("tool calls", String(session.toolCalls)),
+        statRow("iterations", String(session.iterations)),
+        statRow("files", String(session.files)),
+        statRow("details", showDetails ? "on" : "off"),
+        statRow("edits", showEdits ? "on" : "off"),
+        /* @__PURE__ */ jsx6(Text6, { children: " " }),
+        /* @__PURE__ */ jsx6(Text6, { dimColor: true, children: "menteeai.org" }),
+        /* @__PURE__ */ jsx6(Text6, { dimColor: true, children: "@menteeaiorg" })
+      ] })
+    ] }),
     detailsOpen && inspectorIndex !== null && toolHistory[inspectorIndex] ? (() => {
       const rec = toolHistory[inspectorIndex];
-      const outLines = rec.output.split("\n").slice(0, 24).join("\n");
+      const outLines = rec.output.split("\n").slice(0, 20).join("\n");
       return /* @__PURE__ */ jsxs6(Box6, { flexDirection: "column", marginTop: 1, borderStyle: "round", borderColor: "gray", paddingX: 1, children: [
         /* @__PURE__ */ jsxs6(Text6, { dimColor: true, children: [
           " tool details (",
@@ -2118,26 +2248,20 @@ function App(props) {
           if (decision === "always") bus.emit("info", "Approved for the rest of this session.");
         }
       }
-    ) : running ? /* @__PURE__ */ jsxs6(Box6, { flexDirection: "column", children: [
-      /* @__PURE__ */ jsxs6(Box6, { children: [
-        /* @__PURE__ */ jsxs6(Text6, { color: "yellow", children: [
-          SPINNER_FRAMES[frame],
-          " "
-        ] }),
-        /* @__PURE__ */ jsxs6(Text6, { dimColor: true, children: [
-          "agent ",
-          PHASE_LABEL[phase] ?? "working",
-          "\u2026",
-          tokenTotals.totalIn + tokenTotals.totalOut > 0 ? ` \xB7 ${((tokenTotals.totalIn + tokenTotals.totalOut) / 1e3).toFixed(1)}k tok` : "",
-          " (Ctrl+C to exit)"
-        ] })
+    ) : running ? /* @__PURE__ */ jsxs6(Box6, { flexDirection: "row", children: [
+      /* @__PURE__ */ jsxs6(Text6, { color: "yellow", children: [
+        SPINNER_FRAMES[frame],
+        " "
       ] }),
-      thinkingText ? /* @__PURE__ */ jsxs6(Box6, { children: [
-        /* @__PURE__ */ jsx6(Text6, { color: "cyan", children: "\u{1F4AD} " }),
-        /* @__PURE__ */ jsx6(Text6, { color: "cyan", dimColor: true, children: marquee }),
-        /* @__PURE__ */ jsx6(Text6, { color: "cyan", children: "\u258C" })
-      ] }) : null
-    ] }) : /* @__PURE__ */ jsxs6(Box6, { children: [
+      /* @__PURE__ */ jsxs6(Text6, { dimColor: true, children: [
+        "agent ",
+        PHASE_LABEL[phase] ?? "working",
+        "\u2026",
+        tokenTotals.totalIn + tokenTotals.totalOut > 0 ? ` \xB7 ${fmtK(tokenTotals.totalIn + tokenTotals.totalOut)} tok` : "",
+        " \xB7 ",
+        thinkingText ? `\u{1F4AD} ${marquee}` : "Ctrl+C to cancel"
+      ] })
+    ] }) : /* @__PURE__ */ jsxs6(Box6, { flexDirection: "row", children: [
       /* @__PURE__ */ jsx6(Text6, { color: "cyan", bold: true, children: "\u25B8 " }),
       /* @__PURE__ */ jsx6(
         TextInput2,
@@ -2148,10 +2272,14 @@ function App(props) {
           placeholder: "Describe a task, or /help"
         }
       )
-    ] })
+    ] }),
+    /* @__PURE__ */ jsx6(Text6, { dimColor: true, children: (scrollOffset > 0 ? `\u2191${scrollOffset} hidden \xB7 ` : "") + "Alt+M model \xB7 Ctrl+P provider \xB7 Ctrl+K key \xB7 Alt+D details \xB7 Alt+E edits \xB7 \u2191/\u2193\xB7PgUp/PgDn\xB7wheel scroll \xB7 /help".slice(
+      0,
+      Math.max(10, cols - (scrollOffset > 0 ? 16 : 0))
+    ) })
   ] });
 }
-var SPINNER_FRAMES, PHASE_LABEL, PROVIDER_NAMES, PROVIDER_DESCRIPTIONS, BANNER;
+var SPINNER_FRAMES, PHASE_LABEL, PROVIDER_NAMES, PROVIDER_DESCRIPTIONS, fmtK;
 var init_App = __esm({
   "src/tui/App.tsx"() {
     "use strict";
@@ -2190,12 +2318,7 @@ var init_App = __esm({
       nvidia: "NVIDIA NIM \xB7 build.nvidia.com hosted models",
       mock: "offline testing \xB7 no network"
     };
-    BANNER = ` __  __  \u{1F380}
-|  \\/  |
-|      |
-|      |
-MenteE SWE \u2014 https://menteeai.org
-Twitter: x.com/menteeaiorg`;
+    fmtK = (n) => n >= 1e3 ? `${(n / 1e3).toFixed(1)}k` : String(n);
   }
 });
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@menteeai/menteeswe",
-  "version": "0.1.24",
+  "version": "0.1.26",
   "description": "MenteE SWE — a model-agnostic autonomous software-engineering agent CLI. Bring your own intelligence: Kimi, GLM/Z.ai, and more.",
   "type": "module",
   "license": "MIT",