recappi 0.1.50 → 0.1.51

package/dist/index.js

@@ -593,7 +593,7 @@ 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 waveRowsFor(terminalRows) {
   return terminalRows >= 30 ? 5 : 3;
@@ -667,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();
@@ -750,55 +756,77 @@ function RecordingHeroScreen({
       /* @__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, width: innerWidth })
+        /* @__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 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
+  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, children: captionError ?? (state.status === "live" ? "Listening for speech\u2026" : liveCaptionStatusLabel(state.status)) });
   }
-  const lines = [];
-  for (const line of state.lines) {
-    lines.push({
-      key: `${line.id}-s`,
-      text: `${line.speaker ? `${line.speaker}: ` : ""}${trimLead(line.text)}`,
-      dim: false
-    });
-    if (line.translation) {
-      lines.push({ key: `${line.id}-t`, text: `  \u21B3 ${trimLead(line.translation)}`, dim: true });
-    }
-  }
-  if (hasPartial) lines.push({ key: "partial", text: trimLead(state.partial), dim: true });
-  if (state.translationPartial) {
-    lines.push({ key: "tpartial", text: `  \u21B3 ${trimLead(state.translationPartial)}`, dim: true });
+  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
+    ] });
   }
-  const budget = Math.max(1, maxRows);
-  const chosen = [];
-  let used = 0;
-  for (let i = lines.length - 1; i >= 0; i--) {
-    const h = wrappedRows(lines[i].text, width);
-    if (used + h > budget && chosen.length > 0) break;
-    chosen.unshift(lines[i]);
-    used += h;
+  if (mode === "translation") {
+    return /* @__PURE__ */ jsxs2(Fragment, { children: [
+      captionColumn(translationItems, maxRows, width, false),
+      errLine
+    ] });
   }
+  const gap = 2;
+  const colW = Math.max(12, Math.floor((width - gap) / 2));
   return /* @__PURE__ */ jsxs2(Fragment, { children: [
-    chosen.map((l) => /* @__PURE__ */ jsx3(Text2, { dimColor: l.dim, wrap: "wrap", children: l.text }, l.key)),
-    captionError ? /* @__PURE__ */ jsx3(Text2, { color: "yellow", wrap: "wrap", 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) {
@@ -1392,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,
@@ -1436,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]);
@@ -1586,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();
@@ -1603,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));
@@ -1730,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";
@@ -1793,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);
@@ -1872,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) {
@@ -2516,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();
@@ -20490,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
@@ -21346,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 });
@@ -21405,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(