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:T13f2,'use client'; import { useState } from 'react'; import { Check, ChevronDown, CircleDashed, Loader2, X } from 'lucide-react'; import { cn } from '@/lib/utils'; const KEYFRAMES = ` @keyframes su-pop { 0% { opacity: 0; transform: scale(0.85) } 100% { opacity: 1; transform: none } } `; export type TaskStatus = 'queued' | 'running' | 'completed' | 'failed'; export interface TaskRow { id: string; title: string; detail?: string; status: TaskStatus; note?: string; } export type TaskRowsVariant = 'Default' | 'Compact'; export interface TaskRowsProps { tasks: TaskRow[]; variant?: TaskRowsVariant; className?: string; } const BADGE: Record = { queued: 'bg-black/[0.05] text-neutral-500 dark:bg-white/[0.07] dark:text-neutral-400', running: 'bg-sky-500/10 text-sky-700 dark:text-sky-400', completed: 'bg-emerald-500/10 text-emerald-700 dark:text-emerald-400', failed: 'bg-red-500/10 text-red-700 dark:text-red-400', }; function StatusIcon({ status }: { status: TaskStatus }) { if (status === 'completed') return ( ); if (status === 'failed') return ( ); if (status === 'running') return ( ); return ; } export function TaskRows({ tasks, variant = 'Default', className }: TaskRowsProps) { const [openId, setOpenId] = useState(null); const compact = variant === 'Compact'; return (