@vertesia/ui 0.24.0-dev.202601221707

package/lib/esm/features/agent/chat/AnimatedThinkingDots.js

@@ -0,0 +1,207 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { cn } from "@vertesia/ui/core";
+import { useEffect, useState } from "react";
+export function AnimatedThinkingDots({ className, inline = false, color = 'blue' }) {
+    // Enhanced gradient colors based on the color prop
+    const gradientColors = {
+        blue: "from-blue-400 to-indigo-500 dark:from-blue-500 dark:to-indigo-400",
+        purple: "from-purple-400 to-violet-500 dark:from-purple-500 dark:to-violet-400",
+        teal: "from-teal-400 to-emerald-500 dark:from-teal-500 dark:to-emerald-400",
+        green: "from-green-400 to-emerald-500 dark:from-green-500 dark:to-emerald-400",
+        amber: "from-amber-400 to-orange-500 dark:from-amber-500 dark:to-orange-400"
+    };
+    const gradientClass = gradientColors[color];
+    return (_jsxs("div", { className: cn("flex items-center gap-1.5", inline ? "inline-flex" : "", className), children: [_jsx("div", { className: `w-2 h-2 bg-gradient-to-r ${gradientClass} rounded-full animate-[bounce_1.2s_ease-in-out_infinite]` }), _jsx("div", { className: `w-2 h-2 bg-gradient-to-r ${gradientClass} rounded-full animate-[bounce_1.2s_ease-in-out_0.2s_infinite]` }), _jsx("div", { className: `w-2 h-2 bg-gradient-to-r ${gradientClass} rounded-full animate-[bounce_1.2s_ease-in-out_0.4s_infinite]` })] }));
+}
+export function PulsatingCircle({ className, size = 'md', color = 'blue' }) {
+    // Enhanced size classes
+    const sizeClasses = {
+        sm: 'w-3 h-3',
+        md: 'w-5 h-5',
+        lg: 'w-7 h-7'
+    };
+    // Enhanced color mapping with gradients
+    const colorClasses = {
+        blue: 'bg-blue-500 dark:bg-blue-400',
+        purple: 'bg-purple-500 dark:bg-purple-400',
+        teal: 'bg-teal-500 dark:bg-teal-400',
+        green: 'bg-green-500 dark:bg-green-400',
+        amber: 'bg-amber-500 dark:bg-amber-400'
+    };
+    // Return enhanced implementation using smoother animations
+    return (_jsxs("span", { className: cn("relative flex", className), children: [_jsx("span", { className: cn("animate-ping absolute inline-flex h-full w-full rounded-full opacity-60", colorClasses[color]) }), _jsx("span", { className: cn("animate-pulse absolute inline-flex h-[80%] w-[80%] rounded-full opacity-80", colorClasses[color]), style: {
+                    left: '10%',
+                    top: '10%',
+                    animationDuration: '2s'
+                } }), _jsx("span", { className: cn("relative inline-flex rounded-full", colorClasses[color], sizeClasses[size]) })] }));
+}
+export function TypedDots({ className, color = 'blue' }) {
+    const [dots, setDots] = useState('.');
+    const colorClasses = {
+        blue: 'text-blue-600 dark:text-blue-400',
+        purple: 'text-purple-600 dark:text-purple-400',
+        teal: 'text-teal-600 dark:text-teal-400',
+        green: 'text-green-600 dark:text-green-400',
+        amber: 'text-amber-600 dark:text-amber-400'
+    };
+    useEffect(() => {
+        const intervalId = setInterval(() => {
+            setDots(prev => prev === '.' ? '..' :
+                prev === '..' ? '...' : '.');
+        }, 500);
+        return () => clearInterval(intervalId);
+    }, []);
+    return _jsx("span", { className: cn(colorClasses[color], "font-bold", className), children: dots });
+}
+export function PulsingMessageLoader({ message, className, color = 'blue' }) {
+    const colorClasses = {
+        blue: {
+            dot: 'bg-blue-500 dark:bg-blue-400',
+            text: 'text-blue-700 dark:text-blue-300'
+        },
+        purple: {
+            dot: 'bg-purple-500 dark:bg-purple-400',
+            text: 'text-purple-700 dark:text-purple-300'
+        },
+        teal: {
+            dot: 'bg-teal-500 dark:bg-teal-400',
+            text: 'text-teal-700 dark:text-teal-300'
+        },
+        green: {
+            dot: 'bg-green-500 dark:bg-green-400',
+            text: 'text-green-700 dark:text-green-300'
+        },
+        amber: {
+            dot: 'bg-amber-500 dark:bg-amber-400',
+            text: 'text-amber-700 dark:text-amber-300'
+        }
+    };
+    return (_jsxs("div", { className: cn("flex items-center gap-2 py-1", className), children: [_jsxs("div", { className: "flex space-x-1", children: [_jsx("div", { className: `w-1.5 h-1.5 ${colorClasses[color].dot} rounded-full animate-bounce` }), _jsx("div", { className: `w-1.5 h-1.5 ${colorClasses[color].dot} rounded-full animate-bounce`, style: { animationDelay: '0.2s' } }), _jsx("div", { className: `w-1.5 h-1.5 ${colorClasses[color].dot} rounded-full animate-bounce`, style: { animationDelay: '0.4s' } })] }), _jsx("div", { className: `${colorClasses[color].text} font-medium text-xs`, children: message })] }));
+}
+export function ThinkingBar({ className, color = 'blue', width = 'md', message }) {
+    const [progress, setProgress] = useState(15);
+    const [direction, setDirection] = useState('increasing');
+    const [speed, setSpeed] = useState(0.4); // Lower initial speed for smoother motion
+    // Width classes
+    const widthClasses = {
+        sm: 'w-24',
+        md: 'w-32',
+        lg: 'w-48',
+        xl: 'w-64',
+        full: 'w-full'
+    };
+    // Color classes
+    const colorClasses = {
+        blue: 'bg-blue-200 dark:bg-blue-900/30',
+        purple: 'bg-purple-200 dark:bg-purple-900/30',
+        teal: 'bg-teal-200 dark:bg-teal-900/30',
+        green: 'bg-green-200 dark:bg-green-900/30',
+        amber: 'bg-amber-200 dark:bg-amber-900/30'
+    };
+    const barColorClasses = {
+        blue: 'bg-gradient-to-r from-blue-400 to-blue-500 dark:from-blue-500 dark:to-blue-400',
+        purple: 'bg-gradient-to-r from-purple-400 to-purple-500 dark:from-purple-500 dark:to-purple-400',
+        teal: 'bg-gradient-to-r from-teal-400 to-teal-500 dark:from-teal-500 dark:to-teal-400',
+        green: 'bg-gradient-to-r from-green-400 to-green-500 dark:from-green-500 dark:to-green-400',
+        amber: 'bg-gradient-to-r from-amber-400 to-amber-500 dark:from-amber-500 dark:to-amber-400'
+    };
+    const textColorClasses = {
+        blue: 'text-blue-700 dark:text-blue-300',
+        purple: 'text-purple-700 dark:text-purple-300',
+        teal: 'text-teal-700 dark:text-teal-300',
+        green: 'text-green-700 dark:text-green-300',
+        amber: 'text-amber-700 dark:text-amber-300'
+    };
+    // Using requestAnimationFrame for smoother animation
+    useEffect(() => {
+        let animationFrameId;
+        let lastUpdateTime = Date.now();
+        const updateProgressBar = () => {
+            const now = Date.now();
+            const deltaTime = now - lastUpdateTime;
+            lastUpdateTime = now;
+            setProgress(prev => {
+                // Calculate movement based on time delta for consistent animation speed
+                // regardless of frame rate
+                const timeBasedChange = speed * (deltaTime / 16); // Normalize to 60fps
+                // Calculate next progress based on direction
+                let next = direction === 'increasing'
+                    ? prev + timeBasedChange
+                    : prev - timeBasedChange;
+                // Handle direction changes at boundaries with easing
+                if (next >= 85) {
+                    setDirection('decreasing');
+                    // Randomize speed slightly, but keep it low for smoothness
+                    setSpeed(0.3 + Math.random() * 0.2);
+                    return 85; // Cap at exactly 85%
+                }
+                else if (next <= 15) {
+                    setDirection('increasing');
+                    // Randomize speed slightly, but keep it low for smoothness
+                    setSpeed(0.3 + Math.random() * 0.2);
+                    return 15; // Cap at exactly 15%
+                }
+                // Occasionally adjust speed slightly (less frequently) for subtle natural feeling
+                if (Math.random() > 0.99) {
+                    setSpeed(prev => Math.max(0.2, Math.min(0.5, prev + (Math.random() * 0.1 - 0.05))));
+                }
+                return next;
+            });
+            animationFrameId = requestAnimationFrame(updateProgressBar);
+        };
+        animationFrameId = requestAnimationFrame(updateProgressBar);
+        return () => {
+            cancelAnimationFrame(animationFrameId);
+        };
+    }, [direction, speed]);
+    return (_jsxs("div", { className: cn("flex flex-col gap-1", className), children: [message && (_jsx("div", { className: `text-xs font-medium ${textColorClasses[color]} mb-1`, children: message })), _jsx("div", { className: cn("h-1.5 rounded-full overflow-hidden shadow-inner", colorClasses[color], widthClasses[width]), children: _jsx("div", { className: cn("h-full rounded-full", barColorClasses[color]), style: {
+                        width: `${progress}%`,
+                        transition: 'width 150ms cubic-bezier(0.4, 0.0, 0.2, 1)' // Material Design easing for smoothness
+                    } }) })] }));
+}
+export function WavyThinking({ className, color = 'blue', size = 'md' }) {
+    // State to store and update heights of bars
+    const [barHeights, setBarHeights] = useState(Array(7).fill(50));
+    // Size classes
+    const sizeClasses = {
+        sm: { width: 'w-16', height: 'h-4', barWidth: 'w-0.5', gap: 'gap-[2px]' },
+        md: { width: 'w-20', height: 'h-5', barWidth: 'w-1', gap: 'gap-[3px]' },
+        lg: { width: 'w-24', height: 'h-6', barWidth: 'w-1.5', gap: 'gap-1' }
+    };
+    // Enhanced color classes with gradients for more visual appeal
+    const colorClasses = {
+        blue: 'bg-gradient-to-b from-blue-400 to-blue-500 dark:from-blue-400 dark:to-blue-500',
+        purple: 'bg-gradient-to-b from-purple-400 to-purple-500 dark:from-purple-400 dark:to-purple-500',
+        teal: 'bg-gradient-to-b from-teal-400 to-teal-500 dark:from-teal-400 dark:to-teal-500',
+        green: 'bg-gradient-to-b from-green-400 to-green-500 dark:from-green-400 dark:to-green-500',
+        amber: 'bg-gradient-to-b from-amber-400 to-amber-500 dark:from-amber-400 dark:to-amber-500'
+    };
+    // Use requestAnimationFrame for smooth animation
+    useEffect(() => {
+        let animationFrameId;
+        const speeds = [1.2, 1.0, 1.5, 0.8, 1.3, 0.9, 1.1]; // Different speeds for each bar
+        const phases = [0, 0.5, 1, 1.5, 2, 2.5, 3]; // Different starting phases for each bar
+        let time = 0;
+        const animateBars = () => {
+            time += 0.02; // Increment time for animation
+            // Update each bar's height with smooth sine wave
+            const newHeights = barHeights.map((_, index) => {
+                // Calculate height using smooth sine wave with individual phase and speed
+                // Scale to make sure it stays within 10% to 90% range
+                return 10 + (Math.sin(time * speeds[index] + phases[index]) + 1) * 40;
+            });
+            setBarHeights(newHeights);
+            animationFrameId = requestAnimationFrame(animateBars);
+        };
+        animationFrameId = requestAnimationFrame(animateBars);
+        return () => {
+            cancelAnimationFrame(animationFrameId);
+        };
+    }, []); // Empty dependency array means this runs once on mount
+    return (_jsx("div", { className: cn("flex items-end justify-center", sizeClasses[size].width, sizeClasses[size].height, sizeClasses[size].gap, className), children: barHeights.map((height, i) => (_jsx("div", { className: cn(sizeClasses[size].barWidth, "rounded-full transform-gpu", colorClasses[color]), style: {
+                height: `${height}%`,
+                transition: 'height 100ms cubic-bezier(0.4, 0.0, 0.2, 1)', // Smooth transition
+                opacity: 0.9
+            } }, i))) }));
+}
+//# sourceMappingURL=AnimatedThinkingDots.js.map

