@agent-native/core 0.90.2 → 0.90.3

package/corpus/templates/clips/app/components/library/organization-switcher.tsx

@@ -8,7 +8,7 @@ import {
   IconChevronDown,
   IconCheck,
   IconPlus,
-  IconBuilding,
+  IconUsersGroup,
 } from "@tabler/icons-react";
 import { useState } from "react";
 import { toast } from "sonner";
@@ -86,7 +86,7 @@ export function OrganizationSwitcher({ className }: OrganizationSwitcherProps) {
           </DropdownMenuLabel>
           {orgs.length === 0 && (
             <DropdownMenuItem disabled>
-              <IconBuilding className="h-3.5 w-3.5 me-2" />
+              <IconUsersGroup className="h-3.5 w-3.5 me-2" />
               <span className="text-xs">
                 {t("organizationSwitcher.noOrganizations")}
               </span>

package/corpus/templates/clips/app/components/player/scrubber-position.ts

@@ -12,3 +12,12 @@ export function scrubberPositionFromClientX(
   const ratio = rect.width > 0 ? x / rect.width : 0;
   return { ms: Math.floor(ratio * durationMs), x };
 }
+
+export function scrubberFillPercent(
+  currentMs: number,
+  durationMs: number,
+): number {
+  if (!Number.isFinite(currentMs) || !Number.isFinite(durationMs)) return 0;
+  if (durationMs <= 0) return 0;
+  return Math.max(0, Math.min(100, (currentMs / durationMs) * 100));
+}

package/corpus/templates/clips/app/components/player/scrubber.tsx

@@ -2,7 +2,10 @@ import { useMemo, useRef, useState } from "react";
 
 import { cn } from "@/lib/utils";
 
-import { scrubberPositionFromClientX } from "./scrubber-position";
+import {
+  scrubberFillPercent,
+  scrubberPositionFromClientX,
+} from "./scrubber-position";
 
 export interface ScrubberProps {
   currentMs: number;
@@ -35,7 +38,7 @@ export function Scrubber(props: ScrubberProps) {
     | null
   >(null);
 
-  const pct = durationMs > 0 ? (currentMs / durationMs) * 100 : 0;
+  const pct = scrubberFillPercent(currentMs, durationMs);
 
   const recentReactions = useMemo(
     () => (reactions ? reactions.slice(-50) : []),

package/corpus/templates/clips/app/components/player/share-dialog.tsx

@@ -7,6 +7,7 @@ import {
 } from "@agent-native/core/client";
 import {
   IconCode,
+  IconChevronDown,
   IconExternalLink,
   IconLink,
   IconMail,
@@ -34,6 +35,11 @@ import {
 } from "@/components/sharing/share-ui";
 import { SlackShareHint } from "@/components/sharing/slack-share-hint";
 import { Button } from "@/components/ui/button";
+import {
+  Collapsible,
+  CollapsibleContent,
+  CollapsibleTrigger,
+} from "@/components/ui/collapsible";
 import { Dialog, DialogContent, DialogTitle } from "@/components/ui/dialog";
 import { Input } from "@/components/ui/input";
 import { Label } from "@/components/ui/label";
@@ -87,7 +93,6 @@ export function ShareRecordingPopover({
   videoUrl,
   animatedThumbnailUrl,
   isLoomRecording = false,
-  hasPassword = false,
   children,
   open,
   onOpenChange,
@@ -106,7 +111,6 @@ export function ShareRecordingPopover({
           videoUrl={videoUrl}
           animatedThumbnailUrl={animatedThumbnailUrl}
           isLoomRecording={isLoomRecording}
-          hasPassword={hasPassword}
         />
       </PopoverContent>
     </Popover>
@@ -124,7 +128,6 @@ export function ShareRecordingDialog({
   videoUrl,
   animatedThumbnailUrl,
   isLoomRecording = false,
-  hasPassword = false,
   open,
   onOpenChange,
 }: ShareRecordingDialogProps) {
@@ -143,7 +146,6 @@ export function ShareRecordingDialog({
           videoUrl={videoUrl}
           animatedThumbnailUrl={animatedThumbnailUrl}
           isLoomRecording={isLoomRecording}
-          hasPassword={hasPassword}
           reserveCloseButton
         />
       </DialogContent>
@@ -157,7 +159,6 @@ function ShareRecordingContent({
   videoUrl,
   animatedThumbnailUrl,
   isLoomRecording = false,
-  hasPassword = false,
   reserveCloseButton = false,
 }: {
   recordingId: string;
@@ -165,7 +166,6 @@ function ShareRecordingContent({
   videoUrl?: string | null;
   animatedThumbnailUrl?: string | null;
   isLoomRecording?: boolean;
-  hasPassword?: boolean;
   reserveCloseButton?: boolean;
 }) {
   const t = useT();
@@ -230,7 +230,6 @@ function ShareRecordingContent({
             videoUrl={videoUrl}
             animatedThumbnailUrl={animatedThumbnailUrl}
             isLoomRecording={isLoomRecording}
-            hasPassword={hasPassword}
           />
         </TabsContent>
 
@@ -269,7 +268,6 @@ function LinkTab({
   videoUrl,
   animatedThumbnailUrl,
   isLoomRecording: isLoomRecordingProp,
-  hasPassword,
 }: {
   recordingId: string;
   shareUrl: string;
@@ -278,7 +276,6 @@ function LinkTab({
   videoUrl?: string | null;
   animatedThumbnailUrl?: string | null;
   isLoomRecording?: boolean;
-  hasPassword: boolean;
 }) {
   const t = useT();
   const { setResourceVisibility, isPending } = useResourceVisibilityMutation(
@@ -299,6 +296,7 @@ function LinkTab({
   const agentLinkRequestIdRef = useRef(0);
   const [agentContextUrl, setAgentContextUrl] = useState("");
   const [agentLinkError, setAgentLinkError] = useState(false);
+  const [agentShareOpen, setAgentShareOpen] = useState(false);
 
   useEffect(() => {
     createAgentLinkAsyncRef.current = createAgentLink.mutateAsync;
@@ -333,12 +331,21 @@ function LinkTab({
     setAgentLinkError(false);
     if (!sharesLoaded) return;
 
-    void loadAgentContextUrl();
+    if (!isPublic && agentShareOpen) {
+      void loadAgentContextUrl();
+    }
 
     return () => {
       agentLinkRequestIdRef.current += 1;
     };
-  }, [recordingId, visibility, sharesLoaded, loadAgentContextUrl]);
+  }, [
+    agentShareOpen,
+    isPublic,
+    loadAgentContextUrl,
+    recordingId,
+    sharesLoaded,
+    visibility,
+  ]);
 
   const agentShareDisabled =
     isPending || createAgentLink.isPending || !agentContextUrl;
@@ -366,41 +373,62 @@ function LinkTab({
           (and a connect link) instead of leaving it buried in Settings. */}
       {isPublic ? <SlackShareHint canManage={canManage} /> : null}
 
-      <div className="space-y-2">
-        <CopyField
-          label={t("shareDialog.shareWithAgents")}
-          value={agentContextUrl}
-          disabled={agentShareDisabled}
-        />
-        {agentLinkError ? (
-          <div className="flex items-center justify-between gap-2 rounded-md border border-border bg-muted/40 px-3 py-2">
-            <p className="text-xs text-muted-foreground">
-              {t("shareDialog.agentLinkUnavailable")}
-            </p>
+      {!isPublic ? (
+        <Collapsible open={agentShareOpen} onOpenChange={setAgentShareOpen}>
+          <CollapsibleTrigger asChild>
             <Button
               type="button"
               variant="ghost"
-              size="sm"
-              className="h-7"
-              onClick={() => void loadAgentContextUrl()}
-              disabled={createAgentLink.isPending}
+              className="h-auto w-full justify-between px-0 py-1 text-left hover:bg-transparent"
             >
-              {t("shareDialog.retryAgentLink")}
+              <span className="min-w-0">
+                <span className="block text-xs font-medium text-foreground">
+                  {t("shareDialog.shareWithAgents")}
+                </span>
+                <span className="mt-0.5 block text-xs font-normal text-muted-foreground">
+                  {t("shareDialog.agentTokenDescription")}
+                </span>
+              </span>
+              <IconChevronDown
+                className={`h-4 w-4 shrink-0 text-muted-foreground transition-transform ${
+                  agentShareOpen ? "rotate-180" : ""
+                }`}
+                aria-hidden
+              />
             </Button>
-          </div>
-        ) : null}
-      </div>
-
-      <CopyField
-        label={t("shareDialog.copyAgentPrompt")}
-        value={agentPrompt}
-        disabled={agentShareDisabled}
-      />
-
-      {agentContextUrl || hasPassword || !isPublic ? (
-        <p className="text-xs text-muted-foreground">
-          {t("shareDialog.agentTokenDescription")}
-        </p>
+          </CollapsibleTrigger>
+          <CollapsibleContent className="pt-2">
+            <div className="space-y-3 rounded-md border border-border bg-muted/30 p-3">
+              <CopyField
+                label={t("shareDialog.shareWithAgents")}
+                value={agentContextUrl}
+                disabled={agentShareDisabled}
+              />
+              {agentLinkError ? (
+                <div className="flex items-center justify-between gap-2 rounded-md border border-border bg-background px-3 py-2">
+                  <p className="text-xs text-muted-foreground">
+                    {t("shareDialog.agentLinkUnavailable")}
+                  </p>
+                  <Button
+                    type="button"
+                    variant="ghost"
+                    size="sm"
+                    className="h-7"
+                    onClick={() => void loadAgentContextUrl()}
+                    disabled={createAgentLink.isPending}
+                  >
+                    {t("shareDialog.retryAgentLink")}
+                  </Button>
+                </div>
+              ) : null}
+              <CopyField
+                label={t("shareDialog.copyAgentPrompt")}
+                value={agentPrompt}
+                disabled={agentShareDisabled}
+              />
+            </div>
+          </CollapsibleContent>
+        </Collapsible>
       ) : null}
 
       {!isPublic && canManage ? (

package/corpus/templates/clips/app/components/player/video-player.tsx

@@ -464,6 +464,21 @@ export const VideoPlayer = forwardRef<VideoPlayerHandle, VideoPlayerProps>(
       bumpControls();
       setPlayError(null);
 
+      if (
+        initialVisibleFrameSeekedRef.current &&
+        !hasPlaybackStarted &&
+        (!startMs || startMs <= 0) &&
+        v.currentTime > 0.05
+      ) {
+        try {
+          v.currentTime = 0;
+          setCurrentMs(0);
+        } catch {
+          // If the browser refuses the rewind, continue with the normal play
+          // attempt; playback is still better than blocking on a cosmetic seek.
+        }
+      }
+
       // A <video> element left in an error state (network/decode/unsupported
       // format) will just re-reject on `.play()` forever — it needs `.load()`
       // to reset `readyState`/`error` and re-fetch the source before playback
@@ -497,7 +512,9 @@ export const VideoPlayer = forwardRef<VideoPlayerHandle, VideoPlayerProps>(
       attachPlayPromise,
       bumpControls,
       currentMs,
+      hasPlaybackStarted,
       rejectPlayAttempt,
+      startMs,
     ]);
 
     const retryPendingPlay = useCallback(
@@ -858,7 +875,6 @@ export const VideoPlayer = forwardRef<VideoPlayerHandle, VideoPlayerProps>(
         initialVisibleFrameSeekedRef.current = true;
         try {
           v.currentTime = visibleMs / 1000;
-          setCurrentMs(visibleMs);
           return true;
         } catch {
           return false;
@@ -1142,6 +1158,17 @@ export const VideoPlayer = forwardRef<VideoPlayerHandle, VideoPlayerProps>(
               const ct =
                 Number.isFinite(raw) && raw >= 0 && raw < 1e7 ? raw : 0;
               const ms = Math.floor(ct * 1000);
+              if (
+                initialVisibleFrameSeekedRef.current &&
+                !hasPlaybackStarted &&
+                !playAttemptPendingRef.current &&
+                v.paused &&
+                (!startMs || startMs <= 0)
+              ) {
+                setCurrentMs(0);
+                onTimeUpdate?.(0, resolvedDurationMs);
+                return;
+              }
               const visibleMs = clampSeek(
                 skipExcludedRange(ms, excludedRanges, resolvedDurationMs),
                 v,
@@ -1169,10 +1196,20 @@ export const VideoPlayer = forwardRef<VideoPlayerHandle, VideoPlayerProps>(
               onTimeUpdate?.(ms, resolvedDurationMs);
             }}
             onEnded={() => {
+              const endedMs =
+                resolvedDurationMs > 0
+                  ? resolvedDurationMs
+                  : videoRef.current &&
+                      Number.isFinite(videoRef.current.duration) &&
+                      videoRef.current.duration > 0
+                    ? Math.round(videoRef.current.duration * 1000)
+                    : currentMs;
+              setCurrentMs(endedMs);
               setIsPlaying(false);
               setIsPlayPending(false);
               setIsBuffering(false);
               setIsPreparing(false);
+              onTimeUpdate?.(endedMs, resolvedDurationMs);
               onEnded?.();
             }}
             onError={(e) => {

package/corpus/templates/clips/app/components/sharing/share-ui.tsx

@@ -4,11 +4,11 @@ import {
   useT,
 } from "@agent-native/core/client";
 import {
-  IconBuilding,
   IconCheck,
   IconCopy,
   IconLock,
   IconTrash,
+  IconUsersGroup,
   IconWorld,
 } from "@tabler/icons-react";
 import { useQueryClient } from "@tanstack/react-query";
@@ -55,7 +55,7 @@ export const VIS_META: Record<Visibility, { Icon: typeof IconLock }> = {
     Icon: IconLock,
   },
   org: {
-    Icon: IconBuilding,
+    Icon: IconUsersGroup,
   },
   public: {
     Icon: IconWorld,
@@ -308,7 +308,7 @@ export function Avatar({ label, org }: { label: string; org?: boolean }) {
       className="inline-flex h-7 w-7 shrink-0 items-center justify-center rounded-full bg-muted text-[11px] font-semibold text-muted-foreground"
     >
       {org ? (
-        <IconBuilding size={14} strokeWidth={1.75} />
+        <IconUsersGroup size={14} strokeWidth={1.75} />
       ) : (
         (label.split("@")[0]?.[0] ?? label[0] ?? "?").toUpperCase()
       )}

package/corpus/templates/clips/app/components/sharing/slack-share-hint.tsx

@@ -35,16 +35,11 @@ export function SlackShareHint({ canManage }: { canManage: boolean }) {
 
   if (connected) {
     return (
-      <div className="flex items-center gap-2.5 rounded-md border border-border bg-muted/40 px-3 py-2">
+      <div className="flex items-center gap-2 rounded-md bg-muted/35 px-2.5 py-1.5 text-xs text-muted-foreground">
         <IconBrandSlack className="h-4 w-4 shrink-0 text-muted-foreground" />
-        <div className="min-w-0">
-          <div className="text-xs font-medium">
-            {t("slackShareHint.playsInline")}
-          </div>
-          <p className="text-[11px] text-muted-foreground">
-            {t("slackShareHint.connectedDescription")}
-          </p>
-        </div>
+        <span className="min-w-0 truncate">
+          {t("slackShareHint.playsInline")}
+        </span>
       </div>
     );
   }
@@ -59,18 +54,13 @@ export function SlackShareHint({ canManage }: { canManage: boolean }) {
   return (
     <a
       href={appPath("/settings#slack")}
-      className="flex items-center gap-2.5 rounded-md border border-border px-3 py-2 transition-colors hover:bg-muted/50"
+      className="flex items-center gap-2 rounded-md bg-muted/35 px-2.5 py-1.5 text-xs text-muted-foreground transition-colors hover:bg-muted/55"
     >
       <IconBrandSlack className="h-4 w-4 shrink-0 text-muted-foreground" />
-      <div className="min-w-0 flex-1">
-        <div className="text-xs font-medium">
-          {t("slackShareHint.makeInline")}
-        </div>
-        <p className="text-[11px] text-muted-foreground">
-          {t("slackShareHint.connectDescription")}
-        </p>
-      </div>
-      <span className="shrink-0 text-xs font-medium text-primary">
+      <span className="min-w-0 flex-1 truncate">
+        {t("slackShareHint.makeInline")}
+      </span>
+      <span className="shrink-0 font-medium text-primary">
         {t("slackShareHint.connect")}
       </span>
     </a>

package/corpus/templates/clips/app/routes/r.$recordingId.tsx

@@ -14,6 +14,7 @@ import {
   BUILDER_CREDITS_UPGRADE_URL,
   type BuilderCreditsStatus,
 } from "@shared/builder-credits";
+import { isStoredButUnservableFinalizeError } from "@shared/finalize-recovery";
 import {
   isLoomEmbedBackedRecording,
   isLoomRecordingSource,
@@ -635,6 +636,8 @@ export default function RecordingPage() {
     const rawFailureReason =
       ((recording as any).failureReason as string | null | undefined) ?? null;
     const waitingForStorage = isStorageSetupFailureReason(rawFailureReason);
+    const storedButUnservableFailure =
+      isStoredButUnservableFinalizeError(rawFailureReason);
     const loomStorageSetupFailure = waitingForStorage && isLoomRecording;
     const nativeSaveFailed =
       searchParams.get("saveFailed") === "1" ||
@@ -646,13 +649,16 @@ export default function RecordingPage() {
     const isFailure =
       explicitFailure || stuckFailure || waitingForStorage || nativeSaveFailed;
     const displayReason = explicitFailure
-      ? (rawFailureReason ?? t("recordingPage.retryLibrary"))
+      ? storedButUnservableFailure
+        ? t("recordingPage.clipDataPreserved")
+        : (rawFailureReason ?? t("recordingPage.retryLibrary"))
       : nativeSaveFailed
         ? nativeSaveFailureMessage(rawFailureReason)
         : stuckFailure
           ? t("recordingPage.processingStuck", { status: recording.status })
           : t("recordingPage.uploadingAssembling");
     const storageSetupFailure = waitingForStorage;
+    const canRetryFinalize = storageSetupFailure || storedButUnservableFailure;
     const label = storageSetupFailure
       ? loomStorageSetupFailure
         ? t("recordingPage.connectStorageImportLoom")
@@ -744,7 +750,7 @@ export default function RecordingPage() {
         <div className="flex items-center gap-2">
           <Button
             onClick={() => {
-              if (storageSetupFailure) {
+              if (canRetryFinalize) {
                 void retryFinalizeAfterStorage();
                 return;
               }
@@ -755,7 +761,7 @@ export default function RecordingPage() {
             size="sm"
             disabled={retryingFinalize}
           >
-            {storageSetupFailure
+            {canRetryFinalize
               ? loomStorageSetupFailure
                 ? t("recordingPage.retryImport")
                 : t("recordingPage.retryUpload")

package/corpus/templates/clips/app/routes/record.tsx

@@ -7,7 +7,10 @@ import {
 } from "@agent-native/core/client";
 import { useLiveTranscription } from "@agent-native/core/client/transcription/use-live-transcription";
 import type { BrowserDiagnosticsData } from "@shared/browser-diagnostics";
-import { waitForReadyRecordingAfterFinalizeError } from "@shared/finalize-recovery";
+import {
+  isStoredButUnservableFinalizeError,
+  waitForReadyRecordingAfterFinalizeError,
+} from "@shared/finalize-recovery";
 import {
   chunkUploadUrl,
   pickMimeType,
@@ -1814,7 +1817,9 @@ export default function RecordRoute() {
             : undefined;
         const serverRejectedTooLarge =
           status === 413 || isUploadSizeError(message);
-        if (createdId && !serverRejectedTooLarge) {
+        const preserveBufferedChunks =
+          isStoredButUnservableFinalizeError(message);
+        if (createdId && !serverRejectedTooLarge && !preserveBufferedChunks) {
           fetch(`${appBasePath()}/api/uploads/${createdId}/abort`, {
             method: "POST",
             headers: { "Content-Type": "application/json" },
@@ -2127,11 +2132,13 @@ export default function RecordRoute() {
         return;
       }
       await saveBrowserDiagnostics(pending.id);
-      fetch(pending.abortUrl, {
-        method: "POST",
-        headers: { "Content-Type": "application/json" },
-        body: JSON.stringify({ reason: message }),
-      }).catch(() => {});
+      if (!isStoredButUnservableFinalizeError(message)) {
+        fetch(pending.abortUrl, {
+          method: "POST",
+          headers: { "Content-Type": "application/json" },
+          body: JSON.stringify({ reason: message }),
+        }).catch(() => {});
+      }
       setError(message);
       setUiState("error");
       toast.error(t("recordRoute.uploadFailed"), {
@@ -2162,11 +2169,13 @@ export default function RecordRoute() {
       }
       const message =
         err instanceof Error ? err.message : t("recordRoute.uploadFailed");
-      fetch(pending.abortUrl, {
-        method: "POST",
-        headers: { "Content-Type": "application/json" },
-        body: JSON.stringify({ reason: message }),
-      }).catch(() => {});
+      if (!isStoredButUnservableFinalizeError(message)) {
+        fetch(pending.abortUrl, {
+          method: "POST",
+          headers: { "Content-Type": "application/json" },
+          body: JSON.stringify({ reason: message }),
+        }).catch(() => {});
+      }
       setCompressionProgress(null);
       setUploadProgress(null);
       setError(message);

package/corpus/templates/clips/changelog/2026-07-02-recordings-now-wait-for-storage-media-to-serve-before-finishing.md

@@ -0,0 +1,6 @@
+---
+type: fixed
+date: 2026-07-02
+---
+
+Recordings now wait for uploaded media to play from storage before finishing, and playback falls back when a compressed storage copy is temporarily broken.

package/corpus/templates/clips/changelog/2026-07-07-a-pending-app-update-no-longer-blocks-screen-recording-updat.md

@@ -0,0 +1,6 @@
+---
+type: fixed
+date: 2026-07-07
+---
+
+A pending app update no longer blocks screen recording — updates now install when you restart, not mid-session

package/corpus/templates/clips/changelog/2026-07-07-chrome-extension-recordings-keep-audio-after-refreshing-tab.md

@@ -0,0 +1,6 @@
+---
+type: fixed
+date: 2026-07-07
+---
+
+Chrome extension recordings now survive refreshing the tab being recorded: the camera bubble and recording toolbar reappear, and tab audio and microphone sound keep recording.

package/corpus/templates/clips/changelog/2026-07-07-clip-playback-progress-now-starts-and-finishes-at-the-right-times.md

@@ -0,0 +1,6 @@
+---
+type: fixed
+date: 2026-07-07
+---
+
+Clip playback progress now starts at the beginning and reaches the end reliably.

package/corpus/templates/clips/changelog/2026-07-07-sharing-public-clips-now-stays-focused-on-the-normal-link-wi.md

@@ -0,0 +1,6 @@
+---
+type: improved
+date: 2026-07-07
+---
+
+Sharing public clips now stays focused on the normal link, with agent links tucked away for private clips only.

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

@@ -2318,6 +2318,24 @@ chrome.tabs.onActivated.addListener((info) => {
   })();
 });
 
+// The overlay content script is injected on demand (activeTab), so reloading the
+// launch tab wipes it — the camera bubble and toolbar would vanish for the rest
+// of the recording even though capture keeps running in the offscreen document.
+// Re-inject and re-mount once the launch tab finishes reloading while a recording
+// is active. Scoped to the launch tab (the only tab activeTab lets us touch); a
+// same-URL reload keeps that grant.
+chrome.tabs.onUpdated.addListener((tabId, changeInfo) => {
+  if (changeInfo.status !== "complete") return;
+  void (async () => {
+    await ensureRestored();
+    if (overlayPhase === "idle" || !activeNativeRecording) return;
+    if (tabId !== overlayTabId) return;
+    await mountOverlayOnTab(tabId);
+    broadcastOverlayState();
+    if (overlayPhase === "countdown") await handleOverlaySkip();
+  })();
+});
+
 // While recording, the popup is disabled (setActionPopup("")), so clicking the
 // extension icon lands here: stop & save immediately (or discard if we're still
 // in the pre-roll countdown). When idle, the popup opens and this never fires.

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

@@ -733,19 +733,34 @@ async function buildCompositor(
 async function createMixedAudio(
   streams: MediaStream[],
 ): Promise<{ audioContext: AudioContext | null; tracks: MediaStreamTrack[] }> {
-  const streamsWithAudio = streams.filter(
-    (stream) => stream.getAudioTracks().length,
-  );
-  if (!streamsWithAudio.length) return { audioContext: null, tracks: [] };
-  if (streamsWithAudio.length === 1) {
-    return { audioContext: null, tracks: streamsWithAudio[0].getAudioTracks() };
+  const audioTracks = streams.flatMap((stream) => stream.getAudioTracks());
+  if (!audioTracks.length) return { audioContext: null, tracks: [] };
+  if (audioTracks.length === 1) {
+    return { audioContext: null, tracks: audioTracks };
   }
 
   const audioContext = new AudioContext();
   await audioContext.resume().catch(() => undefined);
   const destination = audioContext.createMediaStreamDestination();
-  for (const stream of streamsWithAudio) {
-    audioContext.createMediaStreamSource(stream).connect(destination);
+  for (const track of audioTracks) {
+    // One source per track (not per stream) so each input is isolated in the
+    // mix graph and can be detached independently.
+    const source = audioContext.createMediaStreamSource(
+      new MediaStream([track]),
+    );
+    source.connect(destination);
+    // A mixed input track can end mid-recording — most commonly the shared
+    // tab's audio track when the user refreshes the captured tab. Disconnect
+    // just that dead source so the mixed output keeps carrying the surviving
+    // inputs (the microphone). Without this the whole mixed destination can go
+    // silent, dropping both the tab audio and the mic for the rest of the clip.
+    track.addEventListener("ended", () => {
+      try {
+        source.disconnect();
+      } catch {
+        /* already disconnected */
+      }
+    });
   }
   return { audioContext, tracks: destination.stream.getAudioTracks() };
 }