recappi 0.1.36 → 0.1.37

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":
@@ -2328,7 +2350,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
         ] });