recappi 0.1.48 → 0.1.50

package/dist/index.js

@@ -592,18 +592,21 @@ var init_LiveCaptionsScreen = __esm({
 });
 
 // src/tui/RecordingHeroScreen.tsx
-import { useEffect as useEffect2, useState as useState3 } from "react";
+import { useEffect as useEffect2, useRef, useState as useState3 } from "react";
 import { Box as Box2, Text as Text2 } from "ink";
 import { Fragment, jsx as jsx3, jsxs as jsxs2 } from "react/jsx-runtime";
-function waveform(samples, width) {
-  if (width <= 0) return "";
+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(rows, Math.ceil(Math.pow(amp, 0.58) * rows)));
+}
+function litCounts(samples, width, rows) {
+  if (width <= 0) return [];
   const tail = samples.slice(-width);
-  const pad = width - tail.length;
-  const cells = tail.map((v) => {
-    const i = Math.max(0, Math.min(BLOCKS.length - 1, Math.round(Math.max(0, Math.min(1, v)) * (BLOCKS.length - 1))));
-    return BLOCKS[i];
-  });
-  return "\u2581".repeat(Math.max(0, pad)) + cells.join("");
+  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,13 +617,23 @@ function MeterRow({
   samples,
   level,
   paused,
-  width
+  width,
+  rows
 }) {
   const silent = level <= 0.03;
-  return /* @__PURE__ */ jsxs2(Box2, { children: [
-    /* @__PURE__ */ jsx3(Box2, { width: 9, children: /* @__PURE__ */ jsx3(Text2, { dimColor: true, children: label }) }),
-    /* @__PURE__ */ jsx3(Box2, { width, children: /* @__PURE__ */ jsx3(Text2, { color: paused ? "gray" : silent ? "yellow" : "cyan", children: waveform(samples, width) }) }),
-    /* @__PURE__ */ jsx3(Text2, { dimColor: true, children: `  ${paused ? "paused" : levelDb(level)}` })
+  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: 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);
+    })
   ] });
 }
 function ProgressBar({ fraction, width = 12 }) {
@@ -654,10 +667,14 @@ function RecordingHeroScreen({
   const [tick, setTick] = useState3(() => now());
   const [waveSys, setWaveSys] = useState3([]);
   const [waveMic, setWaveMic] = useState3([]);
+  const lastAppendRef = useRef(0);
   useEffect2(() => {
     if (telemetry.level == null) return;
-    setWaveSys((w) => [...w.slice(-256), telemetry.level.system ?? 0]);
-    setWaveMic((w) => [...w.slice(-256), telemetry.level.mic ?? 0]);
+    const t = now();
+    if (t - lastAppendRef.current < WAVE_THROTTLE_MS) return;
+    lastAppendRef.current = t;
+    setWaveSys((w) => [...w.slice(-512), telemetry.level.system ?? 0]);
+    setWaveMic((w) => [...w.slice(-512), telemetry.level.mic ?? 0]);
   }, [telemetry.level]);
   useEffect2(() => {
     const id = setInterval(() => setTick(now()), 1e3);
@@ -704,15 +721,19 @@ function RecordingHeroScreen({
   const paused = telemetry.status === "paused";
   const starting = telemetry.status === "starting" || telemetry.status === "stopping";
   const badge = paused ? "\u23F8 PAUSED" : starting ? "\u2026" : "\u23FA REC";
-  const meterW = Math.max(10, Math.min(48, innerWidth - 22));
+  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  ");
-  return /* @__PURE__ */ jsxs2(Box2, { flexDirection: "column", paddingX: 1, height: size.rows, children: [
+  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: [
     /* @__PURE__ */ jsxs2(Text2, { children: [
       /* @__PURE__ */ jsx3(Text2, { bold: true, color: "green", children: "recappi" }),
       /* @__PURE__ */ jsx3(Text2, { dimColor: true, children: " \xB7 Recording" })
     ] }),
-    /* @__PURE__ */ jsxs2(Box2, { marginTop: 1, paddingX: 1, flexGrow: 1, flexDirection: "column", children: [
+    /* @__PURE__ */ jsxs2(Box2, { marginTop: 1, paddingX: 1, flexDirection: "column", children: [
       /* @__PURE__ */ jsxs2(Text2, { children: [
         /* @__PURE__ */ jsx3(Text2, { bold: true, color: paused ? "yellow" : "red", children: badge }),
         /* @__PURE__ */ jsx3(Text2, { children: "   " }),
@@ -723,40 +744,61 @@ 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(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 })
+        /* @__PURE__ */ jsx3(HeroCaptions, { state: captions, maxRows: captionRows, width: innerWidth })
       ] }) : null
     ] }),
-    /* @__PURE__ */ jsx3(Box2, { children: /* @__PURE__ */ jsxs2(Text2, { dimColor: true, children: [
+    /* @__PURE__ */ jsx3(Box2, { marginTop: 1, children: /* @__PURE__ */ jsxs2(Text2, { dimColor: true, children: [
       "q stop & save",
       canPause ? ` \xB7 p ${paused ? "resume" : "pause"}` : ""
     ] }) })
   ] });
 }
-function HeroCaptions({ state }) {
-  const MAX_LINES = 3;
-  const recent = state.lines.slice(-MAX_LINES);
+function wrappedRows(text, width) {
+  return Math.max(1, Math.ceil(displayWidth(text) / Math.max(1, width)));
+}
+function HeroCaptions({
+  state,
+  maxRows,
+  width
+}) {
   const hasPartial = Boolean(state.partial && state.partial.length > 0);
   const captionError = state.status === "error" ? `Captions unavailable: ${state.error ?? "Live captions unavailable."}` : null;
-  if (recent.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)) });
+  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 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;
   }
   return /* @__PURE__ */ jsxs2(Fragment, { children: [
-    recent.map((line) => /* @__PURE__ */ jsxs2(Box2, { flexDirection: "column", children: [
-      /* @__PURE__ */ jsxs2(Text2, { wrap: "truncate-end", children: [
-        line.speaker ? `${line.speaker}: ` : "",
-        line.text
-      ] }),
-      line.translation ? /* @__PURE__ */ jsx3(Text2, { dimColor: true, wrap: "truncate-end", children: `\u21B3 ${line.translation}` }) : null
-    ] }, line.id)),
-    hasPartial ? /* @__PURE__ */ jsx3(Text2, { dimColor: true, wrap: "truncate-end", children: state.partial }) : null,
-    state.translationPartial ? /* @__PURE__ */ jsx3(Text2, { dimColor: true, wrap: "truncate-end", children: `\u21B3 ${state.translationPartial}` }) : null,
-    captionError ? /* @__PURE__ */ jsx3(Text2, { color: "yellow", wrap: "truncate-end", children: captionError }) : null
+    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
   ] });
 }
 function stoppedHandoffCopy(artifact, canTranscribe) {
@@ -777,14 +819,15 @@ function stoppedHandoffCopy(artifact, canTranscribe) {
   }
   return { text: "Transcribe now? \u23CE yes \xB7 n not now", tone: "normal" };
 }
-var BLOCKS;
+var WAVE_THROTTLE_MS, trimLead;
 var init_RecordingHeroScreen = __esm({
   "src/tui/RecordingHeroScreen.tsx"() {
     "use strict";
     init_format();
     init_liveCaptions();
     init_terminal();
-    BLOCKS = " \u2581\u2582\u2583\u2584\u2585\u2586\u2587\u2588";
+    WAVE_THROTTLE_MS = 220;
+    trimLead = (s) => s.replace(/^\s+/, "");
   }
 });
 
@@ -1686,7 +1729,7 @@ var init_PermissionPreflightView = __esm({
 });
 
 // src/tui/RecordSetupView.tsx
-import { useEffect as useEffect3, useRef, useState as useState6 } from "react";
+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 { jsx as jsx17, jsxs as jsxs14 } from "react/jsx-runtime";
 function levelDb2(level) {
@@ -1719,7 +1762,7 @@ function RecordSetupView({
     () => Math.max(0, model.microphones?.findIndex((device) => device.isDefault) ?? 0)
   );
   const [sceneIdx, setSceneIdx] = useState6(0);
-  const userPickedMic = useRef(false);
+  const userPickedMic = useRef2(false);
   const sources = model.sources;
   const microphones = model.microphones ?? [];
   const selected = sources[Math.min(srcIdx, Math.max(0, sources.length - 1))];
@@ -20986,7 +21029,7 @@ async function startRecordSessionOnce(opts) {
       ...opts.targetBundleId ? { targetBundleId: opts.targetBundleId } : {},
       ...opts.microphoneDeviceId ? { microphoneDeviceId: opts.microphoneDeviceId } : {},
       liveCaptions: captionStreamEnabled,
-      ...opts.translationLanguage ? { translationLanguage: opts.translationLanguage } : {},
+      ...captionStreamEnabled && opts.translationLanguage ? { translationLanguage: opts.translationLanguage } : {},
       ...opts.transcriptionLanguage ? { transcriptionLanguage: opts.transcriptionLanguage } : {},
       ...opts.title ? { title: opts.title } : {}
     };
@@ -21588,6 +21631,7 @@ async function runCli(deps = {}) {
           hint: "Run recappi auth login, or import the Recappi Mini session with recappi auth import-macos."
         });
       }
+      const translationLanguage = parsed.translationLanguage ?? (mode === "human" && isTTY ? "zh" : void 0);
       const data = await recordViaSidecar({
         account: {
           backendOrigin: auth.origin,
@@ -21602,7 +21646,7 @@ async function runCli(deps = {}) {
         live: parsed.live === true || mode === "human" && isTTY,
         includeSystemAudio: parsed.includeSystemAudio,
         includeMicrophone: parsed.includeMicrophone,
-        translationLanguage: parsed.translationLanguage,
+        translationLanguage,
         transcriptionLanguage: parsed.transcriptionLanguage,
         sidecarCommand: parsed.sidecarCommand,
         renderLive: parsed.live === true && mode === "human" && isTTY,