package/lib/esm/features/agent/chat/AnimatedThinkingDots.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AnimatedThinkingDots.js","sourceRoot":"","sources":["../../../../../src/features/agent/chat/AnimatedThinkingDots.tsx"],"names":[],"mappings":"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"}

package/lib/esm/features/agent/chat/AskUserWidget.js

@@ -0,0 +1,113 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React from "react";
+import { Button, VTooltip } from "@vertesia/ui/core";
+import { MessageSquare, CheckCircle, XCircle, AlertCircle, HelpCircle, Send } from "lucide-react";
+const VARIANT_STYLES = {
+    default: {
+        border: "border-l-attention",
+        bg: "bg-amber-50 dark:bg-amber-900/20",
+        icon: "text-attention",
+    },
+    warning: {
+        border: "border-l-destructive",
+        bg: "bg-red-50 dark:bg-red-900/20",
+        icon: "text-destructive",
+    },
+    info: {
+        border: "border-l-info",
+        bg: "bg-blue-50 dark:bg-blue-900/20",
+        icon: "text-info",
+    },
+    success: {
+        border: "border-l-success",
+        bg: "bg-green-50 dark:bg-green-900/20",
+        icon: "text-success",
+    },
+};
+const VARIANT_ICONS = {
+    default: HelpCircle,
+    warning: AlertCircle,
+    info: MessageSquare,
+    success: CheckCircle,
+};
+/**
+ * AskUserWidget - A styled component for displaying agent prompts/questions to users
+ *
+ * Use this when the agent needs user input, confirmation, or selection from options.
+ * Supports both option selection and free-form text input.
+ */
+export function AskUserWidget({ question, description, options, onSelect, onMultiSelect, onSubmit, allowFreeResponse = false, multiSelect = false, placeholder = "Type your response...", isLoading = false, icon, variant = "default", hideIcon = false, hideBorder = false, 
+// Styling props
+className, cardClassName, headerClassName, iconClassName, questionClassName, descriptionClassName, optionsClassName, buttonClassName, inputContainerClassName, inputClassName, submitButtonClassName, }) {
+    const [inputValue, setInputValue] = React.useState("");
+    const [selectedOptions, setSelectedOptions] = React.useState(new Set());
+    const inputRef = React.useRef(null);
+    const styles = VARIANT_STYLES[variant];
+    const DefaultIcon = VARIANT_ICONS[variant];
+    const toggleOption = (optionId) => {
+        setSelectedOptions((prev) => {
+            const next = new Set(prev);
+            if (next.has(optionId)) {
+                next.delete(optionId);
+            }
+            else {
+                next.add(optionId);
+            }
+            return next;
+        });
+    };
+    const handleMultiSubmit = () => {
+        if (selectedOptions.size > 0 && onMultiSelect) {
+            onMultiSelect(Array.from(selectedOptions));
+            setSelectedOptions(new Set());
+        }
+    };
+    const handleSubmit = () => {
+        if (inputValue.trim() && onSubmit) {
+            onSubmit(inputValue.trim());
+            setInputValue("");
+        }
+    };
+    const handleKeyDown = (e) => {
+        if (e.key === "Enter" && !e.shiftKey) {
+            e.preventDefault();
+            handleSubmit();
+        }
+    };
+    const borderClass = hideBorder ? "" : `border-l-4 ${styles.border}`;
+    return (_jsx("div", { className: `my-4 ${className || ""}`, children: _jsxs("div", { className: `${borderClass} ${styles.bg} rounded-r-lg shadow-sm ${cardClassName || ""}`, children: [_jsx("div", { className: `px-4 py-3 ${headerClassName || ""}`, children: _jsxs("div", { className: "flex items-start gap-3", children: [!hideIcon && (_jsx("div", { className: `flex-shrink-0 mt-0.5 ${styles.icon} ${iconClassName || ""}`, children: icon || _jsx(DefaultIcon, { className: "size-5" }) })), _jsxs("div", { className: "flex-1 min-w-0", children: [_jsx("h4", { className: `text-sm font-semibold text-gray-900 dark:text-gray-100 ${questionClassName || ""}`, children: question }), description && (_jsx("p", { className: `mt-1 text-sm text-gray-600 dark:text-gray-400 ${descriptionClassName || ""}`, children: description }))] })] }) }), options && options.length > 0 && (_jsx("div", { className: `px-4 pb-3 pt-1 ${optionsClassName || ""}`, children: multiSelect ? (
+                    /* Multi-select mode with checkboxes */
+                    _jsxs("div", { className: "space-y-2", children: [options.map((option) => {
+                                const checkbox = (_jsxs("label", { className: `flex items-center gap-3 px-3 py-2 rounded-md cursor-pointer transition-colors
+                                                ${selectedOptions.has(option.id)
+                                        ? "bg-blue-50 dark:bg-blue-900/30 border border-blue-300 dark:border-blue-700"
+                                        : "bg-white dark:bg-gray-800 border border-gray-200 dark:border-gray-700 hover:bg-gray-50 dark:hover:bg-gray-700"}
+                                                ${isLoading ? "opacity-50 cursor-not-allowed" : ""}`, children: [_jsx("input", { type: "checkbox", checked: selectedOptions.has(option.id), onChange: () => toggleOption(option.id), disabled: isLoading, className: "w-4 h-4 rounded border-gray-300 text-blue-600 focus:ring-blue-500 dark:border-gray-600 dark:bg-gray-700" }), _jsxs("span", { className: "flex items-center gap-2 text-sm text-gray-900 dark:text-gray-100", children: [option.icon, option.label] })] }));
+                                return option.description ? (_jsx(VTooltip, { description: option.description, placement: "right", asChild: true, children: checkbox }, option.id)) : (_jsx(React.Fragment, { children: checkbox }, option.id));
+                            }), _jsx("div", { className: "pt-2", children: _jsxs(Button, { size: "sm", onClick: handleMultiSubmit, disabled: isLoading || selectedOptions.size === 0, className: "flex items-center gap-2", children: [_jsx(Send, { className: "size-4" }), "Submit Selection", selectedOptions.size > 0 ? ` (${selectedOptions.size})` : ""] }) })] })) : (
+                    /* Single-select mode with buttons */
+                    _jsx("div", { className: "flex flex-wrap gap-2", children: options.map((option) => {
+                            const button = (_jsxs(Button, { variant: "outline", size: "sm", onClick: () => onSelect?.(option.id), disabled: isLoading, className: `flex items-center gap-2 ${buttonClassName || ""}`, children: [option.icon, option.label] }));
+                            return option.description ? (_jsx(VTooltip, { description: option.description, placement: "top", asChild: true, children: button }, option.id)) : (_jsx(React.Fragment, { children: button }, option.id));
+                        }) })) })), allowFreeResponse && (_jsx("div", { className: `px-4 pb-3 pt-1 ${inputContainerClassName || ""}`, children: _jsxs("div", { className: "flex gap-2", children: [_jsx("input", { ref: inputRef, type: "text", value: inputValue, onChange: (e) => setInputValue(e.target.value), onKeyDown: handleKeyDown, placeholder: placeholder, disabled: isLoading, className: `flex-1 px-3 py-2 text-sm border border-gray-300 dark:border-gray-600 rounded-md bg-white dark:bg-gray-800 focus:ring-2 focus:ring-blue-500 focus:border-transparent ${inputClassName || ""}` }), _jsx(Button, { size: "sm", onClick: handleSubmit, disabled: isLoading || !inputValue.trim(), className: submitButtonClassName, children: isLoading ? "..." : "Send" })] }) }))] }) }));
+}
+export function ConfirmationWidget({ question, description, onConfirm, onCancel, confirmLabel = "Yes", cancelLabel = "No", isLoading = false, variant = "default", className, }) {
+    return (_jsx(AskUserWidget, { question: question, description: description, variant: variant, isLoading: isLoading, className: className, options: [
+            {
+                id: "confirm",
+                label: confirmLabel,
+                icon: _jsx(CheckCircle, { className: "size-4" }),
+            },
+            {
+                id: "cancel",
+                label: cancelLabel,
+                icon: _jsx(XCircle, { className: "size-4" }),
+            },
+        ], onSelect: (id) => {
+            if (id === "confirm")
+                onConfirm();
+            else
+                onCancel();
+        } }));
+}
+//# sourceMappingURL=AskUserWidget.js.map

