recappi 0.1.4 → 0.1.5

package/dist/index.js

@@ -268,17 +268,317 @@ var init_terminal = __esm({
   }
 });
 
-// src/tui/chrome.tsx
+// src/tui/liveCaptions.ts
+function initialLiveCaptionsState() {
+  return { status: "connecting", lines: [] };
+}
+function liveCaptionReducer(state, event) {
+  switch (event.kind) {
+    case "status": {
+      const next = { ...state, status: event.status };
+      if (event.status === "live" && state.startedAtMs == null) {
+        next.startedAtMs = event.atMs ?? state.startedAtMs;
+      }
+      if (event.status !== "error") next.error = void 0;
+      return next;
+    }
+    case "partial":
+      return { ...state, partial: event.text };
+    case "final": {
+      const lines = [...state.lines, event.line];
+      return { ...state, lines, partial: void 0 };
+    }
+    case "translationPartial":
+      return { ...state, translationPartial: event.text };
+    case "translationFinal": {
+      const lines = [...state.lines];
+      let idx = event.segmentId ? lines.findIndex((l) => l.id === event.segmentId) : -1;
+      if (idx < 0) idx = lines.length - 1;
+      if (idx >= 0) lines[idx] = { ...lines[idx], translation: event.text };
+      return { ...state, lines, translationPartial: void 0 };
+    }
+    case "error":
+      return { ...state, status: "error", error: event.message };
+    default:
+      return state;
+  }
+}
+function recordingStateToStatus(state) {
+  switch (state) {
+    case "idle":
+    case "starting":
+      return "connecting";
+    case "recording":
+      return "live";
+    case "stopping":
+    case "finalizing":
+    case "uploading":
+    case "completed":
+    case "cancelled":
+      return "stopped";
+    case "failed":
+      return "error";
+  }
+}
+function sidecarToLiveCaptionEvent(event) {
+  switch (event.type) {
+    case "ready":
+      return { kind: "status", status: "connecting" };
+    case "recording.state":
+      if (event.state === "failed") {
+        return { kind: "error", message: event.message ?? "Recording failed" };
+      }
+      return { kind: "status", status: recordingStateToStatus(event.state) };
+    case "live_caption.delta": {
+      if (event.stream === "translation") {
+        return event.isFinal ? { kind: "translationFinal", segmentId: event.segmentId, text: event.text } : { kind: "translationPartial", text: event.text };
+      }
+      if (event.isFinal) {
+        return {
+          kind: "final",
+          line: {
+            id: event.segmentId ?? `${event.startMs ?? event.atMs ?? 0}`,
+            text: event.text,
+            speaker: event.speaker,
+            atMs: event.startMs ?? event.atMs
+          }
+        };
+      }
+      return { kind: "partial", text: event.text };
+    }
+    case "error":
+      return { kind: "error", message: event.message };
+    case "audio.level":
+    case "local_artifact.upserted":
+      return null;
+    default:
+      return null;
+  }
+}
+function liveCaptionStatusLabel(status) {
+  switch (status) {
+    case "connecting":
+      return "Connecting\u2026";
+    case "live":
+      return "\u25CF LIVE";
+    case "reconnecting":
+      return "Reconnecting\u2026";
+    case "stopped":
+      return "Stopped";
+    case "error":
+      return "Error";
+  }
+}
+var init_liveCaptions = __esm({
+  "src/tui/liveCaptions.ts"() {
+    "use strict";
+  }
+});
+
+// src/tui/LiveCaptionsView.tsx
+import { useMemo, useState } from "react";
+import { Box, Text, useInput } from "ink";
+import { jsx, jsxs } from "react/jsx-runtime";
+function LiveCaptionsView({
+  state,
+  nowMs
+}) {
+  const size = useTerminalSize();
+  const [scrollUp, setScrollUp] = useState(0);
+  const innerWidth = Math.max(10, size.columns - 2);
+  const items = useMemo(() => {
+    const rows = [];
+    for (const l of state.lines) {
+      rows.push({ key: l.id, kind: "final", speaker: l.speaker, text: l.text });
+      if (l.translation) rows.push({ key: `${l.id}__t`, kind: "translation", text: l.translation });
+    }
+    if (state.partial && state.partial.length > 0) {
+      rows.push({ key: "__partial__", kind: "partial", text: state.partial });
+    }
+    if (state.translationPartial && state.translationPartial.length > 0) {
+      rows.push({ key: "__tpartial__", kind: "translation", text: state.translationPartial });
+    }
+    return rows;
+  }, [state.lines, state.partial, state.translationPartial]);
+  const heights = useMemo(
+    () => items.map((it) => {
+      const prefix = it.kind === "translation" ? "\u21B3 " : it.speaker ? `${it.speaker}: ` : "";
+      return Math.max(1, Math.ceil(displayWidth(prefix + it.text) / innerWidth));
+    }),
+    [items, innerWidth]
+  );
+  const budget = Math.max(3, size.rows - 3);
+  const maxScroll = windowByHeights(heights, Number.MAX_SAFE_INTEGER, budget).maxScroll;
+  const top = Math.max(0, maxScroll - scrollUp);
+  const win = windowByHeights(heights, top, budget);
+  const following = scrollUp === 0;
+  const page = Math.max(1, budget - 1);
+  useInput((input, key) => {
+    if (key.upArrow || input === "k") setScrollUp((s) => Math.min(maxScroll, s + 1));
+    else if (key.downArrow || input === "j") setScrollUp((s) => Math.max(0, s - 1));
+    else if (key.pageUp || input === "b") setScrollUp((s) => Math.min(maxScroll, s + page));
+    else if (key.pageDown || input === " ") setScrollUp((s) => Math.max(0, s - page));
+    else if (input === "G") setScrollUp(0);
+    else if (input === "g") setScrollUp(maxScroll);
+  });
+  const elapsed = state.startedAtMs != null ? formatClockMs(Math.max(0, nowMs - state.startedAtMs)) : null;
+  const statusColor = STATUS_COLOR[state.status] ?? "white";
+  return /* @__PURE__ */ jsxs(Box, { flexDirection: "column", paddingX: 1, children: [
+    /* @__PURE__ */ jsxs(Text, { children: [
+      /* @__PURE__ */ jsx(Text, { bold: true, color: statusColor, children: liveCaptionStatusLabel(state.status) }),
+      elapsed ? /* @__PURE__ */ jsx(Text, { dimColor: true, children: `   ${elapsed}` }) : null,
+      !following ? /* @__PURE__ */ jsx(Text, { dimColor: true, children: "   \u23F8 scrolled \u2014 G for live" }) : null
+    ] }),
+    /* @__PURE__ */ jsx(Box, { marginTop: 1, flexDirection: "column", children: items.length === 0 ? /* @__PURE__ */ jsx(Text, { dimColor: true, children: state.status === "error" ? state.error ? `Error: ${state.error}` : "Live captions error" : "Waiting for captions\u2026" }) : items.slice(win.start, win.end).map(
+      (it) => it.kind === "translation" ? /* @__PURE__ */ jsx(Text, { dimColor: true, italic: true, children: `\u21B3 ${it.text}` }, it.key) : /* @__PURE__ */ jsxs(Text, { dimColor: it.kind === "partial", italic: it.kind === "partial", children: [
+        it.speaker ? /* @__PURE__ */ jsx(Text, { color: "cyan", children: `${it.speaker}: ` }) : null,
+        it.text
+      ] }, it.key)
+    ) }),
+    /* @__PURE__ */ jsx(Box, { marginTop: 1, children: /* @__PURE__ */ jsxs(Text, { dimColor: true, children: [
+      maxScroll > 0 ? "\u2191\u2193 scroll \xB7 G live \xB7 " : "",
+      "q / esc / \u2190 back"
+    ] }) })
+  ] });
+}
+var STATUS_COLOR;
+var init_LiveCaptionsView = __esm({
+  "src/tui/LiveCaptionsView.tsx"() {
+    "use strict";
+    init_format();
+    init_terminal();
+    init_liveCaptions();
+    STATUS_COLOR = {
+      connecting: "yellow",
+      live: "red",
+      reconnecting: "yellow",
+      stopped: "gray",
+      error: "red"
+    };
+  }
+});
+
+// src/tui/LiveCaptionsScreen.tsx
+import { useEffect, useState as useState2 } from "react";
+import { jsx as jsx2 } from "react/jsx-runtime";
+function LiveCaptionsScreen({
+  source,
+  now = () => Date.now()
+}) {
+  const [state, setState] = useState2(initialLiveCaptionsState);
+  const [tick, setTick] = useState2(() => now());
+  useEffect(() => {
+    const unsubscribe = source.onEvent((event) => {
+      const mapped = sidecarToLiveCaptionEvent(event);
+      if (mapped) setState((s) => liveCaptionReducer(s, mapped));
+    });
+    return unsubscribe;
+  }, [source]);
+  useEffect(() => {
+    const id = setInterval(() => setTick(now()), 1e3);
+    return () => clearInterval(id);
+  }, []);
+  return /* @__PURE__ */ jsx2(LiveCaptionsView, { state, nowMs: tick });
+}
+var init_LiveCaptionsScreen = __esm({
+  "src/tui/LiveCaptionsScreen.tsx"() {
+    "use strict";
+    init_LiveCaptionsView();
+    init_liveCaptions();
+  }
+});
+
+// src/tui/AccountView.tsx
 import { Box as Box2, Text as Text2 } from "ink";
