recappi 0.1.80 → 0.1.81

package/dist/index.js

@@ -1493,12 +1493,14 @@ function AskScreen({
   onOpenTranscript,
   spinnerFrame
 }) {
+  const size = useTerminalSize();
   const [phase, setPhase] = useState5("input");
   const [question, setQuestion] = useState5("");
   const [asked, setAsked] = useState5("");
   const [content, setContent] = useState5("");
   const [citations, setCitations] = useState5([]);
   const [error51, setError] = useState5(void 0);
+  const [scroll, setScroll] = useState5(0);
   const runIdRef = useRef2(0);
   const submit = useCallback(
     (raw) => {
@@ -1510,6 +1512,7 @@ function AskScreen({
       setContent("");
       setCitations([]);
       setError(void 0);
+      setScroll(0);
       void (async () => {
         try {
           let text = "";
@@ -1552,7 +1555,16 @@ function AskScreen({
     setContent("");
     setCitations([]);
     setError(void 0);
+    setScroll(0);
   };
+  const answerText = phase === "done" ? formatAskAnswerPlain(content, citations) : content ? strippedAskAnswer(content) : "";
+  const innerWidth = Math.max(10, size.columns - 2);
+  const lines = answerText ? wrapToLines(answerText, innerWidth) : [];
+  const paneBudget = Math.max(3, size.rows - 9);
+  const maxScroll = Math.max(0, lines.length - paneBudget);
+  const effectiveScroll = phase === "asking" ? maxScroll : Math.min(scroll, maxScroll);
+  const windowLines = lines.slice(effectiveScroll, effectiveScroll + paneBudget);
+  const page = Math.max(1, paneBudget - 1);
   useInput5((input, key) => {
     if (key.escape) {
       runIdRef.current++;
@@ -1565,10 +1577,14 @@ function AskScreen({
       if (input && !key.ctrl && !key.meta) setQuestion((q) => q + input);
       return;
     }
-    if (phase === "done" || phase === "error") {
-      if (input === "a") return reset();
-      if (input === "t" && onOpenTranscript) return onOpenTranscript();
-    }
+    if (key.downArrow || input === "j") setScroll((s) => Math.min(maxScroll, s + 1));
+    else if (key.upArrow || input === "k") setScroll((s) => Math.max(0, s - 1));
+    else if (key.pageDown || input === " ") setScroll((s) => Math.min(maxScroll, s + page));
+    else if (key.pageUp || input === "b") setScroll((s) => Math.max(0, s - page));
+    else if (input === "g") setScroll(0);
+    else if (input === "G") setScroll(maxScroll);
+    else if (input === "a") reset();
+    else if (input === "t" && onOpenTranscript) onOpenTranscript();
   });
   return /* @__PURE__ */ jsxs12(Box13, { flexDirection: "column", paddingX: 1, children: [
     /* @__PURE__ */ jsxs12(Text13, { dimColor: true, children: [
@@ -1584,63 +1600,56 @@ function AskScreen({
       /* @__PURE__ */ jsx15(Box13, { marginTop: 1, children: /* @__PURE__ */ jsx15(Text13, { dimColor: true, children: "Type a question \xB7 \u23CE ask \xB7 esc back" }) })
     ] }) : /* @__PURE__ */ jsxs12(Box13, { marginTop: 1, flexDirection: "column", children: [
       /* @__PURE__ */ jsx15(Text13, { dimColor: true, wrap: "truncate-end", children: `? ${asked}` }),
-      /* @__PURE__ */ jsx15(Box13, { marginTop: 1, flexDirection: "column", children: /* @__PURE__ */ jsx15(AnswerBody, { phase, content, citations, error: error51, spinnerFrame }) }),
-      phase === "done" ? /* @__PURE__ */ jsx15(Sources, { citations }) : null,
+      /* @__PURE__ */ jsx15(Box13, { marginTop: 1, flexDirection: "column", children: phase === "asking" && !content ? /* @__PURE__ */ jsx15(Text13, { color: "cyan", children: `${SPINNER2[spinnerFrame % SPINNER2.length]} Thinking\u2026` }) : windowLines.map((line, i) => /* @__PURE__ */ jsx15(AnswerLine, { line }, effectiveScroll + i)) }),
+      maxScroll > 0 ? /* @__PURE__ */ jsx15(Text13, { dimColor: true, children: `  ${Math.min(effectiveScroll + paneBudget, lines.length)} / ${lines.length}${phase === "asking" ? " \xB7 streaming" : " \xB7 \u2191\u2193 scroll"}` }) : null,
+      phase === "error" ? /* @__PURE__ */ jsx15(Box13, { marginTop: 1, children: /* @__PURE__ */ jsx15(Text13, { color: "red", children: error51 ? `Ask failed: ${error51}` : "Ask failed" }) }) : null,
       /* @__PURE__ */ jsx15(Box13, { marginTop: 1, children: /* @__PURE__ */ jsxs12(Text13, { dimColor: true, children: [
         phase === "asking" ? "esc cancel" : "a ask again",
         (phase === "done" || phase === "error") && onOpenTranscript ? " \xB7 t transcript" : "",
+        maxScroll > 0 ? " \xB7 \u2191\u2193 scroll" : "",
         phase !== "asking" ? " \xB7 esc back" : ""
       ] }) })
     ] })
   ] });
 }
-function AnswerBody({
-  phase,
-  content,
-  citations,
-  error: error51,
-  spinnerFrame
-}) {
-  if (phase === "error") {
-    return /* @__PURE__ */ jsx15(Text13, { color: "red", children: error51 ? `Ask failed: ${error51}` : "Ask failed" });
-  }
-  if (phase === "asking" && !content) {
-    return /* @__PURE__ */ jsx15(Text13, { color: "cyan", children: `${SPINNER2[spinnerFrame % SPINNER2.length]} Thinking\u2026` });
-  }
-  if (phase === "asking") {
-    return /* @__PURE__ */ jsx15(Text13, { children: strippedAskAnswer(content) });
-  }
-  const segments = renderAskInline(content, citations);
-  return /* @__PURE__ */ jsx15(Text13, { children: segments.map(
-    (segment, i) => segment.kind === "text" ? /* @__PURE__ */ jsx15(Text13, { children: segment.text }, i) : /* @__PURE__ */ jsx15(Text13, { color: "cyan", children: `\u27E8${segment.label}\u27E9` }, i)
+function AnswerLine({ line }) {
+  if (line === "") return /* @__PURE__ */ jsx15(Text13, { children: " " });
+  const parts = line.split(/(⟨[^⟩]*⟩)/);
+  return /* @__PURE__ */ jsx15(Text13, { children: parts.map(
+    (part, i) => part.startsWith("\u27E8") && part.endsWith("\u27E9") ? /* @__PURE__ */ jsx15(Text13, { color: "cyan", children: part }, i) : /* @__PURE__ */ jsx15(Text13, { children: part }, i)
   ) });
 }
-function Sources({ citations }) {
-  const seen = /* @__PURE__ */ new Set();
-  const unique = [];
-  for (const citation of citations) {
-    const key = citation.segmentId ?? askCitationInlineLabel(citation);
-    if (seen.has(key)) continue;
-    seen.add(key);
-    unique.push(citation);
-  }
-  if (unique.length === 0) return null;
-  return /* @__PURE__ */ jsxs12(Box13, { marginTop: 1, flexDirection: "column", children: [
-    /* @__PURE__ */ jsx15(Text13, { dimColor: true, children: "Sources" }),
-    unique.map((citation, i) => {
-      const meta3 = [citation.speaker?.trim(), citation.snippet?.trim()].filter(Boolean).join(" \xB7 ");
-      return /* @__PURE__ */ jsxs12(Text13, { wrap: "truncate-end", children: [
-        /* @__PURE__ */ jsx15(Text13, { color: "cyan", children: `\u27E8${askCitationInlineLabel(citation)}\u27E9` }),
-        meta3 ? /* @__PURE__ */ jsx15(Text13, { dimColor: true, children: ` ${meta3}` }) : null
-      ] }, i);
-    })
-  ] });
+function wrapToLines(text, width) {
+  const out = [];
+  for (const paragraph of text.split("\n")) {
+    if (paragraph === "") {
+      out.push("");
+      continue;
+    }
+    let current = "";
+    let currentWidth = 0;
+    for (const ch of paragraph) {
+      const w = displayWidth(ch);
+      if (current !== "" && currentWidth + w > width) {
+        out.push(current);
+        current = ch;
+        currentWidth = w;
+      } else {
+        current += ch;
+        currentWidth += w;
+      }
+    }
+    out.push(current);
+  }
+  return out;
 }
 var SPINNER2;
 var init_AskScreen = __esm({
   "src/tui/AskScreen.tsx"() {
     "use strict";
     init_askInline();
+    init_format();
+    init_terminal();
     SPINNER2 = "\u280B\u2819\u2839\u2838\u283C\u2834\u2826\u2827\u2807\u280F";
   }
 });