package/lib/esm/features/agent/chat/AskUserWidget.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AskUserWidget.js","sourceRoot":"","sources":["../../../../../src/features/agent/chat/AskUserWidget.tsx"],"names":[],"mappings":"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"}

package/lib/esm/features/agent/chat/ImageLightbox.js

@@ -0,0 +1,33 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState, createContext, useContext, useCallback } from "react";
+import { X, ExternalLink } from "lucide-react";
+const ImageLightboxContext = createContext(null);
+export function useImageLightbox() {
+    const ctx = useContext(ImageLightboxContext);
+    if (!ctx) {
+        // Return a fallback that opens in new tab if no provider
+        return {
+            openImage: (src) => window.open(src, "_blank"),
+            closeImage: () => { },
+        };
+    }
+    return ctx;
+}
+export function ImageLightboxProvider({ children }) {
+    const [image, setImage] = useState(null);
+    const openImage = useCallback((src, alt) => {
+        setImage({ src, alt });
+    }, []);
+    const closeImage = useCallback(() => {
+        setImage(null);
+    }, []);
+    return (_jsxs(ImageLightboxContext.Provider, { value: { openImage, closeImage }, children: [children, image && (_jsx("div", { className: "fixed inset-0 z-[100] flex items-center justify-center bg-black/80 backdrop-blur-sm", onClick: closeImage, children: _jsxs("div", { className: "relative max-w-[90vw] max-h-[90vh]", children: [_jsx("img", { src: image.src, alt: image.alt || "Enlarged view", className: "max-w-full max-h-[90vh] object-contain rounded-lg shadow-2xl" }), _jsx("button", { className: "absolute top-2 right-2 text-white bg-black/50 rounded-full p-2 hover:bg-black/70 transition-colors", onClick: closeImage, title: "Close", children: _jsx(X, { className: "size-6" }) }), _jsx("a", { href: image.src, target: "_blank", rel: "noopener noreferrer", className: "absolute bottom-2 right-2 text-white bg-black/50 rounded-full p-2 hover:bg-black/70 transition-colors", onClick: (e) => e.stopPropagation(), title: "Open in new tab", children: _jsx(ExternalLink, { className: "size-5" }) })] }) }))] }));
+}
+export function LightboxImage({ src, alt, className }) {
+    const { openImage } = useImageLightbox();
+    return (_jsx("img", { src: src, alt: alt, className: `cursor-pointer hover:opacity-90 transition-opacity ${className || ""}`, onClick: (e) => {
+            e.stopPropagation();
+            openImage(src, alt);
+        } }));
+}
+//# sourceMappingURL=ImageLightbox.js.map

