recappi 0.1.48 → 0.1.49

package/dist/index.js

@@ -592,18 +592,18 @@ 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 litCount(level) {
+  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)));
+}
+function litCounts(samples, width) {
+  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(litCount);
 }
 function levelDb(level) {
   if (level <= 0.03) return "silent";
@@ -617,10 +617,19 @@ function MeterRow({
   width
 }) {
   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);
+  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;
+      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 +663,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 +717,18 @@ 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 meterBlockRows = (telemetry.micEnabled ? 2 : 1) * (WAVE_ROWS + 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: "   " }),
@@ -724,38 +740,53 @@ function RecordingHeroScreen({
         /* @__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
+        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(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 })
       ] }) : 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 HeroCaptions({ state, maxRows }) {
   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) {
+  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)) });
   }
-  return /* @__PURE__ */ jsxs2(Fragment, { children: [
-    recent.map((line) => /* @__PURE__ */ jsxs2(Box2, { flexDirection: "column", children: [
+  const rows = [];
+  for (const line of state.lines) {
+    rows.push(
       /* @__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,
+        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`)
+      );
+    }
+  }
+  if (hasPartial) {
+    rows.push(
+      /* @__PURE__ */ jsx3(Text2, { dimColor: true, wrap: "truncate-end", children: trimLead(state.partial) }, "partial")
+    );
+  }
+  if (state.translationPartial) {
+    rows.push(
+      /* @__PURE__ */ jsx3(Text2, { dimColor: true, wrap: "truncate-end", children: `  \u21B3 ${trimLead(state.translationPartial)}` }, "tpartial")
+    );
+  }
+  const visible = rows.slice(-Math.max(1, maxRows));
+  return /* @__PURE__ */ jsxs2(Fragment, { children: [
+    visible,
     captionError ? /* @__PURE__ */ jsx3(Text2, { color: "yellow", wrap: "truncate-end", children: captionError }) : null
   ] });
 }
@@ -777,14 +808,16 @@ function stoppedHandoffCopy(artifact, canTranscribe) {
   }
   return { text: "Transcribe now? \u23CE yes \xB7 n not now", tone: "normal" };
 }
-var BLOCKS;
+var WAVE_ROWS, 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_ROWS = 5;
+    WAVE_THROTTLE_MS = 220;
+    trimLead = (s) => s.replace(/^\s+/, "");
   }
 });
 
@@ -1686,7 +1719,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 +1752,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 +21019,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 +21621,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 +21636,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,