@vertesia/ui 0.60.0 → 0.61.0

package/lib/esm/features/agent/PayloadBuilder.js

@@ -0,0 +1,174 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { mergePromptsSchema } from "@vertesia/common";
+import { useUserSession } from "@vertesia/ui/session";
+import Ajv from "ajv";
+import { createContext, useContext, useEffect, useState } from "react";
+export class PayloadBuilder {
+    vertesia;
+    updateState;
+    _interactive = true;
+    _start = false;
+    payload;
+    interactionParamsSchema;
+    _inputValidator;
+    constructor(vertesia, updateState) {
+        this.vertesia = vertesia;
+        this.updateState = updateState;
+        this.payload = {
+            model: '',
+            tools: [],
+        };
+    }
+    onStateChanged() {
+        this.updateState(this.clone());
+    }
+    clone() {
+        const builder = new PayloadBuilder(this.vertesia, this.updateState);
+        builder.interactionParamsSchema = this.interactionParamsSchema;
+        builder.payload = this.payload;
+        builder._interactive = this._interactive;
+        builder._inputValidator = this._inputValidator;
+        builder._start = this._start;
+        return builder;
+    }
+    get interactive() {
+        return this._interactive;
+    }
+    set interactive(interactive) {
+        if (interactive !== this._interactive) {
+            this._interactive = interactive;
+            this.onStateChanged();
+        }
+    }
+    get interaction() {
+        return this.payload.interaction;
+    }
+    set interaction(interaction) {
+        if (interaction?.id !== this.payload.interaction?.id) {
+            this.payload.interaction = interaction;
+            this.interactionParamsSchema = mergePromptsSchema(this.interaction);
+            // Reset the validator when schema changes
+            this._inputValidator = undefined;
+            if (interaction) {
+                if (interaction.model) {
+                    this.payload.model = interaction.model;
+                }
+                else {
+                    this.payload.model = undefined;
+                }
+                if (interaction.environment) {
+                    if (typeof interaction.environment === 'string') {
+                        this.vertesia.environments.retrieve(interaction.environment).then((environment) => this.environment = environment);
+                    }
+                    else {
+                        this.payload.environment = interaction.environment;
+                    }
+                }
+            }
+            this.onStateChanged();
+        }
+    }
+    get environment() {
+        return this.payload.environment;
+    }
+    set environment(environment) {
+        if (environment?.id !== this.payload.environment?.id) {
+            this.payload.environment = environment;
+            this.onStateChanged();
+        }
+    }
+    get model() {
+        return this.payload.model;
+    }
+    set model(model) {
+        if (model !== this.payload.model) {
+            this.payload.model = model;
+            this.onStateChanged();
+        }
+    }
+    get tools() {
+        return this.payload.tools;
+    }
+    set tools(tools) {
+        this.payload.tools = tools;
+        this.onStateChanged();
+    }
+    get prompt_data() {
+        return this.payload.prompt_data;
+    }
+    set prompt_data(prompt_data) {
+        this.payload.prompt_data = prompt_data;
+        this.onStateChanged();
+    }
+    set run(run) {
+        console.log("run", run);
+        this.onStateChanged();
+    }
+    set start(value) {
+        if (this._start !== value) {
+            this._start = value;
+            this.onStateChanged();
+        }
+    }
+    get start() {
+        return this._start;
+    }
+    reset() {
+        this._start = false;
+        this._interactive = true;
+        this.payload = {
+            model: '',
+            tools: [],
+            interaction: undefined,
+            environment: undefined,
+            prompt_data: undefined
+        };
+        this.interactionParamsSchema = null;
+        this._inputValidator = undefined;
+        this.onStateChanged();
+        if (location.hash) {
+            const urlWithoutHash = window.location.origin + window.location.pathname + window.location.search;
+            history.replaceState(null, '', urlWithoutHash);
+            location.hash = '';
+        }
+    }
+    validateInput() {
+        if (!this.interactionParamsSchema) {
+            return { isValid: true };
+        }
+        // If schema has changed or validator not initialized, recompile
+        if (!this._inputValidator || this._inputValidator.schema !== this.interactionParamsSchema) {
+            const ajv = new Ajv({ strict: false });
+            this._inputValidator = {
+                validate: ajv.compile(this.interactionParamsSchema),
+                schema: this.interactionParamsSchema
+            };
+        }
+        const prompt_data = this.payload.prompt_data || {};
+        const isValid = this._inputValidator.validate(prompt_data);
+        if (!isValid) {
+            const errorMessage = this._inputValidator.validate.errors
+                ? this._inputValidator.validate.errors.map((err) => `${err.instancePath}: ${err.message}`).join(', ')
+                : 'Invalid payload data';
+            return { isValid: false, errorMessage };
+        }
+        return { isValid: true };
+    }
+}
+export const PayloadContext = createContext(undefined);
+export function PayloadBuilderProvider({ children }) {
+    const { client } = useUserSession();
+    const [builder, setBuilder] = useState();
+    useEffect(() => {
+        setBuilder(new PayloadBuilder(client, setBuilder));
+    }, []);
+    return builder && (_jsx(PayloadContext.Provider, { value: builder, children: children }));
+}
+export function usePayloadBuilder() {
+    const ctx = useContext(PayloadContext);
+    if (!ctx) {
+        throw new Error('usePayloadBuilder must be used within a PayloadProvider');
+    }
+    return ctx;
+}
+//# sourceMappingURL=PayloadBuilder.js.map

package/lib/esm/features/agent/PayloadBuilder.js.map

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

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/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"}