package/lib/esm/features/agent/chat/ImageLightbox.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ImageLightbox.js","sourceRoot":"","sources":["../../../../../src/features/agent/chat/ImageLightbox.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,aAAa,EAAE,UAAU,EAAE,WAAW,EAAa,MAAM,OAAO,CAAC;AACpF,OAAO,EAAE,CAAC,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAO/C,MAAM,oBAAoB,GAAG,aAAa,CAAmC,IAAI,CAAC,CAAC;AAEnF,MAAM,UAAU,gBAAgB;IAC5B,MAAM,GAAG,GAAG,UAAU,CAAC,oBAAoB,CAAC,CAAC;IAC7C,IAAI,CAAC,GAAG,EAAE,CAAC;QACP,yDAAyD;QACzD,OAAO;YACH,SAAS,EAAE,CAAC,GAAW,EAAE,EAAE,CAAC,MAAM,CAAC,IAAI,CAAC,GAAG,EAAE,QAAQ,CAAC;YACtD,UAAU,EAAE,GAAG,EAAE,GAAE,CAAC;SACvB,CAAC;IACN,CAAC;IACD,OAAO,GAAG,CAAC;AACf,CAAC;AAMD,MAAM,UAAU,qBAAqB,CAAC,EAAE,QAAQ,EAA8B;IAC1E,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAuC,IAAI,CAAC,CAAC;IAE/E,MAAM,SAAS,GAAG,WAAW,CAAC,CAAC,GAAW,EAAE,GAAY,EAAE,EAAE;QACxD,QAAQ,CAAC,EAAE,GAAG,EAAE,GAAG,EAAE,CAAC,CAAC;IAC3B,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,UAAU,GAAG,WAAW,CAAC,GAAG,EAAE;QAChC,QAAQ,CAAC,IAAI,CAAC,CAAC;IACnB,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,CACH,MAAC,oBAAoB,CAAC,QAAQ,IAAC,KAAK,EAAE,EAAE,SAAS,EAAE,UAAU,EAAE,aAC1D,QAAQ,EACR,KAAK,IAAI,CACN,cACI,SAAS,EAAC,qFAAqF,EAC/F,OAAO,EAAE,UAAU,YAEnB,eAAK,SAAS,EAAC,oCAAoC,aAC/C,cACI,GAAG,EAAE,KAAK,CAAC,GAAG,EACd,GAAG,EAAE,KAAK,CAAC,GAAG,IAAI,eAAe,EACjC,SAAS,EAAC,8DAA8D,GAC1E,EAEF,iBACI,SAAS,EAAC,oGAAoG,EAC9G,OAAO,EAAE,UAAU,EACnB,KAAK,EAAC,OAAO,YAEb,KAAC,CAAC,IAAC,SAAS,EAAC,QAAQ,GAAG,GACnB,EAET,YACI,IAAI,EAAE,KAAK,CAAC,GAAG,EACf,MAAM,EAAC,QAAQ,EACf,GAAG,EAAC,qBAAqB,EACzB,SAAS,EAAC,uGAAuG,EACjH,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,eAAe,EAAE,EACnC,KAAK,EAAC,iBAAiB,YAEvB,KAAC,YAAY,IAAC,SAAS,EAAC,QAAQ,GAAG,GACnC,IACF,GACJ,CACT,IAC2B,CACnC,CAAC;AACN,CAAC;AASD,MAAM,UAAU,aAAa,CAAC,EAAE,GAAG,EAAE,GAAG,EAAE,SAAS,EAAsB;IACrE,MAAM,EAAE,SAAS,EAAE,GAAG,gBAAgB,EAAE,CAAC;IAEzC,OAAO,CACH,cACI,GAAG,EAAE,GAAG,EACR,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,sDAAsD,SAAS,IAAI,EAAE,EAAE,EAClF,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE;YACX,CAAC,CAAC,eAAe,EAAE,CAAC;YACpB,SAAS,CAAC,GAAG,EAAE,GAAG,CAAC,CAAC;QACxB,CAAC,GACH,CACL,CAAC;AACN,CAAC"}

