recappi 0.1.36 → 0.1.38

package/dist/index.js

@@ -597,7 +597,7 @@ var init_LiveCaptionsScreen = __esm({
 // src/tui/RecordingHeroScreen.tsx
 import { useEffect as useEffect2, useState as useState3 } from "react";
 import { Box as Box2, Text as Text2 } from "ink";
-import { jsx as jsx3, jsxs as jsxs2 } from "react/jsx-runtime";
+import { Fragment, jsx as jsx3, jsxs as jsxs2 } from "react/jsx-runtime";
 function waveform(samples, width) {
   if (width <= 0) return "";
   const tail = samples.slice(-width);
@@ -611,6 +611,7 @@ function waveform(samples, width) {
 function RecordingHeroScreen({
   telemetry,
   artifact,
+  captions,
   canTranscribe = false,
   canPause = false,
   now = () => Date.now()
@@ -674,7 +675,8 @@ function RecordingHeroScreen({
       /* @__PURE__ */ jsx3(Box2, { marginTop: 1, children: /* @__PURE__ */ jsxs2(Text2, { dimColor: true, children: [
         telemetry.sourceLabel,
         telemetry.micEnabled ? "  +  Microphone" : ""
-      ] }) })
+      ] }) }),
+      captions ? /* @__PURE__ */ jsx3(Box2, { marginTop: 1, flexDirection: "column", alignItems: "center", width: innerWidth, children: /* @__PURE__ */ jsx3(HeroCaptions, { state: captions }) }) : null
     ] }),
     /* @__PURE__ */ jsx3(Box2, { children: /* @__PURE__ */ jsxs2(Text2, { dimColor: true, children: [
       "q stop & save",
@@ -682,6 +684,25 @@ function RecordingHeroScreen({
     ] }) })
   ] });
 }
