@agent-native/core 0.175.4 → 0.176.0-nightly-20260826203614

package/corpus/README.md

@@ -31,4 +31,4 @@ rg -n "defineAction|useActionQuery" node_modules/@agent-native/core/corpus
 
 ## Generated Counts
 
-- template files: 8623
+- template files: 8631

package/corpus/templates/clips/.agents/skills/recording/SKILL.md

@@ -15,7 +15,7 @@ Reach for this skill any time you touch the recorder: the record button, the in-
 
 ## Data model touched
 
-- **`recordings`** — the row gets created as soon as the user presses Record or imports a source. Native/file recordings transition `uploading` → `processing` → `ready` (or `failed`). `videoUrl`, `durationMs`, `videoSizeBytes`, `width`, `height`, `hasAudio`, `hasCamera` are populated as the upload streams in. Loom imports use `import-loom-recording` and create a `ready` row whose `videoUrl` is a Loom embed URL.
+- **`recordings`** — the row gets created as soon as the user presses Record or imports a source. Native/file recordings transition `uploading` → `processing` → `ready` (or `failed`). `videoUrl`, `durationMs`, `videoSizeBytes`, `width`, `height`, `hasAudio`, `hasCamera` are populated as the upload streams in. Loom imports use `import-loom-recording` and become ready with either a Clips-hosted MP4 or a Loom embed when MP4 export is unavailable.
 - **`application_state.record-intent`** — the agent writes this when it wants to start a recording. The UI reads and clears it, then prompts for permission.
 - **`application_state.navigation`** — set to `{ view: "record" }` while the recorder is active.
 
@@ -122,13 +122,14 @@ segments; never store Loom's signed CDN URLs.
 When Loom exposes a downloadable public MP4, `import-loom-recording` downloads
 it, reuploads the bytes to Clips storage, and creates a ready, playable
 Clips-hosted recording, importing Loom's public transcript when the share page
-exposes one. If Loom does not expose a downloadable MP4, ask the user to download
-the original from Loom and use "Upload video".
-
-Loom imports are embed-backed, not Clips-owned video files. The player renders a
-Loom iframe and the native Clips editor is hidden for those recordings. If the
-user needs Clips-native trimming, exports, frame extraction, or upload-based
-transcription, ask them to upload the original video file instead.
+exposes one. If Loom allows public playback but does not expose an MP4, the
+action keeps a ready, embed-backed recording and still imports the transcript
+when available.
+
+Embed-backed Loom imports render a Loom iframe and hide the native Clips editor.
+Reuploaded Loom imports support Clips-native trimming, exports, frame extraction,
+and upload-based transcription; ask the user to upload the original video file
+when those capabilities are needed for an embed-backed import.
 
 ## Browser diagnostics and recorder install options
 

package/corpus/templates/clips/actions/import-loom-recording.ts

