4e:I[707087,["/_next/static/immutable/chunks/3arlv5bvukoo2.js","/_next/static/immutable/chunks/39v64hmfyo-sr.js","/_next/static/immutable/chunks/2nvof3-29tvc3.js","/_next/static/immutable/chunks/3tjobt77z_9dj.js","/_next/static/immutable/chunks/3upr08c9vtj8w.js","/_next/static/immutable/chunks/2rwy6tq861e-y.js","/_next/static/immutable/chunks/2xxcqy6ppds3l.js","/_next/static/immutable/chunks/2hlz_ivp-qrnh.js","/_next/static/immutable/chunks/0p6vao205o1jc.js","/_next/static/immutable/chunks/11mfl5ymqld9-.js","/_next/static/immutable/chunks/2zoahorp76dll.js","/_next/static/immutable/chunks/1ww0328si-u8x.js","/_next/static/immutable/chunks/1_kyvgkyokw92.js","/_next/static/immutable/chunks/1d0aij627lbx2.js","/_next/static/immutable/chunks/1ud4fi_ghnsx-.js"],"RegistryDependencies"] 4f:I[314491,["/_next/static/immutable/chunks/3arlv5bvukoo2.js","/_next/static/immutable/chunks/39v64hmfyo-sr.js","/_next/static/immutable/chunks/2nvof3-29tvc3.js","/_next/static/immutable/chunks/3tjobt77z_9dj.js","/_next/static/immutable/chunks/3upr08c9vtj8w.js","/_next/static/immutable/chunks/2rwy6tq861e-y.js","/_next/static/immutable/chunks/2xxcqy6ppds3l.js","/_next/static/immutable/chunks/2hlz_ivp-qrnh.js","/_next/static/immutable/chunks/0p6vao205o1jc.js","/_next/static/immutable/chunks/11mfl5ymqld9-.js","/_next/static/immutable/chunks/2zoahorp76dll.js","/_next/static/immutable/chunks/1ww0328si-u8x.js","/_next/static/immutable/chunks/1_kyvgkyokw92.js","/_next/static/immutable/chunks/1d0aij627lbx2.js","/_next/static/immutable/chunks/1ud4fi_ghnsx-.js"],"FilesView"] 50:T1346,'use client'; import * as React from 'react'; import { useObjectUrl } from '@/lib/browser-utils'; import { cn } from '@/registry/localmode/lib/utils'; import { WaveformActivityBars } from '@/components/waveform-activity-bars'; /** Format a Date as a coarse relative time string (e.g. "3m ago"). */ function relativeTime(date: Date): string { const seconds = Math.round((Date.now() - date.getTime()) / 1000); if (seconds < 5) return 'just now'; if (seconds < 60) return `${seconds}s ago`; const minutes = Math.round(seconds / 60); if (minutes < 60) return `${minutes}m ago`; const hours = Math.round(minutes / 60); if (hours < 24) return `${hours}h ago`; return `${Math.round(hours / 24)}d ago`; } /** Resolve a Blob | string | null audio source to a stable playable URL. */ function useAudioSrc(audio: Blob | string | null | undefined) { // useObjectUrl creates/revokes the object URL for Blobs; strings pass through. const objectUrl = useObjectUrl(typeof audio === 'string' ? null : audio); return typeof audio === 'string' ? audio : objectUrl; } /** Props for {@link TranscribedNoteCard}. */ export interface TranscribedNoteCardProps { /** * When true, render the "transcribing…" placeholder (waveform + label) instead * of the populated card. Flip to false once `useTranscribe` resolves. */ transcribing?: boolean; /** The transcribed text (shown once `transcribing` is false). */ text?: string; /** When the note was created — shown as relative time, absolute on hover. */ timestamp?: Date; /** Local audio for inline playback (a `Blob` or object URL). */ audio?: Blob | string | null; /** Fired when the hover-revealed delete control is clicked. Omit to hide it. */ onDelete?: () => void; /** Additional class names merged onto the root element. */ className?: string; } /** * A transcription list item pairing transcribed text with inline audio * playback. It has two variants from one component: * * - **Placeholder** (`transcribing`) — a {@link WaveformActivityBars} row + a * "Transcribing…" label, the canonical loading state for a * `useOperationList`-backed STT list where items stream in. * - **Populated** — a relative timestamp (hover → absolute), the transcript * body, a native `