+function HeroCaptions({ state }) {
+  const MAX_LINES = 3;
+  const recent = state.lines.slice(-MAX_LINES);
+  const hasPartial = Boolean(state.partial && state.partial.length > 0);
+  if (recent.length === 0 && !hasPartial) {
+    return /* @__PURE__ */ jsx3(Text2, { dimColor: true, children: state.status === "live" ? "Listening for speech\u2026" : liveCaptionStatusLabel(state.status) });
+  }
+  return /* @__PURE__ */ jsxs2(Fragment, { children: [
+    recent.map((line) => /* @__PURE__ */ jsxs2(Box2, { flexDirection: "column", alignItems: "center", 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
+  ] });
+}
 function stoppedHandoffCopy(artifact, canTranscribe) {
   if (artifact?.uploadStatus === "uploading") {
     return { text: "Uploading\u2026", tone: "normal" };
@@ -708,6 +729,7 @@ 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";
   }
@@ -715,7 +737,7 @@ var init_RecordingHeroScreen = __esm({
 
 // src/tui/AccountView.tsx
 import { Box as Box3, Text as Text3 } from "ink";
-import { Fragment, jsx as jsx5, jsxs as jsxs3 } from "react/jsx-runtime";
+import { Fragment as Fragment2, jsx as jsx5, jsxs as jsxs3 } from "react/jsx-runtime";
 function AccountView({ status }) {
   return /* @__PURE__ */ jsxs3(Box3, { flexDirection: "column", paddingX: 1, children: [
     /* @__PURE__ */ jsx5(Text3, { dimColor: true, children: "\u2039 Account" }),
@@ -728,7 +750,7 @@ function AccountView({ status }) {
   ] });
 }
 function AccountBody({ status }) {
-  return /* @__PURE__ */ jsxs3(Fragment, { children: [
+  return /* @__PURE__ */ jsxs3(Fragment2, { children: [
     /* @__PURE__ */ jsxs3(Box3, { marginTop: 1, flexDirection: "column", children: [
       /* @__PURE__ */ jsx5(Text3, { bold: true, color: "green", children: status.email ?? status.userId ?? "Signed in" }),
       status.email && status.userId ? /* @__PURE__ */ jsx5(Text3, { dimColor: true, children: status.userId }) : null,
@@ -1009,7 +1031,7 @@ var init_RecordingsView = __esm({
 
 // src/tui/RecordingPeek.tsx
 import { Box as Box9, Text as Text9 } from "ink";
-import { Fragment as Fragment2, jsx as jsx11, jsxs as jsxs8 } from "react/jsx-runtime";
+import { Fragment as Fragment3, jsx as jsx11, jsxs as jsxs8 } from "react/jsx-runtime";
 function RecordingPeek({
   item,
   summary,
@@ -1029,7 +1051,7 @@ function PeekBody({
     formatBytes2(item.sizeBytes) || null,
     item.contentType || null
   ].filter(Boolean).join("  \xB7  ");
-  return /* @__PURE__ */ jsxs8(Fragment2, { children: [
+  return /* @__PURE__ */ jsxs8(Fragment3, { children: [
     /* @__PURE__ */ jsx11(Text9, { bold: true, color: "green", wrap: "truncate-end", children: recordingTitle2(item) }),
     /* @__PURE__ */ jsx11(Text9, { color: style.color, children: `${style.glyph} ${style.label}` }),
     meta3 ? /* @__PURE__ */ jsx11(Text9, { dimColor: true, children: meta3 }) : null,
@@ -1049,7 +1071,7 @@ function SummarySection({
     return /* @__PURE__ */ jsx11(Text9, { dimColor: true, children: `Summary ${summary.status}` });
   }
   const points = (summary.keyPoints ?? []).slice(0, 3);
-  return /* @__PURE__ */ jsxs8(Fragment2, { children: [
+  return /* @__PURE__ */ jsxs8(Fragment3, { children: [
     /* @__PURE__ */ jsx11(Text9, { bold: true, children: "Summary" }),
     /* @__PURE__ */ jsx11(Text9, { children: summary.tldr }),
     points.length > 0 ? /* @__PURE__ */ jsx11(Box9, { marginTop: 1, flexDirection: "column", children: points.map((point, i) => /* @__PURE__ */ jsx11(Text9, { dimColor: true, wrap: "truncate-end", children: `\u2022 ${point}` }, i)) }) : null
@@ -1262,7 +1284,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 { Fragment as Fragment3, jsx as jsx14, jsxs as jsxs11 } from "react/jsx-runtime";
+import { Fragment as Fragment4, jsx as jsx14, jsxs as jsxs11 } from "react/jsx-runtime";
 function RecordingDetailView({
   item,
   nowMs,
@@ -1334,7 +1356,7 @@ function RecordingDetailView({
     ] }),
     meta3 ? /* @__PURE__ */ jsx14(Text12, { dimColor: true, children: meta3 }) : null,
     /* @__PURE__ */ jsx14(AudioActionRow, { item, audio }),
-    !item.activeTranscriptId ? /* @__PURE__ */ jsx14(Box12, { marginTop: 1, children: /* @__PURE__ */ jsx14(Text12, { dimColor: true, children: "Transcript not available yet" }) }) : transcript === "loading" || transcript === void 0 ? /* @__PURE__ */ jsx14(Box12, { marginTop: 1, children: /* @__PURE__ */ jsx14(Text12, { dimColor: true, children: "Loading\u2026" }) }) : transcript === "error" ? /* @__PURE__ */ jsx14(Box12, { marginTop: 1, children: /* @__PURE__ */ jsx14(Text12, { dimColor: true, children: "(transcript unavailable)" }) }) : /* @__PURE__ */ jsxs11(Fragment3, { children: [
+    !item.activeTranscriptId ? /* @__PURE__ */ jsx14(Box12, { marginTop: 1, children: /* @__PURE__ */ jsx14(Text12, { dimColor: true, children: "Transcript not available yet" }) }) : transcript === "loading" || transcript === void 0 ? /* @__PURE__ */ jsx14(Box12, { marginTop: 1, children: /* @__PURE__ */ jsx14(Text12, { dimColor: true, children: "Loading\u2026" }) }) : transcript === "error" ? /* @__PURE__ */ jsx14(Box12, { marginTop: 1, children: /* @__PURE__ */ jsx14(Text12, { dimColor: true, children: "(transcript unavailable)" }) }) : /* @__PURE__ */ jsxs11(Fragment4, { children: [
       /* @__PURE__ */ jsx14(TabBar, { active: tab }),
       /* @__PURE__ */ jsx14(Box12, { marginTop: 1, flexDirection: "column", children: tab === "summary" ? /* @__PURE__ */ jsx14(SummaryPane, { summary, budget: paneBudget }) : tab === "chapters" ? /* @__PURE__ */ jsx14(ChaptersPane, { chapters, win: chapWin, selectedIndex: chapterSel }) : /* @__PURE__ */ jsx14(TranscriptPane, { segments, win: segWin }) })
     ] }),
@@ -1399,7 +1421,7 @@ function SummaryPane({
     return /* @__PURE__ */ jsx14(Text12, { dimColor: true, children: `Summary ${summary?.status ?? "unavailable"}` });
   }
   const points = (summary.keyPoints ?? []).slice(0, Math.max(1, budget - 4));
-  return /* @__PURE__ */ jsxs11(Fragment3, { children: [
+  return /* @__PURE__ */ jsxs11(Fragment4, { children: [
     /* @__PURE__ */ jsx14(Text12, { children: summary.tldr }),
     points.length > 0 ? /* @__PURE__ */ jsx14(Box12, { marginTop: 1, flexDirection: "column", children: points.map((point, i) => /* @__PURE__ */ jsx14(Text12, { dimColor: true, children: `\u2022 ${point}` }, i)) }) : null
   ] });
@@ -1410,7 +1432,7 @@ function ChaptersPane({
   selectedIndex
 }) {
   if (chapters.length === 0) return /* @__PURE__ */ jsx14(Text12, { dimColor: true, children: "No chapters" });
-  return /* @__PURE__ */ jsxs11(Fragment3, { children: [
+  return /* @__PURE__ */ jsxs11(Fragment4, { children: [
     chapters.slice(win.start, win.end).map((chapter, i) => {
       const index = win.start + i;
       const selected = index === selectedIndex;
@@ -1428,7 +1450,7 @@ function TranscriptPane({
   win
 }) {
   if (segments.length === 0) return /* @__PURE__ */ jsx14(Text12, { dimColor: true, children: "(no segments)" });
-  return /* @__PURE__ */ jsxs11(Fragment3, { children: [
+  return /* @__PURE__ */ jsxs11(Fragment4, { children: [
     segments.slice(win.start, win.end).map((seg, i) => /* @__PURE__ */ jsxs11(Text12, { children: [
       /* @__PURE__ */ jsx14(Text12, { color: "blue", children: `[${formatClockMs(seg.startMs)}] ` }),
       seg.speaker ? /* @__PURE__ */ jsx14(Text12, { dimColor: true, children: `${seg.speaker}  ` }) : null,
@@ -1698,7 +1720,7 @@ var init_RecordSetupView = __esm({
 // src/tui/AppShell.tsx
 import { useCallback, useEffect as useEffect3, useState as useState7 } from "react";
 import { Box as Box16, Text as Text16, useApp, useInput as useInput6 } from "ink";
-import { Fragment as Fragment4, jsx as jsx18, jsxs as jsxs15 } from "react/jsx-runtime";
+import { Fragment as Fragment5, jsx as jsx18, jsxs as jsxs15 } from "react/jsx-runtime";
 function recordErrorCopy(code, message) {
   switch (code) {
     case "record.helper_unavailable":
@@ -1897,7 +1919,8 @@ function AppShell({
             kind: "live",
             session,
             selection,
-            telemetry: { ...current.telemetry, status: "recording" }
+            telemetry: { ...current.telemetry, status: "recording" },
+            captions: session.captionStreamEnabled ? initialLiveCaptionsState() : void 0
           };
         });
       }).catch((error51) => {
@@ -1914,7 +1937,8 @@ function AppShell({
         kind: "stopping",
         session: current.session,
         selection: current.selection,
-        telemetry: stoppingTelemetry
+        telemetry: stoppingTelemetry,
+        captions: current.captions
       });
       try {
         const data = await current.session.stop();
@@ -1948,11 +1972,18 @@ function AppShell({
     if (!liveSession) return;
     const session = liveSession;
     const unsubscribe = session.source.onEvent((event) => {
+      const captionEvent = session.captionStreamEnabled ? sidecarToLiveCaptionEvent(event) : null;
       setLiveRecord((current) => {
         if (current?.kind !== "live" || current.session !== session) return current;
         return {
           ...current,
-          telemetry: applyRecordingEventToTelemetry(current.telemetry, event)
+          telemetry: applyRecordingEventToTelemetry(current.telemetry, event),
+          ...captionEvent ? {
+            captions: liveCaptionReducer(
+              current.captions ?? initialLiveCaptionsState(),
+              captionEvent
+            )
+          } : {}
         };
       });
     });
@@ -2316,6 +2347,7 @@ function AppShell({
         RecordingHeroScreen,
         {
           telemetry: liveRecord.telemetry,
+          captions: liveRecord.kind === "live" || liveRecord.kind === "stopping" ? liveRecord.captions : void 0,
           artifact: liveRecord.kind === "stopped" ? liveRecord.artifact : void 0,
           canTranscribe: Boolean(transcribeRecordingArtifact),
           now
@@ -2328,7 +2360,7 @@ function AppShell({
           return /* @__PURE__ */ jsx18(PermissionPreflightView, { items: permissionItemsFromRecordError(liveRecord.data) });
         }
         const copy = recordErrorCopy(liveRecord.code, liveRecord.message);
-        return /* @__PURE__ */ jsxs15(Fragment4, { children: [
+        return /* @__PURE__ */ jsxs15(Fragment5, { children: [
           /* @__PURE__ */ jsx18(Text16, { color: copy.tone, children: copy.title }),
           copy.detail ? /* @__PURE__ */ jsx18(Text16, { dimColor: true, children: copy.detail }) : null
         ] });
@@ -2430,6 +2462,7 @@ var init_AppShell = __esm({
     init_PermissionPreflightView();
     init_RecordSetupView();
     init_RecordingHeroScreen();
+    init_liveCaptions();
     init_recordingCore();
     init_format();
     init_terminal();
@@ -20423,6 +20456,7 @@ function createFifo(path6) {
 // src/record.tsx
 init_LiveCaptionsScreen();
 init_RecordingHeroScreen();
+init_liveCaptions();
 import { jsx as jsx4 } from "react/jsx-runtime";
 var SIDECAR_COMMAND_ENV = "RECAPPI_MINI_SIDECAR";
 var SIDECAR_HELPER_NAME = "RecappiMiniSidecar";
@@ -20444,6 +20478,7 @@ async function recordViaSidecar(opts) {
         source: session.source,
         sourceLabel: opts.includeSystemAudio === false ? "Microphone" : "System audio \xB7 all apps",
         micEnabled: opts.includeMicrophone !== false,
+        captionStreamEnabled: opts.live === true,
         renderApp: opts.runtime?.renderApp,
         now: opts.runtime?.now
       });
@@ -20482,6 +20517,7 @@ async function startLiveRecordSession(opts, selection = {
   });
   return {
     mode: "local",
+    captionStreamEnabled: true,
     source: session.source,
     stop: session.stop
   };
@@ -20917,6 +20953,7 @@ function createInkRecordingHeroRenderer(opts) {
         source: opts.source,
         sourceLabel: opts.sourceLabel,
         micEnabled: opts.micEnabled,
+        captionStreamEnabled: opts.captionStreamEnabled,
         onStop,
         now: opts.now ?? Date.now
       }
@@ -20935,6 +20972,7 @@ function RecordingHeroLive({
   source,
   sourceLabel,
   micEnabled,
+  captionStreamEnabled,
   onStop,
   now
 }) {
@@ -20944,15 +20982,26 @@ function RecordingHeroLive({
     sourceLabel,
     micEnabled
   }));
+  const [captions, setCaptions] = React4.useState(initialLiveCaptionsState);
   React4.useEffect(() => {
     return source.onEvent((event) => {
       setTelemetry((prev) => applyRecordingEventToTelemetry(prev, event));
+      if (!captionStreamEnabled) return;
+      const mapped = sidecarToLiveCaptionEvent(event);
+      if (mapped) setCaptions((prev) => liveCaptionReducer(prev, mapped));
     });
-  }, [source]);
+  }, [captionStreamEnabled, source]);
   useInput2((input, key) => {
     if (input === "q" || key.escape) onStop();
   });
-  return /* @__PURE__ */ jsx4(RecordingHeroScreen, { telemetry, now });
+  return /* @__PURE__ */ jsx4(
+    RecordingHeroScreen,
+    {
+      telemetry,
+      captions: captionStreamEnabled ? captions : void 0,
+      now
+    }
+  );
 }
 
 // src/cli.ts