@@ -145,7 +145,7 @@ async function fetchLoomOembed(shareUrl: string) {
 
 export default defineAction({
   description:
-    "Import a public Loom share URL, or a direct link to a video file, into Clips as a playable recording. Loom links create the recording immediately and download/reupload Loom's public MP4 plus import Loom's public transcript in the background, since Loom's CDN plus a reupload can take longer than a single request should block on. Other direct video links (e.g. an MP4/WebM/MOV hosted by another screen recorder) are downloaded and reuploaded synchronously without transcript metadata — use request-transcript afterward. If storage is not connected, creates a waiting recording that can be retried after storage setup.",
+    "Import a public Loom share URL, or a direct link to a video file, into Clips as a playable recording. Loom links create the recording immediately and download/reupload Loom's public MP4 when available, or keep a playable Loom embed when Loom allows playback but not MP4 export; public transcripts are imported in the background. Other direct video links (e.g. an MP4/WebM/MOV hosted by another screen recorder) are downloaded and reuploaded synchronously without transcript metadata — use request-transcript afterward. If storage is not connected, creates a waiting recording that can be retried after storage setup.",
   schema: ImportLoomRecordingSchema,
   run: async (args, actionContext) => {
     const loomId = extractLoomVideoId(args.url);

package/corpus/templates/clips/actions/lib/loom-import-job.ts

@@ -8,13 +8,14 @@ import { ownerEmailMatches } from "../../server/lib/recordings.js";
 import { transactionalEmailStore } from "../../server/lib/transactional-email-store.js";
 import {
   extractLoomVideoId,
+  loomEmbedUrlForId,
   normalizeLoomShareUrl,
 } from "../../shared/loom.js";
 import {
   fetchLoomTranscript,
   loomTranscriptUnavailableMessage,
 } from "./loom-transcript.js";
-import { downloadLoomVideo } from "./loom-video.js";
+import { downloadLoomVideo, LoomVideoUnavailableError } from "./loom-video.js";
 
 export type LoomImportJobResult = {
   status: "ready" | "failed";
@@ -147,7 +148,7 @@ export async function runLoomImportJob({
 
   console.log("[loom-import] job started", { recordingId, claimId });
 
-  let media: Awaited<ReturnType<typeof downloadLoomVideo>>;
+  let media: Awaited<ReturnType<typeof downloadLoomVideo>> | null = null;
   try {
     media = await downloadLoomVideo({ loomId, shareUrl });
     console.log("[loom-import] download complete", {
@@ -156,40 +157,54 @@ export async function runLoomImportJob({
       mimeType: media.mimeType,
     });
   } catch (err) {
-    return failLoomImport(
-      recordingId,
-      err instanceof Error ? err.message : String(err),
-      claimId,
-    );
+    // Loom's public player can work even when the viewer's role cannot export MP4.
+    if (err instanceof LoomVideoUnavailableError) {
+      console.warn("[loom-import] MP4 unavailable; keeping Loom embed", {
+        recordingId,
+        loomId,
+      });
+    } else {
+      return failLoomImport(
+        recordingId,
+        err instanceof Error ? err.message : String(err),
+        claimId,
+      );
+    }
   }
 
   try {
-    const upload = await uploadFile({
-      data: media.bytes,
-      filename: `${recordingId}.mp4`,
-      mimeType: media.mimeType,
-      ownerEmail,
-      stableUrl: true,
-      recordAsset: false,
-    });
-    if (!upload?.url) {
+    const upload = media
+      ? await uploadFile({
+          data: media.bytes,
+          filename: `${recordingId}.mp4`,
+          mimeType: media.mimeType,
+          ownerEmail,
+          stableUrl: true,
+          recordAsset: false,
+        })
+      : null;
+    if (media && !upload?.url) {
       return failLoomImport(
         recordingId,
         "File upload returned no URL. Check your storage provider configuration.",
         claimId,
       );
     }
-    console.log("[loom-import] reupload complete", {
-      recordingId,
-      videoUrl: upload.url,
-    });
+
+    const videoUrl = upload?.url ?? loomEmbedUrlForId(loomId);
+    if (upload) {
+      console.log("[loom-import] reupload complete", {
+        recordingId,
+        videoUrl: upload.url,
+      });
+    }
 
     const now = new Date().toISOString();
     const [mediaReady] = await db
       .update(schema.recordings)
       .set({
-        videoUrl: upload.url,
-        videoSizeBytes: media.sizeBytes,
+        videoUrl,
+        videoSizeBytes: media?.sizeBytes ?? 0,
         status: "ready",
         failureReason: null,
         updatedAt: now,
@@ -213,20 +228,22 @@ export async function runLoomImportJob({
     }
     console.log("[loom-import] recording ready", { recordingId });
 
-    void queueBuilderMediaCompression({
-      recordingId,
-      ownerEmail,
-      videoUrl: upload.url,
-      mimeType: media.mimeType,
-      providerId: upload.provider,
-      assetDbId: upload.id,
-      sourceSizeBytes: media.sizeBytes,
-    }).catch((err) => {
-      console.warn("[clips] Loom media compression queue failed", {
+    if (media && upload) {
+      void queueBuilderMediaCompression({
         recordingId,
-        error: err instanceof Error ? err.message : String(err),
+        ownerEmail,
+        videoUrl: upload.url,
+        mimeType: media.mimeType,
+        providerId: upload.provider,
+        assetDbId: upload.id,
+        sourceSizeBytes: media.sizeBytes,
+      }).catch((err) => {
+        console.warn("[clips] Loom media compression queue failed", {
+          recordingId,
+          error: err instanceof Error ? err.message : String(err),
+        });
       });
-    });
+    }
 
     try {
       let transcript: Awaited<ReturnType<typeof fetchLoomTranscript>> = null;
@@ -291,7 +308,7 @@ export async function runLoomImportJob({
         recordingId,
         status: "ready",
         progress: 100,
-        videoUrl: upload.url,
+        videoUrl,
         updatedAt: now,
       });
       await writeAppState("refresh-signal", { ts: Date.now() });

package/corpus/templates/clips/app/components/clips-avatar.tsx

@@ -0,0 +1,46 @@
+import {
+  forwardRef,
+  useCallback,
+  type ComponentPropsWithoutRef,
+  type ReactNode,
+} from "react";
+
+import { Avatar, AvatarFallback, AvatarImage } from "@/components/ui/avatar";
+import { useVisibleAvatarUrl } from "@/lib/use-visible-avatar-url";
+
+interface ClipsAvatarProps extends Omit<
+  ComponentPropsWithoutRef<typeof Avatar>,
+  "children"
+> {
+  email: string | null | undefined;
+  alt: string;
+  fallback: ReactNode;
+  fallbackClassName?: string;
+}
+
+export const ClipsAvatar = forwardRef<HTMLSpanElement, ClipsAvatarProps>(
+  function ClipsAvatar(
+    { email, alt, fallback, fallbackClassName, ...avatarProps },
+    forwardedRef,
+  ) {
+    const { avatarRef, avatarUrl } = useVisibleAvatarUrl(email);
+    const setAvatarRef = useCallback(
+      (element: HTMLSpanElement | null) => {
+        avatarRef.current = element;
+        if (typeof forwardedRef === "function") forwardedRef(element);
+        else if (forwardedRef) forwardedRef.current = element;
+      },
+      [avatarRef, forwardedRef],
+    );
+
+    return (
+      <Avatar {...avatarProps} ref={setAvatarRef}>
+        {avatarUrl ? <AvatarImage src={avatarUrl} alt={alt} /> : null}
+        <AvatarFallback className={fallbackClassName}>
+          {fallback}
+        </AvatarFallback>
+      </Avatar>
+    );
+  },
+);
+ClipsAvatar.displayName = "ClipsAvatar";

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

@@ -17,9 +17,9 @@ import {
 import { useCallback, useMemo, useRef, useState } from "react";
 import { Link } from "react-router";
 
+import { ClipsAvatar } from "@/components/clips-avatar";
 import { AgentViewCount } from "@/components/player/recording-views-badge";
 import { ViewedByPopover } from "@/components/sharing/viewed-by-popover";
-import { Avatar, AvatarFallback, AvatarImage } from "@/components/ui/avatar";
 import { Checkbox } from "@/components/ui/checkbox";
 import {
   DropdownMenu,
@@ -340,12 +340,13 @@ export function RecordingCard({
               </div>
             )}
             <div className="mt-1 flex min-w-0 items-center gap-1.5 text-[11px] text-muted-foreground">
-              <Avatar className="h-4 w-4 shrink-0">
-                <AvatarImage src="" alt={recording.ownerEmail} />
-                <AvatarFallback className="bg-primary/15 text-[8px] text-primary">
-                  {ownerInitials}
-                </AvatarFallback>
-              </Avatar>
+              <ClipsAvatar
+                email={recording.ownerEmail}
+                alt={recording.ownerEmail}
+                fallback={ownerInitials}
+                className="h-4 w-4 shrink-0"
+                fallbackClassName="bg-primary/15 text-[8px] text-primary"
+              />
               <span className="min-w-0 truncate">{recording.ownerEmail}</span>
               <span aria-hidden>•</span>
               <span className="shrink-0">{relative}</span>

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

@@ -9,6 +9,7 @@ import {
 import { useState } from "react";
 import { Link } from "react-router";
 
+import { ClipsAvatar } from "@/components/clips-avatar";
 import {
   ContextMenu,
   ContextMenuContent,
@@ -104,13 +105,15 @@ export function SpaceCard({
                       .slice(0, 2)
                       .toUpperCase();
                     return (
-                      <div
+                      <ClipsAvatar
                         key={email}
+                        email={email}
+                        alt={email}
+                        fallback={initials}
+                        className="h-5 w-5 border border-background"
+                        fallbackClassName="bg-primary/15 text-[9px] font-medium text-primary"
                         title={email}
-                        className="flex h-5 w-5 items-center justify-center rounded-full border border-background bg-primary/15 text-[9px] font-medium text-primary"
-                      >
-                        {initials}
-                      </div>
+                      />
                     );
                   })}
                   {members.length > 5 && (

package/corpus/templates/clips/app/components/meetings/attendee-stack.tsx

@@ -5,7 +5,7 @@
  * gets a shadcn Tooltip showing name/email. Used on both list cards and
  * detail headers.
  */
-import { Avatar, AvatarFallback, AvatarImage } from "@/components/ui/avatar";
+import { ClipsAvatar } from "@/components/clips-avatar";
 import {
   Tooltip,
   TooltipContent,
@@ -58,14 +58,13 @@ export function AttendeeStack({
         {visible.map((p, i) => (
           <Tooltip key={`${p.email}-${i}`}>
             <TooltipTrigger asChild>
-              <Avatar
+              <ClipsAvatar
+                email={p.email}
+                alt={p.name || p.email}
+                fallback={attendeeInitials(p)}
+                fallbackClassName="font-medium"
                 className={`${sizeClass} ring-2 ring-background cursor-default`}
-              >
-                <AvatarImage alt={p.name || p.email} />
-                <AvatarFallback className="font-medium">
-                  {attendeeInitials(p)}
-                </AvatarFallback>
-              </Avatar>
+              />
             </TooltipTrigger>
             <TooltipContent side="top" className="text-xs">
               <div className="font-medium">{p.name || p.email}</div>

package/corpus/templates/clips/app/components/meetings/transcript-bubbles.tsx

@@ -9,7 +9,7 @@ import {
 import type { KeyboardEvent, ReactNode } from "react";
 import { useEffect, useMemo, useRef, useState } from "react";
 
-import { Avatar, AvatarFallback } from "@/components/ui/avatar";
+import { ClipsAvatar } from "@/components/clips-avatar";
 import { Button } from "@/components/ui/button";
 import { Input } from "@/components/ui/input";
 import {
@@ -59,6 +59,7 @@ export interface SpeakerIdentity {
   key: string;
   label: string | null;
   initialsSource: AttendeeStackParticipant | string;
+  email?: string | null;
   isOwner: boolean;
   accentClass: string;
   /** The capture could not tell speakers apart, so this transcript names
@@ -291,6 +292,7 @@ export function resolveSpeaker(
     key,
     label,
     initialsSource: participant ?? label ?? (source === "mic" ? "Me" : "Them"),
+    email: participant?.email ?? (source === "mic" ? ownerEmail : null),
     isOwner: source === "mic",
     accentClass: accentForSpeaker(key, source === "mic"),
   };
@@ -641,21 +643,26 @@ export function TranscriptBubbles({
                 >
                   {!group.speaker.unattributed && (
                     <div className="flex h-6 items-center gap-2">
-                      <Avatar
+                      <ClipsAvatar
+                        email={group.speaker.email}
+                        alt={
+                          group.speaker.label ||
+                          (group.speaker.isOwner
+                            ? t("transcriptBubbles.me")
+                            : t("transcriptBubbles.them"))
+                        }
+                        fallback={attendeeInitials(
+                          group.speaker.initialsSource,
+                        )}
                         className={cn(
                           "size-6 shrink-0",
                           group.speaker.accentClass,
                         )}
-                      >
-                        <AvatarFallback
-                          className={cn(
-                            "text-[9px] font-semibold",
-                            group.speaker.accentClass,
-                          )}
-                        >
-                          {attendeeInitials(group.speaker.initialsSource)}
-                        </AvatarFallback>
-                      </Avatar>
+                        fallbackClassName={cn(
+                          "text-[9px] font-semibold",
+                          group.speaker.accentClass,
+                        )}
+                      />
                       <div className="flex min-h-6 items-center">
                         <span
                           className={cn(

package/corpus/templates/clips/app/components/workspace/members-list.tsx

@@ -5,6 +5,7 @@ import { useQueryClient } from "@tanstack/react-query";
 import { useState } from "react";
 import { toast } from "sonner";
 
+import { ClipsAvatar } from "@/components/clips-avatar";
 import {
   AlertDialog,
   AlertDialogAction,
@@ -15,7 +16,6 @@ import {
   AlertDialogHeader,
   AlertDialogTitle,
 } from "@/components/ui/alert-dialog";
-import { Avatar, AvatarFallback } from "@/components/ui/avatar";
 import { Badge } from "@/components/ui/badge";
 import { Button } from "@/components/ui/button";
 import {
@@ -152,11 +152,13 @@ export function MembersList({
                 <TableRow key={m.id}>
                   <TableCell>
                     <div className="flex items-center gap-2 min-w-0">
-                      <Avatar className="h-8 w-8 flex-shrink-0">
-                        <AvatarFallback className="text-xs bg-primary text-primary-foreground">
-                          {initials(m.email)}
-                        </AvatarFallback>
-                      </Avatar>
+                      <ClipsAvatar
+                        email={m.email}
+                        alt={m.email}
+                        fallback={initials(m.email)}
+                        className="h-8 w-8 flex-shrink-0"
+                        fallbackClassName="text-xs bg-primary text-primary-foreground"
+                      />
                       <div className="min-w-0">
                         <div className="truncate font-medium flex items-center gap-1.5">
                           {m.email}

package/corpus/templates/clips/app/components/workspace/notifications-list.tsx

@@ -9,7 +9,7 @@ import {
 } from "@tabler/icons-react";
 import { Link } from "react-router";
 
-import { Avatar, AvatarFallback } from "@/components/ui/avatar";
+import { ClipsAvatar } from "@/components/clips-avatar";
 
 export type NotificationKind = "comment" | "reaction" | "mention" | "share";
 
@@ -62,11 +62,13 @@ export function NotificationsList({ items, onReply }: NotificationsListProps) {
     <ul className="divide-y">
       {items.map((item) => (
         <li key={item.id} className="py-3 flex items-start gap-3">
-          <Avatar className="h-9 w-9 flex-shrink-0">
-            <AvatarFallback className="text-xs bg-primary text-primary-foreground">
-              {initials(item.authorEmail)}
-            </AvatarFallback>
-          </Avatar>
+          <ClipsAvatar
+            email={item.authorEmail}
+            alt={item.authorEmail ?? t("clipsFinalRaw.someone")}
+            fallback={initials(item.authorEmail)}
+            className="h-9 w-9 flex-shrink-0"
+            fallbackClassName="text-xs bg-primary text-primary-foreground"
+          />
           <div className="min-w-0 flex-1">
             <div className="flex items-center gap-2 text-sm">
               <KindIcon kind={item.kind} />

package/corpus/templates/clips/app/components/workspace/top-creators-table.tsx

@@ -1,6 +1,6 @@
 import { useT } from "@agent-native/core/client/i18n";
 
-import { Avatar, AvatarFallback } from "@/components/ui/avatar";
+import { ClipsAvatar } from "@/components/clips-avatar";
 import {
   Table,
   TableBody,
@@ -58,11 +58,13 @@ export function TopCreatorsTable({ rows }: TopCreatorsTableProps) {
             <TableRow key={row.email}>
               <TableCell>
                 <div className="flex items-center gap-2 min-w-0">
-                  <Avatar className="h-7 w-7 flex-shrink-0">
-                    <AvatarFallback className="text-xs bg-primary text-primary-foreground">
-                      {initials(row.email)}
-                    </AvatarFallback>
-                  </Avatar>
+                  <ClipsAvatar
+                    email={row.email}
+                    alt={row.email}
+                    fallback={initials(row.email)}
+                    className="h-7 w-7 flex-shrink-0"
+                    fallbackClassName="text-xs bg-primary text-primary-foreground"
+                  />
                   <span className="truncate">{row.email}</span>
                 </div>
               </TableCell>

package/corpus/templates/clips/app/routes/_app.meetings.$meetingId.tsx

@@ -28,6 +28,7 @@ import { useEffect, useMemo, useRef, useState } from "react";
 import { NavLink, useNavigate, useParams } from "react-router";
 import { toast } from "sonner";
 
+import { ClipsAvatar } from "@/components/clips-avatar";
 import { PageHeader } from "@/components/library/page-header";
 import {
   AttendeeStack,
@@ -52,7 +53,6 @@ import {
   AlertDialogHeader,
   AlertDialogTitle,
 } from "@/components/ui/alert-dialog";
-import { Avatar, AvatarFallback, AvatarImage } from "@/components/ui/avatar";
 import { Badge } from "@/components/ui/badge";
 import { Button } from "@/components/ui/button";
 import {
@@ -258,12 +258,13 @@ function ActionItemsByPerson({
       {grouped.map(([who, list]) => (
         <div key={who} className="space-y-1.5">
           <div className="flex items-center gap-2">
-            <Avatar className="h-5 w-5">
-              <AvatarImage alt={who} />
-              <AvatarFallback className="text-[9px]">
-                {attendeeInitials(who || t("meetingDetail.unassigned"))}
-              </AvatarFallback>
-            </Avatar>
+            <ClipsAvatar
+              email={who || null}
+              alt={who || t("meetingDetail.unassigned")}
+              fallback={attendeeInitials(who || t("meetingDetail.unassigned"))}
+              className="h-5 w-5"
+              fallbackClassName="text-[9px]"
+            />
             <span className="text-xs font-medium">
               {who || t("meetingDetail.unassigned")}
             </span>

package/corpus/templates/clips/changelog/2026-08-26-detected-calls-no-longer-duplicate-meetings-or-strand-the-prompt.md

@@ -0,0 +1,6 @@
+---
+type: fixed
+date: 2026-08-26
+---
+
+Detected Zoom and Teams calls no longer create duplicate meetings or leave a prompt on screen after recording starts

package/corpus/templates/clips/desktop/src/overlays/meeting-notification.tsx

@@ -237,11 +237,13 @@ export function MeetingNotification() {
       }).catch(() => {});
     };
 
-    trackListen(
-      listen<NotificationData>("meetings:show-notification", (ev) => {
+    const showListener = listen<NotificationData>(
+      "meetings:show-notification",
+      (ev) => {
         showNotification(ev.payload);
-      }),
+      },
     );
+    trackListen(showListener);
 
     trackListen(
       listen<{ hovered: boolean }>("meetings:notification-hover", (ev) => {
@@ -249,33 +251,48 @@ export function MeetingNotification() {
       }),
     );
 
+    const hideListener = listen<TranscriptionStatusPayload>(
+      "meetings:hide-notification",
+      (ev) => {
+        if (ev.payload.meetingId !== dataRef.current?.meetingId) return;
+        hideNotification();
+      },
+    );
+    trackListen(hideListener);
+    const errorListener = listen<TranscriptionStatusPayload>(
+      "meetings:transcription-error",
+      (ev) => {
+        if (ev.payload.meetingId !== dataRef.current?.meetingId) return;
+        setPending(false);
+        setError(ev.payload.error || "Could not start notes.");
+        scheduleAutoHide(15_000);
+      },
+    );
+    trackListen(errorListener);
+
     // Cold overlay boot: hydrate any payload stored before this webview
     // mounted (calendar or adhoc).
-    invoke<NotificationData | null>("take_pending_meeting_notification")
+    //
+    // Every listener has to be live first, because `take` is destructive and
+    // each event lost in the gap is lost permanently. A hide landing before the
+    // hide listener registers leaves a card nothing can take back; a show
+    // landing before the show listener registers is dropped while the payload it
+    // duplicated has already been consumed, so no card appears at all.
+    Promise.all([showListener, hideListener, errorListener])
+      .then(() =>
+        invoke<NotificationData | null>("take_pending_meeting_notification"),
+      )
       .then((pending) => {
         if (stopped || !pending) return;
+        // The take is asynchronous, so a live `meetings:show-notification` may
+        // have arrived while it was in flight. That payload is newer than this
+        // one by definition, and hydration is only a cold-boot fallback, so it
+        // must not replace what the live path already put on screen.
+        if (dataRef.current) return;
         showNotification(pending, { hydrated: true });
       })
       .catch(() => {});
 
-    trackListen(
-      listen<TranscriptionStatusPayload>("meetings:hide-notification", (ev) => {
-        if (ev.payload.meetingId !== dataRef.current?.meetingId) return;
-        hideNotification();
-      }),
-    );
-    trackListen(
-      listen<TranscriptionStatusPayload>(
-        "meetings:transcription-error",
-        (ev) => {
-          if (ev.payload.meetingId !== dataRef.current?.meetingId) return;
-          setPending(false);
-          setError(ev.payload.error || "Could not start notes.");
-          scheduleAutoHide(15_000);
-        },
-      ),
-    );
-
     return () => {
       stopped = true;
       clearAutoHide();