@vertesia/ui 0.76.0 → 0.78.0-dev-9372725

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

@@ -1,207 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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

@@ -1,6 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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"}

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

@@ -1,415 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { AgentMessageType } from "@vertesia/common";
-import { Button, MessageBox, Spinner, useToast } from "@vertesia/ui/core";
-import { useUserSession } from "@vertesia/ui/session";
-import { Bot, Cpu, SendIcon, XIcon } from "lucide-react";
-import { useEffect, useMemo, useRef, useState } from "react";
-import { AnimatedThinkingDots, PulsatingCircle } from "./AnimatedThinkingDots";
-import AllMessagesMixed from "./ModernAgentOutput/AllMessagesMixed";
-import Header from "./ModernAgentOutput/Header";
-import MessageInput from "./ModernAgentOutput/MessageInput";
-import PlanPanel from "./ModernAgentOutput/PlanPanel";
-import { getWorkstreamId, insertMessageInTimeline, isInProgress, } from "./ModernAgentOutput/utils";
-import { ThinkingMessages } from "./WaitingMessages";
-export function ModernAgentConversation(props) {
-    const { run, startWorkflow } = props;
-    if (run) {
-        // If we have a run, convert it to AsyncExecutionResult format if needed
-        const execRun = "runId" in run
-            ? run
-            : {
-                runId: run.run_id,
-                workflowId: run.workflow_id,
-            };
-        return _jsx(ModernAgentConversationInner, { ...props, run: execRun });
-    }
-    else if (startWorkflow) {
-        // If we have startWorkflow capability but no run yet
-        return _jsx(StartWorkflowView, { ...props });
-    }
-    else {
-        // Empty state
-        return _jsx(EmptyState, {});
-    }
-}
-// Empty state when no agent is running
-function EmptyState() {
-    return (_jsxs(MessageBox, { status: "info", icon: _jsx(Bot, { className: "size-16 text-muted mb-4" }), children: [_jsx("div", { className: "text-base font-medium text-muted", children: "No agent currently running" }), _jsx("div", { className: "mt-3 text-sm text-muted", children: "Select an interaction and click Start to start an agent" })] }));
-}
-// Start workflow view - allows initiating a new agent conversation
-function StartWorkflowView({ initialMessage, startWorkflow, onClose, isModal = false, placeholder = "Type your message...", startButtonText = "Start Agent", title = "Start New Conversation", }) {
-    const [inputValue, setInputValue] = useState("");
-    const [isSending, setIsSending] = useState(false);
-    const [run, setRun] = useState();
-    const toast = useToast();
-    const inputRef = useRef(null);
-    useEffect(() => {
-        // Focus the input field when component mounts
-        if (inputRef.current) {
-            inputRef.current.focus();
-        }
-    }, []);
-    // Start a new workflow with the message
-    const startWorkflowWithMessage = async () => {
-        if (!startWorkflow)
-            return;
-        const message = inputValue.trim();
-        if (!message || isSending)
-            return;
-        setIsSending(true);
-        try {
-            // Reset plan panel state when starting a new agent
-            sessionStorage.removeItem("plan-panel-shown");
-            toast({
-                title: "Starting agent...",
-                status: "info",
-                duration: 3000,
-            });
-            const newRun = await startWorkflow(message);
-            if (newRun) {
-                setRun({
-                    runId: newRun.run_id,
-                    workflowId: newRun.workflow_id,
-                });
-                setInputValue("");
-                toast({
-                    title: "Agent started",
-                    status: "success",
-                    duration: 3000,
-                });
-            }
-        }
-        catch (err) {
-            toast({
-                title: "Error starting workflow",
-                status: "error",
-                duration: 3000,
-                description: err instanceof Error ? err.message : "Unknown error",
-            });
-        }
-        finally {
-            setIsSending(false);
-        }
-    };
-    const handleKeyDown = (e) => {
-        if (e.key === "Enter" && !e.shiftKey) {
-            e.preventDefault();
-            startWorkflowWithMessage();
-        }
-    };
-    // If a run has been started, show the conversation
-    if (run) {
-        return (_jsx(ModernAgentConversationInner, { onClose, isModal, initialMessage, placeholder, run: run, title: title }));
-    }
-    return (_jsxs("div", { className: "flex flex-col h-full bg-white dark:bg-gray-900 overflow-hidden border-0", children: [_jsxs("div", { className: "flex items-center justify-between py-2 px-3 border-b border-gray-100 dark:border-gray-800 bg-white dark:bg-gray-900", children: [_jsxs("div", { className: "flex items-center space-x-2", children: [_jsx("div", { className: "p-1", children: _jsx(Cpu, { className: "h-3.5 w-3.5 text-gray-400 dark:text-gray-500" }) }), _jsx("span", { className: "font-medium text-sm text-gray-700 dark:text-gray-300", children: title })] }), onClose && !isModal && (_jsx(Button, { size: "xs", variant: "ghost", onClick: onClose, title: "Close", className: "text-slate-500 hover:text-slate-700", children: _jsx(XIcon, { className: "h-4 w-4" }) }))] }), _jsxs("div", { className: "flex-1 overflow-y-auto px-4 py-6 bg-white dark:bg-gray-900 flex flex-col items-center justify-center", children: [initialMessage && (_jsx("div", { className: "px-4 py-3 mb-4 bg-blue-50/80 dark:bg-blue-900/30 border-l-2 border-blue-400 dark:border-blue-500 text-blue-700 dark:text-blue-300 max-w-md", children: initialMessage })), _jsxs("div", { className: "bg-white dark:bg-slate-800 p-4 max-w-md border-l-2 border-blue-400 dark:border-blue-500", children: [_jsx("div", { className: "text-base text-slate-600 dark:text-slate-300 font-medium", children: "Enter a message to start a conversation" }), _jsxs("div", { className: "mt-3 text-sm text-slate-500 dark:text-slate-400", children: ["Type your question below and press Enter or click ", startButtonText, " ", "to begin"] })] })] }), _jsxs("div", { className: "py-3 px-3 border-t border-gray-100 dark:border-gray-800 bg-white dark:bg-gray-900", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx("div", { className: "flex-1", children: _jsx("input", { ref: inputRef, value: inputValue, onChange: (e) => setInputValue(e.target.value), onKeyDown: handleKeyDown, placeholder: placeholder, disabled: isSending, className: "w-full py-2 px-3 text-sm border border-gray-200 dark:border-gray-700 dark:bg-gray-800 dark:text-white focus:border-gray-300 dark:focus:border-gray-600 focus:ring-0 rounded-md" }) }), _jsxs(Button, { onClick: startWorkflowWithMessage, disabled: !inputValue.trim() || isSending, className: "px-3 py-2 bg-gray-800 dark:bg-gray-700 hover:bg-gray-700 dark:hover:bg-gray-600 text-white text-xs rounded-md transition-colors", children: [isSending ? (_jsx(Spinner, { size: "sm", className: "mr-1.5" })) : (_jsx(SendIcon, { className: "h-3.5 w-3.5 mr-1.5" })), startButtonText] })] }), _jsx("div", { className: "text-xs text-gray-400 dark:text-gray-500 mt-2 text-center", children: "Type a message to start the conversation" })] })] }));
-}
-// Inner component that handles the agent conversation - similar to ModernAgentOutput
-function ModernAgentConversationInner({ run, title, interactive = true, onClose, isModal = false, placeholder = "Type your message...", resetWorkflow, }) {
-    const { client } = useUserSession();
-    const bottomRef = useRef(null);
-    const [messages, setMessages] = useState([]);
-    const [isCompleted, setIsCompleted] = useState(false);
-    const [inputValue, setInputValue] = useState("");
-    const [isSending, setIsSending] = useState(false);
-    const [viewMode, setViewMode] = useState("sliding");
-    //TODO _setShowPlanPanel state not used
-    const [showPlanPanel, _setShowPlanPanel] = useState(false);
-    const [showSlidingPanel, setShowSlidingPanel] = useState(false);
-    // Keep track of multiple plans and their timestamps
-    const [plans, setPlans] = useState([]);
-    // Track which plan is currently active in the UI
-    const [activePlanIndex, setActivePlanIndex] = useState(0);
-    // Store workstream status for each plan separately
-    const [workstreamStatusMap, setWorkstreamStatusMap] = useState(new Map());
-    const [thinkingMessageIndex, setThinkingMessageIndex] = useState(0);
-    const toast = useToast();
-    const [showInput, setShowInput] = useState(interactive);
-    const [workflowStatus, setWorkflowStatus] = useState(null);
-    // Helper function to get the current active plan and its workstream status
-    const getActivePlan = useMemo(() => {
-        const currentPlanData = plans[activePlanIndex] || {
-            plan: { plan: [] },
-            timestamp: 0,
-        };
-        const currentWorkstreamStatus = workstreamStatusMap.get(currentPlanData.timestamp) || new Map();
-        return {
-            plan: currentPlanData.plan,
-            workstreamStatus: currentWorkstreamStatus,
-        };
-    }, [plans, activePlanIndex, workstreamStatusMap]);
-    // Show rotating thinking messages
-    useEffect(() => {
-        if (!isCompleted) {
-            const interval = setInterval(() => {
-                setThinkingMessageIndex(() => Math.floor(Math.random() * (ThinkingMessages.length - 1)));
-            }, 4000);
-            return () => clearInterval(interval);
-        }
-    }, [isCompleted]);
-    const checkWorkflowStatus = async () => {
-        try {
-            const statusResult = await client.store.workflows.getRunDetails(run.runId, run.workflowId);
-            setWorkflowStatus(statusResult.status);
-        }
-        catch (error) {
-            console.error('Failed to check workflow status:', error);
-        }
-    };
-    // Stream messages from the agent
-    useEffect(() => {
-        // Reset all state when runId changes (new agent)
-        setMessages([]);
-        setPlans([]);
-        setActivePlanIndex(0);
-        setWorkstreamStatusMap(new Map());
-        setShowSlidingPanel(false);
-        setWorkflowStatus(null);
-        checkWorkflowStatus();
-        client.store.workflows.streamMessages(run.workflowId, run.runId, (message) => {
-            if (message.message) {
-                setMessages((prev_messages) => {
-                    if (!prev_messages.find((m) => m.timestamp === message.timestamp)) {
-                        insertMessageInTimeline(prev_messages, message);
-                        return [...prev_messages];
-                    }
-                    else {
-                        return prev_messages;
-                    }
-                });
-            }
-        });
-        // Clear messages and unsubscribe when component unmounts or runId changes
-        return () => {
-            setMessages([]);
-            // Client handles unsubscribing from the message stream internally
-        };
-    }, [run.runId, client.store.workflows]);
-    // Update completion status when messages change
-    // This now accounts for multiple workstreams
-    useEffect(() => {
-        setIsCompleted(!isInProgress(messages));
-        // Only automatically hide the panel when there are no plans
-        // But don't auto-show it when plans appear
-        if (plans.length === 0) {
-            // If there are no plans, make sure the plan panel is hidden
-            setShowSlidingPanel(false);
-        }
-        // We removed the auto-show functionality to allow users to keep the panel closed if they want
-    }, [messages, plans.length]);
-    // Update plans and workstream status based on incoming messages
-    useEffect(() => {
-        // Only show the sliding panel for the very first plan and only once
-        if (plans.length === 1 &&
-            !showSlidingPanel &&
-            !sessionStorage.getItem("plan-panel-shown")) {
-            // For first-time plan detection only, show the panel with a delay
-            const notificationTimeout = setTimeout(() => {
-                setShowSlidingPanel(true);
-                // Mark that we've shown the panel once
-                sessionStorage.setItem("plan-panel-shown", "true");
-            }, 500); // Short delay to ensure the UI has fully rendered
-            return () => clearTimeout(notificationTimeout);
-        }
-        // Process messages to extract plan information
-        messages.forEach((message) => {
-            if (message.type === AgentMessageType.PLAN) {
-                try {
-                    // Log message details for debugging
-                    console.log("PLAN message received:", message.type);
-                    let newPlanDetails = null;
-                    // Extract the plan from the message details object
-                    if (message.details && typeof message.details === "object") {
-                        // For a PLAN type message like the example you provided
-                        if (message.details.plan && Array.isArray(message.details.plan)) {
-                            console.log("Valid plan array found in message.details.plan");
-                            newPlanDetails = { plan: message.details.plan };
-                        }
-                    }
-                    // Only proceed if we have a valid plan
-                    if (newPlanDetails) {
-                        const timestamp = typeof message.timestamp === "number"
-                            ? message.timestamp
-                            : new Date(message.timestamp).getTime();
-                        // Check if we already have this plan
-                        const existingPlanIndex = plans.findIndex((p) => p.timestamp === timestamp);
-                        if (existingPlanIndex === -1 && newPlanDetails) {
-                            console.log("Adding new plan to plans array");
-                            // This is a new plan - add it to our plans array
-                            const newPlan = {
-                                plan: newPlanDetails,
-                                timestamp,
-                            };
-                            // Add new plan to the beginning of the array (newest first)
-                            console.log("Adding plan to plans array:", newPlan);
-                            setPlans((prev) => {
-                                const newPlans = [newPlan, ...prev];
-                                console.log("New plans array:", newPlans);
-                                return newPlans;
-                            });
-                            // Set this as the active plan
-                            setActivePlanIndex(0);
-                            // Automatically show sliding plan panel when a plan is detected
-                            console.log("Setting showSlidingPanel to true");
-                            setShowSlidingPanel(true);
-                            // Initialize workstreams as pending based on the plan tasks
-                            const newWorkstreamStatus = new Map();
-                            // Always initialize main workstream
-                            newWorkstreamStatus.set("main", "in_progress");
-                            // Initialize each task in the plan with its status
-                            if (Array.isArray(newPlanDetails.plan)) {
-                                newPlanDetails.plan.forEach((task) => {
-                                    if (task && typeof task === "object" && task.id) {
-                                        const taskId = task.id.toString();
-                                        // Use the task's status if available, otherwise default to pending
-                                        newWorkstreamStatus.set(taskId, task.status || "pending");
-                                    }
-                                });
-                            }
-                            // Update the workstream status map with the new status for this plan
-                            setWorkstreamStatusMap((prev) => {
-                                const newMap = new Map(prev);
-                                newMap.set(timestamp, newWorkstreamStatus);
-                                return newMap;
-                            });
-                        }
-                    }
-                }
-                catch (error) {
-                    console.error("Failed to parse plan from message:", error);
-                }
-            }
-            // Handle UPDATE type messages with plan updates
-            if (message.type === AgentMessageType.UPDATE && message.details) {
-                // We no longer process UPDATE messages with details.updates
-                // Instead, we rely on the PLAN message that follows with the complete plan
-                if (message.details.updates && Array.isArray(message.details.updates)) {
-                    console.log("Ignoring UPDATE message with details.updates - waiting for PLAN message with full plan");
-                    // This is an initial update notification, but we'll wait for the PLAN message that follows
-                    // with the complete updated plan before making any UI changes
-                }
-            }
-        });
-        const lastMessage = messages[messages.length - 1];
-        if (lastMessage) {
-            if (lastMessage.type === AgentMessageType.TERMINATED) {
-                setShowInput(false);
-                setWorkflowStatus("TERMINATED");
-            }
-            else {
-                if (interactive) {
-                    setShowInput(true);
-                }
-                else {
-                    setShowInput(lastMessage.type === AgentMessageType.REQUEST_INPUT);
-                }
-            }
-        }
-    }, [messages, plans, activePlanIndex]);
-    // Send a message to the agent
-    const handleSendMessage = () => {
-        const message = inputValue.trim();
-        if (!message || isSending)
-            return;
-        setIsSending(true);
-        setInputValue("");
-        client.store.workflows
-            .sendSignal(run.workflowId, run.runId, "UserInput", {
-            message,
-        })
-            .then(() => {
-            setIsCompleted(false);
-            toast({
-                status: "success",
-                title: "Message Sent",
-                duration: 2000,
-            });
-        })
-            .catch((err) => {
-            toast({
-                status: "error",
-                title: "Failed to Send Message",
-                description: err instanceof Error ? err.message : "Unknown error",
-                duration: 3000,
-            });
-        })
-            .finally(() => {
-            setIsSending(false);
-        });
-    };
-    // Calculate number of active tasks for the status indicator
-    const getActiveTaskCount = () => {
-        if (!messages.length)
-            return 0;
-        // Group messages by workstream
-        const workstreamMessages = new Map();
-        messages.forEach((message) => {
-            const workstreamId = getWorkstreamId(message);
-            if (workstreamId !== "main" && workstreamId !== "all") {
-                if (!workstreamMessages.has(workstreamId)) {
-                    workstreamMessages.set(workstreamId, []);
-                }
-                workstreamMessages.get(workstreamId).push(message);
-            }
-        });
-        // Count workstreams that don't have completion messages
-        let activeCount = 0;
-        for (const [_, msgs] of workstreamMessages.entries()) {
-            if (msgs.length > 0) {
-                const lastMessage = msgs[msgs.length - 1];
-                // If the last message isn't a completion message, the workstream is active
-                if (![AgentMessageType.COMPLETE, AgentMessageType.IDLE].includes(lastMessage.type)) {
-                    activeCount++;
-                }
-            }
-        }
-        return activeCount;
-    };
-    const actualTitle = title || run.workflowId.split(":")[2] || "Agent Conversation";
-    // Handle downloading conversation
-    const downloadConversation = async () => {
-        try {
-            const url = await getConversationUrl(client, run.runId);
-            if (url)
-                window.open(url, "_blank");
-        }
-        catch (err) {
-            console.error("Failed to download conversation", err);
-            toast({
-                status: "error",
-                title: "Failed to download conversation",
-                duration: 3000,
-            });
-        }
-    };
-    // Handle copying run ID
-    const copyRunId = () => {
-        navigator.clipboard.writeText(run.runId);
-        toast({
-            status: "success",
-            title: "Run ID copied",
-            duration: 2000,
-        });
-    };
-    return (_jsxs("div", { className: `flex flex-col h-full min-h-0 ${isModal ? "rounded-lg overflow-hidden" : ""}`, children: [_jsx(Header, { title: actualTitle, isCompleted: isCompleted, onClose: onClose, isModal: isModal, run: run, viewMode: viewMode, onViewModeChange: setViewMode, showPlanPanel: showSlidingPanel, hasPlan: plans.length > 0, onTogglePlanPanel: () => {
-                    setShowSlidingPanel(!showSlidingPanel);
-                    // When opening the plan panel, mark that we've shown it
-                    if (!showSlidingPanel) {
-                        sessionStorage.setItem("plan-panel-shown", "true");
-                    }
-                }, onDownload: downloadConversation, onCopyRunId: copyRunId, resetWorkflow: resetWorkflow }), showPlanPanel && !showSlidingPanel && plans.length > 0 && (_jsx(PlanPanel, { plan: getActivePlan.plan, workstreamStatus: getActivePlan.workstreamStatus, isVisible: true })), messages.length === 0 && !isCompleted ? (_jsx("div", { className: "flex-1 flex flex-col items-center justify-center h-full text-center py-6 bg-white dark:bg-gray-900", children: _jsxs("div", { className: "bg-white dark:bg-slate-800 p-5 max-w-md border border-blue-200 dark:border-blue-900/50 rounded-lg shadow-sm", children: [_jsxs("div", { className: "flex items-center space-x-3 mb-3", children: [_jsx(PulsatingCircle, { size: "sm", color: "blue" }), _jsx("div", { className: "text-sm text-slate-600 dark:text-slate-300 font-medium", children: ThinkingMessages[thinkingMessageIndex] })] }), _jsx("div", { className: "mt-4 flex justify-center", children: _jsx(AnimatedThinkingDots, { color: "blue", className: "mt-1" }) })] }) })) : (_jsx(AllMessagesMixed, { messages: messages, bottomRef: bottomRef, viewMode: viewMode, isCompleted: isCompleted, plan: getActivePlan.plan, workstreamStatus: getActivePlan.workstreamStatus, showPlanPanel: showSlidingPanel, onTogglePlanPanel: () => {
-                    console.log("Toggle plan panel called, current state:", showSlidingPanel);
-                    setShowSlidingPanel(!showSlidingPanel);
-                }, plans: plans, activePlanIndex: activePlanIndex, onChangePlan: (index) => setActivePlanIndex(index), taskLabels: getActivePlan.plan.plan?.reduce((acc, task) => {
-                    if (task.id && task.goal) {
-                        acc.set(task.id.toString(), task.goal);
-                    }
-                    return acc;
-                }, new Map()) })), workflowStatus && (workflowStatus !== "RUNNING" ? (_jsxs(MessageBox, { status: workflowStatus === "COMPLETED" ? 'success' : 'done', icon: null, className: "flex-shrink-0 m-2", children: ["This Workflow is ", workflowStatus] })) : showInput && (_jsx(MessageInput, { value: inputValue, onChange: setInputValue, onSend: handleSendMessage, disabled: false, isSending: isSending, isCompleted: isCompleted, activeTaskCount: getActiveTaskCount(), placeholder: placeholder })))] }));
-}
-// Helper function to get conversation URL - used by other components
-export async function getConversationUrl(vertesia, workflowRunId) {
-    return vertesia.files
-        .getDownloadUrl(`agents/${workflowRunId}/conversation.json`)
-        .then((r) => r.url);
-}
-//# sourceMappingURL=ModernAgentConversation.js.map