recappi 0.1.49 → 0.1.51

package/dist/index.js

@@ -593,17 +593,20 @@ var init_LiveCaptionsScreen = __esm({
 
 // src/tui/RecordingHeroScreen.tsx
 import { useEffect as useEffect2, useRef, useState as useState3 } from "react";
-import { Box as Box2, Text as Text2 } from "ink";
+import { Box as Box2, Text as Text2, useInput as useInput2 } from "ink";
 import { Fragment, jsx as jsx3, jsxs as jsxs2 } from "react/jsx-runtime";
-function litCount(level) {
+function waveRowsFor(terminalRows) {
+  return terminalRows >= 30 ? 5 : 3;
+}
+function litCount(level, rows) {
   const amp = Math.max(0, Math.min(1, level));
   if (amp <= 0.028) return 0;
-  return Math.max(1, Math.min(WAVE_ROWS, Math.ceil(Math.pow(amp, 0.58) * WAVE_ROWS)));
+  return Math.max(1, Math.min(rows, Math.ceil(Math.pow(amp, 0.58) * rows)));
 }
-function litCounts(samples, width) {
+function litCounts(samples, width, rows) {
   if (width <= 0) return [];
   const tail = samples.slice(-width);
-  return [...Array(Math.max(0, width - tail.length)).fill(0), ...tail].map(litCount);
+  return [...Array(Math.max(0, width - tail.length)).fill(0), ...tail].map((v) => litCount(v, rows));
 }
 function levelDb(level) {
   if (level <= 0.03) return "silent";
@@ -614,18 +617,19 @@ function MeterRow({
   samples,
   level,
   paused,
-  width
+  width,
+  rows
 }) {
   const silent = level <= 0.03;
-  const cols = litCounts(samples, width);
+  const cols = litCounts(samples, width, rows);
   const litColor = paused ? "gray" : "cyan";
   return /* @__PURE__ */ jsxs2(Box2, { flexDirection: "column", children: [
     /* @__PURE__ */ jsxs2(Box2, { width: width + 9, children: [
       /* @__PURE__ */ jsx3(Box2, { width: 9, children: /* @__PURE__ */ jsx3(Text2, { dimColor: true, children: label }) }),
       /* @__PURE__ */ jsx3(Box2, { flexGrow: 1, justifyContent: "flex-end", children: !paused && silent ? /* @__PURE__ */ jsx3(Text2, { color: "yellow", children: "silent" }) : /* @__PURE__ */ jsx3(Text2, { dimColor: true, children: paused ? "paused" : levelDb(level) }) })
     ] }),
-    Array.from({ length: WAVE_ROWS }, (_, r) => {
-      const fromBottom = WAVE_ROWS - r;
+    Array.from({ length: rows }, (_, r) => {
+      const fromBottom = rows - r;
       return /* @__PURE__ */ jsx3(Text2, { children: cols.map(
         (c, i) => c >= fromBottom ? /* @__PURE__ */ jsx3(Text2, { color: litColor, children: c === fromBottom ? "\u2022" : "\u25CF" }, i) : /* @__PURE__ */ jsx3(Text2, { dimColor: true, children: "\xB7" }, i)
       ) }, r);
@@ -663,7 +667,13 @@ function RecordingHeroScreen({
   const [tick, setTick] = useState3(() => now());
   const [waveSys, setWaveSys] = useState3([]);
   const [waveMic, setWaveMic] = useState3([]);
+  const [captionMode, setCaptionMode] = useState3("both");
   const lastAppendRef = useRef(0);
+  useInput2((input) => {
+    if (input === "c") {
+      setCaptionMode((m) => m === "both" ? "source" : m === "source" ? "translation" : "both");
+    }
+  });
   useEffect2(() => {
     if (telemetry.level == null) return;
     const t = now();
@@ -720,7 +730,8 @@ function RecordingHeroScreen({
   const meterW = Math.max(10, Math.min(72, innerWidth - 20));
   const sizeStr = telemetry.sizeBytes ? formatBytes2(telemetry.sizeBytes) : "";
   const context = [telemetry.sourceLabel, telemetry.micEnabled ? "Microphone" : null, sizeStr || null].filter(Boolean).join("  \xB7  ");
-  const meterBlockRows = (telemetry.micEnabled ? 2 : 1) * (WAVE_ROWS + 1) + (telemetry.micEnabled ? 1 : 0);
+  const waveRows = waveRowsFor(size.rows);
+  const meterBlockRows = (telemetry.micEnabled ? 2 : 1) * (waveRows + 1) + (telemetry.micEnabled ? 1 : 0);
   const fixedRows = 8 + meterBlockRows;
   const captionRows = Math.max(2, size.rows - fixedRows);
   return /* @__PURE__ */ jsxs2(Box2, { flexDirection: "column", paddingX: 1, children: [
@@ -739,55 +750,83 @@ function RecordingHeroScreen({
         // reads as silence (the elapsed timer above proves it's live).
         /* @__PURE__ */ jsx3(Text2, { dimColor: true, children: paused ? "Paused" : `Capturing audio${".".repeat(Math.floor(tick / 1e3) % 3 + 1)}` })
       ) : /* @__PURE__ */ jsxs2(Fragment, { children: [
-        /* @__PURE__ */ jsx3(MeterRow, { label: "System", samples: waveSys, level: telemetry.level.system ?? 0, paused, width: meterW }),
-        telemetry.micEnabled ? /* @__PURE__ */ jsx3(Box2, { marginTop: 1, children: /* @__PURE__ */ jsx3(MeterRow, { label: "Mic", samples: waveMic, level: telemetry.level.mic ?? 0, paused, width: meterW }) }) : null
+        /* @__PURE__ */ jsx3(MeterRow, { label: "System", samples: waveSys, level: telemetry.level.system ?? 0, paused, width: meterW, rows: waveRows }),
+        telemetry.micEnabled ? /* @__PURE__ */ jsx3(Box2, { marginTop: 1, children: /* @__PURE__ */ jsx3(MeterRow, { label: "Mic", samples: waveMic, level: telemetry.level.mic ?? 0, paused, width: meterW, rows: waveRows }) }) : null
       ] }) }),
       /* @__PURE__ */ jsx3(Box2, { marginTop: 1, children: /* @__PURE__ */ jsx3(Text2, { dimColor: true, children: context }) }),
       captions ? /* @__PURE__ */ jsxs2(Box2, { marginTop: 1, flexDirection: "column", children: [
         /* @__PURE__ */ jsx3(Text2, { bold: true, dimColor: true, children: "LIVE CAPTIONS" }),
-        /* @__PURE__ */ jsx3(HeroCaptions, { state: captions, maxRows: captionRows })
+        /* @__PURE__ */ jsx3(HeroCaptions, { state: captions, maxRows: captionRows, width: innerWidth, mode: captionMode })
       ] }) : null
     ] }),
     /* @__PURE__ */ jsx3(Box2, { marginTop: 1, children: /* @__PURE__ */ jsxs2(Text2, { dimColor: true, children: [
       "q stop & save",
-      canPause ? ` \xB7 p ${paused ? "resume" : "pause"}` : ""
+      canPause ? ` \xB7 p ${paused ? "resume" : "pause"}` : "",
+      captions ? " \xB7 c captions" : ""
     ] }) })
   ] });
 }
-function HeroCaptions({ state, maxRows }) {
+function wrappedRows(text, width) {
+  return Math.max(1, Math.ceil(displayWidth(text) / Math.max(1, width)));
+}
+function captionColumn(items, maxRows, width, dim) {
+  const budget = Math.max(1, maxRows);
+  const chosen = [];
+  let used = 0;
+  for (let i = items.length - 1; i >= 0; i--) {
+    const h = wrappedRows(items[i].text, width);
+    if (used + h > budget && chosen.length > 0) break;
+    chosen.unshift(items[i]);
+    used += h;
+  }
+  return chosen.map((it) => /* @__PURE__ */ jsx3(Text2, { dimColor: dim, wrap: "wrap", children: it.text }, it.key));
+}
+function HeroCaptions({
+  state,
+  maxRows,
+  width,
+  mode
+}) {
   const hasPartial = Boolean(state.partial && state.partial.length > 0);
   const captionError = state.status === "error" ? `Captions unavailable: ${state.error ?? "Live captions unavailable."}` : null;
   if (state.lines.length === 0 && !hasPartial) {
-    return /* @__PURE__ */ jsx3(Text2, { color: captionError ? "yellow" : void 0, dimColor: !captionError, wrap: "truncate-end", children: captionError ?? (state.status === "live" ? "Listening for speech\u2026" : liveCaptionStatusLabel(state.status)) });
-  }
-  const rows = [];
-  for (const line of state.lines) {
-    rows.push(
-      /* @__PURE__ */ jsxs2(Text2, { wrap: "truncate-end", children: [
-        line.speaker ? `${line.speaker}: ` : "",
-        trimLead(line.text)
-      ] }, `${line.id}-s`)
-    );
-    if (line.translation) {
-      rows.push(
-        /* @__PURE__ */ jsx3(Text2, { dimColor: true, wrap: "truncate-end", children: `  \u21B3 ${trimLead(line.translation)}` }, `${line.id}-t`)
-      );
-    }
+    return /* @__PURE__ */ jsx3(Text2, { color: captionError ? "yellow" : void 0, dimColor: !captionError, children: captionError ?? (state.status === "live" ? "Listening for speech\u2026" : liveCaptionStatusLabel(state.status)) });
   }
-  if (hasPartial) {
-    rows.push(
-      /* @__PURE__ */ jsx3(Text2, { dimColor: true, wrap: "truncate-end", children: trimLead(state.partial) }, "partial")
-    );
+  const sourceItems = state.lines.map((l) => ({
+    key: `${l.id}-s`,
+    text: `${l.speaker ? `${l.speaker}: ` : ""}${trimLead(l.text)}`
+  }));
+  if (hasPartial) sourceItems.push({ key: "sp", text: trimLead(state.partial) });
+  const translationItems = state.lines.filter((l) => l.translation).map((l) => ({ key: `${l.id}-t`, text: trimLead(l.translation) }));
+  if (state.translationPartial) translationItems.push({ key: "tp", text: trimLead(state.translationPartial) });
+  const errLine = captionError ? /* @__PURE__ */ jsx3(Text2, { color: "yellow", wrap: "wrap", children: captionError }) : null;
+  const hasTranslation = translationItems.length > 0;
+  if (mode === "source" || !hasTranslation) {
+    return /* @__PURE__ */ jsxs2(Fragment, { children: [
+      captionColumn(sourceItems, maxRows, width, false),
+      errLine
+    ] });
   }
-  if (state.translationPartial) {
-    rows.push(
-      /* @__PURE__ */ jsx3(Text2, { dimColor: true, wrap: "truncate-end", children: `  \u21B3 ${trimLead(state.translationPartial)}` }, "tpartial")
-    );
+  if (mode === "translation") {
+    return /* @__PURE__ */ jsxs2(Fragment, { children: [
+      captionColumn(translationItems, maxRows, width, false),
+      errLine
+    ] });
   }
-  const visible = rows.slice(-Math.max(1, maxRows));
+  const gap = 2;
+  const colW = Math.max(12, Math.floor((width - gap) / 2));
   return /* @__PURE__ */ jsxs2(Fragment, { children: [
-    visible,
-    captionError ? /* @__PURE__ */ jsx3(Text2, { color: "yellow", wrap: "truncate-end", children: captionError }) : null
+    /* @__PURE__ */ jsxs2(Box2, { flexDirection: "row", children: [
+      /* @__PURE__ */ jsxs2(Box2, { width: colW, flexDirection: "column", marginRight: gap, children: [
+        /* @__PURE__ */ jsx3(Text2, { dimColor: true, children: "ORIGINAL" }),
+        captionColumn(sourceItems, Math.max(1, maxRows - 1), colW, false)
+      ] }),
+      /* @__PURE__ */ jsxs2(Box2, { width: colW, flexDirection: "column", children: [
+        /* @__PURE__ */ jsx3(Text2, { dimColor: true, children: "TRANSLATION" }),
+        captionColumn(translationItems, Math.max(1, maxRows - 1), colW, false)
+      ] })
+    ] }),
+    errLine
   ] });
 }
 function stoppedHandoffCopy(artifact, canTranscribe) {
@@ -808,14 +847,13 @@ function stoppedHandoffCopy(artifact, canTranscribe) {
   }
   return { text: "Transcribe now? \u23CE yes \xB7 n not now", tone: "normal" };
 }
-var WAVE_ROWS, WAVE_THROTTLE_MS, trimLead;
+var WAVE_THROTTLE_MS, trimLead;
 var init_RecordingHeroScreen = __esm({
   "src/tui/RecordingHeroScreen.tsx"() {
     "use strict";
     init_format();
     init_liveCaptions();
     init_terminal();
-    WAVE_ROWS = 5;
     WAVE_THROTTLE_MS = 220;
     trimLead = (s) => s.replace(/^\s+/, "");
   }
@@ -1382,7 +1420,7 @@ var init_JobDetailView = __esm({
 
 // src/tui/RecordingDetailView.tsx
 import React6, { useMemo as useMemo2, useState as useState4 } from "react";
-import { Box as Box12, Text as Text12, useInput as useInput3 } from "ink";
+import { Box as Box12, Text as Text12, useInput as useInput4 } from "ink";
 import { Fragment as Fragment5, jsx as jsx14, jsxs as jsxs11 } from "react/jsx-runtime";
 function RecordingDetailView({
   item,
@@ -1426,7 +1464,7 @@ function RecordingDetailView({
     setScroll(found < 0 ? Math.max(0, segments.length - 1) : found);
     setTab("transcript");
   };
-  useInput3((input, key) => {
+  useInput4((input, key) => {
     if (!item.activeTranscriptId || !ready) return;
     if (key.tab) {
       setTab((t) => TAB_ORDER[(TAB_ORDER.indexOf(t) + (key.shift ? TAB_ORDER.length - 1 : 1)) % TAB_ORDER.length]);
@@ -1576,7 +1614,7 @@ var init_RecordingDetailView = __esm({
 
 // src/tui/TranscriptView.tsx
 import { useMemo as useMemo3, useState as useState5 } from "react";
-import { Box as Box13, Text as Text13, useInput as useInput4 } from "ink";
+import { Box as Box13, Text as Text13, useInput as useInput5 } from "ink";
 import { jsx as jsx15, jsxs as jsxs12 } from "react/jsx-runtime";
 function TranscriptView({ loading, data, error: error51 }) {
   const size = useTerminalSize();
@@ -1593,7 +1631,7 @@ function TranscriptView({ loading, data, error: error51 }) {
   const budget = Math.max(3, size.rows - 3);
   const win = windowByHeights(heights, scroll, budget);
   const page = Math.max(1, budget - 1);
-  useInput4((input, key) => {
+  useInput5((input, key) => {
     if (key.downArrow || input === "j") setScroll((s) => Math.min(win.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(win.maxScroll, s + page));
@@ -1720,7 +1758,7 @@ var init_PermissionPreflightView = __esm({
 
 // src/tui/RecordSetupView.tsx
 import { useEffect as useEffect3, useRef as useRef2, useState as useState6 } from "react";
-import { Box as Box15, Text as Text15, useInput as useInput5 } from "ink";
+import { Box as Box15, Text as Text15, useInput as useInput6 } from "ink";
 import { jsx as jsx17, jsxs as jsxs14 } from "react/jsx-runtime";
 function levelDb2(level) {
   if (level <= 0.03) return "silent";
@@ -1783,7 +1821,7 @@ function RecordSetupView({
     const di = microphones.findIndex((device) => device.isDefault);
     if (di > 0) setMicIdx(di);
   }, [microphones.length]);
-  useInput5((input, key) => {
+  useInput6((input, key) => {
     if (key.upArrow || input === "k") setSrcIdx((i) => Math.max(0, i - 1));
     else if (key.downArrow || input === "j") setSrcIdx((i) => Math.min(sources.length - 1, i + 1));
     else if (input === " ") setIncludeMic((m) => !m);
@@ -1862,7 +1900,7 @@ var init_RecordSetupView = __esm({
 
 // src/tui/AppShell.tsx
 import { useCallback, useEffect as useEffect4, useState as useState7 } from "react";
-import { Box as Box16, Text as Text16, useApp, useInput as useInput6 } from "ink";
+import { Box as Box16, Text as Text16, useApp, useInput as useInput7 } from "ink";
 import { Fragment as Fragment6, jsx as jsx18, jsxs as jsxs15 } from "react/jsx-runtime";
 function recordErrorCopy(code, message) {
   switch (code) {
@@ -2506,7 +2544,7 @@ function AppShell({
     setNotice(void 0);
   };
   const back = () => setStack((st) => st.length > 1 ? st.slice(0, -1) : st);
-  useInput6((input, key) => {
+  useInput7((input, key) => {
     setNotice(void 0);
     if (screen.kind === "recordSetup") {
       if (input === "q" || key.leftArrow) back();
@@ -20480,7 +20518,7 @@ import { createRequire as createRequire2 } from "module";
 import { homedir } from "os";
 import { dirname, join as join2 } from "path";
 import { fileURLToPath } from "url";
-import { render, useInput as useInput2 } from "ink";
+import { render, useInput as useInput3 } from "ink";
 init_recordingCore();
 
 // src/sidecar.ts
@@ -21336,7 +21374,7 @@ function RecordLiveScreen({
   onStop,
   now
 }) {
-  useInput2((input, key) => {
+  useInput3((input, key) => {
     if (input === "q" || key.escape || key.leftArrow) onStop();
   });
   return /* @__PURE__ */ jsx4(LiveCaptionsScreen, { source, now });
@@ -21395,7 +21433,7 @@ function RecordingHeroLive({
       if (mapped) setCaptions((prev) => liveCaptionReducer(prev, mapped));
     });
   }, [captionStreamEnabled, source]);
-  useInput2((input, key) => {
+  useInput3((input, key) => {
     if (input === "q" || key.escape) onStop();
   });
   return /* @__PURE__ */ jsx4(