4f: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/04j_o97cgxn2x.js","/_next/static/immutable/chunks/3upr08c9vtj8w.js","/_next/static/immutable/chunks/1ww0328si-u8x.js","/_next/static/immutable/chunks/11mfl5ymqld9-.js","/_next/static/immutable/chunks/2xxcqy6ppds3l.js","/_next/static/immutable/chunks/3j06ow7w40nxu.js","/_next/static/immutable/chunks/31nn7jwsjvqii.js","/_next/static/immutable/chunks/43_s7jweyypoh.js","/_next/static/immutable/chunks/0p6vao205o1jc.js","/_next/static/immutable/chunks/1_kyvgkyokw92.js","/_next/static/immutable/chunks/1lo-zn37dolb5.js","/_next/static/immutable/chunks/1v8k6yxw1rg0u.js"],"RegistryDependencies"] 50: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/04j_o97cgxn2x.js","/_next/static/immutable/chunks/3upr08c9vtj8w.js","/_next/static/immutable/chunks/1ww0328si-u8x.js","/_next/static/immutable/chunks/11mfl5ymqld9-.js","/_next/static/immutable/chunks/2xxcqy6ppds3l.js","/_next/static/immutable/chunks/3j06ow7w40nxu.js","/_next/static/immutable/chunks/31nn7jwsjvqii.js","/_next/static/immutable/chunks/43_s7jweyypoh.js","/_next/static/immutable/chunks/0p6vao205o1jc.js","/_next/static/immutable/chunks/1_kyvgkyokw92.js","/_next/static/immutable/chunks/1lo-zn37dolb5.js","/_next/static/immutable/chunks/1v8k6yxw1rg0u.js"],"FilesView"] 51:T1424,'use client'; import { useEffect, useState } from 'react'; import { Check, Mic, X } from 'lucide-react'; import { cn } from '@/lib/utils'; const KEYFRAMES = ` @keyframes su-eq { 0%, 100% { transform: scaleY(0.3) } 50% { transform: scaleY(1) } } `; const BAR_COUNT = 18; const BAR_SEED = Array.from({ length: BAR_COUNT }, (_, i) => ({ delay: (i * 67) % 480, duration: 640 + ((i * 131) % 420), height: 8 + ((i * 53) % 12), })); export type VoiceInputState = 'idle' | 'recording' | 'processing'; export interface VoiceInputProps { state?: VoiceInputState; onStart?: () => void; onConfirm?: () => void; onCancel?: () => void; className?: string; } function useRecordingClock(active: boolean) { const [ds, setDs] = useState(0); useEffect(() => { if (!active) { setDs(0); return; } const t = setInterval(() => setDs((d) => d + 1), 100); return () => clearInterval(t); }, [active]); const total = ds / 10; return `0:${String(Math.floor(total)).padStart(2, '0')}`; } export function VoiceInput({ state: stateProp, onStart, onConfirm, onCancel, className, }: VoiceInputProps) { const [stateState, setStateState] = useState('idle'); const state = stateProp !== undefined ? stateProp : stateState; const clock = useRecordingClock(state === 'recording'); function start() { setStateState('recording'); onStart?.(); } function confirm() { setStateState('processing'); onConfirm?.(); } function cancel() { setStateState('idle'); onCancel?.(); } return (