@vertesia/ui 0.60.0 → 0.61.0

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

@@ -0,0 +1,352 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { AgentMessageType } from "@vertesia/common";
+import { Button, useToast } from "@vertesia/ui/core";
+import { NavLink } from "@vertesia/ui/router";
+import { useUserSession } from "@vertesia/ui/session";
+import dayjs from "dayjs";
+import { AlertCircle, Bot, CheckCircle, Clock, CopyIcon, Info, MessageSquare, User } from "lucide-react";
+import { useEffect, useState } from "react";
+import Markdown from "react-markdown";
+import remarkGfm from "remark-gfm";
+import { AnimatedThinkingDots, PulsatingCircle } from "../AnimatedThinkingDots";
+import { ThinkingMessages } from "../WaitingMessages";
+import { getWorkstreamId } from "./utils";
+export default function MessageItem({ message, showPulsatingCircle = false }) {
+    const [showDetails, setShowDetails] = useState(false);
+    const [processedContent, setProcessedContent] = useState("");
+    const [isProcessingImages, setIsProcessingImages] = useState(false);
+    const { client } = useUserSession();
+    const toast = useToast();
+    // Simplified message styling with minimal distinction between different types
+    const getMessageStyles = () => {
+        // Common styling for all messages with subtle type indication
+        const baseStyle = {
+            containerClass: "bg-white border-l-4 border-l-muted/30 shadow-sm",
+            iconComponent: _jsx(Bot, { className: "size-4 text-muted" }),
+            sender: "",
+        };
+        // Just add minimal type indicators
+        switch (message.type) {
+            case AgentMessageType.ANSWER:
+                return {
+                    ...baseStyle,
+                    containerClass: "bg-white border-l-4 border-l-muted/30 shadow-sm",
+                    iconComponent: _jsx(Bot, { className: "size-4 text-muted" }),
+                    sender: "Agent",
+                };
+            case AgentMessageType.COMPLETE:
+                return {
+                    ...baseStyle,
+                    containerClass: "bg-white border-l-4 border-l-green-500 shadow-sm",
+                    iconComponent: _jsx(CheckCircle, { className: "size-4 text-success" }),
+                    sender: "Completed",
+                };
+            case AgentMessageType.QUESTION:
+                return {
+                    ...baseStyle,
+                    iconComponent: _jsx(User, { className: "size-4 text-muted" }),
+                    sender: "User",
+                };
+            case AgentMessageType.THOUGHT:
+                return {
+                    ...baseStyle,
+                    iconComponent: showPulsatingCircle ? (_jsx(PulsatingCircle, { size: "sm", color: "blue" })) : (_jsx(Bot, { className: "size-4 text-muted" })),
+                    sender: "Agent",
+                };
+            case AgentMessageType.ERROR:
+                return {
+                    ...baseStyle,
+                    iconComponent: _jsx(AlertCircle, { className: "size-4 text-muted" }),
+                    sender: "System",
+                };
+            case AgentMessageType.UPDATE:
+                return {
+                    ...baseStyle,
+                    containerClass: "bg-white border-l-4 border-success shadow-sm",
+                    iconComponent: _jsx(Info, { className: "size-4 text-success" }),
+                    sender: "Update",
+                };
+            case AgentMessageType.PLAN:
+                return {
+                    ...baseStyle,
+                    iconComponent: _jsx(MessageSquare, { className: "size-4 text-muted" }),
+                    sender: "Agent",
+                };
+            default:
+                return {
+                    ...baseStyle,
+                    sender: `Agent`,
+                };
+        }
+    };
+    const messageStyles = getMessageStyles();
+    // Convert links in the content (now async to handle image URLs)
+    const convertLinks = async (content) => {
+        // If content is not a string, return it as is
+        if (typeof content !== "string") {
+            return content;
+        }
+        let processedContent = content;
+        // First, handle store and collection links
+        processedContent = processedContent.replace(/\[([^\]]+)\]\((store|collection):([a-f\d]{24})\)/gi, (_, text, type, id) => {
+            const path = type === 'store' ? 'objects' : 'collections';
+            return `[${text}](/store/${path}/${id})`;
+        });
+        // Then, handle image links by finding all image:<gcspath> patterns
+        const imageRegex = /!\[([^\]]*)\]\(image:([^)]+)\)/g;
+        const imageMatches = Array.from(processedContent.matchAll(imageRegex));
+        // Process all image URLs in parallel
+        const imageReplacements = await Promise.all(imageMatches.map(async (match) => {
+            const [fullMatch, altText, gcsPath] = match;
+            try {
+                const response = await client.files.getDownloadUrl(gcsPath);
+                return { fullMatch, replacement: `![${altText}](${response.url})` };
+            }
+            catch (error) {
+                console.error(`Failed to get download URL for image: ${gcsPath}`, error);
+                // Return original on error
+                return { fullMatch, replacement: fullMatch };
+            }
+        }));
+        // Apply all replacements
+        for (const { fullMatch, replacement } of imageReplacements) {
+            processedContent = processedContent.replace(fullMatch, replacement);
+        }
+        return processedContent;
+    };
+    // Get the message content to display with thinking message replacement
+    const getMessageContent = () => {
+        let content = "";
+        if (message.message) {
+            // Check if message.message is an object
+            if (typeof message.message === "object") {
+                // Use JSONView for objects - we'll need to stringify it for now
+                // as we don't have direct access to JSONView
+                content = JSON.stringify(message.message, null, 2);
+            }
+            else if (message.message.trim) {
+                content = message.message.trim();
+            }
+            else {
+                // Fallback for other non-string, non-object cases
+                content = String(message.message);
+            }
+        }
+        // Replace %thinking_message% placeholder with a thinking message
+        if (typeof content === "string" && content.includes("%thinking_message%")) {
+            // Get a random thinking message since we don't have access to thinkingMessageIndex here
+            const randomIndex = Math.floor(Math.random() * ThinkingMessages.length);
+            content = content.replace(/%thinking_message%/g, ThinkingMessages[randomIndex]);
+        }
+        return content;
+    };
+    // Copy message content to clipboard
+    const copyToClipboard = () => {
+        const messageContent = getMessageContent() || "";
+        const detailsContent = typeof message.details === "string"
+            ? message.details
+            : message.details
+                ? JSON.stringify(message.details, null, 2)
+                : "";
+        const textToCopy = [messageContent, detailsContent ? "\n\nDetails:\n" + detailsContent : ""].join("").trim();
+        navigator.clipboard.writeText(textToCopy).then(() => {
+            toast({
+                status: "success",
+                title: "Copied to clipboard",
+                duration: 2000,
+            });
+        });
+    };
+    // Process content to enhance markdown detection for lists and thinking messages
+    const processContentForMarkdown = (content) => {
+        // If content is not a string, return it as is
+        if (typeof content !== "string") {
+            return content;
+        }
+        // Special handling for thought messages to ensure proper markdown formatting
+        if (message.type === AgentMessageType.THOUGHT ||
+            (typeof message.message === "string" &&
+                (message.message.toLowerCase().includes("thinking about") ||
+                    message.message.toLowerCase().includes("i'm thinking") ||
+                    message.message.toLowerCase().includes("💭")))) {
+            let formattedContent = content;
+            // Check for numbering patterns like "1. First item 2. Second item"
+            if (/\d+\.\s+.+/.test(formattedContent)) {
+                // Format numbered lists by adding newlines between items
+                formattedContent = formattedContent.replace(/(\d+\.\s+.+?)(?=\s+\d+\.\s+|$)/g, "$1\n\n");
+                // Make sure nested content under numbered items is properly indented
+                formattedContent = formattedContent.replace(/(\d+\.\s+.+\n)([^\d\n][^:])/g, "$1  $2");
+            }
+            // Handle colon-prefixed items that should be on separate lines
+            if (formattedContent.includes(":") && !formattedContent.includes("\n\n")) {
+                formattedContent = formattedContent.replace(/\b(First|Next|Then|Finally|Lastly|Additionally|Step \d+):\s+/gi, "\n\n$&");
+            }
+            // Handle thinking points or list-like structures even without numbers
+            if (formattedContent.includes(" - ")) {
+                formattedContent = formattedContent.replace(/\s+-\s+/g, "\n- ");
+            }
+            return formattedContent;
+        }
+        // Normal processing for non-thinking messages
+        if (/\d+\.\s+.+/.test(content) && !content.includes("\n\n")) {
+            // Add proper line breaks for numbered lists that aren't already properly formatted
+            return content.replace(/(\d+\.\s+.+?)(?=\s+\d+\.\s+|$)/g, "$1\n\n");
+        }
+        return content;
+    };
+    // Render content with markdown support - all messages now rendered as markdown
+    const renderContent = (content) => {
+        // Handle object content (JSON)
+        if (typeof content === "object") {
+            return (_jsx("pre", { className: "text-xs font-mono whitespace-pre-wrap overflow-x-auto bg-gray-100 dark:bg-gray-800 p-2 rounded text-gray-700 ", children: JSON.stringify(content, null, 2) }));
+        }
+        // Handle string content with markdown - content is already processed
+        return (_jsx("div", { className: "vprose prose-sm", children: _jsx(Markdown, { remarkPlugins: [remarkGfm], components: {
+                    a: ({ node, ...props }) => {
+                        const href = props.href || "";
+                        if (href.startsWith("/store/")) {
+                            return (_jsx(NavLink, { href: href, topLevelNav: true, children: props.children }));
+                        }
+                        return (_jsx("a", { ...props, target: "_blank", rel: "noopener noreferrer" }));
+                    },
+                    img: ({ node, ...props }) => {
+                        return (_jsx("img", { ...props, className: "max-w-full h-auto rounded-lg shadow-md my-3 cursor-pointer hover:shadow-lg transition-shadow", loading: "lazy", onClick: () => props.src && window.open(props.src, '_blank') }));
+                    },
+                    code: ({ node, className, children, ...props }) => {
+                        const match = /language-(\w+)/.exec(className || "");
+                        const isInline = !match;
+                        const language = match ? match[1] : "";
+                        // Keep only the language indicator logic here, styling moved to CSS
+                        return (_jsxs(_Fragment, { children: [!isInline && language && (_jsx("div", { className: "code-language-indicator", children: language })), _jsx("code", { ...props, children: children })] }));
+                    },
+                    p: (props) => _jsx("p", { ...props }),
+                    strong: (props) => _jsx("strong", { ...props }),
+                    em: (props) => _jsx("em", { ...props }),
+                    pre: (props) => _jsx("pre", { ...props }),
+                    h1: (props) => _jsx("h1", { ...props }),
+                    h2: (props) => _jsx("h2", { ...props }),
+                    h3: (props) => _jsx("h3", { ...props }),
+                    li: (props) => _jsx("li", { ...props }),
+                    ul: (props) => _jsx("ul", { ...props }),
+                    ol: (props) => _jsx("ol", { ...props }),
+                    blockquote: (props) => _jsx("blockquote", { ...props }),
+                    hr: (props) => _jsx("hr", { ...props }),
+                    table: (props) => _jsx("div", { className: "overflow-x-auto", children: _jsx("table", { ...props }) }),
+                    th: (props) => _jsx("th", { ...props }),
+                    td: (props) => _jsx("td", { ...props }),
+                }, children: content }) }));
+    };
+    const messageContent = getMessageContent();
+    // Process content with image URL resolution when component mounts or message changes
+    useEffect(() => {
+        const processContent = async () => {
+            if (messageContent) {
+                setIsProcessingImages(true);
+                try {
+                    const processed = await convertLinks(processContentForMarkdown(messageContent));
+                    setProcessedContent(processed);
+                }
+                catch (error) {
+                    console.error('Error processing message content:', error);
+                    setProcessedContent(messageContent);
+                }
+                finally {
+                    setIsProcessingImages(false);
+                }
+            }
+        };
+        processContent();
+    }, [messageContent, client]);
+    const workstreamId = getWorkstreamId(message);
+    // Different styling based on message type
+    const getMessageTypeStyles = () => {
+        switch (message.type) {
+            case AgentMessageType.ANSWER:
+                return "border-l-info bg-info";
+            case AgentMessageType.COMPLETE:
+                return "border-l-success bg-success";
+            case AgentMessageType.IDLE:
+                return "border-l-muted bg-muted";
+            case AgentMessageType.REQUEST_INPUT:
+                return "border-l-attention bg-attention";
+            case AgentMessageType.QUESTION:
+                return "border-l-muted bg-muted";
+            case AgentMessageType.THOUGHT:
+                return "border-l-accent dark:border-l-purple-500 bg-purple-50/50 dark:bg-purple-900/10";
+            case AgentMessageType.ERROR:
+                return "border-l-destructive bg-destructive";
+            case AgentMessageType.UPDATE:
+                return "border-l-success bg-success";
+            case AgentMessageType.PLAN:
+                return "border-l-attention bg-attention";
+            default:
+                return "border-l-indigo-500 dark:border-l-indigo-400 bg-indigo-50/50 dark:bg-indigo-900/10";
+        }
+    };
+    const messageTypeStyles = getMessageTypeStyles();
+    // Get the color for the icon based on message type
+    const getIconColor = () => {
+        switch (message.type) {
+            case AgentMessageType.ANSWER:
+                return "text-info";
+            case AgentMessageType.COMPLETE:
+                return "text-success";
+            case AgentMessageType.IDLE:
+                return "text-muted";
+            case AgentMessageType.REQUEST_INPUT:
+                return "text-attention";
+            case AgentMessageType.QUESTION:
+                return "text-muted";
+            case AgentMessageType.THOUGHT:
+                return "text-purple-600 dark:text-purple-400";
+            case AgentMessageType.ERROR:
+                return "text-destructive";
+            case AgentMessageType.UPDATE:
+                return "text-success";
+            case AgentMessageType.PLAN:
+                return "text-attention";
+            default:
+                return "text-muted";
+        }
+    };
+    // Get an icon for the message type with enhanced animations
+    const getMessageIcon = () => {
+        const iconColor = getIconColor();
+        // Choose an animation style for thinking messages
+        const getThinkingAnimation = (color) => {
+            // Generate a deterministic but varying number based on the message timestamp
+            // This ensures the same message always gets the same animation style
+            const timestampNum = typeof message.timestamp === 'number'
+                ? message.timestamp
+                : new Date(message.timestamp).getTime();
+            // Use only PulsatingCircle and AnimatedThinkingDots
+            return (timestampNum % 2 === 0)
+                ? _jsx(PulsatingCircle, { size: "sm", color: color })
+                : _jsx(AnimatedThinkingDots, { color: color });
+        };
+        switch (message.type) {
+            case AgentMessageType.ANSWER:
+                return showPulsatingCircle ? (getThinkingAnimation('blue')) : (_jsx(Bot, { className: `size-4 ${iconColor}` }));
+            case AgentMessageType.COMPLETE:
+                return _jsx(CheckCircle, { className: `size-4 ${iconColor}` });
+            case AgentMessageType.IDLE:
+                return _jsx(Clock, { className: `size-4 ${iconColor}` });
+            case AgentMessageType.REQUEST_INPUT:
+                return _jsx(User, { className: `size-4 ${iconColor}` });
+            case AgentMessageType.QUESTION:
+                return _jsx(User, { className: `size-4 ${iconColor}` });
+            case AgentMessageType.THOUGHT:
+                return showPulsatingCircle ? (getThinkingAnimation('purple')) : (_jsx(Bot, { className: `size-4 ${iconColor}` }));
+            case AgentMessageType.ERROR:
+                return _jsx(AlertCircle, { className: `size-4 ${iconColor}` });
+            case AgentMessageType.UPDATE:
+                return showPulsatingCircle ? (getThinkingAnimation('green')) : (_jsx(Info, { className: `size-4 ${iconColor}` }));
+            case AgentMessageType.PLAN:
+                return showPulsatingCircle ? (getThinkingAnimation('amber')) : (_jsx(MessageSquare, { className: `size-4 ${iconColor}` }));
+            default:
+                return showPulsatingCircle ? (getThinkingAnimation('blue')) : (_jsx(Bot, { className: `size-4 ${iconColor}` }));
+        }
+    };
+    return (_jsxs("div", { className: `border-l-4 shadow-md overflow-hidden bg-white dark:bg-gray-900 mb-5 ${messageTypeStyles}`, "data-workstream-id": workstreamId, children: [_jsxs("div", { className: "flex items-center justify-between px-4 py-2 border-b border-gray-100/80 dark:border-gray-800/80 bg-white/50 dark:bg-gray-900/50 backdrop-blur-sm", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx("div", { className: showPulsatingCircle ? "animate-fadeIn" : "", children: getMessageIcon() }), _jsx("span", { className: "text-xs font-medium text-gray-700 ", children: messageStyles.sender }), workstreamId !== "main" && workstreamId !== "all" && (_jsx("span", { className: "bg-gray-100 dark:bg-gray-800 px-1.5 py-0.5 rounded-full text-[10px] font-mono text-muted dark:text-gray-400 border border-gray-200 dark:border-gray-700", children: workstreamId }))] }), _jsxs("div", { className: "flex items-center gap-2", children: [_jsx("span", { className: "text-xs text-gray-400 dark:text-muted", children: dayjs(message.timestamp).format("HH:mm:ss") }), _jsx(Button, { variant: "ghost", size: "xs", onClick: copyToClipboard, className: "text-gray-400 hover:text-muted dark:text-muted dark:hover:text-muted/30", title: "Copy message", children: _jsx(CopyIcon, { className: "h-3 w-3" }) })] })] }), _jsxs("div", { className: "px-4 py-3 bg-white dark:bg-gray-900", children: [messageContent && (_jsx("div", { className: "message-content", children: isProcessingImages ? (_jsxs("div", { className: "flex items-center gap-2 text-sm text-gray-500", children: [_jsx(AnimatedThinkingDots, { color: "blue" }), _jsx("span", { children: "Loading images..." })] })) : (renderContent(processedContent || messageContent)) })), message.details && (_jsxs("div", { className: "mt-2", children: [_jsxs("button", { onClick: () => setShowDetails(!showDetails), className: "text-xs text-muted hover:text-gray-700 dark:text-gray-400 dark:hover:text-muted/30 flex items-center", children: [showDetails ? "Hide" : "Show", " details", _jsx("svg", { xmlns: "http://www.w3.org/2000/svg", className: `h-3 w-3 ml-1 transition-transform ${showDetails ? "rotate-180" : ""}`, fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: _jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M19 9l-7 7-7-7" }) })] }), showDetails && (_jsx("div", { className: "mt-2 p-2 bg-gray-50 dark:bg-gray-800 border border-gray-100 dark:border-gray-700 rounded text-sm", children: typeof message.details === "string" ? (renderContent(message.details)) : (_jsx("pre", { className: "text-xs font-mono whitespace-pre-wrap overflow-x-auto bg-gray-100 dark:bg-gray-800 p-2 rounded text-gray-700 ", children: JSON.stringify(message.details, null, 2) })) }))] }))] })] }));
+}
+//# sourceMappingURL=MessageItem.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MessageItem.js","sourceRoot":"","sources":["../../../../../../src/features/agent/chat/ModernAgentOutput/MessageItem.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAgB,gBAAgB,EAAE,MAAM,kBAAkB,CAAC;AAClE,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AACrD,OAAO,EAAE,OAAO,EAAE,MAAM,qBAAqB,CAAC;AAC9C,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AACtD,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,WAAW,EAAE,GAAG,EAAE,WAAW,EAAE,KAAK,EAAE,QAAQ,EAAE,IAAI,EAAE,aAAa,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AACzG,OAAc,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACnD,OAAO,QAAQ,MAAM,gBAAgB,CAAC;AACtC,OAAO,SAAS,MAAM,YAAY,CAAC;AACnC,OAAO,EAAE,oBAAoB,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAC;AAChF,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAO1C,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,EAAE,OAAO,EAAE,mBAAmB,GAAG,KAAK,EAAoB;IAC1F,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IACtD,MAAM,CAAC,gBAAgB,EAAE,mBAAmB,CAAC,GAAG,QAAQ,CAAkB,EAAE,CAAC,CAAC;IAC9E,MAAM,CAAC,kBAAkB,EAAE,qBAAqB,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IACpE,MAAM,EAAE,MAAM,EAAE,GAAG,cAAc,EAAE,CAAC;IACpC,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAC;IAEzB,8EAA8E;IAC9E,MAAM,gBAAgB,GAAG,GAAG,EAAE;QAC1B,8DAA8D;QAC9D,MAAM,SAAS,GAAG;YACd,cAAc,EAAE,iDAAiD;YACjE,aAAa,EAAE,KAAC,GAAG,IAAC,SAAS,EAAC,mBAAmB,GAAG;YACpD,MAAM,EAAE,EAAE;SACb,CAAC;QAEF,mCAAmC;QACnC,QAAQ,OAAO,CAAC,IAAI,EAAE,CAAC;YACnB,KAAK,gBAAgB,CAAC,MAAM;gBACxB,OAAO;oBACH,GAAG,SAAS;oBACZ,cAAc,EAAE,iDAAiD;oBACjE,aAAa,EAAE,KAAC,GAAG,IAAC,SAAS,EAAC,mBAAmB,GAAG;oBACpD,MAAM,EAAE,OAAO;iBAClB,CAAC;YACN,KAAK,gBAAgB,CAAC,QAAQ;gBAC1B,OAAO;oBACH,GAAG,SAAS;oBACZ,cAAc,EAAE,kDAAkD;oBAClE,aAAa,EAAE,KAAC,WAAW,IAAC,SAAS,EAAC,qBAAqB,GAAG;oBAC9D,MAAM,EAAE,WAAW;iBACtB,CAAC;YACN,KAAK,gBAAgB,CAAC,QAAQ;gBAC1B,OAAO;oBACH,GAAG,SAAS;oBACZ,aAAa,EAAE,KAAC,IAAI,IAAC,SAAS,EAAC,mBAAmB,GAAG;oBACrD,MAAM,EAAE,MAAM;iBACjB,CAAC;YACN,KAAK,gBAAgB,CAAC,OAAO;gBACzB,OAAO;oBACH,GAAG,SAAS;oBACZ,aAAa,EAAE,mBAAmB,CAAC,CAAC,CAAC,CACjC,KAAC,eAAe,IAAC,IAAI,EAAC,IAAI,EAAC,KAAK,EAAC,MAAM,GAAG,CAC7C,CAAC,CAAC,CAAC,CACA,KAAC,GAAG,IAAC,SAAS,EAAC,mBAAmB,GAAG,CACxC;oBACD,MAAM,EAAE,OAAO;iBAClB,CAAC;YACN,KAAK,gBAAgB,CAAC,KAAK;gBACvB,OAAO;oBACH,GAAG,SAAS;oBACZ,aAAa,EAAE,KAAC,WAAW,IAAC,SAAS,EAAC,mBAAmB,GAAG;oBAC5D,MAAM,EAAE,QAAQ;iBACnB,CAAC;YACN,KAAK,gBAAgB,CAAC,MAAM;gBACxB,OAAO;oBACH,GAAG,SAAS;oBACZ,cAAc,EAAE,8CAA8C;oBAC9D,aAAa,EAAE,KAAC,IAAI,IAAC,SAAS,EAAC,qBAAqB,GAAG;oBACvD,MAAM,EAAE,QAAQ;iBACnB,CAAC;YACN,KAAK,gBAAgB,CAAC,IAAI;gBACtB,OAAO;oBACH,GAAG,SAAS;oBACZ,aAAa,EAAE,KAAC,aAAa,IAAC,SAAS,EAAC,mBAAmB,GAAG;oBAC9D,MAAM,EAAE,OAAO;iBAClB,CAAC;YACN;gBACI,OAAO;oBACH,GAAG,SAAS;oBACZ,MAAM,EAAE,OAAO;iBAClB,CAAC;QACV,CAAC;IACL,CAAC,CAAC;IAEF,MAAM,aAAa,GAAG,gBAAgB,EAAE,CAAC;IAEzC,gEAAgE;IAChE,MAAM,YAAY,GAAG,KAAK,EAAE,OAAwB,EAA4B,EAAE;QAC9E,8CAA8C;QAC9C,IAAI,OAAO,OAAO,KAAK,QAAQ,EAAE,CAAC;YAC9B,OAAO,OAAO,CAAC;QACnB,CAAC;QAED,IAAI,gBAAgB,GAAG,OAAO,CAAC;QAE/B,2CAA2C;QAC3C,gBAAgB,GAAG,gBAAgB,CAAC,OAAO,CAAC,oDAAoD,EAAE,CAAC,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,EAAE,EAAE,EAAE;YACpH,MAAM,IAAI,GAAG,IAAI,KAAK,OAAO,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,aAAa,CAAC;YAC1D,OAAO,IAAI,IAAI,YAAY,IAAI,IAAI,EAAE,GAAG,CAAC;QAC7C,CAAC,CAAC,CAAC;QAEH,mEAAmE;QACnE,MAAM,UAAU,GAAG,iCAAiC,CAAC;QACrD,MAAM,YAAY,GAAG,KAAK,CAAC,IAAI,CAAC,gBAAgB,CAAC,QAAQ,CAAC,UAAU,CAAC,CAAC,CAAC;QAEvE,qCAAqC;QACrC,MAAM,iBAAiB,GAAG,MAAM,OAAO,CAAC,GAAG,CACvC,YAAY,CAAC,GAAG,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE;YAC7B,MAAM,CAAC,SAAS,EAAE,OAAO,EAAE,OAAO,CAAC,GAAG,KAAK,CAAC;YAC5C,IAAI,CAAC;gBACD,MAAM,QAAQ,GAAG,MAAM,MAAM,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC;gBAC5D,OAAO,EAAE,SAAS,EAAE,WAAW,EAAE,KAAK,OAAO,KAAK,QAAQ,CAAC,GAAG,GAAG,EAAE,CAAC;YACxE,CAAC;YAAC,OAAO,KAAK,EAAE,CAAC;gBACb,OAAO,CAAC,KAAK,CAAC,yCAAyC,OAAO,EAAE,EAAE,KAAK,CAAC,CAAC;gBACzE,2BAA2B;gBAC3B,OAAO,EAAE,SAAS,EAAE,WAAW,EAAE,SAAS,EAAE,CAAC;YACjD,CAAC;QACL,CAAC,CAAC,CACL,CAAC;QAEF,yBAAyB;QACzB,KAAK,MAAM,EAAE,SAAS,EAAE,WAAW,EAAE,IAAI,iBAAiB,EAAE,CAAC;YACzD,gBAAgB,GAAG,gBAAgB,CAAC,OAAO,CAAC,SAAS,EAAE,WAAW,CAAC,CAAC;QACxE,CAAC;QAED,OAAO,gBAAgB,CAAC;IAC5B,CAAC,CAAC;IAEF,uEAAuE;IACvE,MAAM,iBAAiB,GAAG,GAAG,EAAE;QAC3B,IAAI,OAAO,GAAG,EAAE,CAAC;QAEjB,IAAI,OAAO,CAAC,OAAO,EAAE,CAAC;YAClB,wCAAwC;YACxC,IAAI,OAAO,OAAO,CAAC,OAAO,KAAK,QAAQ,EAAE,CAAC;gBACtC,gEAAgE;gBAChE,6CAA6C;gBAC7C,OAAO,GAAG,IAAI,CAAC,SAAS,CAAC,OAAO,CAAC,OAAO,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC;YACvD,CAAC;iBAAM,IAAI,OAAO,CAAC,OAAO,CAAC,IAAI,EAAE,CAAC;gBAC9B,OAAO,GAAG,OAAO,CAAC,OAAO,CAAC,IAAI,EAAE,CAAC;YACrC,CAAC;iBAAM,CAAC;gBACJ,kDAAkD;gBAClD,OAAO,GAAG,MAAM,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC;YACtC,CAAC;QACL,CAAC;QAED,iEAAiE;QACjE,IAAI,OAAO,OAAO,KAAK,QAAQ,IAAI,OAAO,CAAC,QAAQ,CAAC,oBAAoB,CAAC,EAAE,CAAC;YACxE,wFAAwF;YACxF,MAAM,WAAW,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,MAAM,EAAE,GAAG,gBAAgB,CAAC,MAAM,CAAC,CAAC;YACxE,OAAO,GAAG,OAAO,CAAC,OAAO,CAAC,qBAAqB,EAAE,gBAAgB,CAAC,WAAW,CAAC,CAAC,CAAC;QACpF,CAAC;QAED,OAAO,OAAO,CAAC;IACnB,CAAC,CAAC;IAEF,oCAAoC;IACpC,MAAM,eAAe,GAAG,GAAG,EAAE;QACzB,MAAM,cAAc,GAAG,iBAAiB,EAAE,IAAI,EAAE,CAAC;QACjD,MAAM,cAAc,GAChB,OAAO,OAAO,CAAC,OAAO,KAAK,QAAQ;YAC/B,CAAC,CAAC,OAAO,CAAC,OAAO;YACjB,CAAC,CAAC,OAAO,CAAC,OAAO;gBACb,CAAC,CAAC,IAAI,CAAC,SAAS,CAAC,OAAO,CAAC,OAAO,EAAE,IAAI,EAAE,CAAC,CAAC;gBAC1C,CAAC,CAAC,EAAE,CAAC;QAEjB,MAAM,UAAU,GAAG,CAAC,cAAc,EAAE,cAAc,CAAC,CAAC,CAAC,gBAAgB,GAAG,cAAc,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC,IAAI,EAAE,CAAC;QAE7G,SAAS,CAAC,SAAS,CAAC,SAAS,CAAC,UAAU,CAAC,CAAC,IAAI,CAAC,GAAG,EAAE;YAChD,KAAK,CAAC;gBACF,MAAM,EAAE,SAAS;gBACjB,KAAK,EAAE,qBAAqB;gBAC5B,QAAQ,EAAE,IAAI;aACjB,CAAC,CAAC;QACP,CAAC,CAAC,CAAC;IACP,CAAC,CAAC;IAEF,gFAAgF;IAChF,MAAM,yBAAyB,GAAG,CAAC,OAAwB,EAAE,EAAE;QAC3D,8CAA8C;QAC9C,IAAI,OAAO,OAAO,KAAK,QAAQ,EAAE,CAAC;YAC9B,OAAO,OAAO,CAAC;QACnB,CAAC;QAED,6EAA6E;QAC7E,IACI,OAAO,CAAC,IAAI,KAAK,gBAAgB,CAAC,OAAO;YACzC,CAAC,OAAO,OAAO,CAAC,OAAO,KAAK,QAAQ;gBAChC,CAAC,OAAO,CAAC,OAAO,CAAC,WAAW,EAAE,CAAC,QAAQ,CAAC,gBAAgB,CAAC;oBACrD,OAAO,CAAC,OAAO,CAAC,WAAW,EAAE,CAAC,QAAQ,CAAC,cAAc,CAAC;oBACtD,OAAO,CAAC,OAAO,CAAC,WAAW,EAAE,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAC,EACxD,CAAC;YACC,IAAI,gBAAgB,GAAG,OAAO,CAAC;YAE/B,mEAAmE;YACnE,IAAI,YAAY,CAAC,IAAI,CAAC,gBAAgB,CAAC,EAAE,CAAC;gBACtC,yDAAyD;gBACzD,gBAAgB,GAAG,gBAAgB,CAAC,OAAO,CAAC,iCAAiC,EAAE,QAAQ,CAAC,CAAC;gBAEzF,qEAAqE;gBACrE,gBAAgB,GAAG,gBAAgB,CAAC,OAAO,CAAC,8BAA8B,EAAE,QAAQ,CAAC,CAAC;YAC1F,CAAC;YAED,+DAA+D;YAC/D,IAAI,gBAAgB,CAAC,QAAQ,CAAC,GAAG,CAAC,IAAI,CAAC,gBAAgB,CAAC,QAAQ,CAAC,MAAM,CAAC,EAAE,CAAC;gBACvE,gBAAgB,GAAG,gBAAgB,CAAC,OAAO,CACvC,gEAAgE,EAChE,QAAQ,CACX,CAAC;YACN,CAAC;YAED,sEAAsE;YACtE,IAAI,gBAAgB,CAAC,QAAQ,CAAC,KAAK,CAAC,EAAE,CAAC;gBACnC,gBAAgB,GAAG,gBAAgB,CAAC,OAAO,CAAC,UAAU,EAAE,MAAM,CAAC,CAAC;YACpE,CAAC;YAED,OAAO,gBAAgB,CAAC;QAC5B,CAAC;QAED,8CAA8C;QAC9C,IAAI,YAAY,CAAC,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,OAAO,CAAC,QAAQ,CAAC,MAAM,CAAC,EAAE,CAAC;YAC1D,mFAAmF;YACnF,OAAO,OAAO,CAAC,OAAO,CAAC,iCAAiC,EAAE,QAAQ,CAAC,CAAC;QACxE,CAAC;QAED,OAAO,OAAO,CAAC;IACnB,CAAC,CAAC;IAEF,+EAA+E;IAC/E,MAAM,aAAa,GAAG,CAAC,OAAwB,EAAE,EAAE;QAC/C,+BAA+B;QAC/B,IAAI,OAAO,OAAO,KAAK,QAAQ,EAAE,CAAC;YAC9B,OAAO,CACH,cAAK,SAAS,EAAC,+GAA+G,YACzH,IAAI,CAAC,SAAS,CAAC,OAAO,EAAE,IAAI,EAAE,CAAC,CAAC,GAC/B,CACT,CAAC;QACN,CAAC;QAED,qEAAqE;QACrE,OAAO,CACH,cAAK,SAAS,EAAC,iBAAiB,YAC5B,KAAC,QAAQ,IACL,aAAa,EAAE,CAAC,SAAS,CAAC,EAC1B,UAAU,EAAE;oBACR,CAAC,EAAE,CAAC,EAAE,IAAI,EAAE,GAAG,KAAK,EAA6D,EAAE,EAAE;wBACjF,MAAM,IAAI,GAAG,KAAK,CAAC,IAAI,IAAI,EAAE,CAAC;wBAC9B,IAAI,IAAI,CAAC,UAAU,CAAC,SAAS,CAAC,EAAE,CAAC;4BAC7B,OAAO,CACH,KAAC,OAAO,IACJ,IAAI,EAAE,IAAI,EACV,WAAW,kBAEV,KAAK,CAAC,QAAQ,GACT,CACb,CAAC;wBACN,CAAC;wBACD,OAAO,CACH,eACQ,KAAK,EACT,MAAM,EAAC,QAAQ,EACf,GAAG,EAAC,qBAAqB,GAC3B,CACL,CAAC;oBACN,CAAC;oBACD,GAAG,EAAE,CAAC,EAAE,IAAI,EAAE,GAAG,KAAK,EAA8C,EAAE,EAAE;wBACpE,OAAO,CACH,iBACQ,KAAK,EACT,SAAS,EAAC,8FAA8F,EACxG,OAAO,EAAC,MAAM,EACd,OAAO,EAAE,GAAG,EAAE,CAAC,KAAK,CAAC,GAAG,IAAI,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,GAAG,EAAE,QAAQ,CAAC,GAC9D,CACL,CAAC;oBACN,CAAC;oBACD,IAAI,EAAE,CAAC,EACH,IAAI,EACJ,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EAKX,EAAE,EAAE;wBACD,MAAM,KAAK,GAAG,gBAAgB,CAAC,IAAI,CAAC,SAAS,IAAI,EAAE,CAAC,CAAC;wBACrD,MAAM,QAAQ,GAAG,CAAC,KAAK,CAAC;wBACxB,MAAM,QAAQ,GAAG,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;wBAEvC,oEAAoE;wBACpE,OAAO,CACH,8BACK,CAAC,QAAQ,IAAI,QAAQ,IAAI,CACtB,cAAK,SAAS,EAAC,yBAAyB,YACnC,QAAQ,GACP,CACT,EACD,kBAAU,KAAK,YACV,QAAQ,GACN,IACR,CACN,CAAC;oBACN,CAAC;oBACD,CAAC,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,eAAO,KAAK,GAAI;oBAC9B,MAAM,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,oBAAY,KAAK,GAAI;oBACxC,EAAE,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,gBAAQ,KAAK,GAAI;oBAChC,GAAG,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,iBAAS,KAAK,GAAI;oBAClC,EAAE,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,gBAAQ,KAAK,GAAI;oBAChC,EAAE,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,gBAAQ,KAAK,GAAI;oBAChC,EAAE,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,gBAAQ,KAAK,GAAI;oBAChC,EAAE,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,gBAAQ,KAAK,GAAI;oBAChC,EAAE,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,gBAAQ,KAAK,GAAI;oBAChC,EAAE,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,gBAAQ,KAAK,GAAI;oBAChC,UAAU,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,wBAAgB,KAAK,GAAI;oBAChD,EAAE,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,gBAAQ,KAAK,GAAI;oBAChC,KAAK,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,cAAK,SAAS,EAAC,iBAAiB,YAAC,mBAAW,KAAK,GAAI,GAAM;oBAC7E,EAAE,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,gBAAQ,KAAK,GAAI;oBAChC,EAAE,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,gBAAQ,KAAK,GAAI;iBACnC,YAEA,OAAiB,GACX,GACT,CACT,CAAC;IACN,CAAC,CAAC;IAEF,MAAM,cAAc,GAAG,iBAAiB,EAAE,CAAC;IAE3C,qFAAqF;IACrF,SAAS,CAAC,GAAG,EAAE;QACX,MAAM,cAAc,GAAG,KAAK,IAAI,EAAE;YAC9B,IAAI,cAAc,EAAE,CAAC;gBACjB,qBAAqB,CAAC,IAAI,CAAC,CAAC;gBAC5B,IAAI,CAAC;oBACD,MAAM,SAAS,GAAG,MAAM,YAAY,CAAC,yBAAyB,CAAC,cAAc,CAAC,CAAC,CAAC;oBAChF,mBAAmB,CAAC,SAAS,CAAC,CAAC;gBACnC,CAAC;gBAAC,OAAO,KAAK,EAAE,CAAC;oBACb,OAAO,CAAC,KAAK,CAAC,mCAAmC,EAAE,KAAK,CAAC,CAAC;oBAC1D,mBAAmB,CAAC,cAAc,CAAC,CAAC;gBACxC,CAAC;wBAAS,CAAC;oBACP,qBAAqB,CAAC,KAAK,CAAC,CAAC;gBACjC,CAAC;YACL,CAAC;QACL,CAAC,CAAC;QACF,cAAc,EAAE,CAAC;IACrB,CAAC,EAAE,CAAC,cAAc,EAAE,MAAM,CAAC,CAAC,CAAC;IAE7B,MAAM,YAAY,GAAG,eAAe,CAAC,OAAO,CAAC,CAAC;IAE9C,0CAA0C;IAC1C,MAAM,oBAAoB,GAAG,GAAG,EAAE;QAC9B,QAAQ,OAAO,CAAC,IAAI,EAAE,CAAC;YACnB,KAAK,gBAAgB,CAAC,MAAM;gBACxB,OAAO,uBAAuB,CAAC;YACnC,KAAK,gBAAgB,CAAC,QAAQ;gBAC1B,OAAO,6BAA6B,CAAC;YACzC,KAAK,gBAAgB,CAAC,IAAI;gBACtB,OAAO,yBAAyB,CAAC;YACrC,KAAK,gBAAgB,CAAC,aAAa;gBAC/B,OAAO,iCAAiC,CAAC;YAC7C,KAAK,gBAAgB,CAAC,QAAQ;gBAC1B,OAAO,yBAAyB,CAAC;YACrC,KAAK,gBAAgB,CAAC,OAAO;gBACzB,OAAO,gFAAgF,CAAC;YAC5F,KAAK,gBAAgB,CAAC,KAAK;gBACvB,OAAO,qCAAqC,CAAC;YACjD,KAAK,gBAAgB,CAAC,MAAM;gBACxB,OAAO,6BAA6B,CAAC;YACzC,KAAK,gBAAgB,CAAC,IAAI;gBACtB,OAAO,iCAAiC,CAAC;YAC7C;gBACI,OAAO,oFAAoF,CAAC;QACpG,CAAC;IACL,CAAC,CAAC;IAEF,MAAM,iBAAiB,GAAG,oBAAoB,EAAE,CAAC;IAEjD,mDAAmD;IACnD,MAAM,YAAY,GAAG,GAAG,EAAE;QACtB,QAAQ,OAAO,CAAC,IAAI,EAAE,CAAC;YACnB,KAAK,gBAAgB,CAAC,MAAM;gBACxB,OAAO,WAAW,CAAC;YACvB,KAAK,gBAAgB,CAAC,QAAQ;gBAC1B,OAAO,cAAc,CAAC;YAC1B,KAAK,gBAAgB,CAAC,IAAI;gBACtB,OAAO,YAAY,CAAC;YACxB,KAAK,gBAAgB,CAAC,aAAa;gBAC/B,OAAO,gBAAgB,CAAC;YAC5B,KAAK,gBAAgB,CAAC,QAAQ;gBAC1B,OAAO,YAAY,CAAC;YACxB,KAAK,gBAAgB,CAAC,OAAO;gBACzB,OAAO,sCAAsC,CAAC;YAClD,KAAK,gBAAgB,CAAC,KAAK;gBACvB,OAAO,kBAAkB,CAAC;YAC9B,KAAK,gBAAgB,CAAC,MAAM;gBACxB,OAAO,cAAc,CAAC;YAC1B,KAAK,gBAAgB,CAAC,IAAI;gBACtB,OAAO,gBAAgB,CAAC;YAC5B;gBACI,OAAO,YAAY,CAAC;QAC5B,CAAC;IACL,CAAC,CAAC;IAEF,4DAA4D;IAC5D,MAAM,cAAc,GAAG,GAAG,EAAE;QACxB,MAAM,SAAS,GAAG,YAAY,EAAE,CAAC;QAEjC,kDAAkD;QAClD,MAAM,oBAAoB,GAAG,CAAC,KAAqD,EAAE,EAAE;YACnF,6EAA6E;YAC7E,qEAAqE;YACrE,MAAM,YAAY,GAAG,OAAO,OAAO,CAAC,SAAS,KAAK,QAAQ;gBACtD,CAAC,CAAC,OAAO,CAAC,SAAS;gBACnB,CAAC,CAAC,IAAI,IAAI,CAAC,OAAO,CAAC,SAAS,CAAC,CAAC,OAAO,EAAE,CAAC;YAE5C,oDAAoD;YACpD,OAAO,CAAC,YAAY,GAAG,CAAC,KAAK,CAAC,CAAC;gBAC3B,CAAC,CAAC,KAAC,eAAe,IAAC,IAAI,EAAC,IAAI,EAAC,KAAK,EAAE,KAAK,GAAI;gBAC7C,CAAC,CAAC,KAAC,oBAAoB,IAAC,KAAK,EAAE,KAAK,GAAI,CAAC;QACjD,CAAC,CAAC;QAEF,QAAQ,OAAO,CAAC,IAAI,EAAE,CAAC;YACnB,KAAK,gBAAgB,CAAC,MAAM;gBACxB,OAAO,mBAAmB,CAAC,CAAC,CAAC,CACzB,oBAAoB,CAAC,MAAM,CAAC,CAC/B,CAAC,CAAC,CAAC,CACA,KAAC,GAAG,IAAC,SAAS,EAAE,UAAU,SAAS,EAAE,GAAI,CAC5C,CAAC;YACN,KAAK,gBAAgB,CAAC,QAAQ;gBAC1B,OAAO,KAAC,WAAW,IAAC,SAAS,EAAE,UAAU,SAAS,EAAE,GAAI,CAAC;YAC7D,KAAK,gBAAgB,CAAC,IAAI;gBACtB,OAAO,KAAC,KAAK,IAAC,SAAS,EAAE,UAAU,SAAS,EAAE,GAAI,CAAC;YACvD,KAAK,gBAAgB,CAAC,aAAa;gBAC/B,OAAO,KAAC,IAAI,IAAC,SAAS,EAAE,UAAU,SAAS,EAAE,GAAI,CAAC;YACtD,KAAK,gBAAgB,CAAC,QAAQ;gBAC1B,OAAO,KAAC,IAAI,IAAC,SAAS,EAAE,UAAU,SAAS,EAAE,GAAI,CAAC;YACtD,KAAK,gBAAgB,CAAC,OAAO;gBACzB,OAAO,mBAAmB,CAAC,CAAC,CAAC,CACzB,oBAAoB,CAAC,QAAQ,CAAC,CACjC,CAAC,CAAC,CAAC,CACA,KAAC,GAAG,IAAC,SAAS,EAAE,UAAU,SAAS,EAAE,GAAI,CAC5C,CAAC;YACN,KAAK,gBAAgB,CAAC,KAAK;gBACvB,OAAO,KAAC,WAAW,IAAC,SAAS,EAAE,UAAU,SAAS,EAAE,GAAI,CAAC;YAC7D,KAAK,gBAAgB,CAAC,MAAM;gBACxB,OAAO,mBAAmB,CAAC,CAAC,CAAC,CACzB,oBAAoB,CAAC,OAAO,CAAC,CAChC,CAAC,CAAC,CAAC,CACA,KAAC,IAAI,IAAC,SAAS,EAAE,UAAU,SAAS,EAAE,GAAI,CAC7C,CAAC;YACN,KAAK,gBAAgB,CAAC,IAAI;gBACtB,OAAO,mBAAmB,CAAC,CAAC,CAAC,CACzB,oBAAoB,CAAC,OAAO,CAAC,CAChC,CAAC,CAAC,CAAC,CACA,KAAC,aAAa,IAAC,SAAS,EAAE,UAAU,SAAS,EAAE,GAAI,CACtD,CAAC;YACN;gBACI,OAAO,mBAAmB,CAAC,CAAC,CAAC,CACzB,oBAAoB,CAAC,MAAM,CAAC,CAC/B,CAAC,CAAC,CAAC,CACA,KAAC,GAAG,IAAC,SAAS,EAAE,UAAU,SAAS,EAAE,GAAI,CAC5C,CAAC;QACV,CAAC;IACL,CAAC,CAAC;IAEF,OAAO,CACH,eACI,SAAS,EAAE,uEAAuE,iBAAiB,EAAE,wBACjF,YAAY,aAGhC,eAAK,SAAS,EAAC,kJAAkJ,aAC7J,eAAK,SAAS,EAAC,yBAAyB,aACpC,cAAK,SAAS,EAAE,mBAAmB,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,EAAE,YACtD,cAAc,EAAE,GACf,EACN,eAAM,SAAS,EAAC,oCAAoC,YAAE,aAAa,CAAC,MAAM,GAAQ,EAGjF,YAAY,KAAK,MAAM,IAAI,YAAY,KAAK,KAAK,IAAI,CAClD,eAAM,SAAS,EAAC,yJAAyJ,YACpK,YAAY,GACV,CACV,IACC,EAEN,eAAK,SAAS,EAAC,yBAAyB,aACpC,eAAM,SAAS,EAAC,uCAAuC,YAClD,KAAK,CAAC,OAAO,CAAC,SAAS,CAAC,CAAC,MAAM,CAAC,UAAU,CAAC,GACzC,EACP,KAAC,MAAM,IACH,OAAO,EAAC,OAAO,EACf,IAAI,EAAC,IAAI,EACT,OAAO,EAAE,eAAe,EACxB,SAAS,EAAC,yEAAyE,EACnF,KAAK,EAAC,cAAc,YAEpB,KAAC,QAAQ,IAAC,SAAS,EAAC,SAAS,GAAG,GAC3B,IACP,IACJ,EAGN,eAAK,SAAS,EAAC,qCAAqC,aAC/C,cAAc,IAAI,CACf,cAAK,SAAS,EAAC,iBAAiB,YAC3B,kBAAkB,CAAC,CAAC,CAAC,CAClB,eAAK,SAAS,EAAC,+CAA+C,aAC1D,KAAC,oBAAoB,IAAC,KAAK,EAAC,MAAM,GAAG,EACrC,+CAA8B,IAC5B,CACT,CAAC,CAAC,CAAC,CACA,aAAa,CAAC,gBAAgB,IAAI,cAAc,CAAC,CACpD,GACC,CACT,EAGA,OAAO,CAAC,OAAO,IAAI,CAChB,eAAK,SAAS,EAAC,MAAM,aACjB,kBACI,OAAO,EAAE,GAAG,EAAE,CAAC,cAAc,CAAC,CAAC,WAAW,CAAC,EAC3C,SAAS,EAAC,sGAAsG,aAE/G,WAAW,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,cAC9B,cACI,KAAK,EAAC,4BAA4B,EAClC,SAAS,EAAE,qCAAqC,WAAW,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,EAAE,EAAE,EACjF,IAAI,EAAC,MAAM,EACX,OAAO,EAAC,WAAW,EACnB,MAAM,EAAC,cAAc,YAErB,eAAM,aAAa,EAAC,OAAO,EAAC,cAAc,EAAC,OAAO,EAAC,WAAW,EAAE,CAAC,EAAE,CAAC,EAAC,gBAAgB,GAAG,GACtF,IACD,EAER,WAAW,IAAI,CACZ,cAAK,SAAS,EAAC,kGAAkG,YAC5G,OAAO,OAAO,CAAC,OAAO,KAAK,QAAQ,CAAC,CAAC,CAAC,CACnC,aAAa,CAAC,OAAO,CAAC,OAAO,CAAC,CACjC,CAAC,CAAC,CAAC,CACA,cAAK,SAAS,EAAC,+GAA+G,YACzH,IAAI,CAAC,SAAS,CAAC,OAAO,CAAC,OAAO,EAAE,IAAI,EAAE,CAAC,CAAC,GACvC,CACT,GACC,CACT,IACC,CACT,IACC,IACJ,CACT,CAAC;AACN,CAAC"}

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

@@ -0,0 +1,20 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import React, { useEffect } from "react";
+import StackedMessages from "./StackedMessages";
+export default function MessagesContainer({ messages, bottomRef }) {
+    const containerRef = React.useRef(null);
+    // Auto-scroll to bottom when messages change
+    useEffect(() => {
+        if (bottomRef.current) {
+            bottomRef.current.scrollIntoView({ behavior: "smooth" });
+        }
+    }, [messages, bottomRef]);
+    // Sort all messages chronologically
+    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", { ref: containerRef, className: "flex-1 min-h-0 h-full overflow-y-auto py-4 px-4 sm:px-6 lg:px-8 bg-white flex flex-col", "data-testid": "messages-container", children: sortedMessages.length === 0 ? (_jsx("div", { className: "flex items-center justify-center h-full text-center py-8", children: _jsx("div", { className: "flex items-center px-4 py-3 text-gray-500", children: "Waiting for agent response..." }) })) : (_jsx("div", { className: "flex-1 flex flex-col justify-start h-full min-h-0", children: _jsx(StackedMessages, { messages: sortedMessages, isCompleted: false }) })) }));
+}
+//# sourceMappingURL=MessagesContainer.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MessagesContainer.js","sourceRoot":"","sources":["../../../../../../src/features/agent/chat/ModernAgentOutput/MessagesContainer.tsx"],"names":[],"mappings":";AACA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACzC,OAAO,eAAe,MAAM,mBAAmB,CAAC;AAQhD,MAAM,CAAC,OAAO,UAAU,iBAAiB,CAAC,EAAE,QAAQ,EAAE,SAAS,EAA0B;IACrF,MAAM,YAAY,GAAG,KAAK,CAAC,MAAM,CAAwB,IAAI,CAAC,CAAC;IAE/D,6CAA6C;IAC7C,SAAS,CAAC,GAAG,EAAE;QACX,IAAI,SAAS,CAAC,OAAO,EAAE,CAAC;YACpB,SAAS,CAAC,OAAO,CAAC,cAAc,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAAE,CAAC,CAAC;QAC7D,CAAC;IACL,CAAC,EAAE,CAAC,QAAQ,EAAE,SAAS,CAAC,CAAC,CAAC;IAE1B,oCAAoC;IACpC,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,cACI,GAAG,EAAE,YAAY,EACjB,SAAS,EAAC,wFAAwF,iBACtF,oBAAoB,YAE/B,cAAc,CAAC,MAAM,KAAK,CAAC,CAAC,CAAC,CAAC,CAC3B,cAAK,SAAS,EAAC,0DAA0D,YACrE,cAAK,SAAS,EAAC,2CAA2C,8CAEpD,GACJ,CACT,CAAC,CAAC,CAAC,CACA,cAAK,SAAS,EAAC,mDAAmD,YAC9D,KAAC,eAAe,IAAC,QAAQ,EAAE,cAAc,EAAE,WAAW,EAAE,KAAK,GAAI,GAC/D,CACT,GACC,CACT,CAAC;AACN,CAAC"}

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

@@ -0,0 +1,62 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { AlertCircle, CheckCircle, Circle, Clock } from "lucide-react";
+export default function PlanPanel({ plan, workstreamStatus, isVisible }) {
+    if (!isVisible)
+        return null;
+    return (_jsxs("div", { className: "border-b border-gray-200 dark:border-gray-800 bg-gray-50 dark:bg-gray-900 p-3 shadow-sm transition-all duration-300 ease-in-out transform", children: [_jsx("div", { className: "text-xs font-medium mb-2 text-gray-800 dark:text-gray-200", children: "Agent Plan" }), plan.plan && plan.plan.length > 0 ? (_jsx("div", { className: "space-y-1.5", children: plan.plan.map((task, index) => {
+                    // Extract task info
+                    const taskId = task.id.toString();
+                    const taskGoal = task.goal;
+                    // 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";
+                    if (status === "in_progress") {
+                        StatusIcon = Clock;
+                        statusColor = "text-blue-500";
+                    }
+                    else if (status === "completed") {
+                        StatusIcon = CheckCircle;
+                        statusColor = "text-green-500";
+                    }
+                    return (_jsxs("div", { className: "flex items-start", children: [_jsx("div", { className: `mr-1.5 mt-0.5 ${statusColor}`, children: _jsx(StatusIcon, { className: "h-3.5 w-3.5" }) }), _jsxs("div", { className: "text-xs", children: [_jsx("span", { className: "text-gray-700 dark:text-gray-300", children: taskGoal }), _jsx("span", { className: "ml-1 bg-gray-200 dark:bg-gray-700 px-1 py-0.5 rounded text-[10px] font-mono", children: taskId })] })] }, index));
+                }) })) : (_jsxs("div", { className: "text-xs text-gray-500 dark:text-gray-400 italic flex items-center", children: [_jsx(AlertCircle, { className: "h-3.5 w-3.5 mr-1.5 text-amber-500" }), "No plan detected yet"] })), workstreamStatus.size > 1 && (_jsxs("div", { className: "mt-3 pt-2 border-t border-gray-200 dark:border-gray-700", children: [_jsx("div", { className: "text-xs font-medium mb-1.5 text-gray-800 dark:text-gray-200", children: "Workstreams" }), _jsx("div", { className: "grid grid-cols-2 gap-1.5", 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 statusText = "Pending";
+                            if (status === "in_progress") {
+                                StatusIcon = Clock;
+                                statusColor = "text-blue-500";
+                                statusText = "In Progress";
+                            }
+                            else if (status === "completed") {
+                                StatusIcon = CheckCircle;
+                                statusColor = "text-green-500";
+                                statusText = "Completed";
+                            }
+                            // Format workstream IDs for better display
+                            const displayId = id === "main" ? "Main" : id;
+                            return (_jsxs("div", { className: "flex items-center", children: [_jsx("div", { className: `mr-1.5 ${statusColor}`, children: _jsx(StatusIcon, { className: "h-3 w-3" }) }), _jsx("span", { className: "text-[10px] font-medium text-gray-600 dark:text-gray-400", children: displayId }), _jsx("span", { className: "text-[10px] text-gray-500 dark:text-gray-500 ml-1", children: statusText })] }, id));
+                        }) })] }))] }));
+}
+//# sourceMappingURL=PlanPanel.js.map

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

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

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

@@ -0,0 +1,23 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useState, useEffect } from 'react';
+import { XIcon } from 'lucide-react';
+export default function SlideInPanel({ isOpen, onClose, title, children, width = '320px' }) {
+    const [mounted, setMounted] = useState(false);
+    // Handle animation timing
+    useEffect(() => {
+        if (isOpen) {
+            setMounted(true);
+        }
+        else {
+            const timer = setTimeout(() => {
+                setMounted(false);
+            }, 300); // Match transition duration
+            return () => clearTimeout(timer);
+        }
+    }, [isOpen]);
+    if (!mounted && !isOpen) {
+        return null;
+    }
+    return (_jsxs(_Fragment, { children: [_jsx("div", { className: `fixed inset-0 bg-black/10 dark:bg-black/30 z-40 transition-opacity duration-300 ${isOpen ? 'opacity-100' : 'opacity-0 pointer-events-none'}`, onClick: onClose }), _jsxs("div", { className: `fixed top-0 right-0 bottom-0 z-50 bg-white dark:bg-gray-900 shadow-lg border-l border-gray-200 dark:border-gray-800 transition-transform duration-300 ease-in-out ${isOpen ? 'translate-x-0' : 'translate-x-full'}`, style: { width }, children: [_jsxs("div", { className: "flex items-center justify-between p-4 border-b border-gray-200 dark:border-gray-800", children: [_jsx("h3", { className: "font-medium text-gray-800 dark:text-gray-200", children: title }), _jsx("button", { className: "p-1 text-gray-500 hover:text-gray-700 dark:text-gray-400 dark:hover:text-gray-200 rounded-full", onClick: onClose, children: _jsx(XIcon, { className: "h-5 w-5" }) })] }), _jsx("div", { className: "p-4 overflow-y-auto", style: { height: 'calc(100% - 57px)' }, children: children })] })] }));
+}
+//# sourceMappingURL=SlideInPanel.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SlideInPanel.js","sourceRoot":"","sources":["../../../../../../src/features/agent/chat/ModernAgentOutput/SlideInPanel.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACnD,OAAO,EAAE,KAAK,EAAE,MAAM,cAAc,CAAC;AAUrC,MAAM,CAAC,OAAO,UAAU,YAAY,CAAC,EACjC,MAAM,EACN,OAAO,EACP,KAAK,EACL,QAAQ,EACR,KAAK,GAAG,OAAO,EACC;IAChB,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAE9C,0BAA0B;IAC1B,SAAS,CAAC,GAAG,EAAE;QACX,IAAI,MAAM,EAAE,CAAC;YACT,UAAU,CAAC,IAAI,CAAC,CAAC;QACrB,CAAC;aAAM,CAAC;YACJ,MAAM,KAAK,GAAG,UAAU,CAAC,GAAG,EAAE;gBAC1B,UAAU,CAAC,KAAK,CAAC,CAAC;YACtB,CAAC,EAAE,GAAG,CAAC,CAAC,CAAC,4BAA4B;YACrC,OAAO,GAAG,EAAE,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC;QACrC,CAAC;IACL,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC;IAEb,IAAI,CAAC,OAAO,IAAI,CAAC,MAAM,EAAE,CAAC;QACtB,OAAO,IAAI,CAAC;IAChB,CAAC;IAED,OAAO,CACH,8BAEI,cACI,SAAS,EAAE,mFACP,MAAM,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,+BAC7B,EAAE,EACF,OAAO,EAAE,OAAO,GAClB,EAGF,eACI,SAAS,EAAE,qKACP,MAAM,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,kBAC/B,EAAE,EACF,KAAK,EAAE,EAAE,KAAK,EAAE,aAGhB,eAAK,SAAS,EAAC,qFAAqF,aAChG,aAAI,SAAS,EAAC,8CAA8C,YAAE,KAAK,GAAM,EACzE,iBACI,SAAS,EAAC,gGAAgG,EAC1G,OAAO,EAAE,OAAO,YAEhB,KAAC,KAAK,IAAC,SAAS,EAAC,SAAS,GAAG,GACxB,IACP,EAGN,cAAK,SAAS,EAAC,qBAAqB,EAAC,KAAK,EAAE,EAAE,MAAM,EAAE,mBAAmB,EAAE,YACtE,QAAQ,GACP,IACJ,IACP,CACN,CAAC;AACN,CAAC"}

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

@@ -0,0 +1,51 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React from "react";
+import { AgentMessageType } from "@vertesia/common";
+import MessageItem from "./MessageItem";
+import { ThinkingMessages } from "../WaitingMessages";
+// Helper function to determine if a message is a thinking message
+function isThinkingMessage(message) {
+    return (message.type === AgentMessageType.THOUGHT ||
+        message.type === AgentMessageType.UPDATE ||
+        message.type === AgentMessageType.PLAN ||
+        message.type === AgentMessageType.ERROR ||
+        message.type === AgentMessageType.WARNING ||
+        message.type === AgentMessageType.SYSTEM);
+}
+// Helper function to determine if a message is a permanent message
+function isPermanentMessage(message) {
+    return (message.type === AgentMessageType.ANSWER ||
+        message.type === AgentMessageType.QUESTION ||
+        message.type === AgentMessageType.COMPLETE ||
+        message.type === AgentMessageType.IDLE ||
+        message.type === AgentMessageType.REQUEST_INPUT);
+}
+export default function SlidingMessages({ messages, isCompleted }) {
+    const [thinkingMessageIndex, setThinkingMessageIndex] = React.useState(0);
+    // Rotate thinking messages for the indicator
+    React.useEffect(() => {
+        if (!isCompleted) {
+            const interval = setInterval(() => {
+                setThinkingMessageIndex(() => Math.floor(Math.random() * (ThinkingMessages.length - 1)));
+            }, 4000);
+            return () => clearInterval(interval);
+        }
+    }, [isCompleted]);
+    // Permanent messages are always displayed
+    const permanentMessages = messages.filter(isPermanentMessage);
+    // Get thinking messages and find the latest one
+    const thinkingMessages = messages.filter(isThinkingMessage).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 timeB - timeA; // Sort descending (newest first)
+    });
+    const latestThinkingMessage = thinkingMessages.length > 0 ? thinkingMessages[0] : null;
+    // Sort permanent messages by timestamp (oldest first)
+    const sortedPermanentMessages = [...permanentMessages].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;
+    });
+    return (_jsxs("div", { className: "flex flex-col space-y-6 overflow-y-auto py-4", children: [sortedPermanentMessages.map((message, index) => (_jsx(MessageItem, { message: message }, `${message.timestamp}-${index}`))), !isCompleted && latestThinkingMessage && (_jsx(MessageItem, { message: latestThinkingMessage, showPulsatingCircle: true })), messages.length === 0 && !isCompleted && (_jsx("div", { className: "flex items-center justify-center flex-1 text-center py-8", children: _jsx("div", { className: "flex items-center space-x-3 bg-blue-50 rounded-lg border border-blue-100 px-4 py-3", children: _jsx("div", { className: "text-sm text-blue-700 font-medium", children: ThinkingMessages[thinkingMessageIndex] }) }) }))] }));
+}
+//# sourceMappingURL=SlidingMessages.js.map

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

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