recappi 0.1.14 → 0.1.15

package/dist/index.js

@@ -1339,10 +1339,71 @@ var init_PermissionPreflightView = __esm({
   }
 });
 
-// src/tui/AppShell.tsx
-import { useCallback, useEffect as useEffect2, useState as useState5 } from "react";
-import { Box as Box14, Text as Text14, useApp, useInput as useInput5 } from "ink";
+// src/tui/RecordingScreen.tsx
+import { useEffect as useEffect2, useState as useState5 } from "react";
+import { Box as Box14, Text as Text14 } from "ink";
 import { Fragment as Fragment4, jsx as jsx16, jsxs as jsxs13 } from "react/jsx-runtime";
+function RecordingScreen({
+  source,
+  savedPath,
+  now = () => Date.now()
+}) {
+  const [state, setState] = useState5(initialLiveCaptionsState);
+  const [tick, setTick] = useState5(() => now());
+  useEffect2(() => {
+    const unsubscribe = source.onEvent((event) => {
+      const mapped = sidecarToLiveCaptionEvent(event);
+      if (mapped) setState((s) => liveCaptionReducer(s, mapped));
+    });
+    return unsubscribe;
+  }, [source]);
+  useEffect2(() => {
+    const id = setInterval(() => setTick(now()), 1e3);
+    return () => clearInterval(id);
+  }, [now]);
+  const elapsed = state.startedAtMs != null ? formatClockMs(Math.max(0, tick - state.startedAtMs)) : null;
+  let body;
+  switch (state.status) {
+    case "live":
+      body = /* @__PURE__ */ jsxs13(Fragment4, { children: [
+        /* @__PURE__ */ jsxs13(Text14, { children: [
+          /* @__PURE__ */ jsx16(Text14, { bold: true, color: "red", children: "\u25CF Recording" }),
+          elapsed ? /* @__PURE__ */ jsx16(Text14, { dimColor: true, children: `   ${elapsed}` }) : null
+        ] }),
+        /* @__PURE__ */ jsx16(Text14, { dimColor: true, children: "Recording to your Mac. Press q to stop and save." })
+      ] });
+      break;
+    case "stopped":
+      body = /* @__PURE__ */ jsxs13(Fragment4, { children: [
+        /* @__PURE__ */ jsx16(Text14, { color: "green", children: "\u2713 Recording saved to your Mac." }),
+        savedPath ? /* @__PURE__ */ jsx16(Text14, { dimColor: true, wrap: "truncate-middle", children: savedPath }) : null
+      ] });
+      break;
+    case "error":
+      body = /* @__PURE__ */ jsx16(Text14, { color: "red", children: state.error ? `Recording error: ${state.error}` : "Recording error" });
+      break;
+    default:
+      body = /* @__PURE__ */ jsx16(Text14, { dimColor: true, children: "Starting recording\u2026" });
+  }
+  const footer = state.status === "stopped" ? "esc / \u2190 back" : "q / esc / \u2190 stop & save";
+  return /* @__PURE__ */ jsxs13(Box14, { flexDirection: "column", paddingX: 1, children: [
+    /* @__PURE__ */ jsx16(Text14, { dimColor: true, children: "\u2039 Record" }),
+    /* @__PURE__ */ jsx16(Box14, { marginTop: 1, flexDirection: "column", children: body }),
+    /* @__PURE__ */ jsx16(Box14, { marginTop: 1, children: /* @__PURE__ */ jsx16(Text14, { dimColor: true, children: footer }) })
+  ] });
+}
+var init_RecordingScreen = __esm({
+  "src/tui/RecordingScreen.tsx"() {
+    "use strict";
+    init_format();
+    init_liveCaptions();
+  }
+});
+
+// src/tui/AppShell.tsx
+import { useCallback, useEffect as useEffect3, useState as useState6 } from "react";
+import { Box as Box15, Text as Text15, useApp, useInput as useInput5 } from "ink";
+import { Fragment as Fragment5, jsx as jsx17, jsxs as jsxs14 } from "react/jsx-runtime";
 function recordErrorCopy(code, message) {
   switch (code) {
     case "record.helper_unavailable":
@@ -1429,27 +1490,27 @@ function AppShell({
 }) {
   const { exit } = useApp();
   const size = useTerminalSize();
-  const [jobs, setJobs] = useState5([]);
-  const [recordings, setRecordings] = useState5([]);
-  const [recordingsNextCursor, setRecordingsNextCursor] = useState5(null);
-  const [recordingsTotalCount, setRecordingsTotalCount] = useState5(void 0);
-  const [stats, setStats] = useState5(void 0);
-  const [accountStatus, setAccountStatus] = useState5("loading");
-  const [origin, setOrigin] = useState5("");
-  const [stack, setStack] = useState5([{ kind: initialView }]);
-  const [selected, setSelected] = useState5(0);
-  const [spinnerFrame, setSpinnerFrame] = useState5(0);
-  const [loadingMoreRecordings, setLoadingMoreRecordings] = useState5(false);
-  const [loadError, setLoadError] = useState5(void 0);
-  const [notice, setNotice] = useState5(void 0);
-  const [summaryCache, setSummaryCache] = useState5(() => /* @__PURE__ */ new Map());
-  const [transcriptCache, setTranscriptCache] = useState5(
+  const [jobs, setJobs] = useState6([]);
+  const [recordings, setRecordings] = useState6([]);
+  const [recordingsNextCursor, setRecordingsNextCursor] = useState6(null);
+  const [recordingsTotalCount, setRecordingsTotalCount] = useState6(void 0);
+  const [stats, setStats] = useState6(void 0);
+  const [accountStatus, setAccountStatus] = useState6("loading");
+  const [origin, setOrigin] = useState6("");
+  const [stack, setStack] = useState6([{ kind: initialView }]);
+  const [selected, setSelected] = useState6(0);
+  const [spinnerFrame, setSpinnerFrame] = useState6(0);
+  const [loadingMoreRecordings, setLoadingMoreRecordings] = useState6(false);
+  const [loadError, setLoadError] = useState6(void 0);
+  const [notice, setNotice] = useState6(void 0);
+  const [summaryCache, setSummaryCache] = useState6(() => /* @__PURE__ */ new Map());
+  const [transcriptCache, setTranscriptCache] = useState6(
     () => /* @__PURE__ */ new Map()
   );
-  const [audioCache, setAudioCache] = useState5(() => /* @__PURE__ */ new Map());
-  const [downloadedIds, setDownloadedIds] = useState5(() => /* @__PURE__ */ new Set());
-  const [liveRecord, setLiveRecord] = useState5(void 0);
-  const [recordRetryNonce, setRecordRetryNonce] = useState5(0);
+  const [audioCache, setAudioCache] = useState6(() => /* @__PURE__ */ new Map());
+  const [downloadedIds, setDownloadedIds] = useState6(() => /* @__PURE__ */ new Set());
+  const [liveRecord, setLiveRecord] = useState6(void 0);
+  const [recordRetryNonce, setRecordRetryNonce] = useState6(0);
   const refreshDownloadedIds = useCallback(async () => {
     if (!listDownloadedRecordingIds) return;
     try {
@@ -1457,7 +1518,7 @@ function AppShell({
     } catch {
     }
   }, [listDownloadedRecordingIds]);
-  useEffect2(() => {
+  useEffect3(() => {
     void refreshDownloadedIds();
   }, [refreshDownloadedIds]);
   const screen = stack[stack.length - 1];
@@ -1474,7 +1535,7 @@ function AppShell({
     setLiveRecord(void 0);
     setStack([{ kind: "overview" }]);
   }, [liveRecord]);
-  useEffect2(() => {
+  useEffect3(() => {
     if (screen.kind !== "record") return;
     if (!startLiveRecord) {
       setLiveRecord({
@@ -1503,7 +1564,7 @@ function AppShell({
   }, [screen.kind, startLiveRecord, recordRetryNonce]);
   const selectedRecording = screen.kind === "overview" ? recordings[selected] : void 0;
   const peekTranscriptId = selectedRecording?.activeTranscriptId ?? void 0;
-  useEffect2(() => {
+  useEffect3(() => {
     if (!peekTranscriptId || summaryCache.has(peekTranscriptId)) return;
     let cancelled = false;
     const timer = setTimeout(() => {
@@ -1571,13 +1632,13 @@ function AppShell({
       setLoadingMoreRecordings(false);
     }
   }, [fetchRecordings, loadingMoreRecordings, recordingsNextCursor]);
-  useEffect2(() => {
+  useEffect3(() => {
     void refresh({ resetRecordings: true });
     const id = setInterval(() => void refresh(), pollMs);
     return () => clearInterval(id);
   }, [refresh, pollMs]);
   const hasRunning = jobs.some((item) => item.status === "running");
-  useEffect2(() => {
+  useEffect3(() => {
     if (!hasRunning) return;
     const id = setInterval(() => setSpinnerFrame((f) => f + 1), spinnerMs);
     return () => clearInterval(id);
@@ -1591,11 +1652,11 @@ function AppShell({
     }
   }
   const listLength = screen.kind === "jobs" ? jobs.length : screen.kind === "overview" ? recordings.length : 0;
-  useEffect2(() => {
+  useEffect3(() => {
     setSelected((i) => Math.max(0, Math.min(i, Math.max(0, listLength - 1))));
   }, [listLength]);
   const visibleRecordingRows = Math.max(3, size.rows - 6);
-  useEffect2(() => {
+  useEffect3(() => {
     if (screen.kind !== "overview" || !recordingsNextCursor) return;
     const nearLoadedEnd = recordings.length - selected <= RECORDINGS_PREFETCH_REMAINING;
     const underfilledViewport = recordings.length < visibleRecordingRows;
@@ -1628,7 +1689,7 @@ function AppShell({
     [fetchTranscript]
   );
   const detailTranscriptId = screen.kind === "recordingDetail" ? recordings.find((r) => r.recordingId === screen.recordingId)?.activeTranscriptId : void 0;
-  useEffect2(() => {
+  useEffect3(() => {
     if (!detailTranscriptId || transcriptCache.has(detailTranscriptId)) return;
     let cancelled = false;
     setTranscriptCache((m) => new Map(m).set(detailTranscriptId, "loading"));
@@ -1741,18 +1802,18 @@ function AppShell({
     }
   });
   if (screen.kind === "transcript") {
-    return /* @__PURE__ */ jsx16(TranscriptView, { loading: screen.loading, data: screen.data, error: screen.error });
+    return /* @__PURE__ */ jsx17(TranscriptView, { loading: screen.loading, data: screen.data, error: screen.error });
   }
   if (screen.kind === "jobDetail") {
     const job = jobs.find((j) => j.jobId === screen.jobId);
-    if (!job) return /* @__PURE__ */ jsx16(Missing, { label: "Job" });
-    return /* @__PURE__ */ jsx16(Detail, { notice, children: /* @__PURE__ */ jsx16(JobDetailView, { item: job, origin, spinnerFrame, nowMs: now() }) });
+    if (!job) return /* @__PURE__ */ jsx17(Missing, { label: "Job" });
+    return /* @__PURE__ */ jsx17(Detail, { notice, children: /* @__PURE__ */ jsx17(JobDetailView, { item: job, origin, spinnerFrame, nowMs: now() }) });
   }
   if (screen.kind === "recordingDetail") {
     const rec = recordings.find((r) => r.recordingId === screen.recordingId);
-    if (!rec) return /* @__PURE__ */ jsx16(Missing, { label: "Recording" });
+    if (!rec) return /* @__PURE__ */ jsx17(Missing, { label: "Recording" });
     const detailTranscript = rec.activeTranscriptId ? transcriptCache.get(rec.activeTranscriptId) : void 0;
-    return /* @__PURE__ */ jsx16(Detail, { notice, children: /* @__PURE__ */ jsx16(
+    return /* @__PURE__ */ jsx17(Detail, { notice, children: /* @__PURE__ */ jsx17(
       RecordingDetailView,
       {
         item: rec,
@@ -1763,22 +1824,22 @@ function AppShell({
     ) });
   }
   if (screen.kind === "record") {
-    if (liveRecord?.kind === "live") {
-      return /* @__PURE__ */ jsx16(LiveCaptionsScreen, { source: liveRecord.session.source, now });
+    if (liveRecord?.kind === "live" && liveRecord.session.mode === "live_captions") {
+      return /* @__PURE__ */ jsx17(LiveCaptionsScreen, { source: liveRecord.session.source, now });
     }
-    return /* @__PURE__ */ jsxs13(Box14, { flexDirection: "column", height: size.rows, paddingX: 1, children: [
-      /* @__PURE__ */ jsx16(Header, { active: "record" }),
-      /* @__PURE__ */ jsx16(Box14, { flexGrow: 1, flexDirection: "column", paddingX: 1, paddingTop: 1, children: liveRecord?.kind === "error" ? (() => {
+    return /* @__PURE__ */ jsxs14(Box15, { flexDirection: "column", height: size.rows, paddingX: 1, children: [
+      /* @__PURE__ */ jsx17(Header, { active: "record" }),
+      /* @__PURE__ */ jsx17(Box15, { flexGrow: 1, flexDirection: "column", paddingX: 1, paddingTop: 1, children: liveRecord?.kind === "live" ? /* @__PURE__ */ jsx17(RecordingScreen, { source: liveRecord.session.source, now }) : liveRecord?.kind === "error" ? (() => {
         if (liveRecord.code === "record.permission_required") {
-          return /* @__PURE__ */ jsx16(PermissionPreflightView, { items: permissionItemsFromRecordError(liveRecord.data) });
+          return /* @__PURE__ */ jsx17(PermissionPreflightView, { items: permissionItemsFromRecordError(liveRecord.data) });
         }
         const copy = recordErrorCopy(liveRecord.code, liveRecord.message);
-        return /* @__PURE__ */ jsxs13(Fragment4, { children: [
-          /* @__PURE__ */ jsx16(Text14, { color: copy.tone, children: copy.title }),
-          copy.detail ? /* @__PURE__ */ jsx16(Text14, { dimColor: true, children: copy.detail }) : null
+        return /* @__PURE__ */ jsxs14(Fragment5, { children: [
+          /* @__PURE__ */ jsx17(Text15, { color: copy.tone, children: copy.title }),
+          copy.detail ? /* @__PURE__ */ jsx17(Text15, { dimColor: true, children: copy.detail }) : null
         ] });
-      })() : /* @__PURE__ */ jsx16(Text14, { dimColor: true, children: "Starting live recording\u2026" }) }),
-      /* @__PURE__ */ jsx16(Footer, { keys: "q / esc / \u2190 back" })
+      })() : /* @__PURE__ */ jsx17(Text15, { dimColor: true, children: "Starting live recording\u2026" }) }),
+      /* @__PURE__ */ jsx17(Footer, { keys: "q / esc / \u2190 back" })
     ] });
   }
   const tab = screen.kind === "jobs" ? "jobs" : screen.kind === "account" ? "account" : "overview";
@@ -1796,7 +1857,7 @@ function AppShell({
     const showPeek = size.columns >= 100;
     const peekWidth = showPeek ? 34 : 0;
     const listColumns = showPeek ? Math.max(30, size.columns - peekWidth - 3) : size.columns;
-    body = /* @__PURE__ */ jsx16(
+    body = /* @__PURE__ */ jsx17(
       OverviewView,
       {
         recordings: recordings.slice(win.start, win.end),
@@ -1816,11 +1877,11 @@ function AppShell({
     );
   } else if (screen.kind === "account") {
     position = "";
-    body = /* @__PURE__ */ jsx16(AccountView, { status: accountStatus });
+    body = /* @__PURE__ */ jsx17(AccountView, { status: accountStatus });
   } else {
     const win = listWindow(selected, jobs.length, Math.max(3, size.rows - 4));
     position = jobs.length ? `${selected + 1} / ${jobs.length}` : "0";
-    body = /* @__PURE__ */ jsx16(
+    body = /* @__PURE__ */ jsx17(
       JobsView,
       {
         items: jobs.slice(win.start, win.end),
@@ -1830,34 +1891,34 @@ function AppShell({
     );
   }
   const footerKeys = screen.kind === "jobs" ? `${position}  \xB7  \u2191\u2193 select \xB7 \u23CE job \xB7 t transcript \xB7 1 overview \xB7 3 account \xB7 4 record \xB7 r refresh \xB7 q quit` : screen.kind === "account" ? "3 account  \xB7  1 overview \xB7 2 jobs \xB7 4 record \xB7 r refresh \xB7 q quit" : `${position}  \xB7  \u2191\u2193 scroll \xB7 \u23CE open \xB7 t transcript \xB7 2 jobs \xB7 3 account \xB7 4 record \xB7 r refresh \xB7 q quit`;
-  return /* @__PURE__ */ jsxs13(Box14, { flexDirection: "column", height: size.rows, paddingX: 1, children: [
-    /* @__PURE__ */ jsx16(Header, { active: tab }),
-    /* @__PURE__ */ jsxs13(Box14, { flexGrow: 1, flexDirection: "column", children: [
+  return /* @__PURE__ */ jsxs14(Box15, { flexDirection: "column", height: size.rows, paddingX: 1, children: [
+    /* @__PURE__ */ jsx17(Header, { active: tab }),
+    /* @__PURE__ */ jsxs14(Box15, { flexGrow: 1, flexDirection: "column", children: [
       body,
-      loadError && jobs.length === 0 && recordings.length === 0 ? /* @__PURE__ */ jsx16(Box14, { marginTop: 1, children: /* @__PURE__ */ jsxs13(Text14, { color: "red", children: [
+      loadError && jobs.length === 0 && recordings.length === 0 ? /* @__PURE__ */ jsx17(Box15, { marginTop: 1, children: /* @__PURE__ */ jsxs14(Text15, { color: "red", children: [
         "! ",
         loadError
       ] }) }) : null
     ] }),
-    /* @__PURE__ */ jsx16(Footer, { keys: footerKeys })
+    /* @__PURE__ */ jsx17(Footer, { keys: footerKeys })
   ] });
 }
 function Detail({
   notice,
   children
 }) {
-  return /* @__PURE__ */ jsxs13(Box14, { flexDirection: "column", children: [
+  return /* @__PURE__ */ jsxs14(Box15, { flexDirection: "column", children: [
     children,
-    notice ? /* @__PURE__ */ jsx16(Box14, { paddingX: 1, children: /* @__PURE__ */ jsx16(Text14, { color: "green", children: notice }) }) : null
+    notice ? /* @__PURE__ */ jsx17(Box15, { paddingX: 1, children: /* @__PURE__ */ jsx17(Text15, { color: "green", children: notice }) }) : null
   ] });
 }
 function Missing({ label }) {
-  return /* @__PURE__ */ jsxs13(Box14, { flexDirection: "column", paddingX: 1, children: [
-    /* @__PURE__ */ jsxs13(Text14, { dimColor: true, children: [
+  return /* @__PURE__ */ jsxs14(Box15, { flexDirection: "column", paddingX: 1, children: [
+    /* @__PURE__ */ jsxs14(Text15, { dimColor: true, children: [
       label,
       " no longer in the list."
     ] }),
-    /* @__PURE__ */ jsx16(Text14, { dimColor: true, children: "esc back \xB7 q quit" })
+    /* @__PURE__ */ jsx17(Text15, { dimColor: true, children: "esc back \xB7 q quit" })
   ] });
 }
 var RECORDINGS_PAGE_SIZE, RECORDINGS_PREFETCH_REMAINING;
@@ -1873,6 +1934,7 @@ var init_AppShell = __esm({
     init_TranscriptView();
     init_LiveCaptionsScreen();
     init_PermissionPreflightView();
+    init_RecordingScreen();
     init_format();
     init_terminal();
     RECORDINGS_PAGE_SIZE = 50;
@@ -1891,7 +1953,7 @@ __export(tui_exports, {
   runDashboard: () => runDashboard,
   useTerminalSize: () => useTerminalSize
 });
-import React7 from "react";
+import React8 from "react";
 import { render as render2 } from "ink";
 import { spawn as spawn3 } from "child_process";
 function openUrl(url2) {
@@ -1912,7 +1974,7 @@ function copyText(text) {
 async function runDashboard(deps) {
   const renderApp = deps.renderApp ?? render2;
   const app = renderApp(
-    React7.createElement(AppShell, {
+    React8.createElement(AppShell, {
       fetchJobs: deps.fetchJobs,
       fetchTranscript: deps.fetchTranscript,
       fetchRecordings: deps.fetchRecordings,
@@ -19748,6 +19810,7 @@ async function recordViaSidecar(opts) {
 async function startLiveRecordSession(opts) {
   const session = await startRecordSession({ ...opts, live: false });
   return {
+    mode: "local",
     source: session.source,
     stop: async () => {
       await session.stop();