@agent-native/core 0.155.0 → 0.157.1

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

@@ -16,6 +16,7 @@ import {
   isHumanReadableDocumentTitle,
   normalizeDocumentTitle,
 } from "@agent-native/core/shared";
+import { ShareTrigger } from "@agent-native/toolkit/sharing";
 import {
   BUILDER_CREDITS_UPGRADE_URL,
   type BuilderCreditsStatus,
@@ -33,7 +34,6 @@ import {
 } from "@shared/share-attribution";
 import type { WorkflowKind } from "@shared/workflow";
 import {
-  IconShare3,
   IconArrowLeft,
   IconChevronDown,
   IconCalendar,
@@ -529,6 +529,18 @@ export default function RecordingPage() {
   const canDownloadRecording = Boolean(
     recording?.enableDownloads && recording.videoUrl && !isLoomEmbedBacked,
   );
+  // Mirrors the /share/:shareId reshare restriction (same public/org scope):
+  // a plain viewer of a public or org clip must not trigger
+  // `list-resource-shares` (any read access is enough to call it, and its
+  // response includes every individually-shared principal's email) or see a
+  // raw video download/open action independent of `enableDownloads`.
+  const viewerReshareOnly =
+    (role === "viewer" || role === "commenter") &&
+    (recording?.visibility === "public" || recording?.visibility === "org");
+  const shareVideoUrl =
+    canDownloadRecording || isLoomEmbedBacked
+      ? (recording?.videoUrl ?? null)
+      : null;
   const downloadRecording = useCallback(async () => {
     if (!recording?.videoUrl) return;
     setDownloading(true);
@@ -988,13 +1000,12 @@ export default function RecordingPage() {
               initialVisibility={recording.visibility}
               initialRole={role}
               hasPassword={Boolean(recording.hasPassword)}
+              viewerReshareOnly={viewerReshareOnly}
             >
-              <Button className="shrink-0 gap-1.5" size="sm">
-                {recording.visibility !== "public" ? (
-                  <IconShare3 className="h-4 w-4" />
-                ) : null}
-                {t("recordingPage.share")}
-              </Button>
+              <ShareTrigger
+                label={t("recordingPage.share")}
+                className="shrink-0"
+              />
             </ShareRecordingPopover>
           </header>
 
@@ -1550,21 +1561,17 @@ export default function RecordingPage() {
               recordingTitle={recording.title}
               initialVisibility={recording.visibility}
               initialRole={role}
-              videoUrl={recording.videoUrl}
+              videoUrl={shareVideoUrl}
               thumbnailUrl={recording.thumbnailUrl}
               animatedThumbnailUrl={recording.animatedThumbnailUrl}
               isLoomRecording={isLoomEmbedBacked}
               hasPassword={Boolean(recording.hasPassword)}
+              viewerReshareOnly={viewerReshareOnly}
             >
-              <Button
-                className="shrink-0 gap-1.5 bg-primary text-primary-foreground hover:bg-primary/90"
-                size="sm"
-              >
-                {recording.visibility !== "public" ? (
-                  <IconShare3 className="h-4 w-4" />
-                ) : null}
-                {t("recordingPage.share")}
-              </Button>
+              <ShareTrigger
+                label={t("recordingPage.share")}
+                className="shrink-0"
+              />
             </ShareRecordingPopover>
           ) : null}
 

package/corpus/templates/clips/app/routes/share.$shareId.tsx

@@ -5,10 +5,15 @@ import {
   appBasePath,
   appPath,
 } from "@agent-native/core/client/api-path";
-import { useSession, getBrowserTabId } from "@agent-native/core/client/hooks";
+import {
+  useActionMutation,
+  useSession,
+  getBrowserTabId,
+} from "@agent-native/core/client/hooks";
 import { useT } from "@agent-native/core/client/i18n";
 import { buildSignInReturnHref } from "@agent-native/core/client/ui";
 import { docsUrl } from "@agent-native/core/shared";
+import { ShareTrigger } from "@agent-native/toolkit/sharing";
 import {
   IconAlertTriangle,
   IconArrowLeft,
@@ -16,8 +21,8 @@ import {
   IconDownload,
   IconDots,
   IconExternalLink,
+  IconLock,
   IconLogin2,
-  IconShare3,
 } from "@tabler/icons-react";
 import { useQuery } from "@tanstack/react-query";
 import { eq } from "drizzle-orm";
@@ -87,6 +92,10 @@ import {
   isLoomEmbedBackedRecording,
   isLoomRecordingSource,
 } from "../../shared/loom";
+import {
+  CLIPS_ACCESS_REQUEST_TOKEN_PREFIX,
+  CLIPS_ACCESS_REQUEST_TOKEN_TTL_SECONDS,
+} from "../../shared/recording-link";
 import {
   buildSignupAttributionQuery,
   readShareAttribution,
@@ -116,16 +125,22 @@ type SharePageLoaderData = {
   agentContextUrl: string | null;
   origin: string | null;
   shareUrl: string | null;
+  accessDeniedStatus?: 401 | 403;
+  accessRequestToken?: string;
 };
 
 const CLIPS_AGENT_ACCESS_TTL_SECONDS = 2 * 60 * 60;
 
-function emptyLoaderData(url: URL): SharePageLoaderData {
+function emptyLoaderData(
+  url: URL,
+  accessDeniedStatus?: 401 | 403,
+): SharePageLoaderData {
   return {
     recording: null,
     agentContextUrl: null,
     origin: url.origin,
     shareUrl: null,
+    accessDeniedStatus,
   };
 }
 
@@ -224,7 +239,19 @@ export async function loader({ params, url }: LoaderFunctionArgs) {
   if (rec.visibility !== "public" && !tokenGrantsAgentAccess) {
     const userEmail = getRequestUserEmail();
     const access = userEmail ? await resolveAccess("recording", id) : null;
-    if (!access) return privateShareLoaderData(emptyLoaderData(url));
+    if (!access) {
+      const status = userEmail ? 403 : 401;
+      const deniedData = emptyLoaderData(url, status);
+      if (userEmail) {
+        deniedData.accessRequestToken = signScopedAgentAccessToken({
+          resourceKind: CLIPS_ACCESS_REQUEST_TOKEN_PREFIX,
+          resourceId: id,
+          viewerEmail: userEmail,
+          ttlSeconds: CLIPS_ACCESS_REQUEST_TOKEN_TTL_SECONDS,
+        });
+      }
+      return privateShareLoaderData(deniedData, status);
+    }
   }
 
   const recording: SharePageMetaRecording = {
@@ -418,6 +445,16 @@ export default function ShareRoute() {
   const [pwError, setPwError] = useState<string | null>(null);
   const [currentMs, setCurrentMs] = useState(0);
   const { session, isLoading: sessionLoading } = useSession();
+  const requestAccess = useActionMutation<
+    {
+      alreadyHasAccess: boolean;
+      alreadyRequested?: boolean;
+      message: string;
+      notifiedOwner: boolean;
+      ok: true;
+    },
+    { accessRequestToken?: string; recordingId: string }
+  >("request-recording-access");
   const [signInIntent, setSignInIntent] = useState<"comment" | "react" | null>(
     null,
   );
@@ -429,6 +466,7 @@ export default function ShareRoute() {
   );
   const [downloading, setDownloading] = useState(false);
   const [downloadMenuOpen, setDownloadMenuOpen] = useState(false);
+  const [accessRequestSent, setAccessRequestSent] = useState(false);
   const agentAccessToken = useMemo(() => {
     if (typeof window === "undefined") return "";
     return (
@@ -518,6 +556,16 @@ export default function ShareRoute() {
   const transcriptFailureReason =
     dataQ.data?.data?.transcript?.failureReason ?? null;
   const ctas = dataQ.data?.data?.ctas ?? [];
+  const apiStatus = dataQ.data?.status;
+  const apiAccessDeniedStatus =
+    apiStatus === 401 || apiStatus === 403 ? apiStatus : null;
+  const accessDeniedStatus =
+    apiAccessDeniedStatus ??
+    (!recording && loaderData.accessDeniedStatus
+      ? session
+        ? 403
+        : 401
+      : null);
   const firstCta = ctas[0] ?? null;
   const viewerRole = dataQ.data?.data?.viewer?.role as
     | "owner"
@@ -537,6 +585,15 @@ export default function ShareRoute() {
     viewerRole === "editor" ||
     viewerRole === "commenter";
   const viewerIsOwner = Boolean(dataQ.data?.data?.viewer?.isOwner);
+  const canReshareLink =
+    (viewerRole === "viewer" || viewerRole === "commenter") &&
+    (recording?.visibility === "public" || recording?.visibility === "org");
+  // A plain viewer only gets a copy-link control: it must not trigger
+  // `list-resource-shares` (any read access is enough to call it, and its
+  // response includes every individually-shared principal's email) and must
+  // not surface the raw video download/open action independent of
+  // `enableDownloads`.
+  const viewerReshareOnly = canReshareLink && !viewerCanEdit;
   const viewerCanOpenDashboard = Boolean(
     dataQ.data?.data?.viewer?.canOpenDashboard,
   );
@@ -742,18 +799,58 @@ export default function ShareRoute() {
     );
   }
 
-  if (dataQ.data?.status === 401 || dataQ.data?.status === 404) {
+  if (accessDeniedStatus === 401 || accessDeniedStatus === 403) {
+    const canRequestAccess = accessDeniedStatus === 403 && Boolean(session);
+    const requestSent =
+      accessRequestSent || Boolean(dataQ.data?.data?.alreadyRequested);
+
     return (
       <>
         {agentDiscovery}
         <EndState
-          title={t("sharePage.clipUnavailable")}
-          message={t("sharePage.clipUnavailableMessage")}
+          icon={<IconLock className="h-5 w-5" aria-hidden="true" />}
+          title={t("sharePage.privateClip")}
+          message={t(
+            canRequestAccess
+              ? "sharePage.privateClipMessage"
+              : "sharePage.privateClipSignedOutMessage",
+          )}
           action={
-            shareId ? (
+            canRequestAccess ? (
+              <Button
+                size="sm"
+                disabled={requestAccess.isPending || requestSent}
+                onClick={() => {
+                  if (!shareId || requestSent) return;
+                  requestAccess.mutate(
+                    {
+                      accessRequestToken: loaderData.accessRequestToken,
+                      recordingId: shareId,
+                    },
+                    {
+                      onSuccess: () => {
+                        setAccessRequestSent(true);
+                        toast.success(t("sharePage.accessRequestSent"));
+                      },
+                      onError: () => {
+                        toast.error(t("sharePage.accessRequestFailed"));
+                      },
+                    },
+                  );
+                }}
+              >
+                {requestSent
+                  ? t("sharePage.accessRequested")
+                  : requestAccess.isPending
+                    ? t("sharePage.requestingAccess")
+                    : t("sharePage.requestAccess")}
+              </Button>
+            ) : shareId ? (
               <Button asChild size="sm">
                 <a
-                  href={buildSignInReturnHref({ returnTo: `/r/${shareId}` })}
+                  href={buildSignInReturnHref({
+                    returnTo: `/share/${shareId}`,
+                  })}
                   className="gap-1.5"
                 >
                   <IconLogin2 className="h-4 w-4 rtl:-scale-x-100" />
@@ -767,6 +864,18 @@ export default function ShareRoute() {
     );
   }
 
+  if (dataQ.data?.status === 404) {
+    return (
+      <>
+        {agentDiscovery}
+        <EndState
+          title={t("sharePage.clipUnavailable")}
+          message={t("sharePage.clipUnavailableMessage")}
+        />
+      </>
+    );
+  }
+
   if (!recording) {
     return (
       <>
@@ -899,6 +1008,10 @@ export default function ShareRoute() {
   const canDownloadRecording = Boolean(
     recording.enableDownloads && recording.videoUrl && !isLoomEmbedBacked,
   );
+  // Loom-backed clips only ever get an "open player" link (not a raw
+  // download), so they're exempt from the enableDownloads gate here.
+  const shareVideoUrl =
+    canDownloadRecording || isLoomEmbedBacked ? recording.videoUrl : null;
 
   return (
     <div className="flex min-h-screen max-w-full flex-col overflow-x-hidden bg-background text-foreground lg:h-screen lg:flex-row lg:overflow-hidden">
@@ -917,14 +1030,26 @@ export default function ShareRoute() {
               </Link>
             </Button>
           ) : null}
-          <div className="min-w-0 flex-1">
+          <div className="flex min-w-0 flex-1 items-center gap-2">
+            {recording.visibility === "private" ? (
+              <span
+                className="inline-flex shrink-0 text-muted-foreground"
+                role="img"
+                title={t("sharePage.privateClip")}
+              >
+                <IconLock className="h-3.5 w-3.5" aria-hidden="true" />
+                <span className="sr-only">{t("sharePage.privateClip")}</span>
+              </span>
+            ) : null}
             {showTitleSkeleton ? (
               <Skeleton
                 aria-label={t("sharePage.generatingTitle")}
-                className="h-4 w-56 max-w-full"
+                className="h-4 w-56 max-w-full flex-1"
               />
             ) : (
-              <h1 className="truncate text-sm font-medium">{visibleTitle}</h1>
+              <h1 className="min-w-0 flex-1 truncate text-sm font-medium">
+                {visibleTitle}
+              </h1>
             )}
           </div>
 
@@ -995,24 +1120,23 @@ export default function ShareRoute() {
                 onDeleted={() => navigate("/library", { replace: true })}
               />
             ) : null}
-            {viewerCanEdit ? (
+            {viewerCanEdit || canReshareLink ? (
               <ShareRecordingPopover
                 recordingId={recording.id}
                 recordingTitle={recording.title}
                 initialVisibility={recording.visibility}
                 initialRole={viewerIsOwner ? "owner" : undefined}
-                videoUrl={recording.videoUrl}
+                videoUrl={shareVideoUrl}
                 thumbnailUrl={recording.thumbnailUrl}
                 animatedThumbnailUrl={recording.animatedThumbnailUrl}
                 isLoomRecording={isLoomEmbedBacked}
                 hasPassword={Boolean(recording.hasPassword)}
+                viewerReshareOnly={viewerReshareOnly}
               >
-                <Button size="sm" className="shrink-0 gap-1.5">
-                  {recording.visibility !== "public" ? (
-                    <IconShare3 className="h-4 w-4" />
-                  ) : null}
-                  {t("sharePage.share")}
-                </Button>
+                <ShareTrigger
+                  label={t("sharePage.share")}
+                  className="shrink-0"
+                />
               </ShareRecordingPopover>
             ) : null}
           </div>
@@ -1337,10 +1461,12 @@ function PublicAgentEmptyState({
 }
 
 function EndState({
+  icon,
   title,
   message,
   action,
 }: {
+  icon?: ReactNode;
   title: string;
   message: string;
   action?: ReactNode;
@@ -1349,6 +1475,11 @@ function EndState({
 
   return (
     <div className="flex flex-col items-center justify-center min-h-screen bg-background text-foreground px-6">
+      {icon ? (
+        <div className="mb-3 flex h-10 w-10 items-center justify-center rounded-full border border-border bg-muted text-muted-foreground">
+          {icon}
+        </div>
+      ) : null}
       <h1 className="text-2xl font-semibold mb-2">{title}</h1>
       <p className="mb-6 max-w-md text-center text-sm text-muted-foreground">
         {message}

package/corpus/templates/clips/changelog/2026-08-14-long-resumable-uploads-now-abort-cleanly-and-show-errors.md

@@ -0,0 +1,6 @@
+---
+type: fixed
+date: 2026-08-14
+---
+
+Long desktop recordings now complete or abort resumable uploads cleanly, preserve local recovery copies, and show the actual upload error when saving fails.

package/corpus/templates/clips/changelog/2026-08-14-standardized-share-popovers.md

@@ -0,0 +1,6 @@
+---
+type: fixed
+date: 2026-08-14
+---
+
+Clips now uses consistent text-only share controls with compact copy actions and an expandable Share with agents section across recordings and meetings.

package/corpus/templates/clips/chrome-extension/public/manifest.json

@@ -3,7 +3,7 @@
   "name": "Agent-Native Clips",
   "short_name": "Clips",
   "version": "0.1.18",
-  "description": "Start Clips recordings from Chrome, capture optional diagnostics, and preview Clips links on GitHub.",
+  "description": "Start Clips recordings from Chrome, capture optional diagnostics, and preview Clips links on GitHub and Jira.",
   "minimum_chrome_version": "116",
   "action": {
     "default_title": "Record with Clips",
@@ -35,7 +35,11 @@
   ],
   "content_scripts": [
     {
-      "matches": ["https://github.com/*"],
+      "matches": [
+        "https://github.com/*",
+        "https://*.atlassian.net/*",
+        "https://*.jira.com/*"
+      ],
       "js": ["assets/github-preview-content.js"],
       "run_at": "document_idle",
       "all_frames": false
@@ -48,7 +52,11 @@
     },
     {
       "resources": ["src/github-preview.html"],
-      "matches": ["https://github.com/*"]
+      "matches": [
+        "https://github.com/*",
+        "https://*.atlassian.net/*",
+        "https://*.jira.com/*"
+      ]
     }
   ],
   "externally_connectable": {

package/corpus/templates/clips/chrome-extension/src/github-preview-content.ts

@@ -1,13 +1,14 @@
-// GitHub Clips link previews. This is a narrow declarative content script for
-// github.com only; the recording overlay remains activeTab-injected.
-(function clipsGithubPreviewContent() {
-  const ROOT_CLASS = "clips-github-preview";
-  const PROCESSED_ATTR = "data-clips-github-preview";
+// Clips link previews for GitHub and Jira Cloud. The recording overlay remains
+// activeTab-injected so this content script only handles rendered issue text.
+(function clipsLinkPreviewContent() {
+  const ROOT_CLASS = "clips-link-preview";
+  const PROCESSED_ATTR = "data-clips-link-preview";
   const SOURCE_ATTR = "data-clips-source-url";
   const EXTENSION_ORIGIN = chrome.runtime.getURL("").replace(/\/$/, "");
   const CLIPS_HOSTS = new Set(["clips.agent-native.com"]);
   const LOCAL_HOSTS = new Set(["localhost", "127.0.0.1"]);
   const ROUTE_SEGMENTS = new Set(["r", "share", "embed"]);
+  const JIRA_HOST_SUFFIXES = [".atlassian.net", ".jira.com"];
   const MIN_HEIGHT = 120;
   const MAX_HEIGHT = 720;
 
@@ -115,6 +116,34 @@
     );
   }
 
+  function isJiraPage(): boolean {
+    const hostname = location.hostname.toLowerCase();
+    return JIRA_HOST_SUFFIXES.some((suffix) => hostname.endsWith(suffix));
+  }
+
+  function isJiraIssueContentAnchor(anchor: HTMLAnchorElement): boolean {
+    if (anchor.closest(`.${ROOT_CLASS}`)) return false;
+    return Boolean(
+      anchor.closest(
+        [
+          '[data-testid="issue.views.issue-base.foundation.description.text"]',
+          '[data-testid^="issue.views.issue-base.foundation.description"]',
+          '[data-testid^="issue.views.issue-base.common.comment"]',
+          '[data-testid^="issue.views.issue-base.common.comments"]',
+          '[data-testid*="comment"]',
+          ".ak-renderer-document",
+          ".ak-renderer-document-container",
+        ].join(","),
+      ),
+    );
+  }
+
+  function isSupportedContentAnchor(anchor: HTMLAnchorElement): boolean {
+    return isJiraPage()
+      ? isJiraIssueContentAnchor(anchor)
+      : isGitHubMarkdownAnchor(anchor);
+  }
+
   function previewInsertionTarget(anchor: HTMLAnchorElement): HTMLElement {
     const block = anchor.closest(
       [
@@ -145,7 +174,7 @@
       return;
     }
 
-    const frameId = `clips-github-preview-${++frameCounter}`;
+    const frameId = `clips-link-preview-${++frameCounter}`;
     const wrapper = document.createElement("div");
     wrapper.className = ROOT_CLASS;
     wrapper.id = `${frameId}-wrapper`;
@@ -195,7 +224,7 @@
     for (const anchor of document.querySelectorAll<HTMLAnchorElement>(
       `a[href]:not([${PROCESSED_ATTR}])`,
     )) {
-      if (!isGitHubMarkdownAnchor(anchor)) continue;
+      if (!isSupportedContentAnchor(anchor)) continue;
       const link = parseClipsLink(anchor.href);
       if (!link) continue;
       mountPreview(anchor, link);
@@ -212,7 +241,7 @@
     const data = event.data as
       | { source?: string; frameId?: string; height?: number }
       | undefined;
-    if (data?.source !== "clips-github-preview") return;
+    if (data?.source !== "clips-link-preview") return;
     if (!data.frameId || typeof data.height !== "number") return;
     const frame = document.getElementById(data.frameId);
     if (!(frame instanceof HTMLIFrameElement)) return;

package/corpus/templates/clips/chrome-extension/src/github-preview.ts

@@ -1,6 +1,6 @@
 import { captureExtensionError, initExtensionSentry } from "./sentry";
 
-initExtensionSentry("github-preview");
+initExtensionSentry("link-preview");
 
 const DEFAULT_HOST = "clips.agent-native.com";
 const CLIPS_HOSTS = new Set(["clips.agent-native.com"]);
@@ -80,7 +80,7 @@ function postHeight(frameId: string): void {
   const height = document.documentElement.scrollHeight;
   window.parent.postMessage(
     {
-      source: "clips-github-preview",
+      source: "clips-link-preview",
       frameId,
       height,
     },
@@ -415,7 +415,7 @@ async function main(): Promise<void> {
     renderPreview(root, preview, await checkPublicPlayable(preview));
   } catch (error) {
     captureExtensionError(error, {
-      tags: { surface: "github-preview" },
+      tags: { surface: "link-preview" },
       extra: { pageUrl: location.href },
     });
   }

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

@@ -22,7 +22,6 @@ import {
   isLikelyPhoneMicLabel,
   type AudioInputFallback,
 } from "@shared/media-device-selection";
-import { createMicAudioCleanup } from "@shared/mic-audio-cleanup";
 import { scheduleReadyChime } from "@shared/recording-audio";
 import {
   SCREEN_CAPTURE_FRAME_RATE,
@@ -435,14 +434,9 @@ async function getCameraStream(deviceId: string): Promise<MediaStream> {
   }
 }
 
-// Phones/Continuity-style mics already apply their own echo cancellation,
-// noise suppression, and gain control before the audio ever reaches Chrome.
-// Stacking Chrome's versions of the same processing on top double-processes
-// the signal and audibly degrades it. We can't detect "is this device doing
-// its own processing" directly, so we use the device label as a heuristic and
-// ask the browser to SKIP its own noise suppression / AGC for those devices
-// (`{ ideal: false }` — a best-effort request, not a hard requirement). Echo
-// cancellation stays on for everything.
+// Let the browser apply its built-in voice processing. Device labels are not a
+// reliable signal for whether a hardware path already processed its audio, so
+// do not branch capture quality on a label heuristic.
 async function chooseFallbackMicDevice(
   requestedLabel: string,
   avoidDeviceIds: string[] = [],
@@ -459,13 +453,12 @@ async function chooseFallbackMicDevice(
 
 function voiceFocusedAudioConstraints(
   deviceId: string,
-  deviceLabel = "",
+  _deviceLabel = "",
 ): MediaTrackConstraints {
-  const skipRedundantProcessing = isLikelyPhoneMicLabel(deviceLabel);
   const audio: MediaTrackConstraints = {
     echoCancellation: true,
-    noiseSuppression: skipRedundantProcessing ? { ideal: false } : true,
-    autoGainControl: skipRedundantProcessing ? { ideal: false } : true,
+    noiseSuppression: true,
+    autoGainControl: true,
     channelCount: 1,
   };
   if (deviceId) audio.deviceId = { exact: deviceId };
@@ -811,20 +804,11 @@ async function createMixedAudio(
   const audioContext = new AudioContext();
   await audioContext.resume().catch(() => undefined);
   const destination = audioContext.createMediaStreamDestination();
-  const micCleanup: Array<{ stop: () => void }> = [];
   for (const input of audioInputs) {
-    let track = input.track;
-    if (input.isMicrophone) {
-      const cleanup = createMicAudioCleanup(new MediaStream([track]), {
-        audioContext,
-      });
-      micCleanup.push(cleanup);
-      track = cleanup.stream.getAudioTracks()[0] ?? track;
-    }
     // 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]),
+      new MediaStream([input.track]),
     );
     source.connect(destination);
     // A mixed input track can end mid-recording — most commonly the shared
@@ -832,7 +816,7 @@ async function createMixedAudio(
     // 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", () => {
+    input.track.addEventListener("ended", () => {
       try {
         source.disconnect();
       } catch {
@@ -847,7 +831,6 @@ async function createMixedAudio(
     cleanup() {
       if (cleanedUp) return;
       cleanedUp = true;
-      for (const cleanup of micCleanup) cleanup.stop();
     },
   };
 }