recappi 0.1.63 → 0.1.65

package/dist/index.js

@@ -139,7 +139,7 @@ function formatClockMs(ms) {
   const ss = String(secs).padStart(2, "0");
   return hours > 0 ? `${hours}:${mm}:${ss}` : `${mm}:${ss}`;
 }
-function progressBar(fraction, width = 10) {
+function progressBar2(fraction, width = 10) {
   const clamped = Math.max(0, Math.min(1, fraction));
   const filled = Math.round(clamped * width);
   return `[${"\u2588".repeat(filled)}${"\u2591".repeat(width - filled)}]`;
@@ -200,7 +200,7 @@ function jobDetail(item) {
     const fraction = transcribeFraction(item);
     if (fraction != null) {
       const pct2 = Math.round(fraction * 100);
-      return `${progressBar(fraction)} ${String(pct2).padStart(3)}%  ${formatClockMs(
+      return `${progressBar2(fraction)} ${String(pct2).padStart(3)}%  ${formatClockMs(
         item.processedDurationMs
       )} / ${formatClockMs(item.recording?.durationMs)}`;
     }
@@ -335,7 +335,7 @@ function groupedListWindow(buckets, selected, budget) {
   }
   return listWindow(selected, total, 1);
 }
-function formatBytes2(bytes) {
+function formatBytes3(bytes) {
   if (bytes == null || !Number.isFinite(bytes) || bytes < 0) return "";
   const units = ["B", "KB", "MB", "GB", "TB"];
   let value = bytes;
@@ -647,16 +647,16 @@ function Usage({
     ] }),
     /* @__PURE__ */ jsxs3(Text3, { children: [
       /* @__PURE__ */ jsx5(Text3, { dimColor: true, children: "Minutes " }),
-      minutesCap != null ? /* @__PURE__ */ jsx5(Text3, { color: billing.isOverMinutes ? "red" : "cyan", children: `${progressBar(minutesUsed / Math.max(1, minutesCap), 12)} ` }) : null,
+      minutesCap != null ? /* @__PURE__ */ jsx5(Text3, { color: billing.isOverMinutes ? "red" : "cyan", children: `${progressBar2(minutesUsed / Math.max(1, minutesCap), 12)} ` }) : null,
       /* @__PURE__ */ jsx5(Text3, { color: billing.isOverMinutes ? "red" : void 0, children: `${Math.round(minutesUsed)}` }),
       /* @__PURE__ */ jsx5(Text3, { dimColor: true, children: ` / ${minutesCap != null ? Math.round(minutesCap) : "\u221E"} min` }),
       /* @__PURE__ */ jsx5(Text3, { dimColor: true, children: `   (batch ${Math.round(billing.batchMinutesUsed)} \xB7 live ${Math.round(billing.realtimeMinutesUsed)})` })
     ] }),
     /* @__PURE__ */ jsxs3(Text3, { children: [
       /* @__PURE__ */ jsx5(Text3, { dimColor: true, children: "Storage " }),
-      storageCap != null ? /* @__PURE__ */ jsx5(Text3, { color: billing.isOverStorage ? "red" : "cyan", children: `${progressBar(billing.storageBytes / Math.max(1, storageCap), 12)} ` }) : null,
-      /* @__PURE__ */ jsx5(Text3, { color: billing.isOverStorage ? "red" : void 0, children: formatBytes2(billing.storageBytes) }),
-      /* @__PURE__ */ jsx5(Text3, { dimColor: true, children: ` / ${storageCap != null ? formatBytes2(storageCap) : "\u221E"}` })
+      storageCap != null ? /* @__PURE__ */ jsx5(Text3, { color: billing.isOverStorage ? "red" : "cyan", children: `${progressBar2(billing.storageBytes / Math.max(1, storageCap), 12)} ` }) : null,
+      /* @__PURE__ */ jsx5(Text3, { color: billing.isOverStorage ? "red" : void 0, children: formatBytes3(billing.storageBytes) }),
+      /* @__PURE__ */ jsx5(Text3, { dimColor: true, children: ` / ${storageCap != null ? formatBytes3(storageCap) : "\u221E"}` })
     ] }),
     billing.isOverMinutes || billing.isOverStorage ? /* @__PURE__ */ jsxs3(Text3, { color: "red", children: [
       billing.isOverMinutes ? "Over minutes limit. " : "",
@@ -907,7 +907,7 @@ function PeekBody({
   const style = recordingStatusStyle(item.status);
   const meta3 = [
     item.durationMs ? formatClockMs(item.durationMs) : null,
-    formatBytes2(item.sizeBytes) || null,
+    formatBytes3(item.sizeBytes) || null,
     formatAge(item.createdAt, nowMs)
   ].filter(Boolean).join(" \xB7 ");
   return /* @__PURE__ */ jsxs8(Fragment3, { children: [
@@ -1108,7 +1108,7 @@ function StatusLine({
     if (fraction != null) {
       const pct2 = Math.round(fraction * 100);
       return /* @__PURE__ */ jsxs10(Text11, { children: [
-        `${progressBar(fraction)} ${pct2}%  ${formatClockMs(item.processedDurationMs)} / ${formatClockMs(
+        `${progressBar2(fraction)} ${pct2}%  ${formatClockMs(item.processedDurationMs)} / ${formatClockMs(
           item.recording?.durationMs
         )}`,
         /* @__PURE__ */ jsx13(Text11, { dimColor: true, children: elapsed })
@@ -1169,7 +1169,7 @@ function RecordingDetailView({
   const title = recordingTitle2(item);
   const meta3 = [
     item.durationMs ? formatClockMs(item.durationMs) : void 0,
-    formatBytes2(item.sizeBytes) || void 0,
+    formatBytes3(item.sizeBytes) || void 0,
     item.contentType || void 0
   ].filter(Boolean).join("  \xB7  ");
   const ready = typeof transcript === "object";
@@ -1729,7 +1729,7 @@ function RecordFrame({
     ...captions.lines.filter((l) => l.translation).map((l) => trimLead2(l.translation)),
     ...captions.translationPartial ? [trimLead2(captions.translationPartial)] : []
   ] : [];
-  const status = telemetry.sizeBytes ? formatBytes2(telemetry.sizeBytes) : "";
+  const status = telemetry.sizeBytes ? formatBytes3(telemetry.sizeBytes) : "";
   const sourceLine = [telemetry.sourceLabel, telemetry.micEnabled ? "Microphone" : null, status || null].filter(Boolean).join(" \xB7 ");
   return /* @__PURE__ */ jsxs15(Box16, { flexDirection: "column", paddingX: 1, height: size.rows, children: [
     /* @__PURE__ */ jsxs15(Box16, { justifyContent: "space-between", children: [
@@ -19296,6 +19296,13 @@ var RecappiApiClient = class {
     for (const filePath of files) {
       attemptedCount += 1;
       try {
+        opts.onEvent?.({
+          type: "progress",
+          command: "upload",
+          filePath,
+          status: "checking_audio",
+          message: `Checking ${filePath}`
+        });
         const plan = await planAudioFile(filePath, files.length === 1 ? opts.title : void 0);
         const result = await this.uploadFile(plan, opts);
         successes.push(result);
@@ -19338,10 +19345,19 @@ var RecappiApiClient = class {
   async uploadFile(plan, opts) {
     const relative = plan.filePath;
     opts.onEvent?.({
-      type: "started",
+      type: "progress",
       command: "upload",
       filePath: relative,
-      message: `Preparing ${relative}`
+      status: "starting_upload",
+      message: `Starting upload ${relative}`,
+      data: {
+        file: {
+          title: plan.title,
+          contentType: plan.contentType,
+          sizeBytes: plan.sizeBytes,
+          ...plan.durationMs ? { durationMs: plan.durationMs } : {}
+        }
+      }
     });
     const init = await this.postJson("/api/recordings", {
       title: plan.title,
@@ -20219,13 +20235,240 @@ ${lines.join("\n")}
 ` : "";
 }
 
+// src/progressStepper.ts
+var STEP_DEFS = [
+  { key: "check", label: "Check" },
+  { key: "upload", label: "Upload" },
+  { key: "transcribe", label: "Transcribe" },
+  { key: "done", label: "Done" }
+];
+var SPINNER = ["\u280B", "\u2819", "\u2839", "\u2838", "\u283C", "\u2834", "\u2826", "\u2827", "\u2807", "\u280F"];
+var BAR_WIDTH = 16;
+var LABEL_WIDTH = 11;
+function createStepperModel() {
+  return {
+    steps: STEP_DEFS.map((d) => ({ ...d, status: "pending", detail: "" })),
+    finished: false
+  };
+}
+function isStepperEvent(event) {
+  if (event.command !== "upload") return false;
+  if (event.type === "started") return true;
+  return typeof event.status === "string";
+}
+function cloneModel(model) {
+  return {
+    steps: model.steps.map((s) => ({ ...s })),
+    ...model.transcribeStartMs != null ? { transcribeStartMs: model.transcribeStartMs } : {},
+    finished: model.finished
+  };
+}
+function applyStepperEvent(model, event, nowMs) {
+  const next = cloneModel(model);
+  const step = (key) => next.steps.find((s) => s.key === key);
+  const markDone = (key) => {
+    const s = step(key);
+    if (s.status !== "failed") {
+      s.status = "done";
+      s.percent = void 0;
+    }
+  };
+  const startTranscribeClock = () => {
+    if (next.transcribeStartMs == null) next.transcribeStartMs = nowMs;
+  };
+  switch (event.status) {
+    case "checking_audio":
+      step("check").status = "active";
+      break;
+    case "starting_upload": {
+      markDone("check");
+      const file2 = fileFromEvent(event);
+      if (file2) step("check").detail = file2;
+      step("upload").status = "active";
+      step("upload").detail = "Starting\u2026";
+      break;
+    }
+    case "uploading":
+      step("upload").status = "active";
+      step("upload").detail = "";
+      if (typeof event.percent === "number") step("upload").percent = event.percent;
+      break;
+    case "finishing_upload":
+      step("upload").status = "active";
+      step("upload").detail = "Finalizing";
+      step("upload").percent = 100;
+      break;
+    case "uploaded":
+      markDone("upload");
+      step("upload").detail = recordingUrl(event) ?? "Uploaded";
+      break;
+    case "starting_transcription":
+      step("transcribe").status = "active";
+      step("transcribe").detail = "Starting\u2026";
+      startTranscribeClock();
+      break;
+    case "queued":
+      step("transcribe").status = "active";
+      step("transcribe").detail = "Queued";
+      startTranscribeClock();
+      break;
+    case "running":
+      step("transcribe").status = "active";
+      startTranscribeClock();
+      if (typeof event.percent === "number") {
+        step("transcribe").percent = event.percent;
+        step("transcribe").detail = "";
+      } else {
+        step("transcribe").percent = void 0;
+        step("transcribe").detail = "Transcribing\u2026";
+      }
+      break;
+    case "succeeded":
+      markDone("transcribe");
+      markDone("done");
+      if (event.transcriptId) {
+        step("done").detail = `\u2192 recappi transcript get ${event.transcriptId}`;
+      }
+      next.finished = true;
+      break;
+    case "failed":
+      markActiveFailed(next, event.message);
+      break;
+    default:
+      if (event.type === "started") step("check").status = "active";
+      break;
+  }
+  return next;
+}
+function markStepperFailed(model, message) {
+  const next = cloneModel(model);
+  markActiveFailed(next, message);
+  return next;
+}
+function completeStepperModel(model, next) {
+  const m = cloneModel(model);
+  const transcribe = m.steps.find((s) => s.key === "transcribe");
+  if (transcribe.status === "pending") {
+    transcribe.status = "skipped";
+    transcribe.detail = "no --transcribe";
+  }
+  for (const s of m.steps) {
+    if (s.status === "active" || s.status === "pending") s.status = "done";
+    s.percent = void 0;
+  }
+  const done = m.steps.find((s) => s.key === "done");
+  if (next?.transcriptId) done.detail = `\u2192 recappi transcript get ${next.transcriptId}`;
+  else if (next?.recordingId) done.detail = `\u2192 recappi recordings get ${next.recordingId}`;
+  m.finished = true;
+  return m;
+}
+function markActiveFailed(model, message) {
+  const active = model.steps.find((s) => s.status === "active");
+  const target = active ?? model.steps.find((s) => s.status === "pending");
+  if (target) {
+    target.status = "failed";
+    if (message) target.detail = message;
+  }
+  model.finished = true;
+}
+function formatStepperLines(model, nowMs, spinnerFrame, color) {
+  return model.steps.map((s) => {
+    const marker = markerFor(s, spinnerFrame);
+    const label = s.label.padEnd(LABEL_WIDTH);
+    let detail = s.detail;
+    if (s.status === "active" && typeof s.percent === "number") {
+      detail = `${progressBar(s.percent)}  ${clampPercent2(s.percent)}%`;
+    }
+    if (s.key === "transcribe" && s.status === "active" && model.transcribeStartMs != null) {
+      const elapsed = formatElapsed(Math.max(0, nowMs - model.transcribeStartMs));
+      detail = detail ? `${detail} \xB7 ${elapsed}` : elapsed;
+    }
+    const body = `  ${marker}  ${label}${detail}`.trimEnd();
+    return color ? colorize(s.status, marker, body) : body;
+  });
+}
+function markerFor(step, spinnerFrame) {
+  switch (step.status) {
+    case "done":
+      return "\u2713";
+    case "failed":
+      return "\u2717";
+    case "active":
+      return SPINNER[spinnerFrame % SPINNER.length];
+    case "skipped":
+      return "\xB7";
+    default:
+      return "\u25CB";
+  }
+}
+function colorize(status, marker, line) {
+  const code = status === "done" ? "32" : status === "failed" ? "31" : status === "active" ? "36" : "90";
+  const colored = `\x1B[${code}m${marker}\x1B[0m`;
+  return line.replace(marker, colored);
+}
+function progressBar(percent) {
+  const p = clampPercent2(percent);
+  const filled = Math.round(p / 100 * BAR_WIDTH);
+  return "\u2588".repeat(filled) + "\u2591".repeat(BAR_WIDTH - filled);
+}
+function clampPercent2(percent) {
+  return Math.max(0, Math.min(100, Math.round(percent)));
+}
+function fileFromEvent(event) {
+  const data = event.data;
+  if (!data || typeof data !== "object") return void 0;
+  const file2 = data.file;
+  if (!file2 || typeof file2 !== "object") return void 0;
+  const f = file2;
+  const parts = [];
+  if (typeof f.title === "string" && f.title) parts.push(f.title);
+  if (typeof f.sizeBytes === "number") parts.push(formatBytes(f.sizeBytes));
+  if (typeof f.durationMs === "number") parts.push(formatMediaDuration(f.durationMs));
+  return parts.length ? parts.join(" \xB7 ") : void 0;
+}
+function recordingUrl(event) {
+  if (typeof event.message === "string" && event.message.includes("/recordings/")) {
+    const idx = event.message.indexOf("http");
+    if (idx >= 0) return event.message.slice(idx);
+  }
+  if (event.origin && event.recordingId) {
+    return `${event.origin.replace(/\/+$/, "")}/recordings/${event.recordingId}`;
+  }
+  return void 0;
+}
+function formatBytes(bytes) {
+  if (bytes >= 1024 * 1024 * 1024) return `${(bytes / (1024 * 1024 * 1024)).toFixed(1)} GB`;
+  if (bytes >= 1024 * 1024) return `${(bytes / (1024 * 1024)).toFixed(1)} MB`;
+  if (bytes >= 1024) return `${(bytes / 1024).toFixed(1)} KB`;
+  return `${bytes} B`;
+}
+function formatMediaDuration(ms) {
+  const totalSec = Math.round(ms / 1e3);
+  const h = Math.floor(totalSec / 3600);
+  const m = Math.floor(totalSec % 3600 / 60);
+  const s = totalSec % 60;
+  if (h > 0) return `${h}:${String(m).padStart(2, "0")}:${String(s).padStart(2, "0")}`;
+  return `${m}:${String(s).padStart(2, "0")}`;
+}
+function formatElapsed(ms) {
+  const totalSec = Math.floor(ms / 1e3);
+  const h = Math.floor(totalSec / 3600);
+  const m = Math.floor(totalSec % 3600 / 60);
+  const s = totalSec % 60;
+  const clock = h > 0 ? `${h}:${String(m).padStart(2, "0")}:${String(s).padStart(2, "0")}` : `${m}:${String(s).padStart(2, "0")}`;
+  return `${clock} elapsed`;
+}
+
 // src/render.ts
 function createHumanProgressState(interactive) {
   return {
     interactive,
     activeLineLength: 0,
     lastLineByScope: /* @__PURE__ */ new Map(),
-    lastUploadBucketByScope: /* @__PURE__ */ new Map()
+    lastUploadBucketByScope: /* @__PURE__ */ new Map(),
+    stepperLinesDrawn: 0,
+    spinnerFrame: 0,
+    stepperShown: false
   };
 }
 function renderSuccess(command, data, opts) {
@@ -20247,6 +20490,7 @@ function renderSuccess(command, data, opts) {
     renderEnvelope(envelope, opts);
     return;
   }
+  finalizeStepperSuccess(command, filtered, opts);
   finishHumanProgress(opts);
   renderHumanSuccess(command, filtered, opts);
 }
@@ -20275,6 +20519,7 @@ function renderFailure(command, error51, opts, data) {
     renderEnvelope(envelope, opts);
     return;
   }
+  if (finalizeStepperFailure(command, error51, opts, data)) return;
   finishHumanProgress(opts);
   opts.stderr(`recappi: ${error51.message}
 `);
@@ -20300,6 +20545,10 @@ function renderEvent(event, opts) {
     return;
   }
   if ((event.type === "started" || event.type === "progress") && opts.mode === "human") {
+    if (opts.progress?.interactive && isStepperEvent(event)) {
+      renderStepperEvent(event, opts);
+      return;
+    }
     const line = formatHumanProgress(event, opts);
     if (line) {
       if (isPersistentProgressEvent(event)) writePersistentHumanProgress(line, opts);
@@ -20307,6 +20556,56 @@ function renderEvent(event, opts) {
     }
   }
 }
+function renderStepperEvent(event, opts) {
+  const state = opts.progress;
+  if (!state) return;
+  if (!state.stepper) state.stepper = createStepperModel();
+  state.stepper = applyStepperEvent(state.stepper, event, Date.now());
+  state.spinnerFrame += 1;
+  drawStepperBlock(state, opts);
+}
+function drawStepperBlock(state, opts) {
+  if (!state.stepper) return;
+  const lines = formatStepperLines(state.stepper, Date.now(), state.spinnerFrame, true);
+  let out = "";
+  if (state.stepperLinesDrawn > 0) out += `\x1B[${state.stepperLinesDrawn}A`;
+  for (const line of lines) out += `\x1B[2K${line}
+`;
+  opts.stderr(out);
+  state.stepperLinesDrawn = lines.length;
+  state.stepperShown = true;
+}
+function finalizeStepperSuccess(command, data, opts) {
+  const state = opts.progress;
+  if (!state?.stepper || state.stepperLinesDrawn === 0 || command !== "upload") return;
+  const success2 = firstUploadSuccess(data);
+  state.stepper = completeStepperModel(state.stepper, success2);
+  drawStepperBlock(state, opts);
+}
+function firstUploadSuccess(data) {
+  if (!isUploadBatch(data) || data.successes.length === 0) return void 0;
+  const s = data.successes[0];
+  return {
+    ...s.transcriptId ? { transcriptId: s.transcriptId } : {},
+    ...s.recordingId ? { recordingId: s.recordingId } : {}
+  };
+}
+function finalizeStepperFailure(command, error51, opts, data) {
+  const state = opts.progress;
+  if (!state?.stepper || state.stepperLinesDrawn === 0) return false;
+  state.stepper = markStepperFailed(state.stepper, stepperFailureDetail(command, error51, data));
+  drawStepperBlock(state, opts);
+  state.stepperLinesDrawn = 0;
+  state.stepper = void 0;
+  return true;
+}
+function stepperFailureDetail(command, error51, data) {
+  if (command === "upload" && isUploadBatch(data) && data.failures.length > 0) {
+    const first = data.failures[0].error;
+    return `${first.message} (${first.code})`;
+  }
+  return `${error51.message} (${error51.code})`;
+}
 function renderEnvelope(envelope, opts) {
   const parsed = cliEnvelopeSchema.parse(envelope);
   opts.stdout(`${stableStringify(parsed, opts.compact === true)}
@@ -20356,7 +20655,7 @@ function renderHumanSuccess(command, data, opts) {
     }
     if (typeof billing.storageBytes === "number") {
       const cap = formatNullableCap(billing.storageCapBytes, "bytes");
-      opts.stdout(`  storage: ${formatBytes(billing.storageBytes)} / ${cap}
+      opts.stdout(`  storage: ${formatBytes2(billing.storageBytes)} / ${cap}
 `);
     }
     const localStore = isRecord4(data.localStore) ? data.localStore : {};
@@ -20418,7 +20717,7 @@ Next cursor: ${data.nextCursor}
     if (typeof data.durationMs === "number")
       opts.stdout(`  duration: ${formatDurationMs(data.durationMs)}
 `);
-    if (typeof data.sizeBytes === "number") opts.stdout(`  size: ${formatBytes(data.sizeBytes)}
+    if (typeof data.sizeBytes === "number") opts.stdout(`  size: ${formatBytes2(data.sizeBytes)}
 `);
     if (typeof data.activeTranscriptId === "string") {
       opts.stdout(`  activeTranscriptId: ${data.activeTranscriptId}
@@ -20467,6 +20766,7 @@ Next:
     return;
   }
   if (command === "upload" && isUploadBatch(data)) {
+    if (opts.progress?.stepperShown && data.failures.length === 0) return;
     if (data.successes.length > 0) {
       opts.stdout(uploadSuccessHeading(data.successes));
     }
@@ -20622,8 +20922,7 @@ function formatHumanProgress(event, opts) {
   const scope = progressScope(event);
   let line;
   if (event.type === "started") {
-    const label = humanFileLabel(event.filePath);
-    line = label ? `Preparing ${label}` : "Preparing upload";
+    line = event.message;
   } else if (event.command === "upload") {
     line = formatUploadProgress(event, opts, scope);
   } else if (event.command === "jobs wait") {
@@ -20639,13 +20938,20 @@ function formatHumanProgress(event, opts) {
   return line;
 }
 function formatUploadProgress(event, opts, scope) {
+  const label = event.filePath ? humanFileLabel(event.filePath) : void 0;
+  if (event.status === "checking_audio") {
+    return label ? `Checking ${label}` : "Checking audio file";
+  }
+  if (event.status === "starting_upload") {
+    return label ? `Starting upload ${label}` : "Starting upload";
+  }
   if (event.status === "uploading" && typeof event.percent === "number") {
     const state = opts.progress;
     const bucket = Math.min(100, Math.max(0, Math.floor(event.percent / 10) * 10));
     const previous = state?.lastUploadBucketByScope.get(scope);
     if (previous !== void 0 && bucket <= previous && bucket !== 100) return void 0;
     state?.lastUploadBucketByScope.set(scope, bucket);
-    return `Uploading${event.filePath ? ` ${humanFileLabel(event.filePath)}` : ""}: ${event.percent}%`;
+    return `Uploading${label ? ` ${label}` : ""}: ${event.percent}%`;
   }
   if (event.status === "finishing_upload") return "Finalizing upload";
   if (event.status === "uploaded") {
@@ -20686,7 +20992,13 @@ function writePersistentHumanProgress(line, opts) {
 }
 function finishHumanProgress(opts) {
   const state = opts.progress;
-  if (!state?.interactive || state.activeLineLength === 0) return;
+  if (!state) return;
+  if (state.stepperLinesDrawn > 0) {
+    state.stepperLinesDrawn = 0;
+    state.stepper = void 0;
+    return;
+  }
+  if (!state.interactive || state.activeLineLength === 0) return;
   opts.stderr("\n");
   state.activeLineLength = 0;
 }
@@ -20779,7 +21091,7 @@ function numberText(value) {
 function formatDurationMs(ms) {
   return formatClock(ms / 1e3);
 }
-function formatBytes(bytes) {
+function formatBytes2(bytes) {
   if (bytes < 1024) return `${bytes} B`;
   const units = ["KB", "MB", "GB", "TB"];
   let value = bytes / 1024;
@@ -20794,7 +21106,7 @@ function formatBytes(bytes) {
 function formatNullableCap(value, unit) {
   if (value === null || value === void 0) return "Unlimited";
   if (typeof value !== "number" || !Number.isFinite(value)) return "Unlimited";
-  return unit === "bytes" ? formatBytes(value) : String(value);
+  return unit === "bytes" ? formatBytes2(value) : String(value);
 }
 function formatClock(seconds) {
   const total = Math.max(0, Math.floor(seconds));
@@ -21453,7 +21765,7 @@ function RecordingHeroScreen({
     const phase = stoppedPhase(artifact);
     const meta3 = [
       telemetry.durationMs != null ? formatClockMs(telemetry.durationMs) : null,
-      formatBytes2(telemetry.sizeBytes) || null
+      formatBytes3(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: [
@@ -21488,7 +21800,7 @@ function RecordingHeroScreen({
   const starting = telemetry.status === "starting" || telemetry.status === "stopping";
   const badge = paused ? "\u23F8 PAUSED" : starting ? "\u2026" : "\u23FA REC";
   const meterW = Math.max(10, Math.min(72, innerWidth - 20));
-  const sizeStr = telemetry.sizeBytes ? formatBytes2(telemetry.sizeBytes) : "";
+  const sizeStr = telemetry.sizeBytes ? formatBytes3(telemetry.sizeBytes) : "";
   const context = [telemetry.sourceLabel, telemetry.micEnabled ? "Microphone" : null, sizeStr || null].filter(Boolean).join("  \xB7  ");
   const waveRows = waveRowsFor(size.rows);
   const meterBlockRows = (telemetry.micEnabled ? 2 : 1) * (waveRows + 1) + (telemetry.micEnabled ? 1 : 0);