recappi 0.1.50 → 0.1.52

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);
@@ -1871,8 +1899,8 @@ 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 { useCallback, useEffect as useEffect4, useRef as useRef3, useState as useState7 } from "react";
+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) {
@@ -2071,6 +2099,7 @@ function AppShell({
     bySourceId: {},
     byMicrophoneId: {}
   });
+  const autoTranscribeStartedSessionIds = useRef3(/* @__PURE__ */ new Set());
   const recordSetupModel = {
     sources: recordSetupInputs.sources.length > 0 ? recordSetupInputs.sources : DEFAULT_RECORDING_SOURCES,
     microphones: recordSetupInputs.microphones ?? [],
@@ -2370,6 +2399,17 @@ function AppShell({
       setNotice("Transcription failed. Press enter to retry.");
     }
   }, [liveRecord, refresh, transcribeRecordingArtifact]);
+  useEffect4(() => {
+    if (liveRecord?.kind !== "stopped") return;
+    const artifact = liveRecord.artifact;
+    if (!artifact?.audioPath || !transcribeRecordingArtifact) return;
+    if (artifact.uploadStatus !== "local_only" || artifact.transcriptionStatus !== "not_started") {
+      return;
+    }
+    if (autoTranscribeStartedSessionIds.current.has(artifact.sessionId)) return;
+    autoTranscribeStartedSessionIds.current.add(artifact.sessionId);
+    void transcribeStoppedRecording();
+  }, [liveRecord, transcribeRecordingArtifact, transcribeStoppedRecording]);
   const loadMoreRecordings = useCallback(async () => {
     if (!fetchRecordings || !recordingsNextCursor || loadingMoreRecordings) return;
     setLoadingMoreRecordings(true);
@@ -2516,7 +2556,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();
@@ -17763,6 +17803,9 @@ var recordCommandDataSchema = external_exports.object({
   sessionId: external_exports.string(),
   state: sidecarRecordingStateSchema,
   recordingId: external_exports.string().optional(),
+  jobId: external_exports.string().optional(),
+  transcriptId: external_exports.string().optional(),
+  cloudHandoffError: cliErrorDescriptorSchema.optional(),
   localSessionRef: external_exports.string().optional(),
   sidecar: sidecarInfoSchema.optional(),
   artifacts: external_exports.array(sidecarLocalArtifactSchema)
@@ -20052,6 +20095,12 @@ Next:
     opts.stdout("Recording complete\n");
     if (typeof data.recordingId === "string") opts.stdout(`  recordingId: ${data.recordingId}
 `);
+    if (typeof data.jobId === "string") opts.stdout(`  jobId: ${data.jobId}
+`);
+    if (typeof data.transcriptId === "string") {
+      opts.stdout(`  transcriptId: ${data.transcriptId}
+`);
+    }
     if (typeof data.sessionId === "string") opts.stdout(`  sessionId: ${data.sessionId}
 `);
     if (typeof data.localSessionRef === "string") {
@@ -20068,7 +20117,24 @@ Next:
 `);
       }
     }
-    if (typeof data.recordingId === "string") {
+    const cloudHandoffError = isRecord4(data.cloudHandoffError) ? data.cloudHandoffError : void 0;
+    if (cloudHandoffError && typeof cloudHandoffError.message === "string") {
+      opts.stderr(`Cloud handoff failed: ${cloudHandoffError.message}
+`);
+      if (typeof cloudHandoffError.hint === "string") opts.stderr(`${cloudHandoffError.hint}
+`);
+    }
+    if (typeof data.transcriptId === "string") {
+      opts.stdout(`
+Next:
+  recappi transcript get ${data.transcriptId}
+`);
+    } else if (typeof data.jobId === "string") {
+      opts.stdout(`
+Next:
+  recappi jobs wait ${data.jobId}
+`);
+    } else if (typeof data.recordingId === "string") {
       opts.stdout(`
 Next:
   recappi recordings get ${data.recordingId}
@@ -20490,7 +20556,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 +21412,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 +21471,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(
@@ -21419,7 +21485,50 @@ function RecordingHeroLive({
 }
 
 // src/cli.ts
+init_recordingCore();
 var DASHBOARD_RECORDINGS_PAGE_SIZE = 50;
+async function uploadRecordedSessionAfterStop(client, data, opts = {}) {
+  const artifact = recordingArtifactFromRecordData(data);
+  if (!artifact.audioPath) return data;
+  try {
+    const upload = await client.uploadPathBatch({
+      inputPath: artifact.audioPath,
+      transcribe: true,
+      wait: false,
+      ...opts.title ? { title: opts.title } : {},
+      ...opts.language ? { language: opts.language } : {},
+      onEvent: opts.onEvent
+    });
+    if (upload.failures.length > 0) {
+      const failure = upload.failures[0];
+      return recordCommandDataSchema.parse({
+        ...data,
+        cloudHandoffError: failure.error
+      });
+    }
+    const success2 = upload.successes[0];
+    if (!success2) {
+      return recordCommandDataSchema.parse({
+        ...data,
+        cloudHandoffError: cliError(
+          "input.unsupported_audio",
+          "No supported local audio file was uploaded."
+        ).descriptor
+      });
+    }
+    return recordCommandDataSchema.parse({
+      ...data,
+      recordingId: success2.recordingId,
+      ...success2.jobId ? { jobId: success2.jobId } : {},
+      ...success2.transcriptId ? { transcriptId: success2.transcriptId } : {}
+    });
+  } catch (error51) {
+    return recordCommandDataSchema.parse({
+      ...data,
+      cloudHandoffError: toCliError(error51).descriptor
+    });
+  }
+}
 async function runCli(deps = {}) {
   const argv = deps.argv ?? process.argv.slice(2);
   const stdout = deps.stdout ?? ((text) => process.stdout.write(text));
@@ -21632,7 +21741,7 @@ async function runCli(deps = {}) {
         });
       }
       const translationLanguage = parsed.translationLanguage ?? (mode === "human" && isTTY ? "zh" : void 0);
-      const data = await recordViaSidecar({
+      const captured = await recordViaSidecar({
         account: {
           backendOrigin: auth.origin,
           userId: status.userId,
@@ -21654,6 +21763,11 @@ async function runCli(deps = {}) {
         requireLiveCaptions: parsed.live === true,
         runtime: deps.recordRuntime
       });
+      const data = await uploadRecordedSessionAfterStop(client, captured, {
+        title: parsed.title,
+        language: parsed.transcriptionLanguage,
+        onEvent: (event) => renderEvent(event, render3)
+      });
       renderSuccess("record", data, render3);
       return 0;
     }