recappi 0.1.47 → 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,32 +808,40 @@ 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+/, "");
   }
 });
 
 // src/tui/AccountView.tsx
 import { Box as Box3, Text as Text3 } from "ink";
 import { Fragment as Fragment2, jsx as jsx5, jsxs as jsxs3 } from "react/jsx-runtime";
-function AccountView({ status }) {
+function AccountView({
+  status,
+  nowMs = Date.now()
+}) {
   return /* @__PURE__ */ jsxs3(Box3, { flexDirection: "column", paddingX: 1, children: [
     /* @__PURE__ */ jsx5(Text3, { dimColor: true, children: "\u2039 Account" }),
     status === "loading" || status === void 0 ? /* @__PURE__ */ jsx5(Box3, { marginTop: 1, children: /* @__PURE__ */ jsx5(Text3, { dimColor: true, children: "Loading account\u2026" }) }) : status === "error" ? /* @__PURE__ */ jsx5(Box3, { marginTop: 1, children: /* @__PURE__ */ jsx5(Text3, { color: "red", children: "Couldn't load account status" }) }) : !status.loggedIn ? /* @__PURE__ */ jsxs3(Box3, { marginTop: 1, flexDirection: "column", children: [
       /* @__PURE__ */ jsx5(Text3, { color: "yellow", children: "Not signed in" }),
       /* @__PURE__ */ jsx5(Text3, { dimColor: true, children: `origin  ${status.origin}` }),
       /* @__PURE__ */ jsx5(Text3, { dimColor: true, children: "Run `recappi auth login` to sign in." })
-    ] }) : /* @__PURE__ */ jsx5(AccountBody, { status }),
+    ] }) : /* @__PURE__ */ jsx5(AccountBody, { status, nowMs }),
     /* @__PURE__ */ jsx5(Box3, { marginTop: 1, children: /* @__PURE__ */ jsx5(Text3, { dimColor: true, children: "r refresh \xB7 esc back \xB7 q quit" }) })
   ] });
 }
-function AccountBody({ status }) {
+function AccountBody({
+  status,
+  nowMs
+}) {
   return /* @__PURE__ */ jsxs3(Fragment2, { children: [
     /* @__PURE__ */ jsxs3(Box3, { marginTop: 1, flexDirection: "column", children: [
       /* @__PURE__ */ jsxs3(Text3, { children: [
@@ -812,7 +851,7 @@ function AccountBody({ status }) {
       status.email && status.userId ? /* @__PURE__ */ jsx5(Text3, { dimColor: true, children: status.userId }) : null,
       /* @__PURE__ */ jsx5(Text3, { dimColor: true, children: `origin  ${status.origin}` })
     ] }),
-    status.billing ? /* @__PURE__ */ jsx5(Usage, { billing: status.billing }) : null,
+    status.billing ? /* @__PURE__ */ jsx5(Usage, { billing: status.billing, nowMs }) : null,
     /* @__PURE__ */ jsxs3(Box3, { marginTop: 1, flexDirection: "column", children: [
       /* @__PURE__ */ jsx5(Text3, { bold: true, dimColor: true, children: "LOCAL STORE" }),
       /* @__PURE__ */ jsx5(Text3, { dimColor: true, wrap: "truncate-middle", children: status.localStore.path }),
@@ -823,7 +862,10 @@ function AccountBody({ status }) {
     ] })
   ] });
 }
-function Usage({ billing }) {
+function Usage({
+  billing,
+  nowMs
+}) {
   const minutesCap = billing.minutesCap;
   const minutesUsed = billing.minutesUsed;
   const storageCap = billing.storageCapBytes;
@@ -850,11 +892,11 @@ function Usage({ billing }) {
       billing.isOverMinutes ? "Over minutes limit. " : "",
       billing.isOverStorage ? "Over storage limit." : ""
     ] }) : null,
-    /* @__PURE__ */ jsx5(Text3, { dimColor: true, children: `Period ${periodText(billing)}` })
+    /* @__PURE__ */ jsx5(Text3, { dimColor: true, children: `Period ${periodText(billing, nowMs)}` })
   ] });
 }
-function periodText(billing) {
-  const remainingMs = epochToMs(billing.periodEnd) - Date.now();
+function periodText(billing, nowMs) {
+  const remainingMs = epochToMs(billing.periodEnd) - nowMs;
   if (!Number.isFinite(remainingMs) || remainingMs <= 0) return "\u2014";
   const days = Math.floor(remainingMs / 864e5);
   if (days >= 1) return `${days}d left`;
@@ -1677,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) {
@@ -1710,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))];
@@ -2118,7 +2160,9 @@ function AppShell({
           };
         });
       }).catch((error51) => {
-        setLiveRecord(recordErrorState(error51, selection));
+        setLiveRecord(
+          (current) => current?.kind === "starting" ? recordErrorState(error51, selection) : current
+        );
       });
     },
     [now, recordSetupModel.sources, startLiveRecord]