-import { jsx as jsx4, jsxs as jsxs2 } from "react/jsx-runtime";
+import { Fragment, jsx as jsx4, jsxs as jsxs2 } from "react/jsx-runtime";
+function AccountView({ status }) {
+  return /* @__PURE__ */ jsxs2(Box2, { flexDirection: "column", paddingX: 1, children: [
+    /* @__PURE__ */ jsx4(Text2, { dimColor: true, children: "\u2039 Account" }),
+    status === "loading" || status === void 0 ? /* @__PURE__ */ jsx4(Box2, { marginTop: 1, children: /* @__PURE__ */ jsx4(Text2, { dimColor: true, children: "Loading account\u2026" }) }) : status === "error" ? /* @__PURE__ */ jsx4(Box2, { marginTop: 1, children: /* @__PURE__ */ jsx4(Text2, { color: "red", children: "Couldn't load account status" }) }) : !status.loggedIn ? /* @__PURE__ */ jsxs2(Box2, { marginTop: 1, flexDirection: "column", children: [
+      /* @__PURE__ */ jsx4(Text2, { color: "yellow", children: "Not signed in" }),
+      /* @__PURE__ */ jsx4(Text2, { dimColor: true, children: `origin  ${status.origin}` }),
+      /* @__PURE__ */ jsx4(Text2, { dimColor: true, children: "Run `recappi auth login` to sign in." })
+    ] }) : /* @__PURE__ */ jsx4(AccountBody, { status }),
+    /* @__PURE__ */ jsx4(Box2, { marginTop: 1, children: /* @__PURE__ */ jsx4(Text2, { dimColor: true, children: "r refresh \xB7 esc back \xB7 q quit" }) })
+  ] });
+}
+function AccountBody({ status }) {
+  return /* @__PURE__ */ jsxs2(Fragment, { children: [
+    /* @__PURE__ */ jsxs2(Box2, { marginTop: 1, flexDirection: "column", children: [
+      /* @__PURE__ */ jsx4(Text2, { bold: true, color: "magenta", children: status.email ?? status.userId ?? "Signed in" }),
+      status.email && status.userId ? /* @__PURE__ */ jsx4(Text2, { dimColor: true, children: status.userId }) : null,
+      /* @__PURE__ */ jsx4(Text2, { dimColor: true, children: `origin  ${status.origin}` })
+    ] }),
+    status.billing ? /* @__PURE__ */ jsx4(Usage, { billing: status.billing }) : null,
+    /* @__PURE__ */ jsxs2(Box2, { marginTop: 1, flexDirection: "column", children: [
+      /* @__PURE__ */ jsx4(Text2, { bold: true, children: "Local store" }),
+      /* @__PURE__ */ jsx4(Text2, { dimColor: true, wrap: "truncate-middle", children: status.localStore.path }),
+      /* @__PURE__ */ jsxs2(Text2, { dimColor: true, children: [
+        `${status.localStore.accountScopedArtifacts} artifact${status.localStore.accountScopedArtifacts === 1 ? "" : "s"} for this account`,
+        status.localStore.unattributedArtifacts > 0 ? ` \xB7 ${status.localStore.unattributedArtifacts} unattributed` : ""
+      ] })
+    ] })
+  ] });
+}
+function Usage({ billing }) {
+  const minutesCap = billing.minutesCap;
+  const minutesUsed = billing.minutesUsed;
+  const storageCap = billing.storageCapBytes;
+  return /* @__PURE__ */ jsxs2(Box2, { marginTop: 1, flexDirection: "column", children: [
+    /* @__PURE__ */ jsxs2(Text2, { children: [
+      /* @__PURE__ */ jsx4(Text2, { dimColor: true, children: "Plan " }),
+      /* @__PURE__ */ jsx4(Text2, { bold: true, children: billing.tier })
+    ] }),
+    /* @__PURE__ */ jsxs2(Text2, { children: [
+      /* @__PURE__ */ jsx4(Text2, { dimColor: true, children: "Minutes " }),
+      minutesCap != null ? /* @__PURE__ */ jsx4(Text2, { color: billing.isOverMinutes ? "red" : "cyan", children: `${progressBar(minutesUsed / Math.max(1, minutesCap), 12)} ` }) : null,
+      /* @__PURE__ */ jsx4(Text2, { color: billing.isOverMinutes ? "red" : void 0, children: `${Math.round(minutesUsed)}` }),
+      /* @__PURE__ */ jsx4(Text2, { dimColor: true, children: ` / ${minutesCap != null ? Math.round(minutesCap) : "\u221E"} min` }),
+      /* @__PURE__ */ jsx4(Text2, { dimColor: true, children: `   (batch ${Math.round(billing.batchMinutesUsed)} \xB7 live ${Math.round(billing.realtimeMinutesUsed)})` })
+    ] }),
+    /* @__PURE__ */ jsxs2(Text2, { children: [
+      /* @__PURE__ */ jsx4(Text2, { dimColor: true, children: "Storage " }),
+      storageCap != null ? /* @__PURE__ */ jsx4(Text2, { color: billing.isOverStorage ? "red" : "cyan", children: `${progressBar(billing.storageBytes / Math.max(1, storageCap), 12)} ` }) : null,
+      /* @__PURE__ */ jsx4(Text2, { color: billing.isOverStorage ? "red" : void 0, children: formatBytes2(billing.storageBytes) }),
+      /* @__PURE__ */ jsx4(Text2, { dimColor: true, children: ` / ${storageCap != null ? formatBytes2(storageCap) : "\u221E"}` })
+    ] }),
+    billing.isOverMinutes || billing.isOverStorage ? /* @__PURE__ */ jsxs2(Text2, { color: "red", children: [
+      billing.isOverMinutes ? "Over minutes limit. " : "",
+      billing.isOverStorage ? "Over storage limit." : ""
+    ] }) : null,
+    /* @__PURE__ */ jsx4(Text2, { dimColor: true, children: `Period ${periodText(billing)}` })
+  ] });
+}
+function periodText(billing) {
+  const remainingMs = epochToMs(billing.periodEnd) - Date.now();
+  if (!Number.isFinite(remainingMs) || remainingMs <= 0) return "\u2014";
+  const days = Math.floor(remainingMs / 864e5);
+  if (days >= 1) return `${days}d left`;
+  return `${formatClockMs(remainingMs)} left`;
+}
+function epochToMs(value) {
+  return value > 1e12 ? value : value * 1e3;
+}
+var init_AccountView = __esm({
+  "src/tui/AccountView.tsx"() {
+    "use strict";
+    init_format();
+  }
+});
+
+// src/tui/chrome.tsx
+import { Box as Box3, Text as Text3 } from "ink";
+import { jsx as jsx5, jsxs as jsxs3 } from "react/jsx-runtime";
 function Header({ active }) {
-  return /* @__PURE__ */ jsxs2(Box2, { children: [
-    /* @__PURE__ */ jsxs2(Text2, { bold: true, color: "magenta", children: [
+  return /* @__PURE__ */ jsxs3(Box3, { children: [
+    /* @__PURE__ */ jsxs3(Text3, { bold: true, color: "magenta", children: [
       "Recappi",
       "  "
     ] }),
-    /* @__PURE__ */ jsx4(Tab, { num: "1", label: "Overview", active: active === "overview" }),
-    /* @__PURE__ */ jsx4(Tab, { num: "2", label: "Jobs", active: active === "jobs" })
+    /* @__PURE__ */ jsx5(Tab, { num: "1", label: "Overview", active: active === "overview" }),
+    /* @__PURE__ */ jsx5(Tab, { num: "2", label: "Jobs", active: active === "jobs" }),
+    /* @__PURE__ */ jsx5(Tab, { num: "3", label: "Account", active: active === "account" }),
+    /* @__PURE__ */ jsx5(Tab, { num: "4", label: "Record", active: active === "record" })
   ] });
 }
 function Tab({
@@ -288,12 +588,12 @@ function Tab({
 }) {
   const text = ` ${num} ${label} `;
   if (active) {
-    return /* @__PURE__ */ jsx4(Text2, { bold: true, inverse: true, color: "cyan", children: text });
+    return /* @__PURE__ */ jsx5(Text3, { bold: true, inverse: true, color: "cyan", children: text });
   }
-  return /* @__PURE__ */ jsx4(Text2, { children: text });
+  return /* @__PURE__ */ jsx5(Text3, { children: text });
 }
 function Footer({ keys }) {
-  return /* @__PURE__ */ jsx4(Box2, { marginTop: 1, children: /* @__PURE__ */ jsx4(Text2, { dimColor: true, children: keys }) });
+  return /* @__PURE__ */ jsx5(Box3, { marginTop: 1, children: /* @__PURE__ */ jsx5(Text3, { dimColor: true, children: keys }) });
 }
 var init_chrome = __esm({
   "src/tui/chrome.tsx"() {
@@ -302,8 +602,8 @@ var init_chrome = __esm({
 });
 
 // src/tui/JobRow.tsx
-import { Box as Box3, Text as Text3 } from "ink";
-import { jsx as jsx5, jsxs as jsxs3 } from "react/jsx-runtime";
+import { Box as Box4, Text as Text4 } from "ink";
+import { jsx as jsx6, jsxs as jsxs4 } from "react/jsx-runtime";
 function JobRow({
   item,
   selected,
@@ -312,11 +612,11 @@ function JobRow({
   const style = statusStyle(item.status);
   const glyph = statusGlyph(item.status, spinnerFrame);
   const title = item.recording?.title ?? item.recordingId;
-  return /* @__PURE__ */ jsxs3(Box3, { children: [
-    /* @__PURE__ */ jsx5(Text3, { color: "cyan", children: selected ? "\u25B8 " : "  " }),
-    /* @__PURE__ */ jsx5(Text3, { color: style.color, children: `${glyph} ${padCell(style.label, 13)}` }),
-    /* @__PURE__ */ jsx5(Text3, { bold: selected, children: padCell(title, 24) }),
-    /* @__PURE__ */ jsx5(Text3, { dimColor: !selected, children: jobDetail(item) })
+  return /* @__PURE__ */ jsxs4(Box4, { children: [
+    /* @__PURE__ */ jsx6(Text4, { color: "cyan", children: selected ? "\u25B8 " : "  " }),
+    /* @__PURE__ */ jsx6(Text4, { color: style.color, children: `${glyph} ${padCell(style.label, 13)}` }),
+    /* @__PURE__ */ jsx6(Text4, { bold: selected, children: padCell(title, 24) }),
+    /* @__PURE__ */ jsx6(Text4, { dimColor: !selected, children: jobDetail(item) })
   ] });
 }
 var init_JobRow = __esm({
@@ -327,17 +627,17 @@ var init_JobRow = __esm({
 });
 
 // src/tui/JobsView.tsx
-import { Box as Box4, Text as Text4 } from "ink";
-import { jsx as jsx6 } from "react/jsx-runtime";
+import { Box as Box5, Text as Text5 } from "ink";
+import { jsx as jsx7 } from "react/jsx-runtime";
 function JobsView({
   items,
   selectedIndex,
   spinnerFrame
 }) {
   if (items.length === 0) {
-    return /* @__PURE__ */ jsx6(Box4, { marginTop: 1, children: /* @__PURE__ */ jsx6(Text4, { dimColor: true, children: "No transcription jobs yet \u2014 run: recappi upload <file> --transcribe" }) });
+    return /* @__PURE__ */ jsx7(Box5, { marginTop: 1, children: /* @__PURE__ */ jsx7(Text5, { dimColor: true, children: "No transcription jobs yet \u2014 run: recappi upload <file> --transcribe" }) });
   }
-  return /* @__PURE__ */ jsx6(Box4, { marginTop: 1, flexDirection: "column", children: items.map((item, index) => /* @__PURE__ */ jsx6(
+  return /* @__PURE__ */ jsx7(Box5, { marginTop: 1, flexDirection: "column", children: items.map((item, index) => /* @__PURE__ */ jsx7(
     JobRow,
     {
       item,
@@ -355,8 +655,8 @@ var init_JobsView = __esm({
 });
 
 // src/tui/RecordingRow.tsx
-import { Box as Box5, Text as Text5 } from "ink";
-import { jsx as jsx7, jsxs as jsxs4 } from "react/jsx-runtime";
+import { Box as Box6, Text as Text6 } from "ink";
+import { jsx as jsx8, jsxs as jsxs5 } from "react/jsx-runtime";
 function recordingTitle2(item) {
   const named = (item.title || item.summaryTitle || "").trim();
   if (named && !UUID_RE.test(named)) return named;
@@ -392,22 +692,22 @@ function RecordingRow({
   const { title, showWhen } = recordingLayout(columns);
   const { glyph, color } = recordingProcessingState(item, jobStatus, spinnerFrame);
   const duration3 = item.durationMs ? formatClockMs(item.durationMs) : "\u2014";
-  return /* @__PURE__ */ jsxs4(Box5, { children: [
-    /* @__PURE__ */ jsx7(Text5, { color: "cyan", children: selected ? "\u25B8 " : "  " }),
-    /* @__PURE__ */ jsx7(Text5, { color, children: `${glyph} ` }),
-    /* @__PURE__ */ jsx7(Text5, { bold: selected, children: padDisplay(recordingTitle2(item), title) }),
-    /* @__PURE__ */ jsx7(Text5, { dimColor: true, children: padDisplay(duration3, LENGTH_W) }),
-    showWhen ? /* @__PURE__ */ jsx7(Text5, { dimColor: true, children: padDisplay(formatAge(item.createdAt, nowMs), WHEN_W) }) : null,
-    /* @__PURE__ */ jsx7(Text5, { color: "green", children: downloaded ? " \u2913" : "  " })
+  return /* @__PURE__ */ jsxs5(Box6, { children: [
+    /* @__PURE__ */ jsx8(Text6, { color: "cyan", children: selected ? "\u25B8 " : "  " }),
+    /* @__PURE__ */ jsx8(Text6, { color, children: `${glyph} ` }),
+    /* @__PURE__ */ jsx8(Text6, { bold: selected, children: padDisplay(recordingTitle2(item), title) }),
+    /* @__PURE__ */ jsx8(Text6, { dimColor: true, children: padDisplay(duration3, LENGTH_W) }),
+    showWhen ? /* @__PURE__ */ jsx8(Text6, { dimColor: true, children: padDisplay(formatAge(item.createdAt, nowMs), WHEN_W) }) : null,
+    /* @__PURE__ */ jsx8(Text6, { color: "green", children: downloaded ? " \u2913" : "  " })
   ] });
 }
 function RecordingHeader({ columns }) {
   const { title, showWhen } = recordingLayout(columns);
-  return /* @__PURE__ */ jsxs4(Box5, { children: [
-    /* @__PURE__ */ jsx7(Text5, { dimColor: true, children: padDisplay("", MARKER_W + GLYPH_W) }),
-    /* @__PURE__ */ jsx7(Text5, { dimColor: true, children: padDisplay("TITLE", title) }),
-    /* @__PURE__ */ jsx7(Text5, { dimColor: true, children: padDisplay("LENGTH", LENGTH_W) }),
-    showWhen ? /* @__PURE__ */ jsx7(Text5, { dimColor: true, children: "WHEN" }) : null
+  return /* @__PURE__ */ jsxs5(Box6, { children: [
+    /* @__PURE__ */ jsx8(Text6, { dimColor: true, children: padDisplay("", MARKER_W + GLYPH_W) }),
+    /* @__PURE__ */ jsx8(Text6, { dimColor: true, children: padDisplay("TITLE", title) }),
+    /* @__PURE__ */ jsx8(Text6, { dimColor: true, children: padDisplay("LENGTH", LENGTH_W) }),
+    showWhen ? /* @__PURE__ */ jsx8(Text6, { dimColor: true, children: "WHEN" }) : null
   ] });
 }
 var UUID_RE, MARKER_W, GLYPH_W, LENGTH_W, WHEN_W;
@@ -425,8 +725,8 @@ var init_RecordingRow = __esm({
 
 // src/tui/RecordingsView.tsx
 import React3 from "react";
-import { Box as Box6, Text as Text6 } from "ink";
-import { jsx as jsx8, jsxs as jsxs5 } from "react/jsx-runtime";
+import { Box as Box7, Text as Text7 } from "ink";
+import { jsx as jsx9, jsxs as jsxs6 } from "react/jsx-runtime";
 function RecordingsView({
   items,
   selectedIndex,
@@ -437,16 +737,16 @@ function RecordingsView({
   spinnerFrame = 0
 }) {
   if (items.length === 0) {
-    return /* @__PURE__ */ jsx8(Box6, { marginTop: 1, children: /* @__PURE__ */ jsx8(Text6, { dimColor: true, children: "No recordings yet \u2014 run: recappi upload <file>" }) });
+    return /* @__PURE__ */ jsx9(Box7, { marginTop: 1, children: /* @__PURE__ */ jsx9(Text7, { dimColor: true, children: "No recordings yet \u2014 run: recappi upload <file>" }) });
   }
-  return /* @__PURE__ */ jsxs5(Box6, { marginTop: 1, flexDirection: "column", children: [
-    /* @__PURE__ */ jsx8(RecordingHeader, { columns }),
+  return /* @__PURE__ */ jsxs6(Box7, { marginTop: 1, flexDirection: "column", children: [
+    /* @__PURE__ */ jsx9(RecordingHeader, { columns }),
     items.map((item, index) => {
       const bucket = dateBucket(item.createdAt, nowMs);
       const showHeader = index === 0 || bucket !== dateBucket(items[index - 1].createdAt, nowMs);
-      return /* @__PURE__ */ jsxs5(React3.Fragment, { children: [
-        showHeader ? /* @__PURE__ */ jsx8(Box6, { marginTop: index === 0 ? 0 : 1, children: /* @__PURE__ */ jsx8(Text6, { bold: true, color: "blue", children: bucket }) }) : null,
-        /* @__PURE__ */ jsx8(
+      return /* @__PURE__ */ jsxs6(React3.Fragment, { children: [
+        showHeader ? /* @__PURE__ */ jsx9(Box7, { marginTop: index === 0 ? 0 : 1, children: /* @__PURE__ */ jsx9(Text7, { bold: true, color: "blue", children: bucket }) }) : null,
+        /* @__PURE__ */ jsx9(
           RecordingRow,
           {
             item,
@@ -471,15 +771,15 @@ var init_RecordingsView = __esm({
 });
 
 // src/tui/RecordingPeek.tsx
-import { Box as Box7, Text as Text7 } from "ink";
-import { Fragment, jsx as jsx9, jsxs as jsxs6 } from "react/jsx-runtime";
+import { Box as Box8, Text as Text8 } from "ink";
+import { Fragment as Fragment2, jsx as jsx10, jsxs as jsxs7 } from "react/jsx-runtime";
 function RecordingPeek({
   item,
   summary,
   nowMs,
   width
 }) {
-  return /* @__PURE__ */ jsx9(Box7, { width, borderStyle: "round", borderColor: "gray", paddingX: 1, flexDirection: "column", children: !item ? /* @__PURE__ */ jsx9(Text7, { dimColor: true, children: "No selection" }) : /* @__PURE__ */ jsx9(PeekBody, { item, summary, nowMs }) });
+  return /* @__PURE__ */ jsx10(Box8, { width, borderStyle: "round", borderColor: "gray", paddingX: 1, flexDirection: "column", children: !item ? /* @__PURE__ */ jsx10(Text8, { dimColor: true, children: "No selection" }) : /* @__PURE__ */ jsx10(PeekBody, { item, summary, nowMs }) });
 }
 function PeekBody({
   item,
@@ -492,30 +792,30 @@ function PeekBody({
     formatBytes2(item.sizeBytes) || null,
     item.contentType || null
   ].filter(Boolean).join("  \xB7  ");
-  return /* @__PURE__ */ jsxs6(Fragment, { children: [
-    /* @__PURE__ */ jsx9(Text7, { bold: true, color: "magenta", wrap: "truncate-end", children: recordingTitle2(item) }),
-    /* @__PURE__ */ jsx9(Text7, { color: style.color, children: `${style.glyph} ${style.label}` }),
-    meta3 ? /* @__PURE__ */ jsx9(Text7, { dimColor: true, children: meta3 }) : null,
-    /* @__PURE__ */ jsx9(Text7, { dimColor: true, children: formatAge(item.createdAt, nowMs) }),
-    /* @__PURE__ */ jsx9(Box7, { marginTop: 1, flexDirection: "column", children: /* @__PURE__ */ jsx9(SummarySection, { item, summary }) }),
-    /* @__PURE__ */ jsx9(Box7, { marginTop: 1, children: /* @__PURE__ */ jsx9(Text7, { dimColor: true, children: "\u23CE open \xB7 t transcript \xB7 o web" }) })
+  return /* @__PURE__ */ jsxs7(Fragment2, { children: [
+    /* @__PURE__ */ jsx10(Text8, { bold: true, color: "magenta", wrap: "truncate-end", children: recordingTitle2(item) }),
+    /* @__PURE__ */ jsx10(Text8, { color: style.color, children: `${style.glyph} ${style.label}` }),
+    meta3 ? /* @__PURE__ */ jsx10(Text8, { dimColor: true, children: meta3 }) : null,
+    /* @__PURE__ */ jsx10(Text8, { dimColor: true, children: formatAge(item.createdAt, nowMs) }),
+    /* @__PURE__ */ jsx10(Box8, { marginTop: 1, flexDirection: "column", children: /* @__PURE__ */ jsx10(SummarySection, { item, summary }) }),
+    /* @__PURE__ */ jsx10(Box8, { marginTop: 1, children: /* @__PURE__ */ jsx10(Text8, { dimColor: true, children: "\u23CE open \xB7 t transcript \xB7 o web" }) })
   ] });
 }
 function SummarySection({
   item,
   summary
 }) {
-  if (!item.activeTranscriptId) return /* @__PURE__ */ jsx9(Text7, { dimColor: true, children: "No transcript yet" });
-  if (summary === "loading" || summary === void 0) return /* @__PURE__ */ jsx9(Text7, { dimColor: true, children: "Loading summary\u2026" });
-  if (summary === "error") return /* @__PURE__ */ jsx9(Text7, { dimColor: true, children: "(summary unavailable)" });
+  if (!item.activeTranscriptId) return /* @__PURE__ */ jsx10(Text8, { dimColor: true, children: "No transcript yet" });
+  if (summary === "loading" || summary === void 0) return /* @__PURE__ */ jsx10(Text8, { dimColor: true, children: "Loading summary\u2026" });
+  if (summary === "error") return /* @__PURE__ */ jsx10(Text8, { dimColor: true, children: "(summary unavailable)" });
   if (summary.status !== "succeeded" || !summary.tldr) {
-    return /* @__PURE__ */ jsx9(Text7, { dimColor: true, children: `Summary ${summary.status}` });
+    return /* @__PURE__ */ jsx10(Text8, { dimColor: true, children: `Summary ${summary.status}` });
   }
   const points = (summary.keyPoints ?? []).slice(0, 3);
-  return /* @__PURE__ */ jsxs6(Fragment, { children: [
-    /* @__PURE__ */ jsx9(Text7, { bold: true, children: "Summary" }),
-    /* @__PURE__ */ jsx9(Text7, { children: summary.tldr }),
-    points.length > 0 ? /* @__PURE__ */ jsx9(Box7, { marginTop: 1, flexDirection: "column", children: points.map((point, i) => /* @__PURE__ */ jsx9(Text7, { dimColor: true, wrap: "truncate-end", children: `\u2022 ${point}` }, i)) }) : null
+  return /* @__PURE__ */ jsxs7(Fragment2, { children: [
+    /* @__PURE__ */ jsx10(Text8, { bold: true, children: "Summary" }),
+    /* @__PURE__ */ jsx10(Text8, { children: summary.tldr }),
+    points.length > 0 ? /* @__PURE__ */ jsx10(Box8, { marginTop: 1, flexDirection: "column", children: points.map((point, i) => /* @__PURE__ */ jsx10(Text8, { dimColor: true, wrap: "truncate-end", children: `\u2022 ${point}` }, i)) }) : null
   ] });
 }
 var init_RecordingPeek = __esm({
@@ -527,8 +827,8 @@ var init_RecordingPeek = __esm({
 });
 
 // src/tui/OverviewView.tsx
-import { Box as Box8, Text as Text8 } from "ink";
-import { jsx as jsx10, jsxs as jsxs7 } from "react/jsx-runtime";
+import { Box as Box9, Text as Text9 } from "ink";
+import { jsx as jsx11, jsxs as jsxs8 } from "react/jsx-runtime";
 function OverviewView({
   recordings,
   jobs,
@@ -547,17 +847,17 @@ function OverviewView({
   const jobCounts = countJobs(jobs);
   const running = stats?.jobs.running ?? jobCounts.running;
   const queued = stats?.jobs.queued ?? jobCounts.queued;
-  return /* @__PURE__ */ jsxs7(Box8, { flexDirection: "column", children: [
-    /* @__PURE__ */ jsxs7(Box8, { children: [
-      /* @__PURE__ */ jsx10(Text8, { dimColor: true, children: "Recordings " }),
-      /* @__PURE__ */ jsx10(Text8, { bold: true, children: stats?.recordings.total ?? recordings.length }),
-      stats?.recordings.ready != null ? /* @__PURE__ */ jsx10(Text8, { dimColor: true, children: `  \xB7  ${stats.recordings.ready} ready` }) : null,
-      stats?.recordings.totalDurationMs != null ? /* @__PURE__ */ jsx10(Text8, { dimColor: true, children: `  \xB7  ${formatClockMs(stats.recordings.totalDurationMs)} transcribed` }) : null,
-      running > 0 ? /* @__PURE__ */ jsx10(Text8, { color: "cyan", children: `  \xB7  ${running} transcribing` }) : null,
-      queued > 0 ? /* @__PURE__ */ jsx10(Text8, { color: "yellow", children: `  \xB7  ${queued} queued` }) : null
+  return /* @__PURE__ */ jsxs8(Box9, { flexDirection: "column", children: [
+    /* @__PURE__ */ jsxs8(Box9, { children: [
+      /* @__PURE__ */ jsx11(Text9, { dimColor: true, children: "Recordings " }),
+      /* @__PURE__ */ jsx11(Text9, { bold: true, children: stats?.recordings.total ?? recordings.length }),
+      stats?.recordings.ready != null ? /* @__PURE__ */ jsx11(Text9, { dimColor: true, children: `  \xB7  ${stats.recordings.ready} ready` }) : null,
+      stats?.recordings.totalDurationMs != null ? /* @__PURE__ */ jsx11(Text9, { dimColor: true, children: `  \xB7  ${formatClockMs(stats.recordings.totalDurationMs)} transcribed` }) : null,
+      running > 0 ? /* @__PURE__ */ jsx11(Text9, { color: "cyan", children: `  \xB7  ${running} transcribing` }) : null,
+      queued > 0 ? /* @__PURE__ */ jsx11(Text9, { color: "yellow", children: `  \xB7  ${queued} queued` }) : null
     ] }),
-    /* @__PURE__ */ jsxs7(Box8, { flexDirection: "row", alignItems: "flex-start", children: [
-      /* @__PURE__ */ jsx10(Box8, { flexGrow: 1, flexDirection: "column", children: /* @__PURE__ */ jsx10(
+    /* @__PURE__ */ jsxs8(Box9, { flexDirection: "row", alignItems: "flex-start", children: [
+      /* @__PURE__ */ jsx11(Box9, { flexGrow: 1, flexDirection: "column", children: /* @__PURE__ */ jsx11(
         RecordingsView,
         {
           items: recordings,
@@ -569,7 +869,7 @@ function OverviewView({
           spinnerFrame
         }
       ) }),
-      showPeek ? /* @__PURE__ */ jsx10(Box8, { marginLeft: 1, marginTop: 1, children: /* @__PURE__ */ jsx10(RecordingPeek, { item: peekItem, summary: peekSummary, nowMs, width: peekWidth }) }) : null
+      showPeek ? /* @__PURE__ */ jsx11(Box9, { marginLeft: 1, marginTop: 1, children: /* @__PURE__ */ jsx11(RecordingPeek, { item: peekItem, summary: peekSummary, nowMs, width: peekWidth }) }) : null
     ] })
   ] });
 }
@@ -583,8 +883,8 @@ var init_OverviewView = __esm({
 });
 
 // src/tui/JobDetailView.tsx
-import { Box as Box9, Text as Text9 } from "ink";
-import { jsx as jsx11, jsxs as jsxs8 } from "react/jsx-runtime";
+import { Box as Box10, Text as Text10 } from "ink";
+import { jsx as jsx12, jsxs as jsxs9 } from "react/jsx-runtime";
 function JobDetailView({
   item,
   origin,
@@ -594,13 +894,13 @@ function JobDetailView({
   const style = statusStyle(item.status);
   const links = resolveJobLinks(item, origin);
   const title = item.recording?.title ?? item.recordingId;
-  return /* @__PURE__ */ jsxs8(Box9, { flexDirection: "column", paddingX: 1, children: [
-    /* @__PURE__ */ jsxs8(Text9, { dimColor: true, children: [
+  return /* @__PURE__ */ jsxs9(Box10, { flexDirection: "column", paddingX: 1, children: [
+    /* @__PURE__ */ jsxs9(Text10, { dimColor: true, children: [
       "\u2039 Jobs / ",
       title
     ] }),
-    /* @__PURE__ */ jsxs8(
-      Box9,
+    /* @__PURE__ */ jsxs9(
+      Box10,
       {
         marginTop: 1,
         borderStyle: "round",
@@ -608,17 +908,17 @@ function JobDetailView({
         paddingX: 1,
         flexDirection: "column",
         children: [
-          /* @__PURE__ */ jsxs8(Text9, { color: style.color, bold: true, children: [
+          /* @__PURE__ */ jsxs9(Text10, { color: style.color, bold: true, children: [
             style.label,
-            item.provider ? /* @__PURE__ */ jsx11(Text9, { dimColor: true, children: `   ${item.provider}` }) : null
+            item.provider ? /* @__PURE__ */ jsx12(Text10, { dimColor: true, children: `   ${item.provider}` }) : null
           ] }),
-          /* @__PURE__ */ jsx11(StatusLine, { item, spinnerFrame, nowMs })
+          /* @__PURE__ */ jsx12(StatusLine, { item, spinnerFrame, nowMs })
         ]
       }
     ),
-    /* @__PURE__ */ jsxs8(Box9, { marginTop: 1, flexDirection: "column", children: [
-      /* @__PURE__ */ jsx11(Text9, { bold: true, children: "Timeline" }),
-      /* @__PURE__ */ jsx11(
+    /* @__PURE__ */ jsxs9(Box10, { marginTop: 1, flexDirection: "column", children: [
+      /* @__PURE__ */ jsx12(Text10, { bold: true, children: "Timeline" }),
+      /* @__PURE__ */ jsx12(
         TimelineRow,
         {
           label: "Enqueued",
@@ -627,7 +927,7 @@ function JobDetailView({
           nowMs
         }
       ),
-      /* @__PURE__ */ jsx11(
+      /* @__PURE__ */ jsx12(
         TimelineRow,
         {
           label: "Started",
@@ -636,7 +936,7 @@ function JobDetailView({
           nowMs
         }
       ),
-      /* @__PURE__ */ jsx11(
+      /* @__PURE__ */ jsx12(
         TimelineRow,
         {
           label: item.status === "failed" ? "Failed" : item.status === "running" ? "Transcribing" : "Finished",
@@ -648,21 +948,21 @@ function JobDetailView({
         }
       )
     ] }),
-    /* @__PURE__ */ jsx11(Box9, { marginTop: 1, children: /* @__PURE__ */ jsxs8(Text9, { children: [
-      /* @__PURE__ */ jsx11(Text9, { dimColor: true, children: "Recording " }),
+    /* @__PURE__ */ jsx12(Box10, { marginTop: 1, children: /* @__PURE__ */ jsxs9(Text10, { children: [
+      /* @__PURE__ */ jsx12(Text10, { dimColor: true, children: "Recording " }),
       title,
-      item.recording?.durationMs ? /* @__PURE__ */ jsx11(Text9, { dimColor: true, children: `  \xB7  ${formatClockMs(item.recording.durationMs)}` }) : null
+      item.recording?.durationMs ? /* @__PURE__ */ jsx12(Text10, { dimColor: true, children: `  \xB7  ${formatClockMs(item.recording.durationMs)}` }) : null
     ] }) }),
-    /* @__PURE__ */ jsx11(Box9, { marginTop: 1, borderStyle: "round", borderColor: "gray", paddingX: 1, children: /* @__PURE__ */ jsxs8(Text9, { children: [
-      /* @__PURE__ */ jsx11(Text9, { color: links.webUrl ? "cyan" : "gray", children: "o open" }),
-      /* @__PURE__ */ jsx11(Text9, { dimColor: true, children: " \xB7 " }),
-      /* @__PURE__ */ jsx11(Text9, { color: links.webUrl ? "cyan" : "gray", children: "w web" }),
-      /* @__PURE__ */ jsx11(Text9, { dimColor: true, children: " \xB7 " }),
-      /* @__PURE__ */ jsx11(Text9, { dimColor: true, children: "m mac app (soon)" }),
-      /* @__PURE__ */ jsx11(Text9, { dimColor: true, children: " \xB7 " }),
-      /* @__PURE__ */ jsx11(Text9, { color: links.webUrl ? "cyan" : "gray", children: "c copy" })
+    /* @__PURE__ */ jsx12(Box10, { marginTop: 1, borderStyle: "round", borderColor: "gray", paddingX: 1, children: /* @__PURE__ */ jsxs9(Text10, { children: [
+      /* @__PURE__ */ jsx12(Text10, { color: links.webUrl ? "cyan" : "gray", children: "o open" }),
+      /* @__PURE__ */ jsx12(Text10, { dimColor: true, children: " \xB7 " }),
+      /* @__PURE__ */ jsx12(Text10, { color: links.webUrl ? "cyan" : "gray", children: "w web" }),
+      /* @__PURE__ */ jsx12(Text10, { dimColor: true, children: " \xB7 " }),
+      /* @__PURE__ */ jsx12(Text10, { dimColor: true, children: "m mac app (soon)" }),
+      /* @__PURE__ */ jsx12(Text10, { dimColor: true, children: " \xB7 " }),
+      /* @__PURE__ */ jsx12(Text10, { color: links.webUrl ? "cyan" : "gray", children: "c copy" })
     ] }) }),
-    /* @__PURE__ */ jsx11(Box9, { marginTop: 1, children: /* @__PURE__ */ jsxs8(Text9, { dimColor: true, children: [
+    /* @__PURE__ */ jsx12(Box10, { marginTop: 1, children: /* @__PURE__ */ jsxs9(Text10, { dimColor: true, children: [
       "esc back \xB7 t transcript",
       item.transcriptId ? "" : " (when ready)",
       " \xB7 q quit"
@@ -679,24 +979,24 @@ function StatusLine({
     const elapsed = item.startedAt ? `  \xB7  ${formatClockMs(nowMs - item.startedAt)} elapsed` : "";
     if (fraction != null) {
       const pct = Math.round(fraction * 100);
-      return /* @__PURE__ */ jsxs8(Text9, { children: [
+      return /* @__PURE__ */ jsxs9(Text10, { children: [
         `${progressBar(fraction)} ${pct}%  ${formatClockMs(item.processedDurationMs)} / ${formatClockMs(
           item.recording?.durationMs
         )}`,
-        /* @__PURE__ */ jsx11(Text9, { dimColor: true, children: elapsed })
+        /* @__PURE__ */ jsx12(Text10, { dimColor: true, children: elapsed })
       ] });
     }
     const spinner = ["\u280B", "\u2819", "\u2839", "\u2838", "\u283C", "\u2834", "\u2826", "\u2827", "\u2807", "\u280F"][spinnerFrame % 10];
-    return /* @__PURE__ */ jsxs8(Text9, { children: [
+    return /* @__PURE__ */ jsxs9(Text10, { children: [
       `${spinner} transcribing\u2026`,
-      /* @__PURE__ */ jsx11(Text9, { dimColor: true, children: elapsed })
+      /* @__PURE__ */ jsx12(Text10, { dimColor: true, children: elapsed })
     ] });
   }
   if (item.status === "succeeded")
-    return /* @__PURE__ */ jsx11(Text9, { children: item.transcriptId ? "transcript ready" : "done" });
-  if (item.status === "queued") return /* @__PURE__ */ jsx11(Text9, { dimColor: true, children: "waiting to start\u2026" });
-  if (item.status === "failed") return /* @__PURE__ */ jsx11(Text9, { color: "red", children: "transcription failed" });
-  return /* @__PURE__ */ jsx11(Text9, { dimColor: true, children: item.status });
+    return /* @__PURE__ */ jsx12(Text10, { children: item.transcriptId ? "transcript ready" : "done" });
+  if (item.status === "queued") return /* @__PURE__ */ jsx12(Text10, { dimColor: true, children: "waiting to start\u2026" });
+  if (item.status === "failed") return /* @__PURE__ */ jsx12(Text10, { color: "red", children: "transcription failed" });
+  return /* @__PURE__ */ jsx12(Text10, { dimColor: true, children: item.status });
 }
 function TimelineRow({
   label,
@@ -709,10 +1009,10 @@ function TimelineRow({
   const glyph = failed ? "\u2717" : done ? "\u2713" : running ? "\u280B" : "\u25CB";
   const color = failed ? "red" : done ? "green" : running ? "cyan" : "gray";
   const age = at ? formatAge(at, nowMs) : running ? "now" : "";
-  return /* @__PURE__ */ jsxs8(Box9, { children: [
-    /* @__PURE__ */ jsx11(Text9, { color, children: `  ${glyph} ` }),
-    /* @__PURE__ */ jsx11(Text9, { dimColor: !done && !running, children: label }),
-    age ? /* @__PURE__ */ jsx11(Text9, { dimColor: true, children: `   ${age}` }) : null
+  return /* @__PURE__ */ jsxs9(Box10, { children: [
+    /* @__PURE__ */ jsx12(Text10, { color, children: `  ${glyph} ` }),
+    /* @__PURE__ */ jsx12(Text10, { dimColor: !done && !running, children: label }),
+    age ? /* @__PURE__ */ jsx12(Text10, { dimColor: true, children: `   ${age}` }) : null
   ] });
 }
 var init_JobDetailView = __esm({
@@ -724,8 +1024,8 @@ var init_JobDetailView = __esm({
 
 // src/tui/RecordingDetailView.tsx
 import React4, { useMemo as useMemo2, useState as useState3 } from "react";
-import { Box as Box10, Text as Text10, useInput as useInput3 } from "ink";
-import { Fragment as Fragment2, jsx as jsx12, jsxs as jsxs9 } from "react/jsx-runtime";
+import { Box as Box11, Text as Text11, useInput as useInput3 } from "ink";
+import { Fragment as Fragment3, jsx as jsx13, jsxs as jsxs10 } from "react/jsx-runtime";
 function RecordingDetailView({
   item,
   nowMs,
@@ -788,20 +1088,20 @@ function RecordingDetailView({
     else if (input === "g") setScroll(0);
     else if (input === "G") setScroll(segWin.maxScroll);
   });
-  return /* @__PURE__ */ jsxs9(Box10, { flexDirection: "column", paddingX: 1, children: [
-    /* @__PURE__ */ jsx12(Text10, { dimColor: true, children: "\u2039 Recordings" }),
-    /* @__PURE__ */ jsx12(Box10, { marginTop: 1, children: /* @__PURE__ */ jsx12(Text10, { bold: true, color: "magenta", children: title }) }),
-    /* @__PURE__ */ jsxs9(Text10, { children: [
-      /* @__PURE__ */ jsx12(Text10, { color: style.color, children: `${style.glyph} ${style.label}` }),
-      /* @__PURE__ */ jsx12(Text10, { dimColor: true, children: `   ${formatAge(item.createdAt, nowMs) || "\u2014"}` })
+  return /* @__PURE__ */ jsxs10(Box11, { flexDirection: "column", paddingX: 1, children: [
+    /* @__PURE__ */ jsx13(Text11, { dimColor: true, children: "\u2039 Recordings" }),
+    /* @__PURE__ */ jsx13(Box11, { marginTop: 1, children: /* @__PURE__ */ jsx13(Text11, { bold: true, color: "magenta", children: title }) }),
+    /* @__PURE__ */ jsxs10(Text11, { children: [
+      /* @__PURE__ */ jsx13(Text11, { color: style.color, children: `${style.glyph} ${style.label}` }),
+      /* @__PURE__ */ jsx13(Text11, { dimColor: true, children: `   ${formatAge(item.createdAt, nowMs) || "\u2014"}` })
     ] }),
-    meta3 ? /* @__PURE__ */ jsx12(Text10, { dimColor: true, children: meta3 }) : null,
-    /* @__PURE__ */ jsx12(AudioActionRow, { item, audio }),
-    !item.activeTranscriptId ? /* @__PURE__ */ jsx12(Box10, { marginTop: 1, children: /* @__PURE__ */ jsx12(Text10, { dimColor: true, children: "Transcript not available yet" }) }) : transcript === "loading" || transcript === void 0 ? /* @__PURE__ */ jsx12(Box10, { marginTop: 1, children: /* @__PURE__ */ jsx12(Text10, { dimColor: true, children: "Loading\u2026" }) }) : transcript === "error" ? /* @__PURE__ */ jsx12(Box10, { marginTop: 1, children: /* @__PURE__ */ jsx12(Text10, { dimColor: true, children: "(transcript unavailable)" }) }) : /* @__PURE__ */ jsxs9(Fragment2, { children: [
-      /* @__PURE__ */ jsx12(TabBar, { active: tab }),
-      /* @__PURE__ */ jsx12(Box10, { marginTop: 1, flexDirection: "column", children: tab === "summary" ? /* @__PURE__ */ jsx12(SummaryPane, { summary, budget: paneBudget }) : tab === "chapters" ? /* @__PURE__ */ jsx12(ChaptersPane, { chapters, win: chapWin, selectedIndex: chapterSel }) : /* @__PURE__ */ jsx12(TranscriptPane, { segments, win: segWin }) })
+    meta3 ? /* @__PURE__ */ jsx13(Text11, { dimColor: true, children: meta3 }) : null,
+    /* @__PURE__ */ jsx13(AudioActionRow, { item, audio }),
+    !item.activeTranscriptId ? /* @__PURE__ */ jsx13(Box11, { marginTop: 1, children: /* @__PURE__ */ jsx13(Text11, { dimColor: true, children: "Transcript not available yet" }) }) : transcript === "loading" || transcript === void 0 ? /* @__PURE__ */ jsx13(Box11, { marginTop: 1, children: /* @__PURE__ */ jsx13(Text11, { dimColor: true, children: "Loading\u2026" }) }) : transcript === "error" ? /* @__PURE__ */ jsx13(Box11, { marginTop: 1, children: /* @__PURE__ */ jsx13(Text11, { dimColor: true, children: "(transcript unavailable)" }) }) : /* @__PURE__ */ jsxs10(Fragment3, { children: [
+      /* @__PURE__ */ jsx13(TabBar, { active: tab }),
+      /* @__PURE__ */ jsx13(Box11, { marginTop: 1, flexDirection: "column", children: tab === "summary" ? /* @__PURE__ */ jsx13(SummaryPane, { summary, budget: paneBudget }) : tab === "chapters" ? /* @__PURE__ */ jsx13(ChaptersPane, { chapters, win: chapWin, selectedIndex: chapterSel }) : /* @__PURE__ */ jsx13(TranscriptPane, { segments, win: segWin }) })
     ] }),
-    /* @__PURE__ */ jsx12(Box10, { marginTop: 1, children: /* @__PURE__ */ jsxs9(Text10, { dimColor: true, children: [
+    /* @__PURE__ */ jsx13(Box11, { marginTop: 1, children: /* @__PURE__ */ jsxs10(Text11, { dimColor: true, children: [
       ready ? "tab switch" : "",
       ready && tab === "chapters" ? " \xB7 \u2191\u2193 select \xB7 \u23CE jump" : "",
       scrollable ? " \xB7 \u2191\u2193 scroll" : "",
@@ -814,9 +1114,9 @@ function RecordingDetailView({
   ] });
 }
 function TabBar({ active }) {
-  return /* @__PURE__ */ jsx12(Box10, { marginTop: 1, children: TAB_ORDER.map((tab, i) => /* @__PURE__ */ jsxs9(React4.Fragment, { children: [
-    i > 0 ? /* @__PURE__ */ jsx12(Text10, { dimColor: true, children: "  " }) : null,
-    tab === active ? /* @__PURE__ */ jsx12(Text10, { inverse: true, bold: true, children: ` ${TAB_LABEL[tab]} ` }) : /* @__PURE__ */ jsx12(Text10, { dimColor: true, children: ` ${TAB_LABEL[tab]} ` })
+  return /* @__PURE__ */ jsx13(Box11, { marginTop: 1, children: TAB_ORDER.map((tab, i) => /* @__PURE__ */ jsxs10(React4.Fragment, { children: [
+    i > 0 ? /* @__PURE__ */ jsx13(Text11, { dimColor: true, children: "  " }) : null,
+    tab === active ? /* @__PURE__ */ jsx13(Text11, { inverse: true, bold: true, children: ` ${TAB_LABEL[tab]} ` }) : /* @__PURE__ */ jsx13(Text11, { dimColor: true, children: ` ${TAB_LABEL[tab]} ` })
   ] }, tab)) });
 }
 function AudioActionRow({
@@ -827,30 +1127,30 @@ function AudioActionRow({
   const status = audio?.status ?? "idle";
   let line;
   if (!ready) {
-    line = /* @__PURE__ */ jsx12(Text10, { dimColor: true, children: "Audio available once the recording is ready" });
+    line = /* @__PURE__ */ jsx13(Text11, { dimColor: true, children: "Audio available once the recording is ready" });
   } else if (status === "downloading") {
-    line = /* @__PURE__ */ jsx12(Text10, { color: "cyan", children: "Downloading audio\u2026" });
+    line = /* @__PURE__ */ jsx13(Text11, { color: "cyan", children: "Downloading audio\u2026" });
   } else if (status === "opening") {
-    line = /* @__PURE__ */ jsx12(Text10, { color: "cyan", children: "Opening\u2026" });
+    line = /* @__PURE__ */ jsx13(Text11, { color: "cyan", children: "Opening\u2026" });
   } else if (status === "error") {
-    line = /* @__PURE__ */ jsx12(Text10, { color: "red", children: audio?.error ? `Audio failed: ${audio.error}` : "Audio failed" });
+    line = /* @__PURE__ */ jsx13(Text11, { color: "red", children: audio?.error ? `Audio failed: ${audio.error}` : "Audio failed" });
   } else if (status === "ready" && audio?.localPath) {
-    line = /* @__PURE__ */ jsxs9(Text10, { children: [
-      /* @__PURE__ */ jsx12(Text10, { color: "green", children: "\u2713 Downloaded " }),
-      /* @__PURE__ */ jsx12(Text10, { dimColor: true, wrap: "truncate-middle", children: audio.localPath })
+    line = /* @__PURE__ */ jsxs10(Text11, { children: [
+      /* @__PURE__ */ jsx13(Text11, { color: "green", children: "\u2713 Downloaded " }),
+      /* @__PURE__ */ jsx13(Text11, { dimColor: true, wrap: "truncate-middle", children: audio.localPath })
     ] });
   } else {
-    line = /* @__PURE__ */ jsxs9(Text10, { children: [
-      /* @__PURE__ */ jsx12(Text10, { color: "cyan", children: "o" }),
-      /* @__PURE__ */ jsx12(Text10, { dimColor: true, children: " open in player \xB7 " }),
-      /* @__PURE__ */ jsx12(Text10, { color: "cyan", children: "d" }),
-      /* @__PURE__ */ jsx12(Text10, { dimColor: true, children: " download \xB7 " }),
-      /* @__PURE__ */ jsx12(Text10, { color: "cyan", children: "f" }),
-      /* @__PURE__ */ jsx12(Text10, { dimColor: true, children: " reveal in Finder" })
+    line = /* @__PURE__ */ jsxs10(Text11, { children: [
+      /* @__PURE__ */ jsx13(Text11, { color: "cyan", children: "o" }),
+      /* @__PURE__ */ jsx13(Text11, { dimColor: true, children: " open in player \xB7 " }),
+      /* @__PURE__ */ jsx13(Text11, { color: "cyan", children: "d" }),
+      /* @__PURE__ */ jsx13(Text11, { dimColor: true, children: " download \xB7 " }),
+      /* @__PURE__ */ jsx13(Text11, { color: "cyan", children: "f" }),
+      /* @__PURE__ */ jsx13(Text11, { dimColor: true, children: " reveal in Finder" })
     ] });
   }
-  return /* @__PURE__ */ jsxs9(Box10, { marginTop: 1, borderStyle: "round", borderColor: "gray", paddingX: 1, children: [
-    /* @__PURE__ */ jsx12(Text10, { color: ready ? "cyan" : "gray", children: "\u266A " }),
+  return /* @__PURE__ */ jsxs10(Box11, { marginTop: 1, borderStyle: "round", borderColor: "gray", paddingX: 1, children: [
+    /* @__PURE__ */ jsx13(Text11, { color: ready ? "cyan" : "gray", children: "\u266A " }),
     line
   ] });
 }
@@ -859,12 +1159,12 @@ function SummaryPane({
   budget
 }) {
   if (!summary || summary.status !== "succeeded" || !summary.tldr) {
-    return /* @__PURE__ */ jsx12(Text10, { dimColor: true, children: `Summary ${summary?.status ?? "unavailable"}` });
+    return /* @__PURE__ */ jsx13(Text11, { dimColor: true, children: `Summary ${summary?.status ?? "unavailable"}` });
   }
   const points = (summary.keyPoints ?? []).slice(0, Math.max(1, budget - 4));
-  return /* @__PURE__ */ jsxs9(Fragment2, { children: [
-    /* @__PURE__ */ jsx12(Text10, { children: summary.tldr }),
-    points.length > 0 ? /* @__PURE__ */ jsx12(Box10, { marginTop: 1, flexDirection: "column", children: points.map((point, i) => /* @__PURE__ */ jsx12(Text10, { dimColor: true, children: `\u2022 ${point}` }, i)) }) : null
+  return /* @__PURE__ */ jsxs10(Fragment3, { children: [
+    /* @__PURE__ */ jsx13(Text11, { children: summary.tldr }),
+    points.length > 0 ? /* @__PURE__ */ jsx13(Box11, { marginTop: 1, flexDirection: "column", children: points.map((point, i) => /* @__PURE__ */ jsx13(Text11, { dimColor: true, children: `\u2022 ${point}` }, i)) }) : null
   ] });
 }
 function ChaptersPane({
@@ -872,32 +1172,32 @@ function ChaptersPane({
   win,
   selectedIndex
 }) {
-  if (chapters.length === 0) return /* @__PURE__ */ jsx12(Text10, { dimColor: true, children: "No chapters" });
-  return /* @__PURE__ */ jsxs9(Fragment2, { children: [
+  if (chapters.length === 0) return /* @__PURE__ */ jsx13(Text11, { dimColor: true, children: "No chapters" });
+  return /* @__PURE__ */ jsxs10(Fragment3, { children: [
     chapters.slice(win.start, win.end).map((chapter, i) => {
       const index = win.start + i;
       const selected = index === selectedIndex;
-      return /* @__PURE__ */ jsxs9(Text10, { wrap: "truncate-end", children: [
-        /* @__PURE__ */ jsx12(Text10, { color: "cyan", children: selected ? "\u25B8 " : "  " }),
-        /* @__PURE__ */ jsx12(Text10, { color: "blue", children: `[${formatClockMs(chapter.startMs)}] ` }),
-        /* @__PURE__ */ jsx12(Text10, { bold: selected, children: chapter.title })
+      return /* @__PURE__ */ jsxs10(Text11, { wrap: "truncate-end", children: [
+        /* @__PURE__ */ jsx13(Text11, { color: "cyan", children: selected ? "\u25B8 " : "  " }),
+        /* @__PURE__ */ jsx13(Text11, { color: "blue", children: `[${formatClockMs(chapter.startMs)}] ` }),
+        /* @__PURE__ */ jsx13(Text11, { bold: selected, children: chapter.title })
       ] }, index);
     }),
-    win.end < chapters.length || win.start > 0 ? /* @__PURE__ */ jsx12(Text10, { dimColor: true, children: `  ${selectedIndex + 1} / ${chapters.length}` }) : null
+    win.end < chapters.length || win.start > 0 ? /* @__PURE__ */ jsx13(Text11, { dimColor: true, children: `  ${selectedIndex + 1} / ${chapters.length}` }) : null
   ] });
 }
 function TranscriptPane({
   segments,
   win
 }) {
-  if (segments.length === 0) return /* @__PURE__ */ jsx12(Text10, { dimColor: true, children: "(no segments)" });
-  return /* @__PURE__ */ jsxs9(Fragment2, { children: [
-    segments.slice(win.start, win.end).map((seg, i) => /* @__PURE__ */ jsxs9(Text10, { children: [
-      /* @__PURE__ */ jsx12(Text10, { color: "blue", children: `[${formatClockMs(seg.startMs)}] ` }),
-      seg.speaker ? /* @__PURE__ */ jsx12(Text10, { dimColor: true, children: `${seg.speaker}  ` }) : null,
-      /* @__PURE__ */ jsx12(Text10, { children: seg.text })
+  if (segments.length === 0) return /* @__PURE__ */ jsx13(Text11, { dimColor: true, children: "(no segments)" });
+  return /* @__PURE__ */ jsxs10(Fragment3, { children: [
+    segments.slice(win.start, win.end).map((seg, i) => /* @__PURE__ */ jsxs10(Text11, { children: [
+      /* @__PURE__ */ jsx13(Text11, { color: "blue", children: `[${formatClockMs(seg.startMs)}] ` }),
+      seg.speaker ? /* @__PURE__ */ jsx13(Text11, { dimColor: true, children: `${seg.speaker}  ` }) : null,
+      /* @__PURE__ */ jsx13(Text11, { children: seg.text })
     ] }, win.start + i)),
-    win.maxScroll > 0 ? /* @__PURE__ */ jsx12(Text10, { dimColor: true, children: `  ${win.start + 1}\u2013${win.end} / ${segments.length}` }) : null
+    win.maxScroll > 0 ? /* @__PURE__ */ jsx13(Text11, { dimColor: true, children: `  ${win.start + 1}\u2013${win.end} / ${segments.length}` }) : null
   ] });
 }
 var TAB_ORDER, TAB_LABEL;
@@ -918,8 +1218,8 @@ var init_RecordingDetailView = __esm({
 
 // src/tui/TranscriptView.tsx
 import { useMemo as useMemo3, useState as useState4 } from "react";
-import { Box as Box11, Text as Text11, useInput as useInput4 } from "ink";
-import { jsx as jsx13, jsxs as jsxs10 } from "react/jsx-runtime";
+import { Box as Box12, Text as Text12, useInput as useInput4 } from "ink";
+import { jsx as jsx14, jsxs as jsxs11 } from "react/jsx-runtime";
 function TranscriptView({ loading, data, error: error51 }) {
   const size = useTerminalSize();
   const [scroll, setScroll] = useState4(0);
@@ -944,42 +1244,42 @@ function TranscriptView({ loading, data, error: error51 }) {
     else if (input === "G") setScroll(win.maxScroll);
   });
   if (loading) {
-    return /* @__PURE__ */ jsx13(Box11, { paddingX: 1, children: /* @__PURE__ */ jsx13(Text11, { dimColor: true, children: "Loading transcript\u2026" }) });
+    return /* @__PURE__ */ jsx14(Box12, { paddingX: 1, children: /* @__PURE__ */ jsx14(Text12, { dimColor: true, children: "Loading transcript\u2026" }) });
   }
   if (error51) {
-    return /* @__PURE__ */ jsxs10(Box11, { flexDirection: "column", paddingX: 1, children: [
-      /* @__PURE__ */ jsxs10(Text11, { color: "red", children: [
+    return /* @__PURE__ */ jsxs11(Box12, { flexDirection: "column", paddingX: 1, children: [
+      /* @__PURE__ */ jsxs11(Text12, { color: "red", children: [
         "! ",
         error51
       ] }),
-      /* @__PURE__ */ jsx13(Text11, { dimColor: true, children: "q / esc / \u2190 back" })
+      /* @__PURE__ */ jsx14(Text12, { dimColor: true, children: "q / esc / \u2190 back" })
     ] });
   }
   if (!data) {
-    return /* @__PURE__ */ jsx13(Box11, { paddingX: 1, children: /* @__PURE__ */ jsx13(Text11, { dimColor: true, children: "No transcript." }) });
+    return /* @__PURE__ */ jsx14(Box12, { paddingX: 1, children: /* @__PURE__ */ jsx14(Text12, { dimColor: true, children: "No transcript." }) });
   }
   const title = data.summary?.title ?? "Transcript";
   const total = segments.length;
   const more = win.maxScroll > 0;
   const position = total === 0 ? "" : `${win.start + 1}\u2013${win.end} / ${total}`;
-  return /* @__PURE__ */ jsxs10(Box11, { flexDirection: "column", paddingX: 1, children: [
-    /* @__PURE__ */ jsxs10(Text11, { bold: true, color: "magenta", children: [
+  return /* @__PURE__ */ jsxs11(Box12, { flexDirection: "column", paddingX: 1, children: [
+    /* @__PURE__ */ jsxs11(Text12, { bold: true, color: "magenta", children: [
       title,
-      more ? /* @__PURE__ */ jsx13(Text11, { dimColor: true, children: `   ${position}` }) : null
+      more ? /* @__PURE__ */ jsx14(Text12, { dimColor: true, children: `   ${position}` }) : null
     ] }),
-    /* @__PURE__ */ jsx13(Box11, { marginTop: 1, flexDirection: "column", children: total === 0 ? /* @__PURE__ */ jsx13(Text11, { children: data.text }) : segments.slice(win.start, win.end).map((segment, index) => /* @__PURE__ */ jsxs10(Text11, { children: [
-      /* @__PURE__ */ jsxs10(Text11, { dimColor: true, children: [
+    /* @__PURE__ */ jsx14(Box12, { marginTop: 1, flexDirection: "column", children: total === 0 ? /* @__PURE__ */ jsx14(Text12, { children: data.text }) : segments.slice(win.start, win.end).map((segment, index) => /* @__PURE__ */ jsxs11(Text12, { children: [
+      /* @__PURE__ */ jsxs11(Text12, { dimColor: true, children: [
         "[",
         formatClockMs(segment.startMs),
         "] "
       ] }),
-      segment.speaker ? /* @__PURE__ */ jsxs10(Text11, { color: "cyan", children: [
+      segment.speaker ? /* @__PURE__ */ jsxs11(Text12, { color: "cyan", children: [
         segment.speaker,
         ": "
       ] }) : null,
       segment.text
     ] }, win.start + index)) }),
-    /* @__PURE__ */ jsx13(Box11, { marginTop: 1, children: /* @__PURE__ */ jsxs10(Text11, { dimColor: true, children: [
+    /* @__PURE__ */ jsx14(Box12, { marginTop: 1, children: /* @__PURE__ */ jsxs11(Text12, { dimColor: true, children: [
       more ? "\u2191\u2193 scroll \xB7 PgUp/PgDn \xB7 g/G top/bottom \xB7 " : "",
       "q / esc / \u2190 back"
     ] }) })
@@ -995,15 +1295,17 @@ var init_TranscriptView = __esm({
 
 // src/tui/AppShell.tsx
 import { useCallback, useEffect as useEffect2, useState as useState5 } from "react";
-import { Box as Box12, Text as Text12, useApp, useInput as useInput5 } from "ink";
-import { jsx as jsx14, jsxs as jsxs11 } from "react/jsx-runtime";
+import { Box as Box13, Text as Text13, useApp, useInput as useInput5 } from "ink";
+import { Fragment as Fragment4, jsx as jsx15, jsxs as jsxs12 } from "react/jsx-runtime";
 function AppShell({
   fetchJobs,
   fetchTranscript,
   fetchRecordings,
   fetchDashboardStats,
+  fetchAccountStatus,
   recordingAudio,
   listDownloadedRecordingIds,
+  startLiveRecord,
   initialView = "overview",
   openUrl: openUrl2,
   copyText: copyText2,
@@ -1018,6 +1320,7 @@ function AppShell({
   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);
@@ -1031,6 +1334,7 @@ function AppShell({
   );
   const [audioCache, setAudioCache] = useState5(() => /* @__PURE__ */ new Map());
   const [downloadedIds, setDownloadedIds] = useState5(() => /* @__PURE__ */ new Set());
+  const [liveRecord, setLiveRecord] = useState5(void 0);
   const refreshDownloadedIds = useCallback(async () => {
     if (!listDownloadedRecordingIds) return;
     try {
@@ -1042,6 +1346,42 @@ function AppShell({
     void refreshDownloadedIds();
   }, [refreshDownloadedIds]);
   const screen = stack[stack.length - 1];
+  const stopLiveRecord = useCallback(async () => {
+    const current = liveRecord;
+    if (current?.kind === "live") {
+      setLiveRecord({ kind: "starting" });
+      try {
+        await current.session.stop();
+      } catch (error51) {
+        setNotice(error51 instanceof Error ? error51.message : String(error51));
+      }
+    }
+    setLiveRecord(void 0);
+    setStack([{ kind: "overview" }]);
+  }, [liveRecord]);
+  useEffect2(() => {
+    if (screen.kind !== "record") return;
+    if (!startLiveRecord) {
+      setLiveRecord({ kind: "error", message: "Live recording is not available" });
+      return;
+    }
+    let cancelled = false;
+    setLiveRecord({ kind: "starting" });
+    startLiveRecord().then((session) => {
+      if (cancelled) {
+        void session.stop();
+        return;
+      }
+      setLiveRecord({ kind: "live", session });
+    }).catch((error51) => {
+      if (!cancelled) {
+        setLiveRecord({ kind: "error", message: error51 instanceof Error ? error51.message : String(error51) });
+      }
+    });
+    return () => {
+      cancelled = true;
+    };
+  }, [screen.kind, startLiveRecord]);
   const selectedRecording = screen.kind === "overview" ? recordings[selected] : void 0;
   const peekTranscriptId = selectedRecording?.activeTranscriptId ?? void 0;
   useEffect2(() => {
@@ -1062,10 +1402,11 @@ function AppShell({
   }, [peekTranscriptId, fetchTranscript]);
   const peekSummary = peekTranscriptId ? summaryCache.get(peekTranscriptId) : void 0;
   const refresh = useCallback(async ({ resetRecordings = false } = {}) => {
-    const [jobsR, recR, statsR] = await Promise.allSettled([
+    const [jobsR, recR, statsR, accountR] = await Promise.allSettled([
       fetchJobs(),
       resetRecordings && fetchRecordings ? fetchRecordings({ limit: RECORDINGS_PAGE_SIZE }) : Promise.resolve(void 0),
-      fetchDashboardStats ? fetchDashboardStats() : Promise.resolve(void 0)
+      fetchDashboardStats ? fetchDashboardStats() : Promise.resolve(void 0),
+      fetchAccountStatus ? fetchAccountStatus() : Promise.resolve(void 0)
     ]);
     if (jobsR.status === "fulfilled") {
       setJobs(jobsR.value.items);
@@ -1080,7 +1421,12 @@ function AppShell({
       setRecordingsTotalCount(recR.value.totalCount);
     }
     if (statsR.status === "fulfilled" && statsR.value) setStats(statsR.value);
-  }, [fetchJobs, fetchRecordings, fetchDashboardStats]);
+    if (accountR.status === "fulfilled") {
+      setAccountStatus(accountR.value);
+    } else {
+      setAccountStatus("error");
+    }
+  }, [fetchJobs, fetchRecordings, fetchDashboardStats, fetchAccountStatus]);
   const loadMoreRecordings = useCallback(async () => {
     if (!fetchRecordings || !recordingsNextCursor || loadingMoreRecordings) return;
     setLoadingMoreRecordings(true);
@@ -1125,7 +1471,7 @@ function AppShell({
       jobStatusByRecording.set(job.recordingId, job.status);
     }
   }
-  const listLength = screen.kind === "jobs" ? jobs.length : recordings.length;
+  const listLength = screen.kind === "jobs" ? jobs.length : screen.kind === "overview" ? recordings.length : 0;
   useEffect2(() => {
     setSelected((i) => Math.max(0, Math.min(i, Math.max(0, listLength - 1))));
   }, [listLength]);
@@ -1212,10 +1558,16 @@ function AppShell({
   const back = () => setStack((st) => st.length > 1 ? st.slice(0, -1) : st);
   useInput5((input, key) => {
     setNotice(void 0);
+    if (screen.kind === "record") {
+      if (input === "q" || key.escape || key.leftArrow) void stopLiveRecord();
+      return;
+    }
     if (input === "q") return exit();
     if (key.escape || key.leftArrow) return back();
     if (input === "1") return goTab("overview");
     if (input === "2") return goTab("jobs");
+    if (input === "3") return goTab("account");
+    if (input === "4") return goTab("record");
     if (input === "r") return void refresh({ resetRecordings: true });
     if (screen.kind === "overview") {
       if (key.upArrow || input === "k") setSelected((i) => Math.max(0, i - 1));
@@ -1262,18 +1614,18 @@ function AppShell({
     }
   });
   if (screen.kind === "transcript") {
-    return /* @__PURE__ */ jsx14(TranscriptView, { loading: screen.loading, data: screen.data, error: screen.error });
+    return /* @__PURE__ */ jsx15(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__ */ jsx14(Missing, { label: "Job" });
-    return /* @__PURE__ */ jsx14(Detail, { notice, children: /* @__PURE__ */ jsx14(JobDetailView, { item: job, origin, spinnerFrame, nowMs: now() }) });
+    if (!job) return /* @__PURE__ */ jsx15(Missing, { label: "Job" });
+    return /* @__PURE__ */ jsx15(Detail, { notice, children: /* @__PURE__ */ jsx15(JobDetailView, { item: job, origin, spinnerFrame, nowMs: now() }) });
   }
   if (screen.kind === "recordingDetail") {
     const rec = recordings.find((r) => r.recordingId === screen.recordingId);
-    if (!rec) return /* @__PURE__ */ jsx14(Missing, { label: "Recording" });
+    if (!rec) return /* @__PURE__ */ jsx15(Missing, { label: "Recording" });
     const detailTranscript = rec.activeTranscriptId ? transcriptCache.get(rec.activeTranscriptId) : void 0;
-    return /* @__PURE__ */ jsx14(Detail, { notice, children: /* @__PURE__ */ jsx14(
+    return /* @__PURE__ */ jsx15(Detail, { notice, children: /* @__PURE__ */ jsx15(
       RecordingDetailView,
       {
         item: rec,
@@ -1283,7 +1635,20 @@ function AppShell({
       }
     ) });
   }
-  const tab = screen.kind === "jobs" ? "jobs" : "overview";
+  if (screen.kind === "record") {
+    if (liveRecord?.kind === "live") {
+      return /* @__PURE__ */ jsx15(LiveCaptionsScreen, { source: liveRecord.session.source, now });
+    }
+    return /* @__PURE__ */ jsxs12(Box13, { flexDirection: "column", height: size.rows, paddingX: 1, children: [
+      /* @__PURE__ */ jsx15(Header, { active: "record" }),
+      /* @__PURE__ */ jsx15(Box13, { flexGrow: 1, flexDirection: "column", paddingX: 1, paddingTop: 1, children: liveRecord?.kind === "error" ? /* @__PURE__ */ jsxs12(Fragment4, { children: [
+        /* @__PURE__ */ jsx15(Text13, { color: "red", children: "Couldn't start live recording" }),
+        /* @__PURE__ */ jsx15(Text13, { dimColor: true, children: liveRecord.message })
+      ] }) : /* @__PURE__ */ jsx15(Text13, { dimColor: true, children: "Starting live recording\u2026" }) }),
+      /* @__PURE__ */ jsx15(Footer, { keys: "q / esc / \u2190 back" })
+    ] });
+  }
+  const tab = screen.kind === "jobs" ? "jobs" : screen.kind === "account" ? "account" : "overview";
   let body;
   let position = "";
   if (screen.kind === "overview") {
@@ -1298,7 +1663,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__ */ jsx14(
+    body = /* @__PURE__ */ jsx15(
       OverviewView,
       {
         recordings: recordings.slice(win.start, win.end),
@@ -1316,10 +1681,13 @@ function AppShell({
         peekWidth
       }
     );
+  } else if (screen.kind === "account") {
+    position = "";
+    body = /* @__PURE__ */ jsx15(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__ */ jsx14(
+    body = /* @__PURE__ */ jsx15(
       JobsView,
       {
         items: jobs.slice(win.start, win.end),
@@ -1328,47 +1696,49 @@ function AppShell({
       }
     );
   }
-  const footerKeys = screen.kind === "jobs" ? `${position}  \xB7  \u2191\u2193 select \xB7 \u23CE job \xB7 t transcript \xB7 1 overview \xB7 r refresh \xB7 q quit` : `${position}  \xB7  \u2191\u2193 scroll \xB7 \u23CE open \xB7 t transcript \xB7 2 jobs \xB7 r refresh \xB7 q quit`;
-  return /* @__PURE__ */ jsxs11(Box12, { flexDirection: "column", height: size.rows, paddingX: 1, children: [
-    /* @__PURE__ */ jsx14(Header, { active: tab }),
-    /* @__PURE__ */ jsxs11(Box12, { flexGrow: 1, flexDirection: "column", children: [
+  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__ */ jsxs12(Box13, { flexDirection: "column", height: size.rows, paddingX: 1, children: [
+    /* @__PURE__ */ jsx15(Header, { active: tab }),
+    /* @__PURE__ */ jsxs12(Box13, { flexGrow: 1, flexDirection: "column", children: [
       body,
-      loadError && jobs.length === 0 && recordings.length === 0 ? /* @__PURE__ */ jsx14(Box12, { marginTop: 1, children: /* @__PURE__ */ jsxs11(Text12, { color: "red", children: [
+      loadError && jobs.length === 0 && recordings.length === 0 ? /* @__PURE__ */ jsx15(Box13, { marginTop: 1, children: /* @__PURE__ */ jsxs12(Text13, { color: "red", children: [
         "! ",
         loadError
       ] }) }) : null
     ] }),
-    /* @__PURE__ */ jsx14(Footer, { keys: footerKeys })
+    /* @__PURE__ */ jsx15(Footer, { keys: footerKeys })
   ] });
 }
 function Detail({
   notice,
   children
 }) {
-  return /* @__PURE__ */ jsxs11(Box12, { flexDirection: "column", children: [
+  return /* @__PURE__ */ jsxs12(Box13, { flexDirection: "column", children: [
     children,
-    notice ? /* @__PURE__ */ jsx14(Box12, { paddingX: 1, children: /* @__PURE__ */ jsx14(Text12, { color: "green", children: notice }) }) : null
+    notice ? /* @__PURE__ */ jsx15(Box13, { paddingX: 1, children: /* @__PURE__ */ jsx15(Text13, { color: "green", children: notice }) }) : null
   ] });
 }
 function Missing({ label }) {
-  return /* @__PURE__ */ jsxs11(Box12, { flexDirection: "column", paddingX: 1, children: [
-    /* @__PURE__ */ jsxs11(Text12, { dimColor: true, children: [
+  return /* @__PURE__ */ jsxs12(Box13, { flexDirection: "column", paddingX: 1, children: [
+    /* @__PURE__ */ jsxs12(Text13, { dimColor: true, children: [
       label,
       " no longer in the list."
     ] }),
-    /* @__PURE__ */ jsx14(Text12, { dimColor: true, children: "esc back \xB7 q quit" })
+    /* @__PURE__ */ jsx15(Text13, { dimColor: true, children: "esc back \xB7 q quit" })
   ] });
 }
 var RECORDINGS_PAGE_SIZE, RECORDINGS_PREFETCH_REMAINING;
 var init_AppShell = __esm({
   "src/tui/AppShell.tsx"() {
     "use strict";
+    init_AccountView();
     init_chrome();
     init_JobsView();
     init_OverviewView();
     init_JobDetailView();
     init_RecordingDetailView();
     init_TranscriptView();
+    init_LiveCaptionsScreen();
     init_format();
     init_terminal();
     RECORDINGS_PAGE_SIZE = 50;
@@ -1413,8 +1783,10 @@ async function runDashboard(deps) {
       fetchTranscript: deps.fetchTranscript,
       fetchRecordings: deps.fetchRecordings,
       fetchDashboardStats: deps.fetchDashboardStats,
+      fetchAccountStatus: deps.fetchAccountStatus,
       recordingAudio: deps.recordingAudio,
       listDownloadedRecordingIds: deps.listDownloadedRecordingIds,
+      startLiveRecord: deps.startLiveRecord,
       initialView: deps.initialView ?? "overview",
       openUrl,
       copyText
@@ -19145,227 +19517,64 @@ function defaultSidecarHandshakeParams(params) {
   };
 }
 
-// src/tui/LiveCaptionsScreen.tsx
-import { useEffect, useState as useState2 } from "react";
-
-// src/tui/LiveCaptionsView.tsx
-init_format();
-init_terminal();
-import { useMemo, useState } from "react";
-import { Box, Text, useInput } from "ink";
-
-// src/tui/liveCaptions.ts
-function initialLiveCaptionsState() {
-  return { status: "connecting", lines: [] };
-}
-function liveCaptionReducer(state, event) {
-  switch (event.kind) {
-    case "status": {
-      const next = { ...state, status: event.status };
-      if (event.status === "live" && state.startedAtMs == null) {
-        next.startedAtMs = event.atMs ?? state.startedAtMs;
-      }
-      if (event.status !== "error") next.error = void 0;
-      return next;
-    }
-    case "partial":
-      return { ...state, partial: event.text };
-    case "final": {
-      const lines = [...state.lines, event.line];
-      return { ...state, lines, partial: void 0 };
+// src/record.tsx
+init_LiveCaptionsScreen();
+import { jsx as jsx3 } from "react/jsx-runtime";
+var SIDECAR_COMMAND_ENV = "RECAPPI_MINI_SIDECAR";
+async function recordViaSidecar(opts) {
+  let liveRenderer;
+  let session;
+  try {
+    session = await startRecordSession(opts);
+    if (opts.renderLive) {
+      liveRenderer = opts.runtime?.createLiveRenderer?.(session.source) ?? createInkLiveRenderer({
+        source: session.source,
+        renderApp: opts.runtime?.renderApp,
+        now: opts.runtime?.now
+      });
     }
-    case "translationPartial":
-      return { ...state, translationPartial: event.text };
-    case "translationFinal": {
-      const lines = [...state.lines];
-      let idx = event.segmentId ? lines.findIndex((l) => l.id === event.segmentId) : -1;
-      if (idx < 0) idx = lines.length - 1;
-      if (idx >= 0) lines[idx] = { ...lines[idx], translation: event.text };
-      return { ...state, lines, translationPartial: void 0 };
+    if (liveRenderer) {
+      await liveRenderer.waitUntilStop();
+    } else {
+      await (opts.runtime?.waitForStop ?? waitForStopSignal)();
     }
-    case "error":
-      return { ...state, status: "error", error: event.message };
-    default:
-      return state;
-  }
-}
-function recordingStateToStatus(state) {
-  switch (state) {
-    case "idle":
-    case "starting":
-      return "connecting";
-    case "recording":
-      return "live";
-    case "stopping":
-    case "finalizing":
-    case "uploading":
-    case "completed":
-    case "cancelled":
-      return "stopped";
-    case "failed":
-      return "error";
-  }
-}
-function sidecarToLiveCaptionEvent(event) {
-  switch (event.type) {
-    case "ready":
-      return { kind: "status", status: "connecting" };
-    case "recording.state":
-      if (event.state === "failed") {
-        return { kind: "error", message: event.message ?? "Recording failed" };
-      }
-      return { kind: "status", status: recordingStateToStatus(event.state) };
-    case "live_caption.delta": {
-      if (event.stream === "translation") {
-        return event.isFinal ? { kind: "translationFinal", segmentId: event.segmentId, text: event.text } : { kind: "translationPartial", text: event.text };
-      }
-      if (event.isFinal) {
-        return {
-          kind: "final",
-          line: {
-            id: event.segmentId ?? `${event.startMs ?? event.atMs ?? 0}`,
-            text: event.text,
-            speaker: event.speaker,
-            atMs: event.startMs ?? event.atMs
-          }
-        };
+    return await session.stop();
+  } catch (error51) {
+    if (session) {
+      try {
+        await session.cancel();
+      } catch {
       }
-      return { kind: "partial", text: event.text };
     }
-    case "error":
-      return { kind: "error", message: event.message };
-    case "audio.level":
-    case "local_artifact.upserted":
-      return null;
-    default:
-      return null;
-  }
-}
-function liveCaptionStatusLabel(status) {
-  switch (status) {
-    case "connecting":
-      return "Connecting\u2026";
-    case "live":
-      return "\u25CF LIVE";
-    case "reconnecting":
-      return "Reconnecting\u2026";
-    case "stopped":
-      return "Stopped";
-    case "error":
-      return "Error";
+    throw error51;
+  } finally {
+    liveRenderer?.close();
+    session?.close();
   }
 }
-
-// src/tui/LiveCaptionsView.tsx
-import { jsx, jsxs } from "react/jsx-runtime";
-var STATUS_COLOR = {
-  connecting: "yellow",
-  live: "red",
-  reconnecting: "yellow",
-  stopped: "gray",
-  error: "red"
-};
-function LiveCaptionsView({
-  state,
-  nowMs
-}) {
-  const size = useTerminalSize();
-  const [scrollUp, setScrollUp] = useState(0);
-  const innerWidth = Math.max(10, size.columns - 2);
-  const items = useMemo(() => {
-    const rows = [];
-    for (const l of state.lines) {
-      rows.push({ key: l.id, kind: "final", speaker: l.speaker, text: l.text });
-      if (l.translation) rows.push({ key: `${l.id}__t`, kind: "translation", text: l.translation });
-    }
-    if (state.partial && state.partial.length > 0) {
-      rows.push({ key: "__partial__", kind: "partial", text: state.partial });
-    }
-    if (state.translationPartial && state.translationPartial.length > 0) {
-      rows.push({ key: "__tpartial__", kind: "translation", text: state.translationPartial });
+async function startLiveRecordSession(opts) {
+  const session = await startRecordSession({ ...opts, live: true });
+  return {
+    source: session.source,
+    stop: async () => {
+      await session.stop();
     }
-    return rows;
-  }, [state.lines, state.partial, state.translationPartial]);
-  const heights = useMemo(
-    () => items.map((it) => {
-      const prefix = it.kind === "translation" ? "\u21B3 " : it.speaker ? `${it.speaker}: ` : "";
-      return Math.max(1, Math.ceil(displayWidth(prefix + it.text) / innerWidth));
-    }),
-    [items, innerWidth]
-  );
-  const budget = Math.max(3, size.rows - 3);
-  const maxScroll = windowByHeights(heights, Number.MAX_SAFE_INTEGER, budget).maxScroll;
-  const top = Math.max(0, maxScroll - scrollUp);
-  const win = windowByHeights(heights, top, budget);
-  const following = scrollUp === 0;
-  const page = Math.max(1, budget - 1);
-  useInput((input, key) => {
-    if (key.upArrow || input === "k") setScrollUp((s) => Math.min(maxScroll, s + 1));
-    else if (key.downArrow || input === "j") setScrollUp((s) => Math.max(0, s - 1));
-    else if (key.pageUp || input === "b") setScrollUp((s) => Math.min(maxScroll, s + page));
-    else if (key.pageDown || input === " ") setScrollUp((s) => Math.max(0, s - page));
-    else if (input === "G") setScrollUp(0);
-    else if (input === "g") setScrollUp(maxScroll);
-  });
-  const elapsed = state.startedAtMs != null ? formatClockMs(Math.max(0, nowMs - state.startedAtMs)) : null;
-  const statusColor = STATUS_COLOR[state.status] ?? "white";
-  return /* @__PURE__ */ jsxs(Box, { flexDirection: "column", paddingX: 1, children: [
-    /* @__PURE__ */ jsxs(Text, { children: [
-      /* @__PURE__ */ jsx(Text, { bold: true, color: statusColor, children: liveCaptionStatusLabel(state.status) }),
-      elapsed ? /* @__PURE__ */ jsx(Text, { dimColor: true, children: `   ${elapsed}` }) : null,
-      !following ? /* @__PURE__ */ jsx(Text, { dimColor: true, children: "   \u23F8 scrolled \u2014 G for live" }) : null
-    ] }),
-    /* @__PURE__ */ jsx(Box, { marginTop: 1, flexDirection: "column", children: items.length === 0 ? /* @__PURE__ */ jsx(Text, { dimColor: true, children: state.status === "error" ? state.error ? `Error: ${state.error}` : "Live captions error" : "Waiting for captions\u2026" }) : items.slice(win.start, win.end).map(
-      (it) => it.kind === "translation" ? /* @__PURE__ */ jsx(Text, { dimColor: true, italic: true, children: `\u21B3 ${it.text}` }, it.key) : /* @__PURE__ */ jsxs(Text, { dimColor: it.kind === "partial", italic: it.kind === "partial", children: [
-        it.speaker ? /* @__PURE__ */ jsx(Text, { color: "cyan", children: `${it.speaker}: ` }) : null,
-        it.text
-      ] }, it.key)
-    ) }),
-    /* @__PURE__ */ jsx(Box, { marginTop: 1, children: /* @__PURE__ */ jsxs(Text, { dimColor: true, children: [
-      maxScroll > 0 ? "\u2191\u2193 scroll \xB7 G live \xB7 " : "",
-      "q / esc / \u2190 back"
-    ] }) })
-  ] });
-}
-
-// src/tui/LiveCaptionsScreen.tsx
-import { jsx as jsx2 } from "react/jsx-runtime";
-function LiveCaptionsScreen({
-  source,
-  now = () => Date.now()
-}) {
-  const [state, setState] = useState2(initialLiveCaptionsState);
-  const [tick, setTick] = useState2(() => now());
-  useEffect(() => {
-    const unsubscribe = source.onEvent((event) => {
-      const mapped = sidecarToLiveCaptionEvent(event);
-      if (mapped) setState((s) => liveCaptionReducer(s, mapped));
-    });
-    return unsubscribe;
-  }, [source]);
-  useEffect(() => {
-    const id = setInterval(() => setTick(now()), 1e3);
-    return () => clearInterval(id);
-  }, []);
-  return /* @__PURE__ */ jsx2(LiveCaptionsView, { state, nowMs: tick });
+  };
 }
-
-// src/record.tsx
-import { jsx as jsx3 } from "react/jsx-runtime";
-var SIDECAR_COMMAND_ENV = "RECAPPI_MINI_SIDECAR";
-async function recordViaSidecar(opts) {
+async function startRecordSession(opts) {
   const command = resolveSidecarCommand(opts);
   const sidecarArgs = opts.sidecarArgs ?? [];
   const spawnSidecar = opts.runtime?.spawnSidecar ?? spawnMiniSidecar;
   const sidecar = spawnSidecar({ command, args: sidecarArgs, env: opts.env });
   const account = requireAccountPartition(opts.account);
   const artifacts = [];
-  let liveRenderer;
   let handshake;
   let sessionId;
   let latestState;
   let recordingId;
   let localSessionRef;
+  let stopPromise;
+  let closed = false;
   const unsubscribe = sidecar.client.onEvent((event) => {
     if (event.type === "recording.state") {
       latestState = event.state;
@@ -19376,14 +19585,22 @@ async function recordViaSidecar(opts) {
       artifacts.push(event.artifact);
     }
   });
-  try {
-    if (opts.renderLive) {
-      liveRenderer = opts.runtime?.createLiveRenderer?.(sidecar.client) ?? createInkLiveRenderer({
-        source: sidecar.client,
-        renderApp: opts.runtime?.renderApp,
-        now: opts.runtime?.now
-      });
+  const close = () => {
+    if (closed) return;
+    closed = true;
+    unsubscribe();
+    sidecar.kill();
+  };
+  const cancel = async () => {
+    if (sessionId && latestState && latestState !== "completed" && latestState !== "cancelled") {
+      try {
+        await sidecar.client.cancelRecording({ sessionId });
+      } catch {
+      }
     }
+    close();
+  };
+  try {
     handshake = await sidecar.client.handshake(
       defaultSidecarHandshakeParams({
         client: { name: "recappi-cli", version: opts.cliVersion },
@@ -19405,41 +19622,41 @@ async function recordViaSidecar(opts) {
     sessionId = started.sessionId;
     latestState = started.state;
     localSessionRef = started.localSessionRef;
-    if (liveRenderer) {
-      await liveRenderer.waitUntilStop();
-    } else {
-      await (opts.runtime?.waitForStop ?? waitForStopSignal)();
-    }
-    const stopped = await sidecar.client.stopRecording({ sessionId });
-    latestState = stopped.state;
-    recordingId = stopped.recordingId ?? recordingId;
-    localSessionRef = stopped.localSessionRef ?? localSessionRef;
-    artifacts.push(...stopped.artifacts ?? []);
-    const uniqueArtifacts = dedupeArtifacts(artifacts);
-    persistArtifacts(uniqueArtifacts, account, opts);
-    return recordCommandDataSchema.parse({
-      origin: account.backendOrigin,
-      userId: account.userId,
-      live: opts.live === true,
-      sessionId: stopped.sessionId,
-      state: stopped.state,
-      ...recordingId ? { recordingId } : {},
-      ...localSessionRef ? { localSessionRef } : {},
-      ...handshake?.sidecar ? { sidecar: handshake.sidecar } : {},
-      artifacts: uniqueArtifacts
-    });
+    return {
+      source: sidecar.client,
+      stop: () => {
+        stopPromise ??= (async () => {
+          try {
+            const stopped = await sidecar.client.stopRecording({ sessionId });
+            latestState = stopped.state;
+            recordingId = stopped.recordingId ?? recordingId;
+            localSessionRef = stopped.localSessionRef ?? localSessionRef;
+            artifacts.push(...stopped.artifacts ?? []);
+            const uniqueArtifacts = dedupeArtifacts(artifacts);
+            persistArtifacts(uniqueArtifacts, account, opts);
+            return recordCommandDataSchema.parse({
+              origin: account.backendOrigin,
+              userId: account.userId,
+              live: opts.live === true,
+              sessionId: stopped.sessionId,
+              state: stopped.state,
+              ...recordingId ? { recordingId } : {},
+              ...localSessionRef ? { localSessionRef } : {},
+              ...handshake?.sidecar ? { sidecar: handshake.sidecar } : {},
+              artifacts: uniqueArtifacts
+            });
+          } finally {
+            close();
+          }
+        })();
+        return stopPromise;
+      },
+      cancel,
+      close
+    };
   } catch (error51) {
-    if (sessionId && latestState && latestState !== "completed" && latestState !== "cancelled") {
-      try {
-        await sidecar.client.cancelRecording({ sessionId });
-      } catch {
-      }
-    }
+    await cancel();
     throw error51;
-  } finally {
-    unsubscribe();
-    liveRenderer?.close();
-    sidecar.kill();
   }
 }
 function resolveSidecarCommand(opts) {
@@ -19578,10 +19795,30 @@ async function runCli(deps = {}) {
         fetchJobs: () => client.listJobs({ status: "active", limit: 20 }),
         fetchRecordings: ({ cursor, limit = DASHBOARD_RECORDINGS_PAGE_SIZE } = {}) => client.listRecordings({ limit, cursor }),
         fetchDashboardStats: () => client.dashboardStats(),
+        fetchAccountStatus: () => client.accountStatus(),
         fetchTranscript: (transcriptId) => client.getTranscript(transcriptId),
         recordingAudio,
         listDownloadedRecordingIds: () => recordingAudio.listDownloadedRecordingIds(),
         listDownloads: () => recordingAudio.listDownloads(),
+        startLiveRecord: async () => {
+          const liveStatus = await client.authStatus();
+          if (!liveStatus.loggedIn || !liveStatus.userId) {
+            throw cliError("auth.not_logged_in", "Sign in before starting a sidecar recording.", {
+              hint: "Run recappi auth login, or import the Recappi Mini session with recappi auth import-macos."
+            });
+          }
+          return startLiveRecordSession({
+            account: {
+              backendOrigin: auth.origin,
+              userId: liveStatus.userId,
+              ...liveStatus.email ? { email: liveStatus.email } : {}
+            },
+            cliVersion: CLI_VERSION,
+            env: deps.env,
+            homeDir: deps.homeDir,
+            runtime: deps.recordRuntime
+          });
+        },
         initialView: parsed.initialView
       });
       return 0;