package/lib/esm/features/agent/chat/JumpingDots.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { cn } from "@vertesia/ui/core";
+export function JumpingDots({ className, inline = false }) {
+    return (_jsxs("div", { className: cn("flex items-center gap-1", inline ? "inline-flex" : "", className), children: [_jsx("div", { className: "w-2 h-2 bg-blue-500 rounded-full animate-[jumping_1s_infinite_ease-in-out] hover:bg-blue-600", style: { transform: 'translateY(0)', animationRange: '0px -8px' } }), _jsx("div", { className: "w-2 h-2 bg-blue-500 rounded-full animate-[jumping_1s_0.3s_infinite_ease-in-out] hover:bg-blue-600", style: { transform: 'translateY(0)', animationRange: '0px -8px' } }), _jsx("div", { className: "w-2 h-2 bg-blue-500 rounded-full animate-[jumping_1s_0.6s_infinite_ease-in-out] hover:bg-blue-600", style: { transform: 'translateY(0)', animationRange: '0px -8px' } })] }));
+}
+//# sourceMappingURL=JumpingDots.js.map

package/lib/esm/features/agent/chat/JumpingDots.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"JumpingDots.js","sourceRoot":"","sources":["../../../../../src/features/agent/chat/JumpingDots.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,EAAE,EAAE,MAAM,mBAAmB,CAAC;AAOvC,MAAM,UAAU,WAAW,CAAC,EAAE,SAAS,EAAE,MAAM,GAAG,KAAK,EAAoB;IACvE,OAAO,CACH,eAAK,SAAS,EAAE,EAAE,CAAC,yBAAyB,EAAE,MAAM,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,EAAE,EAAE,SAAS,CAAC,aACjF,cAAK,SAAS,EAAC,8FAA8F,EAAC,KAAK,EAAE,EAAE,SAAS,EAAE,eAAe,EAAE,cAAc,EAAE,UAAU,EAAE,GAAI,EACnL,cAAK,SAAS,EAAC,mGAAmG,EAAC,KAAK,EAAE,EAAE,SAAS,EAAE,eAAe,EAAE,cAAc,EAAE,UAAU,EAAE,GAAI,EACxL,cAAK,SAAS,EAAC,mGAAmG,EAAC,KAAK,EAAE,EAAE,SAAS,EAAE,eAAe,EAAE,cAAc,EAAE,UAAU,EAAE,GAAI,IACtL,CACT,CAAC;AACN,CAAC"}