recappi 0.1.47 → 0.1.48

package/dist/index.js

@@ -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,7 +818,7 @@ 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, { bold: true, dimColor: true, children: "LOCAL STORE" }),
       /* @__PURE__ */ jsx5(Text3, { dimColor: true, wrap: "truncate-middle", children: status.localStore.path }),
@@ -823,7 +829,10 @@ function AccountBody({ status }) {
     ] })
   ] });
 }
-function Usage({ billing }) {
+function Usage({
+  billing,
+  nowMs
+}) {
   const minutesCap = billing.minutesCap;
   const minutesUsed = billing.minutesUsed;
   const storageCap = billing.storageCapBytes;
@@ -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`;
@@ -2118,7 +2127,9 @@ function AppShell({
           };
         });
       }).catch((error51) => {
-        setLiveRecord(recordErrorState(error51, selection));
+        setLiveRecord(
+          (current) => current?.kind === "starting" ? recordErrorState(error51, selection) : current
+        );
       });
     },
     [now, recordSetupModel.sources, startLiveRecord]
@@ -2138,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,
@@ -2148,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;
@@ -2473,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();
@@ -2497,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];
@@ -2506,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];
@@ -2639,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";
@@ -2652,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: [