@vertesia/ui 1.0.0-dev.20260203.130115Z → 1.0.0-dev.20260227.112605Z

package/lib/esm/features/agent/chat/ModernAgentOutput/SlidingPlanPanel.js

@@ -0,0 +1,82 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { AlertCircle, CheckCircle, Circle, Clock } from "lucide-react";
+import SlideInPanel from "./SlideInPanel";
+export default function SlidingPlanPanel({ plan, workstreamStatus, isOpen, onClose }) {
+    return (plan && (_jsxs(SlideInPanel, { isOpen: isOpen, onClose: onClose, title: "Agent Plan", children: [_jsxs("div", { className: "mb-4 p-3 bg-info rounded-md border border-info", children: [_jsx("div", { className: "text-sm font-medium text-info mb-1", children: "Plan Progress" }), _jsxs("div", { className: "flex items-center gap-2", children: [_jsx("div", { className: "w-full bg-muted rounded-full h-2.5", children: _jsx("div", { className: "bg-info h-2.5 rounded-full", style: {
+                                        width: `${plan.plan && plan.plan.length
+                                            ? Math.round((Array.from(workstreamStatus.values()).filter((status) => status === "completed").length /
+                                                Math.max(1, workstreamStatus.size)) *
+                                                100)
+                                            : 0}%`,
+                                    } }) }), _jsx("span", { className: "text-xs text-muted", children: plan.plan && plan.plan.length
+                                    ? `${Array.from(workstreamStatus.values()).filter((status) => status === "completed").length}/${workstreamStatus.size}`
+                                    : "0/0" })] })] }), _jsxs("div", { className: "rounded-md border border-muted", children: [_jsx("div", { className: "p-3 border-b border-muted bg-muted/50", children: _jsx("div", { className: "font-medium text-sm", children: "Step-by-Step Plan" }) }), _jsx("div", { className: "divide-y divide-gray-100 dark:divide-gray-800", children: plan.plan && plan.plan.length > 0 ? (plan.plan.map((task, index) => {
+                            // Extract task info with null checks
+                            const taskId = task.id ? task.id.toString() : `task-${index}`;
+                            const taskGoal = task.goal || `Task ${index + 1}`;
+                            // Determine task status - use task.status if available or lookup from workstream
+                            let status = task.status || "pending";
+                            if (workstreamStatus.has(taskId)) {
+                                status = workstreamStatus.get(taskId);
+                            }
+                            // Determine status icon and style
+                            let StatusIcon = Circle;
+                            let statusColor = "text-gray-400";
+                            let bgColor = "";
+                            if (status === "in_progress") {
+                                StatusIcon = Clock;
+                                statusColor = "text-blue-500";
+                                bgColor = "bg-blue-50/50 dark:bg-blue-900/10";
+                            }
+                            else if (status === "completed") {
+                                StatusIcon = CheckCircle;
+                                statusColor = "text-green-500";
+                            }
+                            return (_jsxs("div", { className: `flex p-3 ${bgColor}`, children: [_jsx("div", { className: `mr-3 mt-0.5 flex-shrink-0 ${statusColor}`, children: _jsx(StatusIcon, { className: "h-4 w-4" }) }), _jsxs("div", { children: [_jsx("div", { className: "text-sm text-gray-800 dark:text-gray-200", children: taskGoal }), _jsxs("div", { className: "mt-1", children: [_jsx("span", { className: "inline-flex items-center px-2 py-0.5 rounded text-xs font-medium bg-gray-100 dark:bg-gray-800 text-gray-700 dark:text-gray-300", children: taskId }), _jsx("span", { className: `ml-2 text-xs ${status === "completed"
+                                                            ? "text-green-600 dark:text-green-400"
+                                                            : status === "in_progress"
+                                                                ? "text-blue-600 dark:text-blue-400"
+                                                                : "text-gray-500 dark:text-gray-400"}`, children: status === "completed"
+                                                            ? "Completed"
+                                                            : status === "in_progress"
+                                                                ? "In Progress"
+                                                                : "Pending" })] })] })] }, index));
+                        })) : (_jsxs("div", { className: "p-4 text-center text-gray-500 dark:text-gray-400 italic", children: [_jsx(AlertCircle, { className: "h-5 w-5 mx-auto mb-2 text-amber-500" }), _jsx("p", { children: "No plan has been detected yet" }), _jsx("p", { className: "text-xs mt-1", children: "Plans will appear here when the agent creates one" })] })) })] }), workstreamStatus.size > 1 && (_jsxs("div", { className: "mt-4 rounded-md border border-gray-200 dark:border-gray-800", children: [_jsx("div", { className: "p-3 border-b border-gray-200 dark:border-gray-800 bg-gray-50 dark:bg-gray-900/50", children: _jsx("div", { className: "font-medium text-sm", children: "Workstreams" }) }), _jsx("div", { className: "p-3", children: _jsx("div", { className: "grid grid-cols-1 gap-2", children: Array.from(workstreamStatus.entries())
+                                // Filter to only show real workstreams (main or those with valid names - not numeric IDs)
+                                .filter(([id, _]) => {
+                                // Always show 'main' workstream
+                                if (id === "main")
+                                    return true;
+                                // Don't show if it's a pure numeric ID (likely a task)
+                                if (/^\d+$/.test(id))
+                                    return false;
+                                // Don't show workstreams that are actually tasks (have matching IDs in plan)
+                                if (plan?.plan) {
+                                    const matchingTask = plan.plan.find((task) => task.id?.toString() === id);
+                                    return !matchingTask; // Keep if no matching task found
+                                }
+                                return true;
+                            })
+                                .map(([id, status]) => {
+                                let StatusIcon = Circle;
+                                let statusColor = "text-gray-400";
+                                let statusBg = "bg-gray-100 dark:bg-gray-800";
+                                let statusText = "Pending";
+                                if (status === "in_progress") {
+                                    StatusIcon = Clock;
+                                    statusColor = "text-blue-500";
+                                    statusBg = "bg-blue-100 dark:bg-blue-800/30";
+                                    statusText = "In Progress";
+                                }
+                                else if (status === "completed") {
+                                    StatusIcon = CheckCircle;
+                                    statusColor = "text-green-500";
+                                    statusBg = "bg-green-100 dark:bg-green-800/30";
+                                    statusText = "Completed";
+                                }
+                                // Format workstream IDs for better display
+                                const displayId = id === "main" ? "Main Workstream" : id;
+                                return (_jsxs("div", { className: `flex items-center p-2 rounded ${statusBg}`, children: [_jsx("div", { className: `mr-2 ${statusColor}`, children: _jsx(StatusIcon, { className: "h-4 w-4" }) }), _jsx("div", { className: "flex-1", children: _jsx("span", { className: "text-sm font-medium text-gray-800 dark:text-gray-300", children: displayId }) }), _jsx("span", { className: "text-xs font-medium", children: statusText })] }, id));
+                            }) }) })] }))] })));
+}
+//# sourceMappingURL=SlidingPlanPanel.js.map

