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:Tc19,"use client"; import { useEffect, useState } from "react"; import { cn } from "@/lib/utils"; const KEYFRAMES = ` @keyframes su-pixel-on { 0%, 100% { opacity: 0.15 } 40% { opacity: 1 } } @keyframes su-shimmer-text { 0% { background-position: 200% 0 } 100% { background-position: -200% 0 } } `; const chevron = Array.from({ length: 9 }, (_, i) => { const r = Math.floor(i / 3), c = i % 3; return (c + Math.abs(r - 1)) * 90; }); const ORBIT_ORDER = [0, 1, 2, 5, 8, 7, 6, 3]; const orbit = Array.from({ length: 9 }, (_, i) => { const k = ORBIT_ORDER.indexOf(i); return k === -1 ? null : k * 110; }); export type LoadingStateVariant = "Drive" | "Dots" | "Orbit"; const PATTERNS: Record< LoadingStateVariant, { delays: (number | null)[]; dur: number; round: boolean } > = { Drive: { delays: chevron, dur: 650, round: false }, Dots: { delays: chevron, dur: 650, round: true }, Orbit: { delays: orbit, dur: 950, round: false }, }; function useElapsed() { const [ds, setDs] = useState(0); useEffect(() => { const t = setInterval(() => setDs((d) => d + 1), 100); return () => clearInterval(t); }, []); const total = ds / 10; if (total < 60) return `${total.toFixed(1)}s`; return `${Math.floor(total / 60)}m ${(total % 60).toFixed(1)}s`; } export interface LoadingStateProps { label?: string; variant?: LoadingStateVariant; className?: string; } export function LoadingState({ label = "Churning", variant = "Drive", className, }: LoadingStateProps) { const elapsed = useElapsed(); const { delays, dur, round } = PATTERNS[variant] ?? PATTERNS.Drive; return (