recappi 0.1.46 → 0.1.48

package/dist/index.js

@@ -161,7 +161,7 @@ function statusStyle(status) {
     case "failed":
       return { label: "Failed", color: "red" };
     default:
-      return { label: status, color: "white" };
+      return { label: status, color: "gray" };
   }
 }
 function spinnerChar(frame) {
@@ -285,7 +285,7 @@ function recordingStatusStyle(status) {
     case "aborted":
       return { label: "Aborted", color: "gray", glyph: "\u2022" };
     default:
-      return { label: status, color: "white", glyph: "\u2022" };
+      return { label: status, color: "gray", glyph: "\u2022" };
   }
 }
 function listWindow(selected, total, size) {
@@ -553,7 +553,7 @@ var init_LiveCaptionsView = __esm({
     init_liveCaptions();
     STATUS_COLOR = {
       connecting: "yellow",
-      live: "red",
+      live: "cyan",
       reconnecting: "yellow",
       stopped: "gray",
       error: "red"
@@ -619,7 +619,7 @@ function MeterRow({
   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" : "red", children: waveform(samples, width) }) }),
+    /* @__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)}` })
   ] });
 }
@@ -728,7 +728,7 @@ 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, { dimColor: true, children: "LIVE CAPTIONS" }),
+        /* @__PURE__ */ jsx3(Text2, { bold: true, dimColor: true, children: "LIVE CAPTIONS" }),
         /* @__PURE__ */ jsx3(HeroCaptions, { state: captions })
       ] }) : null
     ] }),
@@ -791,18 +791,24 @@ var init_RecordingHeroScreen = __esm({
 // 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,9 +818,9 @@ 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, { dimColor: true, children: "LOCAL STORE" }),
+      /* @__PURE__ */ jsx5(Text3, { bold: true, dimColor: true, children: "LOCAL STORE" }),
       /* @__PURE__ */ jsx5(Text3, { dimColor: true, wrap: "truncate-middle", children: status.localStore.path }),
       /* @__PURE__ */ jsxs3(Text3, { dimColor: true, children: [
         `${status.localStore.accountScopedArtifacts} artifact${status.localStore.accountScopedArtifacts === 1 ? "" : "s"} for this account`,
@@ -823,12 +829,15 @@ function AccountBody({ status }) {
     ] })
   ] });
 }