package/lib/esm/features/agent/chat/ModernAgentOutput/SlidingPlanPanel.js.map

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

package/lib/esm/features/agent/chat/ModernAgentOutput/StackedMessages.js

@@ -0,0 +1,13 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import React from "react";
+import MessageItem from "./MessageItem";
+export default function StackedMessages({ messages }) {
+    // Sort all messages in ascending chronological order (oldest first)
+    const sortedMessages = React.useMemo(() => [...messages].sort((a, b) => {
+        const timeA = typeof a.timestamp === "number" ? a.timestamp : new Date(a.timestamp).getTime();
+        const timeB = typeof b.timestamp === "number" ? b.timestamp : new Date(b.timestamp).getTime();
+        return timeA - timeB;
+    }), [messages]);
+    return (_jsx("div", { className: "flex flex-col overflow-y-auto space-y-6 py-4", children: sortedMessages.map((message, index) => (_jsx(MessageItem, { message: message, showPulsatingCircle: false }, `${message.timestamp}-${index}`))) }));
+}
+//# sourceMappingURL=StackedMessages.js.map

package/lib/esm/features/agent/chat/ModernAgentOutput/StackedMessages.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"StackedMessages.js","sourceRoot":"","sources":["../../../../../../src/features/agent/chat/ModernAgentOutput/StackedMessages.tsx"],"names":[],"mappings":";AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,WAAW,MAAM,eAAe,CAAC;AAOxC,MAAM,CAAC,OAAO,UAAU,eAAe,CAAC,EAAE,QAAQ,EAAwB;IACtE,oEAAoE;IACpE,MAAM,cAAc,GAAG,KAAK,CAAC,OAAO,CAChC,GAAG,EAAE,CACD,CAAC,GAAG,QAAQ,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE;QACxB,MAAM,KAAK,GAAG,OAAO,CAAC,CAAC,SAAS,KAAK,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI,IAAI,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,OAAO,EAAE,CAAC;QAC9F,MAAM,KAAK,GAAG,OAAO,CAAC,CAAC,SAAS,KAAK,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI,IAAI,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,OAAO,EAAE,CAAC;QAC9F,OAAO,KAAK,GAAG,KAAK,CAAC;IACzB,CAAC,CAAC,EACN,CAAC,QAAQ,CAAC,CACb,CAAC;IAEF,OAAO,CACH,cAAK,SAAS,EAAC,8CAA8C,YACxD,cAAc,CAAC,GAAG,CAAC,CAAC,OAAO,EAAE,KAAK,EAAE,EAAE,CAAC,CACpC,KAAC,WAAW,IAER,OAAO,EAAE,OAAO,EAChB,mBAAmB,EAAE,KAAK,IAFrB,GAAG,OAAO,CAAC,SAAS,IAAI,KAAK,EAAE,CAGtC,CACL,CAAC,GACA,CACT,CAAC;AACN,CAAC"}

