50: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"] 51: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"] 52:T2e69,import { cn } from '@/lib/utils' const CIRCULAR_SIZE_CLASSES = { sm: 'size-4', md: 'size-5', lg: 'size-6', } const CLASSIC_SIZE_CLASSES = { sm: 'size-4', md: 'size-5', lg: 'size-6', } const CLASSIC_BAR_SIZES = { sm: { height: '6px', width: '1.5px' }, md: { height: '8px', width: '2px' }, lg: { height: '10px', width: '2.5px' }, } const PULSE_SIZE_CLASSES = { sm: 'size-4', md: 'size-5', lg: 'size-6', } const PULSE_DOT_SIZE_CLASSES = { sm: 'size-1', md: 'size-2', lg: 'size-3', } const DOTS_DOT_SIZES = { sm: 'h-1.5 w-1.5', md: 'h-2 w-2', lg: 'h-2.5 w-2.5', } const DOTS_CONTAINER_SIZES = { sm: 'h-4', md: 'h-5', lg: 'h-6', } const TYPING_DOT_SIZES = { sm: 'h-1 w-1', md: 'h-1.5 w-1.5', lg: 'h-2 w-2', } const TYPING_CONTAINER_SIZES = { sm: 'h-4', md: 'h-5', lg: 'h-6', } const WAVE_BAR_WIDTHS = { sm: 'w-0.5', md: 'w-0.5', lg: 'w-1', } const WAVE_CONTAINER_SIZES = { sm: 'h-4', md: 'h-5', lg: 'h-6', } const WAVE_HEIGHTS = { sm: ['6px', '9px', '12px', '9px', '6px'], md: ['8px', '12px', '16px', '12px', '8px'], lg: ['10px', '15px', '20px', '15px', '10px'], } const BARS_BAR_WIDTHS = { sm: 'w-1', md: 'w-1.5', lg: 'w-2', } const BARS_CONTAINER_SIZES = { sm: 'h-4 gap-1', md: 'h-5 gap-1.5', lg: 'h-6 gap-2', } const TERMINAL_CURSOR_SIZES = { sm: 'h-3 w-1.5', md: 'h-4 w-2', lg: 'h-5 w-2.5', } const TERMINAL_TEXT_SIZES = { sm: 'text-xs', md: 'text-sm', lg: 'text-base', } const TERMINAL_CONTAINER_SIZES = { sm: 'h-4', md: 'h-5', lg: 'h-6', } const TEXT_BLINK_TEXT_SIZES = { sm: 'text-xs', md: 'text-sm', lg: 'text-base', } const TEXT_SHIMMER_TEXT_SIZES = { sm: 'text-xs', md: 'text-sm', lg: 'text-base', } const TEXT_DOTS_TEXT_SIZES = { sm: 'text-xs', md: 'text-sm', lg: 'text-base', } export interface LoaderProps { variant?: 'circular' | 'classic' | 'pulse' | 'pulse-dot' | 'dots' | 'typing' | 'wave' | 'bars' | 'terminal' | 'text-blink' | 'text-shimmer' | 'loading-dots' size?: 'sm' | 'md' | 'lg' text?: string className?: string } export function CircularLoader({ className, size = 'md' }: { className?: string; size?: 'sm' | 'md' | 'lg' }) { return (

) } export function ClassicLoader({ className, size = 'md' }: { className?: string; size?: 'sm' | 'md' | 'lg' }) { return (

{[...Array(12)].map((_, i) => (

))}

) } export function PulseLoader({ className, size = 'md' }: { className?: string; size?: 'sm' | 'md' | 'lg' }) { return (

) } export function PulseDotLoader({ className, size = 'md' }: { className?: string; size?: 'sm' | 'md' | 'lg' }) { return (

) } export function DotsLoader({ className, size = 'md' }: { className?: string; size?: 'sm' | 'md' | 'lg' }) { return (

{[...Array(3)].map((_, i) => (

))} Loading

) } export function TypingLoader({ className, size = 'md' }: { className?: string; size?: 'sm' | 'md' | 'lg' }) { return (

{[...Array(3)].map((_, i) => (

))} Loading

) } export function WaveLoader({ className, size = 'md' }: { className?: string; size?: 'sm' | 'md' | 'lg' }) { return (

{[...Array(5)].map((_, i) => (

))} Loading

) } export function BarsLoader({ className, size = 'md' }: { className?: string; size?: 'sm' | 'md' | 'lg' }) { return (

{[...Array(3)].map((_, i) => (

))} Loading

) } export function TerminalLoader({ className, size = 'md' }: { className?: string; size?: 'sm' | 'md' | 'lg' }) { return (

{'>'}

) } export function TextBlinkLoader({ text = 'Thinking', className, size = 'md' }: { text?: string; className?: string; size?: 'sm' | 'md' | 'lg' }) { return

{text}

} export function TextShimmerLoader({ text = 'Thinking', className, size = 'md' }: { text?: string; className?: string; size?: 'sm' | 'md' | 'lg' }) { return

{text}

} export function TextDotsLoader({ className, text = 'Thinking', size = 'md' }: { className?: string; text?: string; size?: 'sm' | 'md' | 'lg' }) { return (

{text} . . .

) } function Loader({ variant = 'circular', size = 'md', text, className }: LoaderProps) { switch (variant) { case 'circular': return ( ) case 'classic': return ( ) case 'pulse': return ( ) case 'pulse-dot': return ( ) case 'dots': return ( ) case 'typing': return ( ) case 'wave': return ( ) case 'bars': return ( ) case 'terminal': return ( ) case 'text-blink': return ( ) case 'text-shimmer': return ( ) case 'loading-dots': return ( ) default: return ( ) } } export { Loader } 4f:["$","div",null,{"className":"mt-3 flex min-h-0 min-w-0 flex-1 flex-col gap-3","children":[["$","div",null,{"className":"flex shrink-0 items-start gap-3","children":[["$","div",null,{"className":"flex max-h-28 min-w-0 flex-1 flex-wrap items-center gap-2 overflow-y-auto","children":[null,["$","$L50",null,{"namespace":"@tailark","registryDependencies":["@tailark/core-utils"]}]]}],null]}],["$","$L51",null,{"files":[{"path":"ui/loader.tsx","content":"$52","type":"registry:ui","target":"@ui/loader.tsx"}],"className":"h-[70svh] min-h-80"}]]}]