@agent-native/core 0.84.12 → 0.84.14

package/corpus/core/src/client/chat/run-recovery.tsx

@@ -513,7 +513,9 @@ export function RunErrorRecoveryCard({
   onDismiss: () => void;
 }) {
   const [detailsOpen, setDetailsOpen] = useState(false);
-  const [copied, setCopied] = useState(false);
+  const [copyState, setCopyState] = useState<"idle" | "copied" | "failed">(
+    "idle",
+  );
   const [forking, setForking] = useState(false);
   const [forkError, setForkError] = useState<string | null>(null);
   const builderReconnect = useBuilderConnectFlow({
@@ -538,11 +540,15 @@ export function RunErrorRecoveryCard({
     ]
       .filter(Boolean)
       .join("\n\n");
-    void writeClipboardText(text).then((ok) => {
-      if (!ok) return;
-      setCopied(true);
-      setTimeout(() => setCopied(false), 1200);
-    });
+    void writeClipboardText(text)
+      .then((ok) => {
+        setCopyState(ok ? "copied" : "failed");
+        setTimeout(() => setCopyState("idle"), 1600);
+      })
+      .catch(() => {
+        setCopyState("failed");
+        setTimeout(() => setCopyState("idle"), 1600);
+      });
   }, [info]);
   const startNewChat = useCallback(() => {
     window.dispatchEvent(new CustomEvent("agent-chat:new-chat"));
@@ -705,8 +711,20 @@ export function RunErrorRecoveryCard({
           onClick={copyDetails}
           className="ml-auto inline-flex h-8 items-center gap-1.5 rounded-md px-2.5 text-xs font-medium text-muted-foreground hover:bg-background/80 hover:text-foreground"
         >
-          {copied ? <IconCheck size={13} /> : <IconCopy size={13} />}
-          {copied ? "Copied" : copyLabel}
+          {copyState === "copied" ? (
+            <IconCheck size={13} />
+          ) : copyState === "failed" ? (
+            <IconX size={13} />
+          ) : (
+            <IconCopy size={13} />
+          )}
+          <span aria-live="polite">
+            {copyState === "copied"
+              ? "Copied"
+              : copyState === "failed"
+                ? "Copy failed"
+                : copyLabel}
+          </span>
         </button>
       </div>
       {shouldShowBuilderReconnect && builderReconnect.error && (
@@ -913,42 +931,32 @@ export function PlanModeCallout({
   onSwitchToAct: () => void;
 }) {
   return (
-    <div className="shrink-0 px-3 pt-2">
-      <div className="rounded-lg border border-blue-500/25 bg-blue-500/[0.06] px-3 py-2.5 shadow-sm">
-        <div className="flex items-center gap-2.5">
-          <span className="flex h-7 w-7 shrink-0 items-center justify-center rounded-md bg-blue-500/10 text-blue-600 dark:text-blue-300">
-            <IconClipboardList size={15} />
-          </span>
-          <div className="min-w-0 flex-1">
-            <p className="text-sm font-medium text-foreground">
-              {canImplementPlan ? "Plan ready" : "Plan mode is on"}
-            </p>
-            <p className="mt-0.5 text-xs leading-relaxed text-muted-foreground">
-              {canImplementPlan
-                ? "Switch to Act and run the proposed plan."
-                : "The next turn will stay read-only until you switch to Act."}
-            </p>
-          </div>
-          {canImplementPlan ? (
-            <button
-              type="button"
-              onClick={onImplementPlan}
-              className="inline-flex h-8 shrink-0 items-center gap-1.5 rounded-md bg-foreground px-3 text-xs font-medium text-background hover:opacity-90"
-            >
-              <IconPlayerPlay size={13} />
-              Implement Plan
-            </button>
-          ) : (
-            <button
-              type="button"
-              onClick={onSwitchToAct}
-              className="inline-flex h-8 shrink-0 items-center gap-1.5 rounded-md border border-border bg-background px-3 text-xs font-medium text-foreground hover:bg-accent"
-            >
-              Act
-              <IconArrowRight size={13} />
-            </button>
-          )}
-        </div>
+    <div className="shrink-0 px-3 pt-1">
+      <div className="ml-auto flex w-fit max-w-full items-center gap-2 rounded-full border border-border/70 bg-background/95 px-2 py-1.5 text-xs text-muted-foreground shadow-sm">
+        <IconClipboardList size={13} className="shrink-0" />
+        <span className="min-w-0 truncate">
+          {canImplementPlan ? "Plan ready" : "Plan mode"}
+        </span>
+        {canImplementPlan ? (
+          <button
+            type="button"
+            onClick={onImplementPlan}
+            className="inline-flex h-6 shrink-0 items-center gap-1 rounded-full bg-foreground px-2.5 text-[11px] font-medium text-background hover:opacity-90"
+          >
+            <IconPlayerPlay size={12} />
+            Implement
+          </button>
+        ) : (
+          <button
+            type="button"
+            onClick={onSwitchToAct}
+            className="inline-flex h-6 shrink-0 items-center gap-1 rounded-full border border-border bg-background px-2.5 text-[11px] font-medium text-foreground hover:bg-accent"
+            aria-label="Switch to Act mode"
+          >
+            Act
+            <IconArrowRight size={12} />
+          </button>
+        )}
       </div>
     </div>
   );

package/corpus/core/src/client/chat/tool-call-display.tsx

@@ -692,10 +692,12 @@ export function ToolCallFallback({
   mcpApp?: AgentMcpAppPayload;
   chatUI?: ActionChatUIConfig;
   structuredMeta?: Record<string, unknown>;
+  activity?: boolean;
   approval?: { approvalKey: string; dismissed?: boolean };
 }) {
   const chatRunning = React.useContext(ChatRunningContext);
-  const isRunning = result === undefined && chatRunning;
+  const isRunning =
+    result === undefined && (chatRunning || rest.activity === true);
   return (
     <ToolCallDisplay
       toolName={toolName}
@@ -757,7 +759,10 @@ export function ReconnectStreamMessage({
                 mcpApp={part.mcpApp}
                 chatUI={part.chatUI}
                 structuredMeta={part.structuredMeta}
-                isRunning={part.result === undefined && chatRunning}
+                isRunning={
+                  part.result === undefined &&
+                  (chatRunning || part.activity === true)
+                }
                 approval={part.approval}
               />
             );

package/corpus/core/src/observability/traces.ts

@@ -89,6 +89,14 @@ export async function instrumentAgentLoop(opts: {
    *  reads. */
   userId: string | null;
   config: ObservabilityConfig;
+  classifyError?: (error: unknown) =>
+    | {
+        status?: "success" | "error";
+        errorMessage?: string | null;
+        metadata?: Record<string, unknown> | null;
+      }
+    | null
+    | undefined;
 }): Promise<AgentLoopUsage> {
   const { runAgentLoop, loopOpts, runId, threadId, userId, config } = opts;
   const runStart = Date.now();
@@ -260,11 +268,17 @@ export async function instrumentAgentLoop(opts: {
   let usage: AgentLoopUsage | undefined;
   let runStatus: "success" | "error" = "success";
   let errorMessage: string | null = null;
+  let runMetadata: Record<string, unknown> | null = null;
   try {
     usage = await runAgentLoop({ ...loopOpts, send: instrumentedSend });
   } catch (err: any) {
-    runStatus = "error";
-    errorMessage = err?.message ?? String(err);
+    const classification = opts.classifyError?.(err) ?? null;
+    runStatus = classification?.status ?? "error";
+    errorMessage =
+      classification?.errorMessage === undefined
+        ? (err?.message ?? String(err))
+        : classification.errorMessage;
+    runMetadata = classification?.metadata ?? null;
     throw err;
   } finally {
     const runEnd = Date.now();
@@ -325,7 +339,7 @@ export async function instrumentAgentLoop(opts: {
       durationMs: totalDurationMs,
       status: runStatus,
       errorMessage,
-      metadata: null,
+      metadata: runMetadata,
       createdAt: runStart,
     };
     spans.push(parentSpan);

package/corpus/core/src/server/agent-chat-plugin.ts

@@ -69,6 +69,7 @@ import {
   recordRunDiagnostic,
   RUN_DIAG_STAGE,
   setRunError,
+  setRunTerminalReason,
   updateRunStatusIfRunning,
 } from "../agent/run-store.js";
 import { buildRuntimeContextPrompt } from "../agent/runtime-context.js";
@@ -3876,6 +3877,7 @@ type AgentChatProcessRunFailureDeps = {
   readBackgroundRunClaim?: typeof readBackgroundRunClaim;
   recordRunDiagnostic?: typeof recordRunDiagnostic;
   setRunError?: typeof setRunError;
+  setRunTerminalReason?: typeof setRunTerminalReason;
   updateRunStatusIfRunning?: typeof updateRunStatusIfRunning;
   ensureTerminalRunEvent?: typeof ensureTerminalRunEvent;
 };
@@ -3888,6 +3890,7 @@ export async function finalizeClaimedAgentChatProcessRunFailure(
   const readClaim = deps.readBackgroundRunClaim ?? readBackgroundRunClaim;
   const record = deps.recordRunDiagnostic ?? recordRunDiagnostic;
   const setError = deps.setRunError ?? setRunError;
+  const setTerminalReason = deps.setRunTerminalReason ?? setRunTerminalReason;
   const updateStatus =
     deps.updateRunStatusIfRunning ?? updateRunStatusIfRunning;
   const ensureTerminal = deps.ensureTerminalRunEvent ?? ensureTerminalRunEvent;
@@ -3908,7 +3911,13 @@ export async function finalizeClaimedAgentChatProcessRunFailure(
     CLAIMED_BACKGROUND_WORKER_FAILED_ERROR_EVENT.errorCode,
     `${CLAIMED_BACKGROUND_WORKER_FAILED_ERROR_EVENT.details} setupError=${message}`,
   ).catch(() => {});
-  await updateStatus(runId, "errored").catch(() => {});
+  const statusUpdated = await updateStatus(runId, "errored").catch(() => false);
+  if (statusUpdated) {
+    await setTerminalReason(
+      runId,
+      CLAIMED_BACKGROUND_WORKER_FAILED_ERROR_EVENT.errorCode,
+    ).catch(() => {});
+  }
   await ensureTerminal(
     runId,
     CLAIMED_BACKGROUND_WORKER_FAILED_ERROR_EVENT,
@@ -7400,6 +7409,7 @@ Non-code requests are still fine on this surface: read data, navigate the UI, su
               // unreadable Netlify background-function logs — read
               // `/runs/active?threadId=...` and inspect `diagStage`.
               dispatchMode: run.dispatchMode ?? null,
+              terminalReason: run.terminalReason ?? null,
               diagStage: run.diagStage ?? null,
               workerStage: workerClaim?.workerStage ?? null,
               // Server clock so the client computes "stuck" elapsed time
@@ -7694,6 +7704,7 @@ Non-code requests are still fine on this surface: read data, navigate the UI, su
                   nextTitle,
                   nextPreview,
                   newMessageCount,
+                  { ignoreConflicts: true },
                 );
                 // Scope updates piggyback on the PUT — the client uses this
                 // path for both "detach" (scope: null) and "retag" flows.

package/corpus/core/src/shared/streaming-text-smoothing.ts

@@ -1,6 +1,7 @@
 export const SMOOTH_STREAMING_COMMIT_INTERVAL_MS = 16;
 export const SMOOTH_STREAMING_LONG_TEXT_THRESHOLD_GRAPHEMES = 640;
 export const SMOOTH_STREAMING_LONG_TEXT_TAIL_GRAPHEMES = 180;
+const SMOOTH_STREAMING_SPEED_MULTIPLIER = 2;
 
 type SegmenterInstance = {
   segment(input: string): Iterable<{ segment: string }>;
@@ -137,7 +138,7 @@ export function smoothStreamingRevealCount({
     return 0;
   }
 
-  const charactersPerSecond = inputDone
+  const baseCharactersPerSecond = inputDone
     ? backlog > 800
       ? 900
       : 420
@@ -148,8 +149,12 @@ export function smoothStreamingRevealCount({
         : backlog > 180
           ? 190
           : 95;
+  const charactersPerSecond =
+    baseCharactersPerSecond * SMOOTH_STREAMING_SPEED_MULTIPLIER;
 
-  const maxBurst = inputDone ? 160 : backlog > 1400 ? 120 : 72;
+  const maxBurst =
+    (inputDone ? 160 : backlog > 1400 ? 120 : 72) *
+    SMOOTH_STREAMING_SPEED_MULTIPLIER;
   const count = Math.floor((elapsedMs / 1000) * charactersPerSecond);
 
   return Math.min(backlog, Math.max(1, count), maxBurst);
@@ -164,15 +169,15 @@ export function smoothStreamingPunctuationDelayMs(
   }
 
   if (grapheme === "\n") {
-    return 80;
+    return 80 / SMOOTH_STREAMING_SPEED_MULTIPLIER;
   }
 
   if (/[.!?)]/.test(grapheme)) {
-    return 70;
+    return 70 / SMOOTH_STREAMING_SPEED_MULTIPLIER;
   }
 
   if (/[,;:]/.test(grapheme)) {
-    return 35;
+    return 35 / SMOOTH_STREAMING_SPEED_MULTIPLIER;
   }
 
   return 0;

package/corpus/core/src/styles/blocks.css

@@ -1355,8 +1355,37 @@
   color: var(--wf-ink) !important;
 }
 
-.plan-diagram-frame :is(.diagram-node, .diagram-box, .diagram-card) {
+.plan-diagram-frame
+  :is(
+    .diagram-panel,
+    .diagram-card,
+    .diagram-node,
+    .diagram-box,
+    [class*="card"],
+    [class*="panel"],
+    [class*="box"]
+  ) {
   max-width: 100%;
+  overflow-wrap: anywhere !important;
+  word-break: break-word;
+  white-space: normal !important;
+}
+
+.plan-diagram-frame
+  :is(
+    .diagram-panel,
+    .diagram-card,
+    .diagram-node,
+    .diagram-box,
+    [class*="card"],
+    [class*="panel"],
+    [class*="box"]
+  )
+  :is(h1, h2, h3, p, small, strong, span, li) {
+  max-width: 100%;
+  overflow-wrap: anywhere !important;
+  word-break: break-word;
+  white-space: normal !important;
 }
 
 /* Base padding so primitive text never touches the box edge, even when an author
@@ -1422,6 +1451,7 @@
   display: inline-flex;
   align-items: center;
   justify-content: center;
+  flex-wrap: wrap;
   /* A pill hugs its label. `fit-content` is a definite cross size, so a flex
    * column with the default `align-items: stretch` no longer blows the pill out
    * to full width (the number chips and short status labels stay pill-shaped).
@@ -1434,6 +1464,19 @@
   padding: 3px 11px;
   color: var(--wf-ink);
   background: var(--wf-paper);
+  overflow-wrap: anywhere !important;
+  text-align: center;
+  white-space: normal !important;
+  word-break: break-word;
+}
+
+.plan-diagram-frame
+  :is(.diagram-pill, [class*="pill"], [class*="badge"], [class*="chip"])
+  > * {
+  min-width: 0;
+  max-width: 100%;
+  overflow-wrap: anywhere !important;
+  white-space: normal !important;
 }
 
 .plan-diagram-frame :is(.diagram-accent, .diagram-pill.accent) {

package/corpus/templates/clips/app/components/library/recording-card.tsx

@@ -28,6 +28,7 @@ import {
 } from "@/components/ui/dropdown-menu";
 import { isDefaultTitle } from "@/hooks/use-auto-title";
 import type { RecordingSummary } from "@/hooks/use-library";
+import { isStaleRecordingUpload } from "@/lib/recording-status";
 import { isStorageSetupFailureReason } from "@/lib/storage-failures";
 import { cn } from "@/lib/utils";
 
@@ -100,6 +101,12 @@ export function RecordingCard({
   const waitingForStorage = isStorageSetupFailureReason(
     recording.failureReason,
   );
+  const staleUpload = isStaleRecordingUpload(recording);
+  const displayFailed = recording.status === "failed" || staleUpload;
+  const failureReason = staleUpload
+    ? (recording.failureReason ??
+      t("recordingPage.processingStuck", { status: recording.status }))
+    : (recording.failureReason ?? t("clipsFinalRaw.removeFailedClip"));
   const nativeUploadPaused =
     recording.status === "failed" &&
     /native recording|native fullscreen|screencapture|avconvert/i.test(
@@ -221,11 +228,15 @@ export function RecordingCard({
         {/* Status pill for non-ready recordings */}
         {recording.status !== "ready" && (
           <div className="absolute top-2 end-2 rounded-full bg-black/80 px-2 py-0.5 text-[10px] font-medium text-white uppercase tracking-wide">
-            {waitingForStorage ? "storage" : recording.status}
+            {waitingForStorage
+              ? "storage"
+              : staleUpload
+                ? "failed"
+                : recording.status}
           </div>
         )}
 
-        {(recording.status === "failed" || waitingForStorage) && (
+        {(displayFailed || waitingForStorage) && (
           <div
             className={cn(
               "absolute inset-x-2 bottom-2 rounded-md border bg-background/95 p-2 text-start shadow-sm backdrop-blur",
@@ -252,8 +263,7 @@ export function RecordingCard({
                     ? t("clipsFinalRaw.connectStorageToFinish")
                     : nativeUploadPaused
                       ? t("clipsFinalRaw.retryFromClipsMenu")
-                      : (recording.failureReason ??
-                        t("clipsFinalRaw.removeFailedClip"))}
+                      : failureReason}
                 </div>
               </div>
               {!waitingForStorage && (

package/corpus/templates/clips/app/components/recorder/recorder-engine.ts

@@ -1145,6 +1145,9 @@ export class RecorderEngine {
       // mid-state — the UI spinner is wired to engine state and would
       // hang forever otherwise.
       const e = err instanceof Error ? err : new Error(String(err));
+      if (e.name !== "AbortError") {
+        this.rememberUploadFailure(e);
+      }
       this.transition("error", { message: e.message });
       throw e;
     } finally {
@@ -1183,6 +1186,9 @@ export class RecorderEngine {
       return this.toFinalizeResult(result, meta);
     } catch (err) {
       const e = err instanceof Error ? err : new Error(String(err));
+      if (e.name !== "AbortError") {
+        this.rememberUploadFailure(e);
+      }
       this.transition("error", { message: e.message });
       throw e;
     } finally {
@@ -1595,26 +1601,18 @@ export class RecorderEngine {
         const failure = err instanceof Error ? err : new Error(String(err));
         // User-initiated cancel — cancel() already runs the abortUrl path.
         if (failure.name === "AbortError") return;
-        await this.markUploadFailed(failure);
+        this.rememberUploadFailure(failure);
         this.emitError(failure);
       }
     });
   }
 
-  private async markUploadFailed(err: Error): Promise<void> {
+  private rememberUploadFailure(err: Error): void {
     if (!this.uploadFailure) {
       this.uploadFailure = err;
     }
-    if (!this.opts.abortUrl) return;
-    try {
-      await fetch(this.opts.abortUrl, {
-        method: "POST",
-        headers: { "Content-Type": "application/json" },
-        body: JSON.stringify({ reason: err.message }),
-      });
-    } catch {
-      // ignore — the stop path will surface the original upload error.
-    }
+    // Do not call abortUrl for retryable upload failures. retryUpload() reuses
+    // this recording id; cancel() owns the terminal server-side abort path.
   }
 
   private async uploadBlobInSlices(

package/corpus/templates/clips/app/hooks/use-library.ts

@@ -1,5 +1,7 @@
 import { useActionQuery, useActionMutation } from "@agent-native/core/client";
 
+import { isLiveRecordingUpload } from "@/lib/recording-status";
+
 export interface RecordingSummary {
   id: string;
   title: string;
@@ -72,16 +74,17 @@ export function useRecordings(args: ListRecordingsArgs = {}) {
           recordings: Array.isArray(data?.recordings) ? data.recordings : [],
         };
       },
-      // If any recording is still on a replaceable seed title, keep a 3s
-      // refetch cadence so the skeleton in `recording-card` upgrades to
-      // the real title promptly even if the refresh-signal poll is missed.
+      // Keep a short poll while uploads/processors are active so the library
+      // card does not get stuck if the global refresh signal is missed.
+      // Also poll for replaceable seed titles so the card upgrades promptly.
       refetchInterval: (q) => {
         const recs = (q.state.data as any)?.recordings as
           | RecordingSummary[]
           | undefined;
         if (!recs || recs.length === 0) return false;
+        const pendingUpload = recs.some((rec) => isLiveRecordingUpload(rec));
         const pendingTitle = recs.some(isAwaitingAutoTitle);
-        return pendingTitle ? 3000 : false;
+        return pendingUpload || pendingTitle ? 3000 : false;
       },
     },
   );

package/corpus/templates/clips/app/lib/recording-status.ts

@@ -0,0 +1,32 @@
+export const STALE_RECORDING_UPLOAD_MS = 30 * 60 * 1000;
+
+type RecordingStatusLike = {
+  status?: string | null;
+  updatedAt?: string | null;
+};
+
+export function isActiveRecordingUploadStatus(
+  status: string | null | undefined,
+): boolean {
+  return status === "uploading" || status === "processing";
+}
+
+export function isStaleRecordingUpload(
+  recording: RecordingStatusLike,
+  nowMs = Date.now(),
+): boolean {
+  if (!isActiveRecordingUploadStatus(recording.status)) return false;
+  const updatedAtMs = Date.parse(recording.updatedAt ?? "");
+  if (!Number.isFinite(updatedAtMs)) return false;
+  return nowMs - updatedAtMs >= STALE_RECORDING_UPLOAD_MS;
+}
+
+export function isLiveRecordingUpload(
+  recording: RecordingStatusLike,
+  nowMs = Date.now(),
+): boolean {
+  if (!isActiveRecordingUploadStatus(recording.status)) return false;
+  const updatedAtMs = Date.parse(recording.updatedAt ?? "");
+  if (!Number.isFinite(updatedAtMs)) return true;
+  return nowMs - updatedAtMs < STALE_RECORDING_UPLOAD_MS;
+}

package/corpus/templates/clips/changelog/2026-07-01-chrome-extension-recordings-stream-uploads-while-recording.md

@@ -0,0 +1,6 @@
+---
+type: fixed
+date: 2026-07-01
+---
+
+Chrome extension recordings now stream uploads while recording so saving is less likely to time out.

package/corpus/templates/clips/changelog/2026-07-01-dictation-keeps-listening-through-natural-pauses-and-gives-c.md

@@ -0,0 +1,6 @@
+---
+type: fixed
+date: 2026-07-01
+---
+
+Dictation keeps listening through natural pauses and gives clearer start feedback.

package/corpus/templates/clips/changelog/2026-07-01-redoing-a-paused-desktop-recording-no-longer-leaves-the-recording-controls-disabled.md

@@ -0,0 +1,6 @@
+---
+type: fixed
+date: 2026-07-01
+---
+
+Redoing a paused desktop recording no longer leaves the recording controls disabled.

package/corpus/templates/clips/changelog/2026-07-01-stalled-clip-uploads-now-update-in-the-library-and-surface-as-failed.md

@@ -0,0 +1,6 @@
+---
+type: fixed
+date: 2026-07-01
+---
+
+Stalled clip uploads now update in the library and surface as failed instead of staying stuck as uploading.

package/corpus/templates/clips/chrome-extension/src/background.ts

@@ -32,6 +32,7 @@ const UNQUOTED_SECRET_VALUE_RE = new RegExp(
 type CaptureSurface = "browser" | "window" | "monitor" | "camera";
 type ConsoleLevel = "debug" | "log" | "info" | "warn" | "error";
 type NetworkType = "fetch" | "xhr";
+type UploadMode = "streaming" | "buffered";
 
 type ExtensionSettings = {
   clipsBaseUrl: string;
@@ -134,6 +135,7 @@ type NativeRecording = {
   recordingId: string;
   clipsBaseUrl: string;
   uploadUrl: string;
+  uploadMode: UploadMode;
   targetTabId: number;
   targetTitle: string | null;
   targetUrl: string | null;
@@ -1049,6 +1051,7 @@ async function armRecording(args: {
     id?: string;
     uploadChunkUrl?: string;
     abortUrl?: string;
+    uploadMode?: UploadMode;
   };
   let created: CreatedRecording;
   try {
@@ -1061,6 +1064,8 @@ async function armRecording(args: {
       hasAudio:
         settings.includeMicrophone || settings.captureSurface !== "camera",
       visibility: "public",
+      mimeType: "video/webm",
+      requestStreaming: true,
     });
   } catch (err) {
     captureExtensionError(err, {
@@ -1091,6 +1096,7 @@ async function armRecording(args: {
     recordingId: created.id,
     clipsBaseUrl: settings.clipsBaseUrl,
     uploadUrl,
+    uploadMode: created.uploadMode ?? "buffered",
     targetTabId: tab.id as number,
     targetTitle: tab.title?.trim() || null,
     targetUrl: tab.url?.trim() || null,
@@ -1122,6 +1128,7 @@ async function armRecording(args: {
       sessionId,
       recordingId: created.id,
       uploadUrl,
+      uploadMode: created.uploadMode ?? "buffered",
       hasCamera: cameraInvolved,
       startDelayMs,
       authToken,
@@ -1274,6 +1281,7 @@ async function handleOverlayRestart() {
       sessionId: recording.sessionId,
       recordingId: recording.recordingId,
       uploadUrl: recording.uploadUrl,
+      uploadMode: recording.uploadMode ?? "buffered",
       hasCamera:
         recording.captureSurface === "camera" || recording.includeCamera,
       startDelayMs: COUNTDOWN_SECONDS * 1000,