package/lib/esm/features/agent/chat/ModernAgentOutput/StreamingMessage.js

@@ -0,0 +1,201 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React, { useState, useEffect, useRef, useCallback, useMemo } from "react";
+import { Button, cn, useToast } from "@vertesia/ui/core";
+import { MarkdownRenderer } from "@vertesia/ui/widgets";
+import { Bot, CopyIcon } from "lucide-react";
+import dayjs from "dayjs";
+// PERFORMANCE: Unicode cursor character - rendered inline with text
+// This avoids expensive DOM manipulation with TreeWalker on every update
+// Using thin pipe for softer visual appearance
+const CURSOR_CHAR = "│";
+/**
+ * Displays a streaming message with adaptive reveal effect.
+ * Automatically adjusts speed to match the model's generation rate,
+ * creating smooth continuous text flow without bursts and pauses.
+ */
+function StreamingMessageComponent({ text, workstreamId, revealSpeed = 300, isComplete = false, timestamp, className, cardClassName, headerClassName, contentClassName, proseClassName, senderClassName, iconClassName, }) {
+    const [displayedLength, setDisplayedLength] = useState(0);
+    const [throttledText, setThrottledText] = useState("");
+    const animationRef = useRef(null);
+    const targetLengthRef = useRef(text.length);
+    const displayedLengthRef = useRef(0);
+    const startTime = useRef(timestamp || Date.now());
+    const textRef = useRef(text); // Keep latest text for interval callback
+    // Track model's generation rate for adaptive speed using exponential moving average
+    const lastTextLengthRef = useRef(0);
+    const lastTextTimeRef = useRef(performance.now());
+    const modelRateRef = useRef(revealSpeed); // chars per second from model (EMA smoothed)
+    const fractionalCharsRef = useRef(0); // sub-character accumulation for smooth reveal
+    // Update model rate when new text arrives using EMA for smoother tracking
+    useEffect(() => {
+        const now = performance.now();
+        const newChars = text.length - lastTextLengthRef.current;
+        const elapsed = now - lastTextTimeRef.current;
+        // Only update rate if meaningful time has passed (avoid divide-by-tiny-number issues)
+        if (newChars > 0 && elapsed > 30) {
+            const instantRate = (newChars / elapsed) * 1000; // chars per second
+            // Exponential moving average - 20% weight to new sample
+            // This creates smoother rate transitions than simple averaging
+            const alpha = 0.2;
+            modelRateRef.current = modelRateRef.current * (1 - alpha) + instantRate * alpha;
+            // Clamp to reasonable range
+            modelRateRef.current = Math.max(50, Math.min(2000, modelRateRef.current));
+        }
+        lastTextLengthRef.current = text.length;
+        lastTextTimeRef.current = now;
+    }, [text.length]);
+    // Keep refs in sync
+    targetLengthRef.current = text.length;
+    textRef.current = text;
+    const animate = useCallback(() => {
+        let lastTime = performance.now();
+        const step = (currentTime) => {
+            const elapsed = currentTime - lastTime;
+            lastTime = currentTime;
+            const buffer = targetLengthRef.current - displayedLengthRef.current;
+            // Nothing to reveal - stop animation, it will restart when new text arrives
+            if (buffer <= 0) {
+                fractionalCharsRef.current = 0;
+                animationRef.current = null;
+                return;
+            }
+            // Smooth adaptive speed based on buffer size
+            // Key insight: maintain a small buffer intentionally to smooth out arrival jitter
+            let targetRate;
+            if (isComplete) {
+                // Streaming done - finish smoothly but not instant
+                // Use 2x baseline or minimum 500 chars/sec for responsive feel
+                targetRate = Math.max(500, modelRateRef.current * 2);
+            }
+            else if (buffer < 20) {
+                // Nearly caught up - slow down slightly to maintain buffer
+                // This prevents the "catch up then pause" jerkiness
+                targetRate = modelRateRef.current * 0.85;
+            }
+            else if (buffer < 100) {
+                // Healthy buffer - match model rate exactly
+                targetRate = modelRateRef.current;
+            }
+            else if (buffer < 500) {
+                // Buffer growing - gently speed up using continuous curve (1x to 1.5x)
+                // Smoother than discrete steps
+                const t = (buffer - 100) / 400; // 0 to 1
+                targetRate = modelRateRef.current * (1 + t * 0.5);
+            }
+            else {
+                // Large buffer - cap at 2x (not 10x like before)
+                // This prevents jarring "catch up" bursts
+                targetRate = modelRateRef.current * 2;
+            }
+            // Calculate chars to reveal with fractional accumulation for sub-char precision
+            // This allows smoother reveal even at low rates
+            const charsFloat = (targetRate * elapsed / 1000) + fractionalCharsRef.current;
+            const charsToAdd = Math.floor(charsFloat);
+            fractionalCharsRef.current = charsFloat - charsToAdd;
+            if (charsToAdd > 0) {
+                displayedLengthRef.current = Math.min(displayedLengthRef.current + charsToAdd, targetLengthRef.current);
+                setDisplayedLength(displayedLengthRef.current);
+            }
+            // Continue animation loop
+            animationRef.current = requestAnimationFrame(step);
+        };
+        animationRef.current = requestAnimationFrame(step);
+    }, [isComplete]);
+    // Start/continue animation when text grows
+    useEffect(() => {
+        if (text.length > displayedLengthRef.current && !animationRef.current) {
+            animate();
+        }
+        return () => {
+            if (animationRef.current) {
+                cancelAnimationFrame(animationRef.current);
+                animationRef.current = null;
+            }
+        };
+    }, [text.length, animate]);
+    // When streaming completes, ensure we finish displaying quickly
+    useEffect(() => {
+        if (isComplete && displayedLengthRef.current < text.length) {
+            if (animationRef.current) {
+                cancelAnimationFrame(animationRef.current);
+                animationRef.current = null;
+            }
+            animate();
+        }
+    }, [isComplete, text.length, animate]);
+    // Throttle markdown updates for performance using a consistent interval
+    // This avoids the issue where timeout-based throttling gets cancelled on every displayedLength change
+    const throttleIntervalRef = useRef(null);
+    const lastThrottledLengthRef = useRef(0);
+    // Handle immediate updates when caught up or complete
+    useEffect(() => {
+        if (displayedLength >= targetLengthRef.current || isComplete) {
+            setThrottledText(textRef.current.slice(0, displayedLength));
+            lastThrottledLengthRef.current = displayedLength;
+        }
+    }, [displayedLength, isComplete]);
+    // Manage the throttle interval - starts when streaming, stops when caught up
+    const isStreaming = displayedLength < text.length && !isComplete;
+    useEffect(() => {
+        if (!isStreaming) {
+            // Not streaming - clear interval
+            if (throttleIntervalRef.current) {
+                clearInterval(throttleIntervalRef.current);
+                throttleIntervalRef.current = null;
+            }
+            return;
+        }
+        // Start interval if not already running (~30fps markdown updates)
+        if (!throttleIntervalRef.current) {
+            throttleIntervalRef.current = window.setInterval(() => {
+                const currentLength = displayedLengthRef.current;
+                // Only update if there's new content to show
+                if (currentLength > lastThrottledLengthRef.current) {
+                    setThrottledText(textRef.current.slice(0, currentLength));
+                    lastThrottledLengthRef.current = currentLength;
+                }
+            }, 33);
+        }
+        return () => {
+            if (throttleIntervalRef.current) {
+                clearInterval(throttleIntervalRef.current);
+                throttleIntervalRef.current = null;
+            }
+        };
+    }, [isStreaming]);
+    const toast = useToast();
+    const formattedTime = useMemo(() => dayjs(startTime.current).format("HH:mm:ss"), []);
+    const isTyping = displayedLength < text.length;
+    // PERFORMANCE: Append cursor character directly to text instead of DOM manipulation
+    // This eliminates expensive TreeWalker traversal on every update
+    const displayTextWithCursor = useMemo(() => {
+        const baseText = throttledText || text.slice(0, displayedLength);
+        return isTyping ? baseText + CURSOR_CHAR : baseText;
+    }, [throttledText, text, displayedLength, isTyping]);
+    if (!text)
+        return null;
+    const copyToClipboard = () => {
+        navigator.clipboard.writeText(text).then(() => {
+            toast({
+                status: "success",
+                title: "Copied to clipboard",
+                duration: 2000,
+            });
+        });
+    };
+    return (_jsx("div", { className: cn("w-full max-w-full", className), children: _jsxs("div", { className: cn("border-l-4 bg-white dark:bg-gray-900 mb-4 border-l-purple-500 w-full max-w-full overflow-hidden", cardClassName), "data-workstream-id": workstreamId, children: [_jsxs("div", { className: cn("flex items-center justify-between px-4 py-1.5", headerClassName), children: [_jsxs("div", { className: "flex items-center gap-1.5", children: [_jsx("div", { className: cn("animate-fadeIn", iconClassName), children: isTyping ? (_jsx("span", { className: "size-2 rounded-full bg-blue-500 animate-pulse inline-block" })) : (_jsx(Bot, { className: "size-4 text-purple-600 dark:text-purple-400" })) }), _jsx("span", { className: cn("text-xs font-medium text-muted", senderClassName), children: "Agent" }), workstreamId && workstreamId !== "main" && (_jsxs("span", { className: "text-xs text-muted", children: ["\u2022 Task ", workstreamId] }))] }), _jsxs("div", { className: "flex items-center gap-2 text-muted", children: [_jsx("span", { className: "text-[11px]", children: formattedTime }), _jsx(Button, { variant: "ghost", size: "xs", onClick: copyToClipboard, className: "size-6 p-0 hover:bg-gray-100 dark:hover:bg-gray-800", title: "Copy message", children: _jsx(CopyIcon, { className: "size-3" }) })] })] }), _jsxs("div", { className: cn("px-3 pb-2 streaming-content", isTyping && "streaming-active", contentClassName), children: [_jsx("div", { className: cn("vprose prose prose-slate dark:prose-invert prose-p:leading-relaxed prose-p:my-3 prose-headings:font-semibold prose-headings:tracking-normal prose-headings:mt-6 prose-headings:mb-3 prose-h1:text-xl prose-h2:text-lg prose-h3:text-base prose-li:my-1 prose-ul:my-3 prose-ol:my-3 prose-table:my-5 prose-pre:my-4 prose-hr:my-6 max-w-none text-[15px] break-words", proseClassName), style: { overflowWrap: 'anywhere' }, children: _jsx(MarkdownRenderer, { children: displayTextWithCursor }) }), _jsx("style", { children: `
+                        /* Ensure inline elements flow properly */
+                        .streaming-content p:last-child,
+                        .streaming-content li:last-child {
+                            display: inline;
+                        }
+                        /* Soft fade at reveal edge */
+                        .streaming-active .vprose {
+                            mask-image: linear-gradient(to right, black 97%, transparent 100%);
+                            -webkit-mask-image: linear-gradient(to right, black 97%, transparent 100%);
+                        }
+                    ` })] })] }) }));
+}
+const StreamingMessage = React.memo(StreamingMessageComponent);
+export default StreamingMessage;
+//# sourceMappingURL=StreamingMessage.js.map

package/lib/esm/features/agent/chat/ModernAgentOutput/StreamingMessage.js.map

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