-function Usage({ billing }) {
+function Usage({
+  billing,
+  nowMs
+}) {
   const minutesCap = billing.minutesCap;
   const minutesUsed = billing.minutesUsed;
   const storageCap = billing.storageCapBytes;
   return /* @__PURE__ */ jsxs3(Box3, { marginTop: 1, flexDirection: "column", children: [
-    /* @__PURE__ */ jsx5(Text3, { dimColor: true, children: "USAGE" }),
+    /* @__PURE__ */ jsx5(Text3, { bold: true, dimColor: true, children: "USAGE" }),
     /* @__PURE__ */ jsxs3(Text3, { children: [
       /* @__PURE__ */ jsx5(Text3, { dimColor: true, children: "Plan " }),
       /* @__PURE__ */ jsx5(Text3, { bold: true, children: billing.tier })
@@ -850,11 +859,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`;
@@ -1105,7 +1114,7 @@ function PeekBody({
       meta3 ? /* @__PURE__ */ jsx11(Text9, { dimColor: true, children: `  ${meta3}` }) : null
     ] }),
     /* @__PURE__ */ jsx11(Box9, { marginTop: 1, flexDirection: "column", children: /* @__PURE__ */ jsx11(SummarySection, { item, summary }) }),
-    /* @__PURE__ */ jsx11(Box9, { marginTop: 1, children: /* @__PURE__ */ jsx11(Text9, { dimColor: true, children: "\u23CE open \xB7 t transcript \xB7 o web" }) })
+    /* @__PURE__ */ jsx11(Box9, { marginTop: 1, children: /* @__PURE__ */ jsx11(Text9, { dimColor: true, children: "\u23CE open \xB7 t transcript" }) })
   ] });
 }
 function SummarySection({
@@ -1120,7 +1129,7 @@ function SummarySection({
   }
   const points = (summary.keyPoints ?? []).slice(0, 3);
   return /* @__PURE__ */ jsxs8(Fragment3, { children: [
-    /* @__PURE__ */ jsx11(Text9, { dimColor: true, children: "SUMMARY" }),
+    /* @__PURE__ */ jsx11(Text9, { bold: true, dimColor: 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
   ] });
@@ -1630,7 +1639,7 @@ function PermissionPreflightView({
   return /* @__PURE__ */ jsxs13(Box14, { flexDirection: "column", paddingX: 1, children: [
     /* @__PURE__ */ jsxs13(Text14, { children: [
       /* @__PURE__ */ jsx16(Text14, { dimColor: true, children: "\u2039 " }),
-      /* @__PURE__ */ jsx16(Text14, { bold: true, color: "cyan", children: "Recording permissions" })
+      /* @__PURE__ */ jsx16(Text14, { bold: true, children: "Recording permissions" })
     ] }),
     /* @__PURE__ */ jsx16(Box14, { marginTop: 1, flexDirection: "column", children: items.length === 0 ? /* @__PURE__ */ jsx16(Text14, { dimColor: true, children: "Checking permissions\u2026" }) : items.map((item) => {
       const status = statusGlyph2(item.status);
@@ -1677,7 +1686,7 @@ var init_PermissionPreflightView = __esm({
 });
 
 // src/tui/RecordSetupView.tsx
-import { useEffect as useEffect3, useState as useState6 } from "react";
+import { useEffect as useEffect3, useRef, 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) {
@@ -1693,7 +1702,7 @@ function InputMeter({ level }) {
   if (level == null) return /* @__PURE__ */ jsx17(Text15, { dimColor: true, children: "\u2014" });
   const silent = level <= 0.03;
   return /* @__PURE__ */ jsxs14(Text15, { children: [
-    /* @__PURE__ */ jsx17(Text15, { color: silent ? "yellow" : "green", children: meterBar(level, METER_W) }),
+    /* @__PURE__ */ jsx17(Text15, { color: silent ? "yellow" : "cyan", children: meterBar(level, METER_W) }),
     /* @__PURE__ */ jsx17(Text15, { dimColor: true, children: `  ${levelDb2(level)}` })
   ] });
 }
@@ -1710,6 +1719,7 @@ function RecordSetupView({
     () => Math.max(0, model.microphones?.findIndex((device) => device.isDefault) ?? 0)
   );
   const [sceneIdx, setSceneIdx] = useState6(0);
+  const userPickedMic = useRef(false);
   const sources = model.sources;
   const microphones = model.microphones ?? [];
   const selected = sources[Math.min(srcIdx, Math.max(0, sources.length - 1))];
@@ -1725,14 +1735,29 @@ function RecordSetupView({
   };
   useEffect3(() => {
     onSelectionChange?.(selection);
-  }, [srcIdx, includeMic, micIdx]);
+  }, [
+    includeMic,
+    onSelectionChange,
+    selection.includeMicrophone,
+    selection.microphoneDeviceId,
+    selection.sceneId,
+    selection.sourceId,
+    srcIdx,
+    micIdx
+  ]);
+  useEffect3(() => {
+    if (userPickedMic.current || microphones.length === 0) return;
+    const di = microphones.findIndex((device) => device.isDefault);
+    if (di > 0) setMicIdx(di);
+  }, [microphones.length]);
   useInput5((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);
-    else if (input === "m" && includeMic && hasMultipleMicrophones)
+    else if (input === "m" && includeMic && hasMultipleMicrophones) {
+      userPickedMic.current = true;
       setMicIdx((i) => (i + 1) % microphones.length);
-    else if (input === "s" && model.scenes.length > 1) setSceneIdx((i) => (i + 1) % model.scenes.length);
+    } else if (input === "s" && model.scenes.length > 1) setSceneIdx((i) => (i + 1) % model.scenes.length);
     else if (key.return && selected) onStart(selection);
     else if (key.escape) onCancel();
   });
@@ -2036,7 +2061,8 @@ function AppShell({
         if (event.type !== "audio.level") return;
         const level = levelFromRmsDb(event.rmsDb);
         if (event.input === "microphone") {
-          const microphoneId = event.microphoneDeviceId ?? selection.microphoneDeviceId;
+          const microphones = recordSetupModel.microphones ?? [];
+          const microphoneId = event.microphoneDeviceId ?? selection.microphoneDeviceId ?? microphones.find((device) => device.isDefault)?.id ?? microphones[0]?.id;
           if (!microphoneId) return;
           setRecordSetupLevels((current) => ({
             ...current,
@@ -2061,6 +2087,7 @@ function AppShell({
     recordSetupSelection.includeMicrophone,
     recordSetupSelection.microphoneDeviceId,
     recordSetupSelection.sourceId,
+    recordSetupModel.microphones,
     recordSetupModel.sources,
     screen.kind,
     startRecordSetupPreview
@@ -2100,7 +2127,9 @@ function AppShell({
           };
         });
       }).catch((error51) => {
-        setLiveRecord(recordErrorState(error51, selection));
+        setLiveRecord(
+          (current) => current?.kind === "starting" ? recordErrorState(error51, selection) : current
+        );
       });
     },
     [now, recordSetupModel.sources, startLiveRecord]
@@ -2120,7 +2149,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,
@@ -2130,17 +2159,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;
@@ -2455,7 +2492,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();
@@ -2479,6 +2520,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];
@@ -2488,6 +2531,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];
@@ -2621,7 +2666,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";
@@ -2634,7 +2679,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: [