@@ -2138,7 +2182,7 @@ function AppShell({
         const data = await current.session.stop();
         const artifact = recordingArtifactFromRecordData(data);
         const fallbackDuration = current.telemetry.startedAtMs != null ? Math.max(0, now() - current.telemetry.startedAtMs) : void 0;
-        setLiveRecord({
+        const stoppedRecord = {
           kind: "stopped",
           selection: current.selection,
           artifact,
@@ -2148,17 +2192,25 @@ function AppShell({
             ...artifact.durationMs == null && fallbackDuration != null ? { durationMs: fallbackDuration } : {},
             status: "stopped"
           }
+        };
+        setLiveRecord((next) => {
+          if (next?.kind !== "stopping" || next.session !== current.session) return next;
+          return stoppedRecord;
         });
         void refreshDownloadedIds();
       } catch (error51) {
-        setLiveRecord({
-          kind: "error",
-          message: error51 instanceof Error ? error51.message : String(error51)
+        setLiveRecord((next) => {
+          if (next?.kind !== "stopping" || next.session !== current.session) return next;
+          return {
+            kind: "error",
+            message: error51 instanceof Error ? error51.message : String(error51)
+          };
         });
       }
       return;
     }
-    if (current?.kind === "stopped" || current?.kind === "error") setLiveRecord(void 0);
+    if (current?.kind === "starting" || current?.kind === "stopping" || current?.kind === "stopped" || current?.kind === "error")
+      setLiveRecord(void 0);
     setStack([{ kind: "overview" }]);
   }, [liveRecord, now, refreshDownloadedIds]);
   const liveSession = liveRecord?.kind === "live" ? liveRecord.session : void 0;
@@ -2473,7 +2525,11 @@ function AppShell({
         void transcribeStoppedRecording();
         return;
       }
-      if (input === "q" || key.escape || key.leftArrow || input === "n") void stopLiveRecord();
+      if (liveRecord?.kind === "stopped" && input === "n") {
+        void stopLiveRecord();
+        return;
+      }
+      if (input === "q" || key.escape || key.leftArrow) void stopLiveRecord();
       return;
     }
     if (input === "q") return exit();
@@ -2497,6 +2553,8 @@ function AppShell({
     }
     if (input === "r") return void refresh({ resetRecordings: true });
     if (screen.kind === "overview") {
+      if (input === "g") setSelected(0);
+      if (input === "G") setSelected(Math.max(0, recordings.length - 1));
       if (key.upArrow || input === "k") setSelected((i) => Math.max(0, i - 1));
       if (key.downArrow || input === "j") setSelected((i) => Math.min(recordings.length - 1, i + 1));
       const rec = recordings[selected];
@@ -2506,6 +2564,8 @@ function AppShell({
       return;
     }
     if (screen.kind === "jobs") {
+      if (input === "g") setSelected(0);
+      if (input === "G") setSelected(Math.max(0, jobs.length - 1));
       if (key.upArrow || input === "k") setSelected((i) => Math.max(0, i - 1));
       if (key.downArrow || input === "j") setSelected((i) => Math.min(jobs.length - 1, i + 1));
       const job = jobs[selected];
@@ -2639,7 +2699,7 @@ function AppShell({
     );
   } else if (screen.kind === "account") {
     position = "";
-    body = /* @__PURE__ */ jsx18(AccountView, { status: accountStatus });
+    body = /* @__PURE__ */ jsx18(AccountView, { status: accountStatus, nowMs: now() });
   } else {
     const win = listWindow(selected, jobs.length, Math.max(3, size.rows - 4));
     position = jobs.length ? `${selected + 1} / ${jobs.length}` : "0";
@@ -2652,7 +2712,7 @@ function AppShell({
       }
     );
   }
-  const footerKeys = screen.kind === "jobs" ? `${position}  \xB7  \u2191\u2193 select \xB7 \u23CE job \xB7 t transcript \xB7 n record \xB7 1 overview \xB7 3 account \xB7 r refresh \xB7 q quit` : screen.kind === "account" ? "3 account  \xB7  n record \xB7 1 overview \xB7 2 jobs \xB7 r refresh \xB7 q quit" : `${position}  \xB7  \u2191\u2193 scroll \xB7 \u23CE open \xB7 t transcript \xB7 n record \xB7 2 jobs \xB7 3 account \xB7 r refresh \xB7 q quit`;
+  const footerKeys = screen.kind === "jobs" ? `${position}  \xB7  \u2191\u2193 select \xB7 \u23CE job \xB7 t transcript \xB7 n record \xB7 1 overview \xB7 3 account \xB7 r refresh \xB7 q quit` : screen.kind === "account" ? "Account  \xB7  n record \xB7 1 overview \xB7 2 jobs \xB7 r refresh \xB7 q quit" : `${position}  \xB7  \u2191\u2193 scroll \xB7 \u23CE open \xB7 t transcript \xB7 n record \xB7 2 jobs \xB7 3 account \xB7 r refresh \xB7 q quit`;
   return /* @__PURE__ */ jsxs15(Box16, { flexDirection: "column", height: size.rows, paddingX: 1, children: [
     /* @__PURE__ */ jsx18(Header, { active: tab }),
     /* @__PURE__ */ jsxs15(Box16, { flexGrow: 1, flexDirection: "column", children: [
@@ -20959,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 } : {}
     };
@@ -21561,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,
@@ -21575,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,