recappi 0.1.44 → 0.1.46

package/dist/index.js

@@ -59,10 +59,19 @@ function applyRecordingEventToTelemetry(telemetry, event) {
   }
   if (event.type === "audio.level") {
     const level = levelFromRmsDb(event.rmsDb);
+    const levelDb3 = typeof event.rmsDb === "number" && Number.isFinite(event.rmsDb) ? event.rmsDb : void 0;
     if (event.input === "microphone") {
-      return { ...telemetry, level: { ...telemetry.level, mic: level } };
+      return {
+        ...telemetry,
+        level: { ...telemetry.level, mic: level },
+        levelDb: { ...telemetry.levelDb, ...levelDb3 != null ? { mic: levelDb3 } : {} }
+      };
     }
-    return { ...telemetry, level: { ...telemetry.level, system: level } };
+    return {
+      ...telemetry,
+      level: { ...telemetry.level, system: level },
+      levelDb: { ...telemetry.levelDb, ...levelDb3 != null ? { system: levelDb3 } : {} }
+    };
   }
   if (event.type === "error") {
     if (isLiveCaptionSidecarError(event.code)) return telemetry;
@@ -202,10 +211,6 @@ function jobDetail(item) {
   if (item.status === "failed") return "failed";
   return "";
 }
-function padCell(text, width) {
-  if (text.length > width) return `${text.slice(0, Math.max(0, width - 1))}\u2026`;
-  return text.padEnd(width);
-}
 function charWidth(code) {
   if (code >= 4352 && code <= 4447 || // Hangul Jamo
   code === 9001 || code === 9002 || code >= 11904 && code <= 12350 || // CJK radicals … Kangxi
@@ -228,23 +233,6 @@ function displayWidth(text) {
   for (const ch of text) width += charWidth(ch.codePointAt(0) ?? 0);
   return width;
 }
-function padDisplay(text, width) {
-  const w = displayWidth(text);
-  if (w === width) return text;
-  if (w < width) return text + " ".repeat(width - w);
-  let out = "";
-  let acc = 0;
-  for (const ch of text) {
-    const cw = charWidth(ch.codePointAt(0) ?? 0);
-    if (acc + cw > width - 1) break;
-    out += ch;
-    acc += cw;
-  }
-  out += "\u2026";
-  acc += 1;
-  if (acc < width) out += " ".repeat(width - acc);
-  return out;
-}
 function countJobs(items) {
   const counts = {
     total: items.length,
@@ -456,6 +444,11 @@ function sidecarToLiveCaptionEvent(event) {
       }
       return { kind: "partial", text: event.text };
     }
+    case "live_caption.status":
+      if (event.status === "error") {
+        return { kind: "error", message: event.message ?? "Live captions error" };
+      }
+      return { kind: "status", status: event.status };
     case "error":
       return event.code.startsWith("live_caption.") ? { kind: "error", message: event.message } : null;
     case "audio.level":
@@ -612,6 +605,43 @@ function waveform(samples, width) {
   });
   return "\u2581".repeat(Math.max(0, pad)) + cells.join("");
 }
+function levelDb(level) {
+  if (level <= 0.03) return "silent";
+  return `${Math.round(level * 60 - 60)} dB`;
+}
+function MeterRow({
+  label,
+  samples,
+  level,
+  paused,
+  width
+}) {
+  const silent = level <= 0.03;
+  return /* @__PURE__ */ jsxs2(Box2, { children: [
+    /* @__PURE__ */ jsx3(Box2, { width: 9, children: /* @__PURE__ */ jsx3(Text2, { dimColor: true, children: label }) }),
+    /* @__PURE__ */ jsx3(Box2, { width, children: /* @__PURE__ */ jsx3(Text2, { color: paused ? "gray" : silent ? "yellow" : "red", children: waveform(samples, width) }) }),
+    /* @__PURE__ */ jsx3(Text2, { dimColor: true, children: `  ${paused ? "paused" : levelDb(level)}` })
+  ] });
+}
+function ProgressBar({ fraction, width = 12 }) {
+  const f = Math.max(0, Math.min(1, fraction));
+  const filled = Math.round(f * width);
+  return /* @__PURE__ */ jsxs2(Text2, { color: "cyan", children: [
+    "\u2593".repeat(filled),
+    /* @__PURE__ */ jsx3(Text2, { dimColor: true, children: "\u2591".repeat(Math.max(0, width - filled)) })
+  ] });
+}
+function stoppedPhase(artifact) {
+  if (!artifact) return null;
+  if (artifact.uploadStatus === "uploading") {
+    return { label: "Uploading to Recappi Cloud", fraction: artifact.uploadProgress };
+  }
+  if (artifact.uploadStatus === "queued") return { label: "Queued to upload" };
+  if (artifact.transcriptionStatus === "processing") {
+    return { label: "Transcribing", fraction: artifact.transcriptionProgress };
+  }
+  return null;
+}
 function RecordingHeroScreen({
   telemetry,
   artifact,
@@ -622,11 +652,12 @@ function RecordingHeroScreen({
 }) {
   const size = useTerminalSize();
   const [tick, setTick] = useState3(() => now());
-  const [wave, setWave] = useState3([]);
+  const [waveSys, setWaveSys] = useState3([]);
+  const [waveMic, setWaveMic] = useState3([]);
   useEffect2(() => {
     if (telemetry.level == null) return;
-    const lvl = Math.max(telemetry.level.system ?? 0, telemetry.level.mic ?? 0);
-    setWave((w) => [...w.slice(-512), lvl]);
+    setWaveSys((w) => [...w.slice(-256), telemetry.level.system ?? 0]);
+    setWaveMic((w) => [...w.slice(-256), telemetry.level.mic ?? 0]);
   }, [telemetry.level]);
   useEffect2(() => {
     const id = setInterval(() => setTick(now()), 1e3);
@@ -636,17 +667,27 @@ function RecordingHeroScreen({
   const innerWidth = Math.max(10, size.columns - 4);
   if (telemetry.status === "stopped") {
     const handoff = stoppedHandoffCopy(artifact, canTranscribe);
+    const phase = stoppedPhase(artifact);
     const meta3 = [
       telemetry.durationMs != null ? formatClockMs(telemetry.durationMs) : null,
       formatBytes2(telemetry.sizeBytes) || null
     ].filter(Boolean).join(" \xB7 ");
+    const saved = artifact?.uploadStatus === "uploaded" ? "\u2713 Saved to Recappi Cloud" : "\u2713 Saved to your Mac";
     return /* @__PURE__ */ jsxs2(Box2, { flexDirection: "column", paddingX: 1, children: [
       /* @__PURE__ */ jsx3(Text2, { dimColor: true, children: "recappi \xB7 Recording" }),
       /* @__PURE__ */ jsxs2(Box2, { marginTop: 1, flexDirection: "column", children: [
-        /* @__PURE__ */ jsx3(Text2, { color: "green", children: "\u2713 Saved to your Mac" }),
+        /* @__PURE__ */ jsx3(Text2, { color: "green", children: saved }),
         meta3 ? /* @__PURE__ */ jsx3(Text2, { dimColor: true, children: meta3 }) : null,
         telemetry.savedPath ? /* @__PURE__ */ jsx3(Text2, { dimColor: true, wrap: "truncate-middle", children: telemetry.savedPath }) : null
       ] }),
+      phase ? /* @__PURE__ */ jsxs2(Box2, { marginTop: 1, children: [
+        /* @__PURE__ */ jsx3(Text2, { color: "cyan", children: `\u25D0 ${phase.label}` }),
+        phase.fraction != null ? /* @__PURE__ */ jsxs2(Fragment, { children: [
+          /* @__PURE__ */ jsx3(Text2, { children: "   " }),
+          /* @__PURE__ */ jsx3(ProgressBar, { fraction: phase.fraction }),
+          /* @__PURE__ */ jsx3(Text2, { dimColor: true, children: ` ${Math.round(phase.fraction * 100)}%` })
+        ] }) : /* @__PURE__ */ jsx3(Text2, { dimColor: true, children: "\u2026" })
+      ] }) : null,
       /* @__PURE__ */ jsxs2(Box2, { marginTop: 1, flexDirection: "column", children: [
         /* @__PURE__ */ jsx3(Text2, { color: handoff.tone === "red" ? "red" : handoff.tone === "green" ? "green" : void 0, dimColor: handoff.tone === "dim", children: handoff.text }),
         artifact?.error ? /* @__PURE__ */ jsx3(Text2, { color: "red", wrap: "truncate-end", children: artifact.error }) : null
@@ -663,24 +704,33 @@ function RecordingHeroScreen({
   const paused = telemetry.status === "paused";
   const starting = telemetry.status === "starting" || telemetry.status === "stopping";
   const badge = paused ? "\u23F8 PAUSED" : starting ? "\u2026" : "\u23FA REC";
+  const meterW = Math.max(10, Math.min(48, innerWidth - 22));
+  const sizeStr = telemetry.sizeBytes ? formatBytes2(telemetry.sizeBytes) : "";
+  const context = [telemetry.sourceLabel, telemetry.micEnabled ? "Microphone" : null, sizeStr || null].filter(Boolean).join("  \xB7  ");
   return /* @__PURE__ */ jsxs2(Box2, { flexDirection: "column", paddingX: 1, height: size.rows, children: [
     /* @__PURE__ */ jsxs2(Text2, { children: [
       /* @__PURE__ */ jsx3(Text2, { bold: true, color: "green", children: "recappi" }),
       /* @__PURE__ */ jsx3(Text2, { dimColor: true, children: " \xB7 Recording" })
     ] }),
-    /* @__PURE__ */ jsxs2(Box2, { flexGrow: 1, flexDirection: "column", justifyContent: "center", alignItems: "center", children: [
-      /* @__PURE__ */ jsx3(Text2, { bold: true, color: paused ? "yellow" : "red", children: badge }),
-      /* @__PURE__ */ jsx3(Text2, { bold: true, children: elapsed }),
-      /* @__PURE__ */ jsx3(Box2, { marginTop: 1, children: telemetry.level == null ? (
-        // No level telemetry yet — show honest activity, not a flat meter that
-        // looks like silence (the elapsed timer above proves it's live).
+    /* @__PURE__ */ jsxs2(Box2, { marginTop: 1, paddingX: 1, flexGrow: 1, flexDirection: "column", children: [
+      /* @__PURE__ */ jsxs2(Text2, { children: [
+        /* @__PURE__ */ jsx3(Text2, { bold: true, color: paused ? "yellow" : "red", children: badge }),
+        /* @__PURE__ */ jsx3(Text2, { children: "   " }),
+        /* @__PURE__ */ jsx3(Text2, { bold: true, children: elapsed })
+      ] }),
+      /* @__PURE__ */ jsx3(Box2, { marginTop: 1, flexDirection: "column", children: telemetry.level == null ? (
+        // No level telemetry yet — honest activity, not a flat meter that
+        // reads as silence (the elapsed timer above proves it's live).
         /* @__PURE__ */ jsx3(Text2, { dimColor: true, children: paused ? "Paused" : `Capturing audio${".".repeat(Math.floor(tick / 1e3) % 3 + 1)}` })
-      ) : /* @__PURE__ */ jsx3(Text2, { color: paused ? "gray" : "red", children: waveform(wave, innerWidth) }) }),
-      /* @__PURE__ */ jsx3(Box2, { marginTop: 1, children: /* @__PURE__ */ jsxs2(Text2, { dimColor: true, children: [
-        telemetry.sourceLabel,
-        telemetry.micEnabled ? "  +  Microphone" : ""
+      ) : /* @__PURE__ */ jsxs2(Fragment, { children: [
+        /* @__PURE__ */ jsx3(MeterRow, { label: "System", samples: waveSys, level: telemetry.level.system ?? 0, paused, width: meterW }),
+        telemetry.micEnabled ? /* @__PURE__ */ jsx3(MeterRow, { label: "Mic", samples: waveMic, level: telemetry.level.mic ?? 0, paused, width: meterW }) : null
       ] }) }),
-      captions ? /* @__PURE__ */ jsx3(Box2, { marginTop: 1, flexDirection: "column", alignItems: "center", width: innerWidth, children: /* @__PURE__ */ jsx3(HeroCaptions, { state: captions }) }) : null
+      /* @__PURE__ */ jsx3(Box2, { marginTop: 1, children: /* @__PURE__ */ jsx3(Text2, { dimColor: true, children: context }) }),
+      captions ? /* @__PURE__ */ jsxs2(Box2, { marginTop: 1, flexDirection: "column", children: [
+        /* @__PURE__ */ jsx3(Text2, { dimColor: true, children: "LIVE CAPTIONS" }),
+        /* @__PURE__ */ jsx3(HeroCaptions, { state: captions })
+      ] }) : null
     ] }),
     /* @__PURE__ */ jsx3(Box2, { children: /* @__PURE__ */ jsxs2(Text2, { dimColor: true, children: [
       "q stop & save",
@@ -697,7 +747,7 @@ function HeroCaptions({ state }) {
     return /* @__PURE__ */ jsx3(Text2, { color: captionError ? "yellow" : void 0, dimColor: !captionError, wrap: "truncate-end", children: captionError ?? (state.status === "live" ? "Listening for speech\u2026" : liveCaptionStatusLabel(state.status)) });
   }
   return /* @__PURE__ */ jsxs2(Fragment, { children: [
-    recent.map((line) => /* @__PURE__ */ jsxs2(Box2, { flexDirection: "column", alignItems: "center", children: [
+    recent.map((line) => /* @__PURE__ */ jsxs2(Box2, { flexDirection: "column", children: [
       /* @__PURE__ */ jsxs2(Text2, { wrap: "truncate-end", children: [
         line.speaker ? `${line.speaker}: ` : "",
         line.text
@@ -710,11 +760,8 @@ function HeroCaptions({ state }) {
   ] });
 }
 function stoppedHandoffCopy(artifact, canTranscribe) {
-  if (artifact?.uploadStatus === "uploading") {
-    return { text: "Uploading\u2026", tone: "normal" };
-  }
-  if (artifact?.transcriptionStatus === "processing") {
-    return { text: "Transcribing\u2026", tone: "normal" };
+  if (artifact?.uploadStatus === "uploading" || artifact?.transcriptionStatus === "processing") {
+    return { text: "esc run in background", tone: "dim" };
   }
   if (artifact?.transcriptionStatus === "queued") {
     return { text: "Transcription queued \xB7 \u23CE open recording \xB7 n not now", tone: "green" };
@@ -758,13 +805,16 @@ function AccountView({ status }) {
 function AccountBody({ status }) {
   return /* @__PURE__ */ jsxs3(Fragment2, { children: [
     /* @__PURE__ */ jsxs3(Box3, { marginTop: 1, flexDirection: "column", children: [
-      /* @__PURE__ */ jsx5(Text3, { bold: true, color: "green", children: status.email ?? status.userId ?? "Signed in" }),
+      /* @__PURE__ */ jsxs3(Text3, { children: [
+        /* @__PURE__ */ jsx5(Text3, { color: "green", children: "\u25CF " }),
+        /* @__PURE__ */ jsx5(Text3, { bold: true, children: status.email ?? status.userId ?? "Signed in" })
+      ] }),
       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,
     /* @__PURE__ */ jsxs3(Box3, { marginTop: 1, flexDirection: "column", children: [
-      /* @__PURE__ */ jsx5(Text3, { bold: true, children: "Local store" }),
+      /* @__PURE__ */ jsx5(Text3, { dimColor: true, children: "LOCAL STORE" }),
       /* @__PURE__ */ jsx5(Text3, { dimColor: true, wrap: "truncate-middle", children: status.localStore.path }),
       /* @__PURE__ */ jsxs3(Text3, { dimColor: true, children: [
         `${status.localStore.accountScopedArtifacts} artifact${status.localStore.accountScopedArtifacts === 1 ? "" : "s"} for this account`,
@@ -778,6 +828,7 @@ function Usage({ billing }) {
   const minutesUsed = billing.minutesUsed;
   const storageCap = billing.storageCapBytes;
   return /* @__PURE__ */ jsxs3(Box3, { marginTop: 1, flexDirection: "column", children: [
+    /* @__PURE__ */ jsx5(Text3, { dimColor: true, children: "USAGE" }),
     /* @__PURE__ */ jsxs3(Text3, { children: [
       /* @__PURE__ */ jsx5(Text3, { dimColor: true, children: "Plan " }),
       /* @__PURE__ */ jsx5(Text3, { bold: true, children: billing.tier })
@@ -878,9 +929,10 @@ function JobRow({
   const glyph = statusGlyph(item.status, spinnerFrame);
   const title = item.recording?.title ?? item.recordingId;
   return /* @__PURE__ */ jsxs5(Box5, { children: [
-    /* @__PURE__ */ jsx7(Text5, { color: "cyan", children: selected ? "\u25B8 " : "  " }),
-    /* @__PURE__ */ jsx7(Text5, { color: style.color, children: `${glyph} ${padCell(style.label, 13)}` }),
-    /* @__PURE__ */ jsx7(Text5, { bold: selected, children: padCell(title, 24) }),
+    /* @__PURE__ */ jsx7(Box5, { width: 3, children: /* @__PURE__ */ jsx7(Text5, { color: "cyan", children: selected ? "\u25B8" : "" }) }),
+    /* @__PURE__ */ jsx7(Box5, { width: 2, children: /* @__PURE__ */ jsx7(Text5, { color: style.color, children: glyph }) }),
+    /* @__PURE__ */ jsx7(Box5, { width: 13, children: /* @__PURE__ */ jsx7(Text5, { color: style.color, children: style.label }) }),
+    /* @__PURE__ */ jsx7(Box5, { width: 26, children: /* @__PURE__ */ jsx7(Text5, { bold: selected, wrap: "truncate-end", children: title }) }),
     /* @__PURE__ */ jsx7(Text5, { dimColor: !selected, children: jobDetail(item) })
   ] });
 }
@@ -941,7 +993,7 @@ function recordingLayout(columns) {
   const showWhen = usable >= 54;
   const title = Math.max(
     10,
-    usable - MARKER_W - GLYPH_W - LENGTH_W - (showWhen ? WHEN_W : 0)
+    usable - MARKER_W - GLYPH_W - LENGTH_W - (showWhen ? WHEN_W : 0) - DL_W
   );
   return { title, showWhen };
 }
@@ -958,33 +1010,25 @@ function RecordingRow({
   const { glyph, color } = recordingProcessingState(item, jobStatus, spinnerFrame);
   const duration3 = item.durationMs ? formatClockMs(item.durationMs) : "\u2014";
   return /* @__PURE__ */ jsxs6(Box7, { children: [
-    /* @__PURE__ */ jsx9(Text7, { color: "cyan", children: selected ? "\u25B8 " : "  " }),
-    /* @__PURE__ */ jsx9(Text7, { color, children: `${glyph} ` }),
-    /* @__PURE__ */ jsx9(Text7, { bold: selected, children: padDisplay(recordingTitle2(item), title) }),
-    /* @__PURE__ */ jsx9(Text7, { dimColor: true, children: padDisplay(duration3, LENGTH_W) }),
-    showWhen ? /* @__PURE__ */ jsx9(Text7, { dimColor: true, children: padDisplay(formatAge(item.createdAt, nowMs), WHEN_W) }) : null,
-    /* @__PURE__ */ jsx9(Text7, { color: "green", children: downloaded ? " \u2913" : "  " })
+    /* @__PURE__ */ jsx9(Box7, { width: MARKER_W, children: /* @__PURE__ */ jsx9(Text7, { color: "cyan", children: selected ? "\u25B8" : "" }) }),
+    /* @__PURE__ */ jsx9(Box7, { width: GLYPH_W, children: /* @__PURE__ */ jsx9(Text7, { color, children: glyph }) }),
+    /* @__PURE__ */ jsx9(Box7, { width: title, children: /* @__PURE__ */ jsx9(Text7, { bold: selected, wrap: "truncate-end", children: recordingTitle2(item) }) }),
+    /* @__PURE__ */ jsx9(Box7, { width: LENGTH_W, justifyContent: "flex-end", children: /* @__PURE__ */ jsx9(Text7, { dimColor: true, children: duration3 }) }),
+    showWhen ? /* @__PURE__ */ jsx9(Box7, { width: WHEN_W, justifyContent: "flex-end", children: /* @__PURE__ */ jsx9(Text7, { dimColor: true, children: formatAge(item.createdAt, nowMs) }) }) : null,
+    /* @__PURE__ */ jsx9(Box7, { width: DL_W, justifyContent: "flex-end", children: /* @__PURE__ */ jsx9(Text7, { color: "green", children: downloaded ? "\u2913" : "" }) })
   ] });
 }
-function RecordingHeader({ columns }) {
-  const { title, showWhen } = recordingLayout(columns);
-  return /* @__PURE__ */ jsxs6(Box7, { children: [
-    /* @__PURE__ */ jsx9(Text7, { dimColor: true, children: padDisplay("", MARKER_W + GLYPH_W) }),
-    /* @__PURE__ */ jsx9(Text7, { dimColor: true, children: padDisplay("TITLE", title) }),
-    /* @__PURE__ */ jsx9(Text7, { dimColor: true, children: padDisplay("LENGTH", LENGTH_W) }),
-    showWhen ? /* @__PURE__ */ jsx9(Text7, { dimColor: true, children: "WHEN" }) : null
-  ] });
-}
-var UUID_RE, MARKER_W, GLYPH_W, LENGTH_W, WHEN_W;
+var UUID_RE, MARKER_W, GLYPH_W, LENGTH_W, WHEN_W, DL_W;
 var init_RecordingRow = __esm({
   "src/tui/RecordingRow.tsx"() {
     "use strict";
     init_format();
     UUID_RE = /^[0-9a-f]{8}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{12}$/i;
-    MARKER_W = 2;
+    MARKER_W = 3;
     GLYPH_W = 2;
-    LENGTH_W = 9;
+    LENGTH_W = 8;
     WHEN_W = 9;
+    DL_W = 3;
   }
 });
 
@@ -1004,28 +1048,25 @@ function RecordingsView({
   if (items.length === 0) {
     return /* @__PURE__ */ jsx10(Box8, { marginTop: 1, children: /* @__PURE__ */ jsx10(Text8, { dimColor: true, children: "No recordings yet \u2014 run: recappi upload <file>" }) });
   }
-  return /* @__PURE__ */ jsxs7(Box8, { marginTop: 1, flexDirection: "column", children: [
-    /* @__PURE__ */ jsx10(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__ */ jsxs7(React5.Fragment, { children: [
-        showHeader ? /* @__PURE__ */ jsx10(Box8, { marginTop: index === 0 ? 0 : 1, children: /* @__PURE__ */ jsx10(Text8, { bold: true, color: "blue", children: bucket }) }) : null,
-        /* @__PURE__ */ jsx10(
-          RecordingRow,
-          {
-            item,
-            selected: index === selectedIndex,
-            nowMs,
-            columns,
-            jobStatus: jobStatusByRecording?.get(item.recordingId),
-            downloaded: downloadedRecordingIds?.has(item.recordingId) ?? false,
-            spinnerFrame
-          }
-        )
-      ] }, item.recordingId);
-    })
-  ] });
+  return /* @__PURE__ */ jsx10(Box8, { marginTop: 1, flexDirection: "column", children: items.map((item, index) => {
+    const bucket = dateBucket(item.createdAt, nowMs);
+    const showHeader = index === 0 || bucket !== dateBucket(items[index - 1].createdAt, nowMs);
+    return /* @__PURE__ */ jsxs7(React5.Fragment, { children: [
+      showHeader ? /* @__PURE__ */ jsx10(Box8, { marginTop: index === 0 ? 0 : 1, children: /* @__PURE__ */ jsx10(Text8, { bold: true, dimColor: true, children: bucket }) }) : null,
+      /* @__PURE__ */ jsx10(
+        RecordingRow,
+        {
+          item,
+          selected: index === selectedIndex,
+          nowMs,
+          columns,
+          jobStatus: jobStatusByRecording?.get(item.recordingId),
+          downloaded: downloadedRecordingIds?.has(item.recordingId) ?? false,
+          spinnerFrame
+        }
+      )
+    ] }, item.recordingId);
+  }) });
 }
 var init_RecordingsView = __esm({
   "src/tui/RecordingsView.tsx"() {
@@ -1055,13 +1096,14 @@ function PeekBody({
   const meta3 = [
     item.durationMs ? formatClockMs(item.durationMs) : null,
     formatBytes2(item.sizeBytes) || null,
-    item.contentType || null
-  ].filter(Boolean).join("  \xB7  ");
+    formatAge(item.createdAt, nowMs)
+  ].filter(Boolean).join(" \xB7 ");
   return /* @__PURE__ */ jsxs8(Fragment3, { children: [
-    /* @__PURE__ */ jsx11(Text9, { bold: true, color: "green", wrap: "truncate-end", children: recordingTitle2(item) }),
-    /* @__PURE__ */ jsx11(Text9, { color: style.color, children: `${style.glyph} ${style.label}` }),
-    meta3 ? /* @__PURE__ */ jsx11(Text9, { dimColor: true, children: meta3 }) : null,
-    /* @__PURE__ */ jsx11(Text9, { dimColor: true, children: formatAge(item.createdAt, nowMs) }),
+    /* @__PURE__ */ jsx11(Text9, { bold: true, wrap: "truncate-end", children: recordingTitle2(item) }),
+    /* @__PURE__ */ jsxs8(Box9, { children: [
+      /* @__PURE__ */ jsx11(Text9, { color: style.color, children: `${style.glyph} ${style.label}` }),
+      meta3 ? /* @__PURE__ */ jsx11(Text9, { dimColor: true, children: `  ${meta3}` }) : null
+    ] }),
     /* @__PURE__ */ jsx11(Box9, { marginTop: 1, flexDirection: "column", children: /* @__PURE__ */ jsx11(SummarySection, { item, summary }) }),
     /* @__PURE__ */ jsx11(Box9, { marginTop: 1, children: /* @__PURE__ */ jsx11(Text9, { dimColor: true, children: "\u23CE open \xB7 t transcript \xB7 o web" }) })
   ] });
@@ -1078,7 +1120,7 @@ function SummarySection({
   }
   const points = (summary.keyPoints ?? []).slice(0, 3);
   return /* @__PURE__ */ jsxs8(Fragment3, { children: [
-    /* @__PURE__ */ jsx11(Text9, { bold: true, children: "Summary" }),
+    /* @__PURE__ */ jsx11(Text9, { dimColor: true, children: "SUMMARY" }),
     /* @__PURE__ */ jsx11(Text9, { children: summary.tldr }),
     points.length > 0 ? /* @__PURE__ */ jsx11(Box9, { marginTop: 1, flexDirection: "column", children: points.map((point, i) => /* @__PURE__ */ jsx11(Text9, { dimColor: true, wrap: "truncate-end", children: `\u2022 ${point}` }, i)) }) : null
   ] });
@@ -1093,7 +1135,7 @@ var init_RecordingPeek = __esm({
 
 // src/tui/OverviewView.tsx
 import { Box as Box10, Text as Text10 } from "ink";
-import { jsx as jsx12, jsxs as jsxs9 } from "react/jsx-runtime";
+import { Fragment as Fragment4, jsx as jsx12, jsxs as jsxs9 } from "react/jsx-runtime";
 function OverviewView({
   recordings,
   jobs,
@@ -1114,12 +1156,21 @@ function OverviewView({
   const queued = stats?.jobs.queued ?? jobCounts.queued;
   return /* @__PURE__ */ jsxs9(Box10, { flexDirection: "column", children: [
     /* @__PURE__ */ jsxs9(Box10, { children: [
-      /* @__PURE__ */ jsx12(Text10, { dimColor: true, children: "Recordings " }),
       /* @__PURE__ */ jsx12(Text10, { bold: true, children: stats?.recordings.total ?? recordings.length }),
-      stats?.recordings.ready != null ? /* @__PURE__ */ jsx12(Text10, { dimColor: true, children: `  \xB7  ${stats.recordings.ready} ready` }) : null,
-      stats?.recordings.totalDurationMs != null ? /* @__PURE__ */ jsx12(Text10, { dimColor: true, children: `  \xB7  ${formatClockMs(stats.recordings.totalDurationMs)} transcribed` }) : null,
-      running > 0 ? /* @__PURE__ */ jsx12(Text10, { color: "cyan", children: `  \xB7  ${running} transcribing` }) : null,
-      queued > 0 ? /* @__PURE__ */ jsx12(Text10, { color: "yellow", children: `  \xB7  ${queued} queued` }) : null
+      /* @__PURE__ */ jsx12(Text10, { dimColor: true, children: " recordings" }),
+      stats?.recordings.ready != null ? /* @__PURE__ */ jsxs9(Fragment4, { children: [
+        /* @__PURE__ */ jsx12(Text10, { dimColor: true, children: "  \xB7  " }),
+        /* @__PURE__ */ jsx12(Text10, { color: "green", children: `${stats.recordings.ready} ready` })
+      ] }) : null,
+      running > 0 ? /* @__PURE__ */ jsxs9(Fragment4, { children: [
+        /* @__PURE__ */ jsx12(Text10, { dimColor: true, children: "  \xB7  " }),
+        /* @__PURE__ */ jsx12(Text10, { color: "cyan", children: `${running} transcribing` })
+      ] }) : null,
+      queued > 0 ? /* @__PURE__ */ jsxs9(Fragment4, { children: [
+        /* @__PURE__ */ jsx12(Text10, { dimColor: true, children: "  \xB7  " }),
+        /* @__PURE__ */ jsx12(Text10, { color: "yellow", children: `${queued} queued` })
+      ] }) : null,
+      stats?.recordings.totalDurationMs != null ? /* @__PURE__ */ jsx12(Text10, { dimColor: true, children: `  \xB7  ${formatClockMs(stats.recordings.totalDurationMs)} transcribed` }) : null
     ] }),
     /* @__PURE__ */ jsxs9(Box10, { flexDirection: "row", alignItems: "flex-start", children: [
       /* @__PURE__ */ jsx12(Box10, { flexGrow: 1, flexDirection: "column", children: /* @__PURE__ */ jsx12(
@@ -1128,7 +1179,7 @@ function OverviewView({
           items: recordings,
           selectedIndex,
           nowMs,
-          columns,
+          columns: showPeek ? Math.max(20, columns - peekWidth - 1) : columns,
           jobStatusByRecording,
           downloadedRecordingIds,
           spinnerFrame
@@ -1290,7 +1341,7 @@ var init_JobDetailView = __esm({
 // src/tui/RecordingDetailView.tsx
 import React6, { useMemo as useMemo2, useState as useState4 } from "react";
 import { Box as Box12, Text as Text12, useInput as useInput3 } from "ink";
-import { Fragment as Fragment4, jsx as jsx14, jsxs as jsxs11 } from "react/jsx-runtime";
+import { Fragment as Fragment5, jsx as jsx14, jsxs as jsxs11 } from "react/jsx-runtime";
 function RecordingDetailView({
   item,
   nowMs,
@@ -1355,14 +1406,14 @@ function RecordingDetailView({
   });
   return /* @__PURE__ */ jsxs11(Box12, { flexDirection: "column", paddingX: 1, children: [
     /* @__PURE__ */ jsx14(Text12, { dimColor: true, children: "\u2039 Recordings" }),
-    /* @__PURE__ */ jsx14(Box12, { marginTop: 1, children: /* @__PURE__ */ jsx14(Text12, { bold: true, color: "green", children: title }) }),
+    /* @__PURE__ */ jsx14(Box12, { marginTop: 1, children: /* @__PURE__ */ jsx14(Text12, { bold: true, children: title }) }),
     /* @__PURE__ */ jsxs11(Text12, { children: [
       /* @__PURE__ */ jsx14(Text12, { color: style.color, children: `${style.glyph} ${style.label}` }),
       /* @__PURE__ */ jsx14(Text12, { dimColor: true, children: `   ${formatAge(item.createdAt, nowMs) || "\u2014"}` })
     ] }),
     meta3 ? /* @__PURE__ */ jsx14(Text12, { dimColor: true, children: meta3 }) : null,
     /* @__PURE__ */ jsx14(AudioActionRow, { item, audio }),
-    !item.activeTranscriptId ? /* @__PURE__ */ jsx14(Box12, { marginTop: 1, children: /* @__PURE__ */ jsx14(Text12, { dimColor: true, children: "Transcript not available yet" }) }) : transcript === "loading" || transcript === void 0 ? /* @__PURE__ */ jsx14(Box12, { marginTop: 1, children: /* @__PURE__ */ jsx14(Text12, { dimColor: true, children: "Loading\u2026" }) }) : transcript === "error" ? /* @__PURE__ */ jsx14(Box12, { marginTop: 1, children: /* @__PURE__ */ jsx14(Text12, { dimColor: true, children: "(transcript unavailable)" }) }) : /* @__PURE__ */ jsxs11(Fragment4, { children: [
+    !item.activeTranscriptId ? /* @__PURE__ */ jsx14(Box12, { marginTop: 1, children: /* @__PURE__ */ jsx14(Text12, { dimColor: true, children: "Transcript not available yet" }) }) : transcript === "loading" || transcript === void 0 ? /* @__PURE__ */ jsx14(Box12, { marginTop: 1, children: /* @__PURE__ */ jsx14(Text12, { dimColor: true, children: "Loading\u2026" }) }) : transcript === "error" ? /* @__PURE__ */ jsx14(Box12, { marginTop: 1, children: /* @__PURE__ */ jsx14(Text12, { dimColor: true, children: "(transcript unavailable)" }) }) : /* @__PURE__ */ jsxs11(Fragment5, { children: [
       /* @__PURE__ */ jsx14(TabBar, { active: tab }),
       /* @__PURE__ */ jsx14(Box12, { marginTop: 1, flexDirection: "column", children: tab === "summary" ? /* @__PURE__ */ jsx14(SummaryPane, { summary, budget: paneBudget }) : tab === "chapters" ? /* @__PURE__ */ jsx14(ChaptersPane, { chapters, win: chapWin, selectedIndex: chapterSel }) : /* @__PURE__ */ jsx14(TranscriptPane, { segments, win: segWin }) })
     ] }),
@@ -1381,7 +1432,7 @@ function RecordingDetailView({
 function TabBar({ active }) {
   return /* @__PURE__ */ jsx14(Box12, { marginTop: 1, children: TAB_ORDER.map((tab, i) => /* @__PURE__ */ jsxs11(React6.Fragment, { children: [
     i > 0 ? /* @__PURE__ */ jsx14(Text12, { dimColor: true, children: "  " }) : null,
-    tab === active ? /* @__PURE__ */ jsx14(Text12, { inverse: true, bold: true, children: ` ${TAB_LABEL[tab]} ` }) : /* @__PURE__ */ jsx14(Text12, { dimColor: true, children: ` ${TAB_LABEL[tab]} ` })
+    tab === active ? /* @__PURE__ */ jsx14(Text12, { inverse: true, bold: true, color: "cyan", children: ` ${TAB_LABEL[tab]} ` }) : /* @__PURE__ */ jsx14(Text12, { dimColor: true, children: ` ${TAB_LABEL[tab]} ` })
   ] }, tab)) });
 }
 function AudioActionRow({
@@ -1427,7 +1478,7 @@ function SummaryPane({
     return /* @__PURE__ */ jsx14(Text12, { dimColor: true, children: `Summary ${summary?.status ?? "unavailable"}` });
   }
   const points = (summary.keyPoints ?? []).slice(0, Math.max(1, budget - 4));
-  return /* @__PURE__ */ jsxs11(Fragment4, { children: [
+  return /* @__PURE__ */ jsxs11(Fragment5, { children: [
     /* @__PURE__ */ jsx14(Text12, { children: summary.tldr }),
     points.length > 0 ? /* @__PURE__ */ jsx14(Box12, { marginTop: 1, flexDirection: "column", children: points.map((point, i) => /* @__PURE__ */ jsx14(Text12, { dimColor: true, children: `\u2022 ${point}` }, i)) }) : null
   ] });
@@ -1438,13 +1489,13 @@ function ChaptersPane({
   selectedIndex
 }) {
   if (chapters.length === 0) return /* @__PURE__ */ jsx14(Text12, { dimColor: true, children: "No chapters" });
-  return /* @__PURE__ */ jsxs11(Fragment4, { children: [
+  return /* @__PURE__ */ jsxs11(Fragment5, { children: [
     chapters.slice(win.start, win.end).map((chapter, i) => {
       const index = win.start + i;
       const selected = index === selectedIndex;
       return /* @__PURE__ */ jsxs11(Text12, { wrap: "truncate-end", children: [
         /* @__PURE__ */ jsx14(Text12, { color: "cyan", children: selected ? "\u25B8 " : "  " }),
-        /* @__PURE__ */ jsx14(Text12, { color: "blue", children: `[${formatClockMs(chapter.startMs)}] ` }),
+        /* @__PURE__ */ jsx14(Text12, { dimColor: true, children: `[${formatClockMs(chapter.startMs)}] ` }),
         /* @__PURE__ */ jsx14(Text12, { bold: selected, children: chapter.title })
       ] }, index);
     }),
@@ -1456,10 +1507,10 @@ function TranscriptPane({
   win
 }) {
   if (segments.length === 0) return /* @__PURE__ */ jsx14(Text12, { dimColor: true, children: "(no segments)" });
-  return /* @__PURE__ */ jsxs11(Fragment4, { children: [
+  return /* @__PURE__ */ jsxs11(Fragment5, { children: [
     segments.slice(win.start, win.end).map((seg, i) => /* @__PURE__ */ jsxs11(Text12, { children: [
-      /* @__PURE__ */ jsx14(Text12, { color: "blue", children: `[${formatClockMs(seg.startMs)}] ` }),
-      seg.speaker ? /* @__PURE__ */ jsx14(Text12, { dimColor: true, children: `${seg.speaker}  ` }) : null,
+      /* @__PURE__ */ jsx14(Text12, { dimColor: true, children: `[${formatClockMs(seg.startMs)}] ` }),
+      seg.speaker ? /* @__PURE__ */ jsx14(Text12, { color: "cyan", children: `${seg.speaker}  ` }) : null,
       /* @__PURE__ */ jsx14(Text12, { children: seg.text })
     ] }, win.start + i)),
     win.maxScroll > 0 ? /* @__PURE__ */ jsx14(Text12, { dimColor: true, children: `  ${win.start + 1}\u2013${win.end} / ${segments.length}` }) : null
@@ -1626,15 +1677,33 @@ var init_PermissionPreflightView = __esm({
 });
 
 // src/tui/RecordSetupView.tsx
-import { useState as useState6 } from "react";
+import { useEffect as useEffect3, useState as useState6 } from "react";
 import { Box as Box15, Text as Text15, useInput as useInput5 } from "ink";
 import { jsx as jsx17, jsxs as jsxs14 } from "react/jsx-runtime";
+function levelDb2(level) {
+  if (level <= 0.03) return "silent";
+  return `${Math.round(level * 60 - 60)} dB`;
+}
+function meterBar(level, width) {
+  const f = Math.max(0, Math.min(1, level));
+  const filled = Math.round(f * width);
+  return "\u2587".repeat(filled) + "\u2591".repeat(Math.max(0, width - filled));
+}
+function InputMeter({ level }) {
+  if (level == null) return /* @__PURE__ */ jsx17(Text15, { dimColor: true, children: "\u2014" });
+  const silent = level <= 0.03;
+  return /* @__PURE__ */ jsxs14(Text15, { children: [
+    /* @__PURE__ */ jsx17(Text15, { color: silent ? "yellow" : "green", children: meterBar(level, METER_W) }),
+    /* @__PURE__ */ jsx17(Text15, { dimColor: true, children: `  ${levelDb2(level)}` })
+  ] });
+}
 function RecordSetupView({
   model,
+  levels,
   onStart,
-  onCancel
+  onCancel,
+  onSelectionChange
 }) {
-  const size = useTerminalSize();
   const [srcIdx, setSrcIdx] = useState6(0);
   const [includeMic, setIncludeMic] = useState6(true);
   const [micIdx, setMicIdx] = useState6(
@@ -1645,10 +1714,18 @@ function RecordSetupView({
   const microphones = model.microphones ?? [];
   const selected = sources[Math.min(srcIdx, Math.max(0, sources.length - 1))];
   const selectedMic = microphones[Math.min(micIdx, Math.max(0, microphones.length - 1))];
-  const wide = size.columns >= 100;
   const hasAppSource = sources.some((source) => source.kind === "app");
   const hasMultipleSources = sources.length > 1;
   const hasMultipleMicrophones = microphones.length > 1;
+  const selection = {
+    sourceId: selected?.id ?? "system",
+    includeMicrophone: includeMic,
+    ...includeMic && selectedMic ? { microphoneDeviceId: selectedMic.id } : {},
+    sceneId: model.scenes[sceneIdx]?.id
+  };
+  useEffect3(() => {
+    onSelectionChange?.(selection);
+  }, [srcIdx, includeMic, micIdx]);
   useInput5((input, key) => {
     if (key.upArrow || input === "k") setSrcIdx((i) => Math.max(0, i - 1));
     else if (key.downArrow || input === "j") setSrcIdx((i) => Math.min(sources.length - 1, i + 1));
@@ -1656,30 +1733,29 @@ function RecordSetupView({
     else if (input === "m" && includeMic && hasMultipleMicrophones)
       setMicIdx((i) => (i + 1) % microphones.length);
     else if (input === "s" && model.scenes.length > 1) setSceneIdx((i) => (i + 1) % model.scenes.length);
-    else if (key.return && selected) {
-      onStart({
-        sourceId: selected.id,
-        includeMicrophone: includeMic,
-        ...includeMic && selectedMic ? { microphoneDeviceId: selectedMic.id } : {},
-        sceneId: model.scenes[sceneIdx]?.id
-      });
-    } else if (key.escape) onCancel();
+    else if (key.return && selected) onStart(selection);
+    else if (key.escape) onCancel();
   });
   const sourceList = /* @__PURE__ */ jsxs14(Box15, { flexDirection: "column", children: [
-    /* @__PURE__ */ jsx17(Text15, { dimColor: true, children: "SOURCE" }),
+    /* @__PURE__ */ jsxs14(Box15, { children: [
+      /* @__PURE__ */ jsx17(Box15, { width: 36, children: /* @__PURE__ */ jsx17(Text15, { dimColor: true, children: "SOURCE" }) }),
+      /* @__PURE__ */ jsx17(Text15, { dimColor: true, children: "INPUT" })
+    ] }),
     sources.map((s, i) => {
       const on = i === srcIdx;
-      return /* @__PURE__ */ jsxs14(Text15, { color: on ? "cyan" : void 0, wrap: "truncate-end", children: [
-        on ? "\u25B8 \u25CF " : "  \u25CB ",
-        s.label
+      return /* @__PURE__ */ jsxs14(Box15, { children: [
+        /* @__PURE__ */ jsx17(Box15, { width: 36, children: /* @__PURE__ */ jsxs14(Text15, { color: on ? "cyan" : void 0, wrap: "truncate-end", children: [
+          on ? "\u25B8 \u25CF " : "  \u25CB ",
+          s.label
+        ] }) }),
+        /* @__PURE__ */ jsx17(InputMeter, { level: levels?.bySourceId?.[s.id] })
       ] }, s.id);
     }),
     !hasAppSource ? /* @__PURE__ */ jsx17(Text15, { dimColor: true, children: "No app-specific sources available right now" }) : null
   ] });
-  const capturePlan = /* @__PURE__ */ jsxs14(Box15, { flexDirection: "column", children: [
-    /* @__PURE__ */ jsx17(Text15, { dimColor: true, children: "CAPTURE PLAN" }),
-    /* @__PURE__ */ jsx17(Text15, { children: includeMic ? `${selected?.label ?? "System audio"} + microphone` : `${selected?.label ?? "System audio"} only` }),
-    /* @__PURE__ */ jsx17(Text15, { dimColor: true, children: includeMic ? "Mic is mixed into the recording" : "Mic stays muted" })
+  const capturePlan = /* @__PURE__ */ jsxs14(Text15, { children: [
+    /* @__PURE__ */ jsx17(Text15, { dimColor: true, children: "Capture  " }),
+    /* @__PURE__ */ jsx17(Text15, { children: includeMic ? `${selected?.label ?? "System audio"} + microphone` : `${selected?.label ?? "System audio"} only` })
   ] });
   const shortcuts = [
     hasMultipleSources ? "\u2191\u2193 source" : void 0,
@@ -1691,9 +1767,9 @@ function RecordSetupView({
   ].filter(Boolean).join(" \xB7 ");
   return /* @__PURE__ */ jsxs14(Box15, { flexDirection: "column", paddingX: 1, children: [
     /* @__PURE__ */ jsx17(Text15, { bold: true, color: "green", children: "New recording" }),
-    /* @__PURE__ */ jsxs14(Box15, { marginTop: 1, flexDirection: wide ? "row" : "column", children: [
-      /* @__PURE__ */ jsx17(Box15, { flexGrow: 1, flexDirection: "column", children: sourceList }),
-      /* @__PURE__ */ jsx17(Box15, { marginLeft: wide ? 4 : 0, marginTop: wide ? 0 : 1, children: capturePlan })
+    /* @__PURE__ */ jsxs14(Box15, { marginTop: 1, flexDirection: "column", children: [
+      sourceList,
+      /* @__PURE__ */ jsx17(Box15, { marginTop: 1, children: capturePlan })
     ] }),
     /* @__PURE__ */ jsxs14(Box15, { marginTop: 1, flexDirection: "column", children: [
       /* @__PURE__ */ jsxs14(Text15, { children: [
@@ -1701,12 +1777,14 @@ function RecordSetupView({
         /* @__PURE__ */ jsx17(Text15, { color: includeMic ? "green" : "gray", children: includeMic ? "[x] include mic" : "[ ] include mic" }),
         /* @__PURE__ */ jsx17(Text15, { dimColor: true, children: "  (space)" })
       ] }),
-      selectedMic ? /* @__PURE__ */ jsxs14(Text15, { dimColor: !includeMic, children: [
-        /* @__PURE__ */ jsx17(Text15, { dimColor: true, children: "Mic device  " }),
-        /* @__PURE__ */ jsx17(Text15, { children: selectedMic.label }),
-        selectedMic.isDefault ? /* @__PURE__ */ jsx17(Text15, { dimColor: true, children: " \xB7 default" }) : null,
-        includeMic && hasMultipleMicrophones ? /* @__PURE__ */ jsx17(Text15, { dimColor: true, children: "  (m to change)" }) : null
+      selectedMic ? /* @__PURE__ */ jsxs14(Box15, { children: [
+        /* @__PURE__ */ jsx17(Box15, { width: 36, children: /* @__PURE__ */ jsxs14(Text15, { dimColor: !includeMic, wrap: "truncate-end", children: [
+          /* @__PURE__ */ jsx17(Text15, { dimColor: true, children: "Mic device  " }),
+          selectedMic.label
+        ] }) }),
+        includeMic ? /* @__PURE__ */ jsx17(InputMeter, { level: levels?.byMicrophoneId?.[selectedMic.id] }) : null
       ] }) : null,
+      includeMic && hasMultipleMicrophones ? /* @__PURE__ */ jsx17(Text15, { dimColor: true, children: "  (m to change device)" }) : null,
       model.scenes.length > 0 ? /* @__PURE__ */ jsxs14(Text15, { children: [
         /* @__PURE__ */ jsx17(Text15, { dimColor: true, children: "Scene       " }),
         /* @__PURE__ */ jsx17(Text15, { children: model.scenes[sceneIdx]?.label ?? "Default" }),
@@ -1716,17 +1794,18 @@ function RecordSetupView({
     /* @__PURE__ */ jsx17(Box15, { marginTop: 1, children: /* @__PURE__ */ jsx17(Text15, { dimColor: true, children: shortcuts }) })
   ] });
 }
+var METER_W;
 var init_RecordSetupView = __esm({
   "src/tui/RecordSetupView.tsx"() {
     "use strict";
-    init_terminal();
+    METER_W = 12;
   }
 });
 
 // src/tui/AppShell.tsx
-import { useCallback, useEffect as useEffect3, useState as useState7 } from "react";
+import { useCallback, useEffect as useEffect4, useState as useState7 } from "react";
 import { Box as Box16, Text as Text16, useApp, useInput as useInput6 } from "ink";
-import { Fragment as Fragment5, jsx as jsx18, jsxs as jsxs15 } from "react/jsx-runtime";
+import { Fragment as Fragment6, jsx as jsx18, jsxs as jsxs15 } from "react/jsx-runtime";
 function recordErrorCopy(code, message) {
   switch (code) {
     case "record.helper_unavailable":
@@ -1807,6 +1886,43 @@ function transcribeHandoffErrorCopy(error51) {
       return "Could not start transcription. Please try again.";
   }
 }
+function artifactProgressPatchFromOperationEvent(event) {
+  if (event.command !== "upload") return void 0;
+  if (event.status === "uploading" && typeof event.percent === "number") {
+    return {
+      uploadStatus: "uploading",
+      uploadProgress: Math.max(0, Math.min(1, event.percent / 100))
+    };
+  }
+  if (event.status === "finishing_upload") {
+    return {
+      uploadStatus: "uploading",
+      uploadProgress: 1
+    };
+  }
+  if (event.status === "starting_transcription") {
+    return {
+      uploadStatus: "uploaded",
+      uploadProgress: 1,
+      transcriptionStatus: "queued"
+    };
+  }
+  return void 0;
+}
+function transcriptionStatusFromJob(status) {
+  switch (status) {
+    case "queued":
+      return "queued";
+    case "running":
+      return "processing";
+    case "succeeded":
+      return "ready";
+    case "failed":
+      return "failed";
+    default:
+      return "not_started";
+  }
+}
 function permissionItemsFromRecordError(data) {
   const sidecarError = isRecord8(data) ? data : void 0;
   const sidecarData = isRecord8(sidecarError?.data) ? sidecarError.data : void 0;
@@ -1845,6 +1961,7 @@ function AppShell({
   listDownloadedRecordingIds,
   fetchRecordSetup,
   startLiveRecord,
+  startRecordSetupPreview,
   transcribeRecordingArtifact,
   initialView = "overview",
   openUrl: openUrl2,
@@ -1879,6 +1996,13 @@ function AppShell({
     sources: DEFAULT_RECORDING_SOURCES,
     microphones: []
   });
+  const [recordSetupSelection, setRecordSetupSelection] = useState7(
+    DEFAULT_RECORDING_SELECTION
+  );
+  const [recordSetupLevels, setRecordSetupLevels] = useState7({
+    bySourceId: {},
+    byMicrophoneId: {}
+  });
   const recordSetupModel = {
     sources: recordSetupInputs.sources.length > 0 ? recordSetupInputs.sources : DEFAULT_RECORDING_SOURCES,
     microphones: recordSetupInputs.microphones ?? [],
@@ -1891,10 +2015,56 @@ function AppShell({
     } catch {
     }
   }, [listDownloadedRecordingIds]);
-  useEffect3(() => {
+  useEffect4(() => {
     void refreshDownloadedIds();
   }, [refreshDownloadedIds]);
   const screen = stack[stack.length - 1];
+  useEffect4(() => {
+    if (screen.kind !== "recordSetup" || !startRecordSetupPreview) return;
+    let cancelled = false;
+    let preview;
+    let unsubscribe;
+    const selection = recordSetupSelection;
+    setRecordSetupLevels({ bySourceId: {}, byMicrophoneId: {} });
+    startRecordSetupPreview(selection, recordSetupModel.sources).then((session) => {
+      if (cancelled) {
+        void session.stop();
+        return;
+      }
+      preview = session;
+      unsubscribe = session.source.onEvent((event) => {
+        if (event.type !== "audio.level") return;
+        const level = levelFromRmsDb(event.rmsDb);
+        if (event.input === "microphone") {
+          const microphoneId = event.microphoneDeviceId ?? selection.microphoneDeviceId;
+          if (!microphoneId) return;
+          setRecordSetupLevels((current) => ({
+            ...current,
+            byMicrophoneId: { ...current.byMicrophoneId ?? {}, [microphoneId]: level }
+          }));
+          return;
+        }
+        const sourceId = event.sourceId ?? selection.sourceId;
+        setRecordSetupLevels((current) => ({
+          ...current,
+          bySourceId: { ...current.bySourceId, [sourceId]: level }
+        }));
+      });
+    }).catch(() => {
+    });
+    return () => {
+      cancelled = true;
+      unsubscribe?.();
+      if (preview) void preview.stop();
+    };
+  }, [
+    recordSetupSelection.includeMicrophone,
+    recordSetupSelection.microphoneDeviceId,
+    recordSetupSelection.sourceId,
+    recordSetupModel.sources,
+    screen.kind,
+    startRecordSetupPreview
+  ]);
   const beginLiveRecord = useCallback(
     (selection = DEFAULT_RECORDING_SELECTION) => {
       const capture = recordingCaptureMappingFromSelection(selection, recordSetupModel.sources);
@@ -1974,7 +2144,7 @@ function AppShell({
     setStack([{ kind: "overview" }]);
   }, [liveRecord, now, refreshDownloadedIds]);
   const liveSession = liveRecord?.kind === "live" ? liveRecord.session : void 0;
-  useEffect3(() => {
+  useEffect4(() => {
     if (!liveSession) return;
     const session = liveSession;
     const unsubscribe = session.source.onEvent((event) => {
@@ -1997,7 +2167,7 @@ function AppShell({
   }, [liveSession]);
   const selectedRecording = screen.kind === "overview" ? recordings[selected] : void 0;
   const peekTranscriptId = selectedRecording?.activeTranscriptId ?? void 0;
-  useEffect3(() => {
+  useEffect4(() => {
     if (!peekTranscriptId || summaryCache.has(peekTranscriptId)) return;
     let cancelled = false;
     const timer = setTimeout(() => {
@@ -2062,23 +2232,46 @@ function AppShell({
       artifact: {
         ...artifact,
         uploadStatus: "uploading",
+        uploadProgress: 0,
         transcriptionStatus: "not_started",
+        transcriptionProgress: void 0,
         error: void 0
       }
     });
     try {
-      const uploaded = await transcribeRecordingArtifact(artifact);
+      const uploaded = await transcribeRecordingArtifact(artifact, (event) => {
+        const patch = artifactProgressPatchFromOperationEvent(event);
+        if (!patch) return;
+        setLiveRecord((latest) => {
+          if (latest?.kind !== "stopped" || latest.artifact?.sessionId !== artifact.sessionId) {
+            return latest;
+          }
+          return {
+            ...latest,
+            artifact: {
+              ...latest.artifact,
+              ...patch
+            }
+          };
+        });
+      });
       const transcriptionStatus = uploaded.transcriptId != null || uploaded.status === "succeeded" || uploaded.status === "ready" ? "ready" : uploaded.status === "running" ? "processing" : uploaded.jobId ? "queued" : "not_started";
-      setLiveRecord({
-        ...current,
-        artifact: {
-          ...artifact,
-          recordingId: uploaded.recordingId,
-          ...uploaded.jobId ? { jobId: uploaded.jobId } : {},
-          ...uploaded.transcriptId ? { transcriptId: uploaded.transcriptId } : {},
-          uploadStatus: "uploaded",
-          transcriptionStatus
-        }
+      setLiveRecord((latest) => {
+        const base = latest?.kind === "stopped" && latest.artifact?.sessionId === artifact.sessionId ? latest : current;
+        return {
+          ...base,
+          artifact: {
+            ...artifact,
+            ...base.artifact ?? {},
+            recordingId: uploaded.recordingId,
+            ...uploaded.jobId ? { jobId: uploaded.jobId } : {},
+            ...uploaded.transcriptId ? { transcriptId: uploaded.transcriptId } : {},
+            uploadStatus: "uploaded",
+            uploadProgress: 1,
+            transcriptionStatus,
+            ...transcriptionStatus === "ready" ? { transcriptionProgress: 1 } : {}
+          }
+        };
       });
       setNotice(
         transcriptionStatus === "ready" ? "Transcription ready." : uploaded.jobId ? "Transcription queued." : "Uploaded to Recappi Cloud."
@@ -2122,13 +2315,13 @@ function AppShell({
       setLoadingMoreRecordings(false);
     }
   }, [fetchRecordings, loadingMoreRecordings, recordingsNextCursor]);
-  useEffect3(() => {
+  useEffect4(() => {
     void refresh({ resetRecordings: true });
     const id = setInterval(() => void refresh(), pollMs);
     return () => clearInterval(id);
   }, [refresh, pollMs]);
   const hasRunning = jobs.some((item) => item.status === "running");
-  useEffect3(() => {
+  useEffect4(() => {
     if (!hasRunning) return;
     const id = setInterval(() => setSpinnerFrame((f) => f + 1), spinnerMs);
     return () => clearInterval(id);
@@ -2141,12 +2334,29 @@ function AppShell({
       jobStatusByRecording.set(job.recordingId, job.status);
     }
   }
+  useEffect4(() => {
+    setLiveRecord((current) => {
+      if (current?.kind !== "stopped" || !current.artifact?.jobId) return current;
+      const job = jobs.find((item) => item.jobId === current.artifact?.jobId);
+      if (!job) return current;
+      const fraction = transcribeFraction(job);
+      return {
+        ...current,
+        artifact: {
+          ...current.artifact,
+          transcriptionStatus: transcriptionStatusFromJob(job.status),
+          ...job.transcriptId ? { transcriptId: job.transcriptId } : {},
+          ...job.status === "succeeded" ? { transcriptionProgress: 1 } : fraction != null ? { transcriptionProgress: fraction } : {}
+        }
+      };
+    });
+  }, [jobs]);
   const listLength = screen.kind === "jobs" ? jobs.length : screen.kind === "overview" ? recordings.length : 0;
-  useEffect3(() => {
+  useEffect4(() => {
     setSelected((i) => Math.max(0, Math.min(i, Math.max(0, listLength - 1))));
   }, [listLength]);
   const visibleRecordingRows = Math.max(3, size.rows - 6);
-  useEffect3(() => {
+  useEffect4(() => {
     if (screen.kind !== "overview" || !recordingsNextCursor) return;
     const nearLoadedEnd = recordings.length - selected <= RECORDINGS_PREFETCH_REMAINING;
     const underfilledViewport = recordings.length < visibleRecordingRows;
@@ -2179,7 +2389,7 @@ function AppShell({
     [fetchTranscript]
   );
   const detailTranscriptId = screen.kind === "recordingDetail" ? recordings.find((r) => r.recordingId === screen.recordingId)?.activeTranscriptId : void 0;
-  useEffect3(() => {
+  useEffect4(() => {
     if (!detailTranscriptId || transcriptCache.has(detailTranscriptId)) return;
     let cancelled = false;
     setTranscriptCache((m) => new Map(m).set(detailTranscriptId, "loading"));
@@ -2339,8 +2549,10 @@ function AppShell({
       RecordSetupView,
       {
         model: recordSetupModel,
+        levels: recordSetupLevels,
         onStart: beginLiveRecord,
-        onCancel: () => setStack((st) => st.length > 1 ? st.slice(0, -1) : [{ kind: "overview" }])
+        onCancel: () => setStack((st) => st.length > 1 ? st.slice(0, -1) : [{ kind: "overview" }]),
+        onSelectionChange: setRecordSetupSelection
       }
     ) });
   }
@@ -2366,7 +2578,7 @@ function AppShell({
           return /* @__PURE__ */ jsx18(PermissionPreflightView, { items: permissionItemsFromRecordError(liveRecord.data) });
         }
         const copy = recordErrorCopy(liveRecord.code, liveRecord.message);
-        return /* @__PURE__ */ jsxs15(Fragment5, { children: [
+        return /* @__PURE__ */ jsxs15(Fragment6, { children: [
           /* @__PURE__ */ jsx18(Text16, { color: copy.tone, children: copy.title }),
           copy.detail ? /* @__PURE__ */ jsx18(Text16, { dimColor: true, children: copy.detail }) : null
         ] });
@@ -2519,6 +2731,7 @@ async function runDashboard(deps) {
       listDownloadedRecordingIds: deps.listDownloadedRecordingIds,
       fetchRecordSetup: deps.fetchRecordSetup,
       startLiveRecord: deps.startLiveRecord,
+      startRecordSetupPreview: deps.startRecordSetupPreview,
       transcribeRecordingArtifact: deps.transcribeRecordingArtifact,
       initialView: deps.initialView ?? "overview",
       openUrl,
@@ -17279,6 +17492,19 @@ var sidecarRecordingStartResultSchema = external_exports.object({
   state: sidecarRecordingStateSchema,
   localSessionRef: external_exports.string().optional()
 });
+var sidecarLevelPreviewStartParamsSchema = external_exports.object({
+  options: sidecarRecordingOptionsSchema
+});
+var sidecarLevelPreviewStartResultSchema = external_exports.object({
+  previewId: external_exports.string()
+});
+var sidecarLevelPreviewStopParamsSchema = external_exports.object({
+  previewId: external_exports.string()
+});
+var sidecarLevelPreviewStopResultSchema = external_exports.object({
+  previewId: external_exports.string(),
+  state: external_exports.literal("stopped")
+});
 var sidecarSessionParamsSchema = external_exports.object({
   sessionId: external_exports.string()
 });
@@ -17320,6 +17546,18 @@ var sidecarRequestSchema = external_exports.discriminatedUnion("method", [
     method: external_exports.literal("recappi.recording.start"),
     params: sidecarRecordingStartParamsSchema
   }),
+  external_exports.object({
+    jsonrpc: external_exports.literal("2.0"),
+    id: sidecarJsonRpcIdSchema,
+    method: external_exports.literal("recappi.recording.level_preview.start"),
+    params: sidecarLevelPreviewStartParamsSchema
+  }),
+  external_exports.object({
+    jsonrpc: external_exports.literal("2.0"),
+    id: sidecarJsonRpcIdSchema,
+    method: external_exports.literal("recappi.recording.level_preview.stop"),
+    params: sidecarLevelPreviewStopParamsSchema
+  }),
   external_exports.object({
     jsonrpc: external_exports.literal("2.0"),
     id: sidecarJsonRpcIdSchema,
@@ -17378,8 +17616,11 @@ var sidecarEventSchema = external_exports.discriminatedUnion("type", [
   }),
   external_exports.object({
     type: external_exports.literal("audio.level"),
-    sessionId: external_exports.string(),
+    sessionId: external_exports.string().optional(),
+    previewId: external_exports.string().optional(),
     input: external_exports.enum(["system", "microphone"]),
+    sourceId: external_exports.string().optional(),
+    microphoneDeviceId: external_exports.string().optional(),
     rmsDb: external_exports.number().optional(),
     peakDb: external_exports.number().optional(),
     at: external_exports.number().int().optional(),
@@ -20219,6 +20460,20 @@ var MiniSidecarClient = class {
       sidecarRecordingStartResultSchema
     );
   }
+  startLevelPreview(params) {
+    return this.request(
+      "recappi.recording.level_preview.start",
+      sidecarLevelPreviewStartParamsSchema.parse(params),
+      sidecarLevelPreviewStartResultSchema
+    );
+  }
+  stopLevelPreview(params) {
+    return this.request(
+      "recappi.recording.level_preview.stop",
+      sidecarLevelPreviewStopParamsSchema.parse(params),
+      sidecarLevelPreviewStopResultSchema
+    );
+  }
   getPermissionStatus(params) {
     return this.request(
       "recappi.permissions.status",
@@ -20568,6 +20823,55 @@ async function listRecordInputs(opts) {
     sidecar.kill();
   }
 }
+async function startRecordSetupLevelPreview(opts, selection = {
+  sourceId: DEFAULT_RECORDING_SOURCES[0].id,
+  includeMicrophone: true
+}, sources = DEFAULT_RECORDING_SOURCES) {
+  const capture = recordingCaptureMappingFromSelection(selection, sources);
+  const command = resolveSidecarCommand(opts);
+  const sidecarArgs = opts.sidecarArgs ?? [];
+  const spawnSidecar = opts.runtime?.spawnSidecar ?? spawnMiniSidecar;
+  const sidecar = spawnSidecar({ command, args: sidecarArgs, env: opts.env });
+  let previewId;
+  let closed = false;
+  const close = () => {
+    if (closed) return;
+    closed = true;
+    sidecar.kill();
+  };
+  try {
+    await sidecar.client.handshake(
+      defaultSidecarHandshakeParams({
+        client: { name: "recappi-cli", version: opts.cliVersion },
+        capabilities: ["recording.capture"]
+      })
+    );
+    const started = await sidecar.client.startLevelPreview({
+      options: {
+        includeSystemAudio: capture.includeSystemAudio,
+        includeMicrophone: capture.includeMicrophone,
+        liveCaptions: false,
+        ...capture.targetBundleId ? { targetBundleId: capture.targetBundleId } : {},
+        ...capture.microphoneDeviceId ? { microphoneDeviceId: capture.microphoneDeviceId } : {}
+      }
+    });
+    previewId = started.previewId;
+    return {
+      source: sidecar.client,
+      stop: async () => {
+        try {
+          if (previewId) await sidecar.client.stopLevelPreview({ previewId });
+        } catch {
+        } finally {
+          close();
+        }
+      }
+    };
+  } catch (error51) {
+    close();
+    throw error51;
+  }
+}
 async function startRecordSession(opts) {
   let retriedAfterMicrophoneGrant = false;
   while (true) {
@@ -21115,14 +21419,24 @@ async function runCli(deps = {}) {
             sources
           );
         },
-        transcribeRecordingArtifact: async (artifact) => {
+        startRecordSetupPreview: async (selection, sources) => startRecordSetupLevelPreview(
+          {
+            cliVersion: CLI_VERSION,
+            env: deps.env,
+            runtime: deps.recordRuntime
+          },
+          selection,
+          sources
+        ),
+        transcribeRecordingArtifact: async (artifact, onEvent) => {
           if (!artifact.audioPath) {
             throw cliError("input.not_found", "No local audio file is available to transcribe.");
           }
           const data = await client.uploadPathBatch({
             inputPath: artifact.audioPath,
             transcribe: true,
-            wait: false
+            wait: false,
+            onEvent
           });
           if (data.failures.length > 0) {
             const failure = data.failures[0];