@vertesia/ui 0.24.0-dev.202601221707

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

@@ -0,0 +1,95 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { Badge, Button } from "@vertesia/ui/core";
+import { AlertCircle, CheckCircle, Circle, Clock, X } from "lucide-react";
+import React from "react";
+function InlineSlidingPlanPanelComponent({ plan, workstreamStatus, isOpen, onClose, plans = [], activePlanIndex = 0, onChangePlan = () => { }, }) {
+    // Don't render if panel is closed
+    if (!isOpen) {
+        return null;
+    }
+    // Render the normal panel
+    return (_jsxs("div", { className: "h-full shadow-xl border border-muted/20 overflow-hidden", children: [_jsxs("div", { className: "flex items-center justify-between p-3 border-b border-muted/20", children: [_jsx("h3", { className: "font-bold text-base", children: "Plan" }), _jsxs(Button, { variant: "ghost", onClick: onClose, children: [_jsx(X, { className: "size-4" }), _jsx("span", { className: "sr-only", children: "Close" })] })] }), _jsxs("div", { className: "p-3 overflow-y-auto", style: {
+                    height: "calc(100% - 44px)",
+                    maxHeight: "calc(100vh - 150px)",
+                }, children: [_jsxs("div", { className: "mb-3 p-2 bg-info rounded-md border border-info", children: [_jsx("div", { className: "text-xs font-medium text-info mb-1", children: "Task Progress" }), _jsx("div", { className: "flex items-center gap-2", children: (() => {
+                                    // Get all tasks from the plan itself
+                                    const planTasks = plan.plan || [];
+                                    const totalTasks = planTasks.length;
+                                    // Count completed tasks by checking their status in workstreamStatus
+                                    let completedTasks = 0;
+                                    if (totalTasks > 0) {
+                                        // Count each completed task from the plan
+                                        planTasks.forEach((task) => {
+                                            if (task && task.id) {
+                                                const taskId = task.id.toString();
+                                                const taskStatus = workstreamStatus.get(taskId);
+                                                if (taskStatus === "completed") {
+                                                    completedTasks++;
+                                                }
+                                            }
+                                        });
+                                    }
+                                    // Calculate percentage
+                                    const progressPercentage = totalTasks > 0
+                                        ? Math.round((completedTasks / totalTasks) * 100)
+                                        : 0;
+                                    return (_jsxs(_Fragment, { children: [_jsx("div", { className: "w-full bg-muted rounded-full h-2", children: _jsx("div", { className: "bg-background h-2 rounded-full", style: { width: `${progressPercentage}%` } }) }), _jsx("span", { className: "text-xs text-muted", children: totalTasks > 0 ? `${completedTasks}/${totalTasks}` : "0/0" })] }));
+                                })() })] }), plans.length > 1 && (_jsxs("div", { className: "mb-3 flex items-center justify-between", children: [_jsx(Button, { variant: "ghost", onClick: () => onChangePlan(Math.min(plans.length - 1, activePlanIndex + 1)), disabled: activePlanIndex >= plans.length - 1, children: "Older Plan" }), _jsx("div", { className: "text-xs text-muted", children: plans[activePlanIndex]?.timestamp
+                                    ? new Date(plans[activePlanIndex].timestamp).toLocaleTimeString()
+                                    : "Unknown time" }), _jsx(Button, { variant: "ghost", onClick: () => onChangePlan(Math.max(0, activePlanIndex - 1)), disabled: activePlanIndex <= 0, children: "Newer Plan" })] })), _jsxs("div", { className: "rounded-md border border-muted/30", children: [_jsx("div", { className: "p-2 border-b border-muted/30 bg-muted", children: _jsx("div", { className: "font-medium text-xs", children: "Step-by-Step Plan" }) }), _jsx("div", { className: "divide-y divide-muted/20 max-h-[calc(100vh-350px)] overflow-y-auto", 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-muted";
+                                    if (status === "in_progress") {
+                                        StatusIcon = Clock;
+                                        statusColor = "text-info";
+                                    }
+                                    else if (status === "completed") {
+                                        StatusIcon = CheckCircle;
+                                        statusColor = "text-success";
+                                    }
+                                    return (_jsxs("div", { className: `flex p-3 my-1`, children: [_jsx("div", { className: `mr-2 mt-0.5 flex-shrink-0 text-muted`, children: taskId }), _jsxs("div", { className: "w-full", children: [_jsx("div", { className: "text-sm font-medium mb-2 text-muted", children: taskGoal }), _jsxs("div", { className: "mt-1 flex justify-end items-center", children: [_jsx("div", { className: `mr-2 mt-0.5 flex-shrink-0 ${statusColor}`, children: _jsx(StatusIcon, { className: "size-3.5" }) }), _jsx(Badge, { variant: status === "completed" ? "success" : status === "in_progress" ? "info" : "default", children: status === "completed"
+                                                                    ? "Completed"
+                                                                    : status === "in_progress"
+                                                                        ? "In Progress"
+                                                                        : "Pending" })] })] })] }, index));
+                                })) : (_jsxs("div", { className: "p-3 text-center text-muted italic", children: [_jsx(AlertCircle, { className: "size-4 mx-auto mb-2 text-attention" }), _jsx("p", { className: "text-xs", children: "No plan has been detected yet" }), _jsx("p", { className: "text-xs mt-1", children: "Plans will appear here when the agent creates one" })] })) })] }), (() => {
+                        // Get all task IDs from the plan for filtering
+                        const planTaskIds = new Set((plan.plan || [])
+                            .filter((task) => task && task.id)
+                            .map((task) => task.id.toString()));
+                        // Filter out 'main' workstream and any IDs that are tasks in the plan
+                        const workstreamEntries = Array.from(workstreamStatus.entries()).filter(([id]) => id !== "main" && !planTaskIds.has(id));
+                        // Only show the section if there are actual workstreams (not tasks or main)
+                        return workstreamEntries.length > 0 ? (_jsxs("div", { className: "mt-3 rounded-md border border-gray-200 dark:border-gray-800", children: [_jsx("div", { className: "p-2 border-b border-gray-200 dark:border-gray-800 bg-gray-50 dark:bg-gray-900/50", children: _jsx("div", { className: "font-medium text-xs", children: "Workstreams" }) }), _jsx("div", { className: "p-3", children: _jsx("div", { className: "grid grid-cols-1 gap-2", children: workstreamEntries.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-info";
+                                                statusBg = "bg-info/20";
+                                                statusText = "In Progress";
+                                            }
+                                            else if (status === "completed") {
+                                                StatusIcon = CheckCircle;
+                                                statusColor = "text-success";
+                                                statusBg = "bg-success/20";
+                                                statusText = "Completed";
+                                            }
+                                            return (_jsxs("div", { className: `flex items-center p-1.5 rounded ${statusBg}`, children: [_jsx("div", { className: `mr-1.5 ${statusColor}`, children: _jsx(StatusIcon, { className: "h-3.5 w-3.5" }) }), _jsx("div", { className: "flex-1", children: _jsx("span", { className: "text-xs font-medium text-gray-800 dark:text-gray-300", children: id }) }), _jsx("span", { className: "text-xs font-medium", children: statusText })] }, id));
+                                        }) }) })] })) : null;
+                    })()] })] }));
+}
+const InlineSlidingPlanPanel = React.memo(InlineSlidingPlanPanelComponent);
+export default InlineSlidingPlanPanel;
+//# sourceMappingURL=InlineSlidingPlanPanel.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"InlineSlidingPlanPanel.js","sourceRoot":"","sources":["../../../../../../src/features/agent/chat/ModernAgentOutput/InlineSlidingPlanPanel.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAClD,OAAO,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,EAAE,KAAK,EAAE,CAAC,EAAE,MAAM,cAAc,CAAC;AAC1E,OAAO,KAAK,MAAM,OAAO,CAAC;AAY1B,SAAS,+BAA+B,CAAC,EACvC,IAAI,EACJ,gBAAgB,EAChB,MAAM,EACN,OAAO,EACP,KAAK,GAAG,EAAE,EACV,eAAe,GAAG,CAAC,EACnB,YAAY,GAAG,GAAG,EAAE,GAAG,CAAC,GACH;IACrB,kCAAkC;IAClC,IAAI,CAAC,MAAM,EAAE,CAAC;QACZ,OAAO,IAAI,CAAC;IACd,CAAC;IAED,0BAA0B;IAC1B,OAAO,CACL,eAAK,SAAS,EAAC,yDAAyD,aACtE,eAAK,SAAS,EAAC,gEAAgE,aAC7E,aAAI,SAAS,EAAC,qBAAqB,qBAE9B,EACL,MAAC,MAAM,IAAC,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,OAAO,aACxC,KAAC,CAAC,IAAC,SAAS,EAAC,QAAQ,GAAG,EACxB,eAAM,SAAS,EAAC,SAAS,sBAAa,IAC/B,IACL,EACN,eACE,SAAS,EAAC,qBAAqB,EAC/B,KAAK,EAAE;oBACL,MAAM,EAAE,mBAAmB;oBAC3B,SAAS,EAAE,qBAAqB;iBACjC,aAGD,eAAK,SAAS,EAAC,gDAAgD,aAC7D,cAAK,SAAS,EAAC,oCAAoC,8BAE7C,EACN,cAAK,SAAS,EAAC,yBAAyB,YAErC,CAAC,GAAG,EAAE;oCACL,qCAAqC;oCACrC,MAAM,SAAS,GAAG,IAAI,CAAC,IAAI,IAAI,EAAE,CAAC;oCAClC,MAAM,UAAU,GAAG,SAAS,CAAC,MAAM,CAAC;oCAEpC,qEAAqE;oCACrE,IAAI,cAAc,GAAG,CAAC,CAAC;oCAEvB,IAAI,UAAU,GAAG,CAAC,EAAE,CAAC;wCACnB,0CAA0C;wCAC1C,SAAS,CAAC,OAAO,CAAC,CAAC,IAAI,EAAE,EAAE;4CACzB,IAAI,IAAI,IAAI,IAAI,CAAC,EAAE,EAAE,CAAC;gDACpB,MAAM,MAAM,GAAG,IAAI,CAAC,EAAE,CAAC,QAAQ,EAAE,CAAC;gDAClC,MAAM,UAAU,GAAG,gBAAgB,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC;gDAEhD,IAAI,UAAU,KAAK,WAAW,EAAE,CAAC;oDAC/B,cAAc,EAAE,CAAC;gDACnB,CAAC;4CACH,CAAC;wCACH,CAAC,CAAC,CAAC;oCACL,CAAC;oCAED,uBAAuB;oCACvB,MAAM,kBAAkB,GACtB,UAAU,GAAG,CAAC;wCACZ,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,cAAc,GAAG,UAAU,CAAC,GAAG,GAAG,CAAC;wCACjD,CAAC,CAAC,CAAC,CAAC;oCAER,OAAO,CACL,8BACE,cAAK,SAAS,EAAC,kCAAkC,YAC/C,cACE,SAAS,EAAC,gCAAgC,EAC1C,KAAK,EAAE,EAAE,KAAK,EAAE,GAAG,kBAAkB,GAAG,EAAE,GAC1C,GACE,EACN,eAAM,SAAS,EAAC,oBAAoB,YACjC,UAAU,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,cAAc,IAAI,UAAU,EAAE,CAAC,CAAC,CAAC,KAAK,GACtD,IACN,CACJ,CAAC;gCACJ,CAAC,CAAC,EAAE,GACA,IACF,EAGL,KAAK,CAAC,MAAM,GAAG,CAAC,IAAI,CACnB,eAAK,SAAS,EAAC,wCAAwC,aACrD,KAAC,MAAM,IAAC,OAAO,EAAE,OAAO,EACtB,OAAO,EAAE,GAAG,EAAE,CACZ,YAAY,CAAC,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC,EAAE,eAAe,GAAG,CAAC,CAAC,CAAC,EAE/D,QAAQ,EAAE,eAAe,IAAI,KAAK,CAAC,MAAM,GAAG,CAAC,2BAGtC,EACT,cAAK,SAAS,EAAC,oBAAoB,YAChC,KAAK,CAAC,eAAe,CAAC,EAAE,SAAS;oCAChC,CAAC,CAAC,IAAI,IAAI,CACR,KAAK,CAAC,eAAe,CAAC,CAAC,SAAS,CACjC,CAAC,kBAAkB,EAAE;oCACtB,CAAC,CAAC,cAAc,GACd,EACN,KAAC,MAAM,IAAC,OAAO,EAAE,OAAO,EACtB,OAAO,EAAE,GAAG,EAAE,CAAC,YAAY,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,eAAe,GAAG,CAAC,CAAC,CAAC,EAC7D,QAAQ,EAAE,eAAe,IAAI,CAAC,2BAGvB,IACL,CACP,EAGD,eAAK,SAAS,EAAC,mCAAmC,aAChD,cAAK,SAAS,EAAC,uCAAuC,YACpD,cAAK,SAAS,EAAC,qBAAqB,kCAAwB,GACxD,EAEN,cAAK,SAAS,EAAC,oEAAoE,YAChF,IAAI,CAAC,IAAI,IAAI,IAAI,CAAC,IAAI,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,CACnC,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE;oCAC5B,qCAAqC;oCACrC,MAAM,MAAM,GAAG,IAAI,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC,QAAQ,EAAE,CAAC,CAAC,CAAC,QAAQ,KAAK,EAAE,CAAC;oCAC9D,MAAM,QAAQ,GAAG,IAAI,CAAC,IAAI,IAAI,QAAQ,KAAK,GAAG,CAAC,EAAE,CAAC;oCAElD,iFAAiF;oCACjF,IAAI,MAAM,GAIM,IAAI,CAAC,MAAM,IAAI,SAAS,CAAC;oCACzC,IAAI,gBAAgB,CAAC,GAAG,CAAC,MAAM,CAAC,EAAE,CAAC;wCACjC,MAAM,GAAG,gBAAgB,CAAC,GAAG,CAAC,MAAM,CAAE,CAAC;oCACzC,CAAC;oCAED,kCAAkC;oCAClC,IAAI,UAAU,GAAG,MAAM,CAAC;oCACxB,IAAI,WAAW,GAAG,YAAY,CAAC;oCAE/B,IAAI,MAAM,KAAK,aAAa,EAAE,CAAC;wCAC7B,UAAU,GAAG,KAAK,CAAC;wCACnB,WAAW,GAAG,WAAW,CAAC;oCAC5B,CAAC;yCAAM,IAAI,MAAM,KAAK,WAAW,EAAE,CAAC;wCAClC,UAAU,GAAG,WAAW,CAAC;wCACzB,WAAW,GAAG,cAAc,CAAC;oCAC/B,CAAC;oCAED,OAAO,CACL,eAAiB,SAAS,EAAE,eAAe,aACzC,cAAK,SAAS,EAAE,sCAAsC,YACnD,MAAM,GACH,EACN,eAAK,SAAS,EAAC,QAAQ,aACrB,cAAK,SAAS,EAAC,qCAAqC,YACjD,QAAQ,GACL,EACN,eAAK,SAAS,EAAC,oCAAoC,aACjD,cAAK,SAAS,EAAE,6BAA6B,WAAW,EAAE,YACxD,KAAC,UAAU,IAAC,SAAS,EAAC,UAAU,GAAG,GAC/B,EACN,KAAC,KAAK,IAAC,OAAO,EAAE,MAAM,KAAK,WAAW,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,MAAM,KAAK,aAAa,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,YAC/F,MAAM,KAAK,WAAW;oEACrB,CAAC,CAAC,WAAW;oEACb,CAAC,CAAC,MAAM,KAAK,aAAa;wEACxB,CAAC,CAAC,aAAa;wEACf,CAAC,CAAC,SAAS,GACT,IACJ,IACF,KApBE,KAAK,CAqBT,CACP,CAAC;gCACJ,CAAC,CAAC,CACH,CAAC,CAAC,CAAC,CACF,eAAK,SAAS,EAAC,mCAAmC,aAChD,KAAC,WAAW,IAAC,SAAS,EAAC,oCAAoC,GAAG,EAC9D,YAAG,SAAS,EAAC,SAAS,8CAAkC,EACxD,YAAG,SAAS,EAAC,cAAc,kEAEvB,IACA,CACP,GACG,IACF,EAGL,CAAC,GAAG,EAAE;wBACL,+CAA+C;wBAC/C,MAAM,WAAW,GAAG,IAAI,GAAG,CACzB,CAAC,IAAI,CAAC,IAAI,IAAI,EAAE,CAAC;6BACd,MAAM,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,IAAI,IAAI,CAAC,EAAE,CAAC;6BACjC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,EAAE,CAAC,QAAQ,EAAE,CAAC,CACrC,CAAC;wBAEF,sEAAsE;wBACtE,MAAM,iBAAiB,GAAG,KAAK,CAAC,IAAI,CAClC,gBAAgB,CAAC,OAAO,EAAE,CAC3B,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,EAAE,KAAK,MAAM,IAAI,CAAC,WAAW,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC,CAAC;wBAE1D,4EAA4E;wBAC5E,OAAO,iBAAiB,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,CACpC,eAAK,SAAS,EAAC,6DAA6D,aAC1E,cAAK,SAAS,EAAC,kFAAkF,YAC/F,cAAK,SAAS,EAAC,qBAAqB,4BAAkB,GAClD,EACN,cAAK,SAAS,EAAC,KAAK,YAClB,cAAK,SAAS,EAAC,wBAAwB,YACpC,iBAAiB,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,MAAM,CAAC,EAAE,EAAE;4CACtC,IAAI,UAAU,GAAG,MAAM,CAAC;4CACxB,IAAI,WAAW,GAAG,eAAe,CAAC;4CAClC,IAAI,QAAQ,GAAG,8BAA8B,CAAC;4CAC9C,IAAI,UAAU,GAAG,SAAS,CAAC;4CAE3B,IAAI,MAAM,KAAK,aAAa,EAAE,CAAC;gDAC7B,UAAU,GAAG,KAAK,CAAC;gDACnB,WAAW,GAAG,WAAW,CAAC;gDAC1B,QAAQ,GAAG,YAAY,CAAC;gDACxB,UAAU,GAAG,aAAa,CAAC;4CAC7B,CAAC;iDAAM,IAAI,MAAM,KAAK,WAAW,EAAE,CAAC;gDAClC,UAAU,GAAG,WAAW,CAAC;gDACzB,WAAW,GAAG,cAAc,CAAC;gDAC7B,QAAQ,GAAG,eAAe,CAAC;gDAC3B,UAAU,GAAG,WAAW,CAAC;4CAC3B,CAAC;4CAED,OAAO,CACL,eAEE,SAAS,EAAE,mCAAmC,QAAQ,EAAE,aAExD,cAAK,SAAS,EAAE,UAAU,WAAW,EAAE,YACrC,KAAC,UAAU,IAAC,SAAS,EAAC,aAAa,GAAG,GAClC,EACN,cAAK,SAAS,EAAC,QAAQ,YACrB,eAAM,SAAS,EAAC,sDAAsD,YACnE,EAAE,GACE,GACH,EACN,eAAM,SAAS,EAAC,qBAAqB,YAClC,UAAU,GACN,KAbF,EAAE,CAcH,CACP,CAAC;wCACJ,CAAC,CAAC,GACE,GACF,IACF,CACP,CAAC,CAAC,CAAC,IAAI,CAAC;oBACX,CAAC,CAAC,EAAE,IACA,IACF,CACP,CAAC;AACJ,CAAC;AAED,MAAM,sBAAsB,GAAG,KAAK,CAAC,IAAI,CAAC,+BAA+B,CAAC,CAAC;AAE3E,eAAe,sBAAsB,CAAC"}

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

@@ -0,0 +1,197 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Button, Spinner, VModal, VModalBody, VModalTitle, VTooltip } from "@vertesia/ui/core";
+import { Activity, CheckIcon, FileTextIcon, HelpCircleIcon, PaperclipIcon, SendIcon, StopCircleIcon, UploadIcon, XIcon } from "lucide-react";
+import { useCallback, useEffect, useRef, useState } from "react";
+import { FileProcessingStatus } from "@vertesia/common";
+import { SelectDocument } from "../../../store";
+export default function MessageInput({ onSend, onStop, disabled = false, isSending = false, isStopping = false, isStreaming = false, isCompleted = false, activeTaskCount = 0, placeholder = "Type your message...", 
+// File upload props
+onFilesSelected, uploadedFiles = [], onRemoveFile, acceptedFileTypes = ".pdf,.doc,.docx,.txt,.csv,.xlsx,.xls,.png,.jpg,.jpeg,.gif,.webp", maxFiles = 5, processingFiles, hasProcessingFiles = false, 
+// Document search props
+renderDocumentSearch, selectedDocuments = [], onRemoveDocument, 
+// Object linking
+hideObjectLinking = false, 
+// Styling props
+className, inputClassName, }) {
+    const ref = useRef(null);
+    const fileInputRef = useRef(null);
+    const [value, setValue] = useState("");
+    const [isObjectModalOpen, setIsObjectModalOpen] = useState(false);
+    const [isDocSearchOpen, setIsDocSearchOpen] = useState(false);
+    const [isDragOver, setIsDragOver] = useState(false);
+    useEffect(() => {
+        if (!disabled && isCompleted)
+            ref.current?.focus();
+    }, [disabled, isCompleted]);
+    // File handling
+    const handleFiles = useCallback((files) => {
+        if (!onFilesSelected)
+            return;
+        const fileArray = Array.from(files);
+        const remainingSlots = maxFiles - uploadedFiles.length;
+        const filesToAdd = fileArray.slice(0, remainingSlots);
+        if (filesToAdd.length > 0) {
+            onFilesSelected(filesToAdd);
+        }
+    }, [onFilesSelected, maxFiles, uploadedFiles.length]);
+    // Drag and drop handlers
+    const handleDragOver = useCallback((e) => {
+        e.preventDefault();
+        e.stopPropagation();
+        if (onFilesSelected) {
+            setIsDragOver(true);
+        }
+    }, [onFilesSelected]);
+    const handleDragLeave = useCallback((e) => {
+        e.preventDefault();
+        e.stopPropagation();
+        setIsDragOver(false);
+    }, []);
+    const handleDrop = useCallback((e) => {
+        e.preventDefault();
+        e.stopPropagation();
+        setIsDragOver(false);
+        if (e.dataTransfer?.files && e.dataTransfer.files.length > 0) {
+            handleFiles(e.dataTransfer.files);
+        }
+    }, [handleFiles]);
+    // Paste handler for files
+    const handlePaste = useCallback((e) => {
+        if (!onFilesSelected)
+            return;
+        const items = e.clipboardData?.items;
+        if (!items)
+            return;
+        const files = [];
+        for (let i = 0; i < items.length; i++) {
+            const item = items[i];
+            if (item.kind === 'file') {
+                const file = item.getAsFile();
+                if (file) {
+                    // If it's an image without a proper name, generate one
+                    if (item.type.startsWith('image/') && (!file.name || file.name === 'image.png')) {
+                        const extension = item.type.split('/')[1] || 'png';
+                        const namedFile = new File([file], `pasted-image-${Date.now()}.${extension}`, {
+                            type: file.type,
+                        });
+                        files.push(namedFile);
+                    }
+                    else {
+                        files.push(file);
+                    }
+                }
+            }
+        }
+        if (files.length > 0) {
+            handleFiles(files);
+        }
+    }, [onFilesSelected, handleFiles]);
+    // File input change handler
+    const handleFileInputChange = useCallback((e) => {
+        if (e.target.files && e.target.files.length > 0) {
+            handleFiles(e.target.files);
+            // Reset input so same file can be selected again
+            e.target.value = '';
+        }
+    }, [handleFiles]);
+    const openFileDialog = useCallback(() => {
+        fileInputRef.current?.click();
+    }, []);
+    // Document search handlers
+    const handleDocumentSelect = useCallback((doc) => {
+        // Insert document reference into message
+        const markdownLink = `[📄 ${doc.name}](doc:${doc.id})`;
+        const currentValue = value || '';
+        const cursorPos = ref.current?.selectionStart || currentValue.length;
+        const newValue = currentValue.substring(0, cursorPos) + markdownLink + currentValue.substring(cursorPos);
+        setValue(newValue);
+        setIsDocSearchOpen(false);
+    }, [value]);
+    const handleSend = () => {
+        const message = value.trim();
+        if (!message || disabled || isSending)
+            return;
+        onSend(message);
+        setValue("");
+    };
+    const handleStop = () => {
+        if (onStop && !isStopping) {
+            onStop();
+        }
+    };
+    // Track Escape key presses for double-tap to stop
+    const lastEscapeRef = useRef(0);
+    const keyDown = (e) => {
+        if (e.key === "Enter" && !e.shiftKey) {
+            e.preventDefault();
+            const hasMessage = value.trim().length > 0;
+            if (hasMessage) {
+                // If there's a message, send it (this will interrupt + send message via UserInput signal)
+                handleSend();
+            }
+            // Enter with no text does nothing (don't stop, don't send)
+        }
+        // Double Escape to stop the agent
+        if (e.key === "Escape" && isStreaming && onStop) {
+            const now = Date.now();
+            if (now - lastEscapeRef.current < 500) {
+                // Double Escape within 500ms - stop the agent
+                handleStop();
+                lastEscapeRef.current = 0;
+            }
+            else {
+                lastEscapeRef.current = now;
+            }
+        }
+        // Shift+Enter allows newline (default textarea behavior)
+    };
+    // Auto-resize textarea as content grows
+    const adjustTextareaHeight = useCallback(() => {
+        const textarea = ref.current;
+        if (textarea) {
+            textarea.style.height = 'auto';
+            textarea.style.height = `${Math.min(textarea.scrollHeight, 200)}px`;
+        }
+    }, []);
+    useEffect(() => {
+        adjustTextareaHeight();
+    }, [value, adjustTextareaHeight]);
+    const handleObjectSelect = (object) => {
+        // Create a markdown link with the object title and ID
+        const objectTitle = object.properties?.title || object.name || 'Object';
+        const objectId = object.id;
+        const markdownLink = `[${objectTitle}](store:${objectId})`;
+        // Insert the link at cursor position or append to end
+        const currentValue = value || '';
+        const cursorPos = ref.current?.selectionStart || currentValue.length;
+        const newValue = currentValue.substring(0, cursorPos) + markdownLink + currentValue.substring(cursorPos);
+        // Update the input value
+        setValue(newValue);
+        // Close the modal
+        setIsObjectModalOpen(false);
+        // Focus back on the input
+        setTimeout(() => {
+            if (ref.current) {
+                ref.current.focus();
+                // Place cursor after the inserted link
+                const newCursorPos = cursorPos + markdownLink.length;
+                ref.current.setSelectionRange(newCursorPos, newCursorPos);
+            }
+        }, 100);
+    };
+    const hasAttachments = uploadedFiles.length > 0 || selectedDocuments.length > 0 || (processingFiles && processingFiles.size > 0);
+    return (_jsxs("div", { className: `relative p-3 border-t border-muted flex-shrink-0 transition-all ${isDragOver ? 'bg-blue-50 dark:bg-blue-900/20 border-blue-400' : ''} ${className || ''}`, style: { minHeight: "120px" }, onDragOver: handleDragOver, onDragLeave: handleDragLeave, onDrop: handleDrop, children: [isDragOver && (_jsx("div", { className: "absolute inset-0 flex items-center justify-center bg-blue-100/80 dark:bg-blue-900/40 rounded-lg z-10 pointer-events-none", children: _jsxs("div", { className: "text-blue-600 dark:text-blue-400 font-medium flex items-center gap-2", children: [_jsx(UploadIcon, { className: "size-5" }), "Drop files to upload"] }) })), onFilesSelected && (_jsx("input", { ref: fileInputRef, type: "file", multiple: true, accept: acceptedFileTypes, onChange: handleFileInputChange, className: "hidden" })), hasAttachments && (_jsxs("div", { className: "flex flex-col gap-2 mb-3", children: [(uploadedFiles.length > 0 || (processingFiles && processingFiles.size > 0)) && (_jsxs("div", { children: [_jsxs("div", { className: "flex items-center gap-1 mb-1", children: [_jsx("span", { className: "text-xs font-medium text-gray-500 dark:text-gray-400", children: "Uploaded Files" }), _jsx(VTooltip, { description: "Files uploaded to this conversation remain available throughout. The agent can access them anytime.", placement: "top", size: "md", children: _jsx(HelpCircleIcon, { className: "size-3 text-gray-400 dark:text-gray-500" }) })] }), _jsxs("div", { className: "flex flex-wrap gap-2", children: [uploadedFiles.map((file) => (_jsxs("div", { className: "flex items-center gap-1.5 px-2 py-1 bg-gray-100 dark:bg-gray-800 rounded-md text-sm", children: [_jsx(FileTextIcon, { className: "size-3.5 text-gray-500" }), _jsx("span", { className: "max-w-[120px] truncate", children: file.name }), onRemoveFile && (_jsx("button", { onClick: () => onRemoveFile(file.id), className: "ml-1 p-0.5 hover:bg-gray-200 dark:hover:bg-gray-700 rounded", children: _jsx(XIcon, { className: "size-3" }) }))] }, file.id))), processingFiles && Array.from(processingFiles.values()).map((file) => (_jsxs("div", { className: `flex items-center gap-1.5 px-2 py-1 rounded-md text-sm ${file.status === FileProcessingStatus.ERROR
+                                            ? 'bg-destructive/10 text-destructive'
+                                            : file.status === FileProcessingStatus.READY
+                                                ? 'bg-success/10 text-success'
+                                                : 'bg-attention/10 text-attention'}`, children: [file.status === FileProcessingStatus.UPLOADING && (_jsx(Spinner, { size: "xs" })), file.status === FileProcessingStatus.PROCESSING && (_jsx(Spinner, { size: "xs" })), file.status === FileProcessingStatus.READY && (_jsx(CheckIcon, { className: "size-3.5" })), file.status === FileProcessingStatus.ERROR && (_jsx(XIcon, { className: "size-3.5" })), _jsx("span", { className: "max-w-[120px] truncate", children: file.name }), _jsxs("span", { className: "text-xs opacity-70", children: [file.status === FileProcessingStatus.UPLOADING && 'Uploading...', file.status === FileProcessingStatus.PROCESSING && 'Processing...', file.status === FileProcessingStatus.READY && 'Ready', file.status === FileProcessingStatus.ERROR && (file.error || 'Error')] })] }, file.id)))] })] })), selectedDocuments.length > 0 && (_jsxs("div", { children: [_jsxs("div", { className: "flex items-center gap-1 mb-1", children: [_jsx("span", { className: "text-xs font-medium text-blue-600 dark:text-blue-400", children: "Document Attachments" }), _jsx(VTooltip, { description: "Documents from the store attached to this message. The agent can re-fetch them by ID anytime, or re-attach to include content directly.", placement: "top", size: "md", children: _jsx(HelpCircleIcon, { className: "size-3 text-blue-400 dark:text-blue-500" }) })] }), _jsx("div", { className: "flex flex-wrap gap-2", children: selectedDocuments.map((doc) => (_jsxs("div", { className: "flex items-center gap-1.5 px-2 py-1 bg-blue-100 dark:bg-blue-900/30 rounded-md text-sm text-blue-700 dark:text-blue-300", children: [_jsx(FileTextIcon, { className: "size-3.5" }), _jsx("span", { className: "max-w-[120px] truncate", children: doc.name }), onRemoveDocument && (_jsx("button", { onClick: () => onRemoveDocument(doc.id), className: "ml-1 p-0.5 hover:bg-blue-200 dark:hover:bg-blue-800 rounded", children: _jsx(XIcon, { className: "size-3" }) }))] }, doc.id))) })] }))] })), (onFilesSelected || renderDocumentSearch) && (_jsxs("div", { className: "flex gap-2 mb-2", children: [onFilesSelected && (_jsxs(Button, { variant: "outline", size: "sm", onClick: openFileDialog, disabled: disabled || uploadedFiles.length >= maxFiles, className: "text-xs", children: [_jsx(UploadIcon, { className: "size-3.5 mr-1.5" }), "Upload"] })), renderDocumentSearch && (_jsxs(Button, { variant: "outline", size: "sm", onClick: () => setIsDocSearchOpen(true), disabled: disabled, className: "text-xs", children: [_jsx(FileTextIcon, { className: "size-3.5 mr-1.5" }), "Search Documents"] }))] })), _jsxs("div", { className: "flex items-end space-x-2", children: [_jsxs("div", { className: "flex flex-1 items-end space-x-1", children: [_jsx("textarea", { ref: ref, value: value, onKeyDown: keyDown, onChange: (e) => setValue(e.target.value), onPaste: handlePaste, disabled: disabled, placeholder: isStreaming ? "Agent is working... (Esc Esc to stop)" : (onFilesSelected ? "Ask anything... (drop or paste files)" : placeholder), className: `flex-1 w-full px-3 py-2.5 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:outline-none focus:ring-1 focus:ring-gray-300 dark:focus:ring-gray-600 rounded-md resize-none overflow-hidden ${inputClassName || ''}`, rows: 2, style: { minHeight: '60px', maxHeight: '200px' } }), !hideObjectLinking && (_jsx(Button, { variant: "ghost", className: "rounded-full", disabled: !isCompleted, onClick: () => setIsObjectModalOpen(true), alt: "Link Object", children: _jsx(PaperclipIcon, { className: "size-4" }) }))] }), isStreaming && onStop && !value.trim() ? (_jsxs(Button, { onClick: handleStop, disabled: isStopping, className: "px-4 py-2.5 bg-red-600 hover:bg-red-700 text-white", title: "Stop the agent", children: [isStopping ? _jsx(Spinner, { size: "sm", className: "mr-2" }) : _jsx(StopCircleIcon, { className: "size-4 mr-2" }), " Stop"] })) : (_jsxs(Button, { onClick: handleSend, disabled: disabled || isSending || !value.trim() || hasProcessingFiles, className: "px-4 py-2.5", title: hasProcessingFiles ? "Wait for files to finish processing" : undefined, children: [isSending ? _jsx(Spinner, { size: "sm", className: "mr-2" }) : _jsx(SendIcon, { className: "size-4 mr-2" }), hasProcessingFiles ? "Processing..." : "Send"] }))] }), _jsx("div", { className: "text-xs text-muted mt-2 text-center", children: activeTaskCount > 0 ? (_jsxs("div", { className: "flex items-center justify-center", children: [_jsx(Activity, { className: "h-3 w-3 mr-1 text-attention" }), _jsxs("span", { children: ["Agent has ", activeTaskCount, " active workstream", activeTaskCount !== 1 ? 's' : '', " running"] })] })) : isStreaming
+                    ? "Agent is working... Press Esc twice or click Stop to interrupt"
+                    : disabled
+                        ? "Agent is processing, you can continue once it completes..."
+                        : "Enter to send • Shift+Enter for new line" }), !hideObjectLinking && (_jsxs(VModal, { isOpen: isObjectModalOpen, onClose: () => setIsObjectModalOpen(false), className: 'min-w-[60vw]', children: [_jsx(VModalTitle, { children: "Link Object" }), _jsx(VModalBody, { className: "pb-6", children: _jsx(SelectDocument, { onChange: handleObjectSelect }) })] })), renderDocumentSearch && renderDocumentSearch({
+                isOpen: isDocSearchOpen,
+                onClose: () => setIsDocSearchOpen(false),
+                onSelect: handleDocumentSelect,
+            })] }));
+}
+//# sourceMappingURL=MessageInput.js.map

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

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

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

@@ -0,0 +1,245 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { AgentMessageType } from "@vertesia/common";
+import { Badge, Button, useToast } from "@vertesia/ui/core";
+import { NavLink } from "@vertesia/ui/router";
+import { useUserSession } from "@vertesia/ui/session";
+import { MarkdownRenderer } from "@vertesia/ui/widgets";
+import dayjs from "dayjs";
+import { AlertCircle, Bot, CheckCircle, Clock, CopyIcon, Info, Layers, MessageSquare, User } from "lucide-react";
+import { useEffect, useState, useMemo, memo } from "react";
+import { PulsatingCircle } from "../AnimatedThinkingDots";
+import { AskUserWidget } from "../AskUserWidget";
+import { useImageLightbox } from "../ImageLightbox";
+import { ThinkingMessages } from "../WaitingMessages";
+import { getWorkstreamId } from "./utils";
+import { useArtifactUrlCache, getArtifactCacheKey } from "../useArtifactUrlCache.js";
+// PERFORMANCE: Move pure function outside component to avoid recreation on every render
+// Process content to enhance markdown detection for lists and thinking messages
+function processContentForMarkdown(content, messageType, originalMessage) {
+    // 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 (messageType === AgentMessageType.THOUGHT ||
+        (typeof originalMessage === "string" &&
+            (originalMessage.toLowerCase().includes("thinking about") ||
+                originalMessage.toLowerCase().includes("i'm thinking") ||
+                originalMessage.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;
+}
+// Consolidated message styling - single source of truth
+const MESSAGE_STYLES = {
+    [AgentMessageType.ANSWER]: { borderColor: 'border-l-info', bgColor: 'bg-info', iconColor: 'text-info', sender: 'Agent', Icon: Bot },
+    [AgentMessageType.COMPLETE]: { borderColor: 'border-l-success', bgColor: 'bg-success', iconColor: 'text-success', sender: 'Completed', Icon: CheckCircle },
+    [AgentMessageType.IDLE]: { borderColor: 'border-l-info', bgColor: 'bg-info/50', iconColor: 'text-info', sender: 'Ready', Icon: Clock },
+    [AgentMessageType.REQUEST_INPUT]: { borderColor: 'border-l-attention', bgColor: 'bg-attention', iconColor: 'text-attention', sender: 'Input', Icon: User },
+    [AgentMessageType.QUESTION]: { borderColor: 'border-l-muted', bgColor: 'bg-muted', iconColor: 'text-muted', sender: 'User', Icon: User },
+    [AgentMessageType.THOUGHT]: { borderColor: 'border-l-purple-500', bgColor: 'bg-purple-50/50 dark:bg-purple-900/10', iconColor: 'text-purple-600 dark:text-purple-400', sender: 'Agent', Icon: Bot },
+    [AgentMessageType.ERROR]: { borderColor: 'border-l-destructive', bgColor: 'bg-destructive', iconColor: 'text-destructive', sender: 'Error', Icon: AlertCircle },
+    [AgentMessageType.UPDATE]: { borderColor: 'border-l-success', bgColor: 'bg-success', iconColor: 'text-success', sender: 'Update', Icon: Info },
+    [AgentMessageType.PLAN]: { borderColor: 'border-l-attention', bgColor: 'bg-attention', iconColor: 'text-attention', sender: 'Plan', Icon: MessageSquare },
+    [AgentMessageType.TERMINATED]: { borderColor: 'border-l-muted', bgColor: 'bg-muted', iconColor: 'text-muted', sender: 'Terminated', Icon: CheckCircle },
+    [AgentMessageType.WARNING]: { borderColor: 'border-l-attention', bgColor: 'bg-attention', iconColor: 'text-attention', sender: 'Warning', Icon: AlertCircle },
+    [AgentMessageType.SYSTEM]: { borderColor: 'border-l-muted', bgColor: 'bg-muted', iconColor: 'text-muted', sender: 'System', Icon: Info },
+    [AgentMessageType.STREAMING_CHUNK]: { borderColor: 'border-l-info', bgColor: 'bg-info', iconColor: 'text-info', sender: 'Agent', Icon: Bot },
+    [AgentMessageType.BATCH_PROGRESS]: { borderColor: 'border-l-blue-500', bgColor: 'bg-blue-50/50 dark:bg-blue-900/10', iconColor: 'text-blue-600 dark:text-blue-400', sender: 'Batch', Icon: Layers },
+    default: { borderColor: 'border-l-muted', bgColor: 'bg-muted', iconColor: 'text-muted', sender: 'Agent', Icon: Bot },
+};
+function MessageItemComponent({ message, showPulsatingCircle = false, onSendMessage, className, cardClassName, headerClassName, contentClassName, timestampClassName, senderClassName, iconClassName, detailsClassName, artifactsClassName, }) {
+    const [showDetails, setShowDetails] = useState(false);
+    const { client } = useUserSession();
+    const toast = useToast();
+    const urlCache = useArtifactUrlCache();
+    const { openImage } = useImageLightbox();
+    // Get styles from consolidated config
+    const styles = MESSAGE_STYLES[message.type] || MESSAGE_STYLES.default;
+    // PERFORMANCE: Memoize message content extraction - only recalculates when message changes
+    const messageContent = useMemo(() => {
+        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
+                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;
+    }, [message.message]);
+    // PERFORMANCE: Memoize processed content - expensive regex operations only run when messageContent changes
+    const processedContent = useMemo(() => {
+        if (!messageContent)
+            return "";
+        return processContentForMarkdown(messageContent, message.type, typeof message.message === "string" ? message.message : undefined);
+    }, [messageContent, message.type, message.message]);
+    // Copy message content to clipboard
+    const copyToClipboard = () => {
+        const content = messageContent || "";
+        const detailsContent = typeof message.details === "string"
+            ? message.details
+            : message.details
+                ? JSON.stringify(message.details, null, 2)
+                : "";
+        const textToCopy = [content, detailsContent ? "\n\nDetails:\n" + detailsContent : ""].join("").trim();
+        navigator.clipboard.writeText(textToCopy).then(() => {
+            toast({
+                status: "success",
+                title: "Copied to clipboard",
+                duration: 2000,
+            });
+        });
+    };
+    // 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
+        const runId = message.workflow_run_id;
+        return (_jsx("div", { className: "vprose prose prose-slate dark:prose-invert prose-p:leading-relaxed prose-p:my-2 prose-headings:font-semibold prose-headings:tracking-tight prose-li:my-0.5 prose-ul:my-2 prose-ol:my-2 max-w-none text-[15px]", children: _jsx(MarkdownRenderer, { artifactRunId: runId, onProposalSelect: (optionId) => onSendMessage?.(optionId), onProposalSubmit: (text) => onSendMessage?.(text), components: {
+                    a: ({ node, ref, ...props }) => {
+                        const href = props.href || "";
+                        if (href.includes("/store/objects")) {
+                            return (_jsx(NavLink, { href: href, topLevelNav: true, children: props.children }));
+                        }
+                        return (_jsx("a", { ...props, target: "_blank", rel: "noopener noreferrer" }));
+                    },
+                    img: ({ node, ref, ...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 && openImage(props.src, props.alt) }));
+                    },
+                }, children: content }) }));
+    };
+    // Resolve artifacts from tool details (e.g. execute_shell.outputFiles)
+    const [artifactLinks, setArtifactLinks] = useState([]);
+    // Create stable key from message for dependency tracking
+    const runId = message.workflow_run_id;
+    const details = message.details;
+    // Check both outputFiles (from execute_shell) and files (from tool results like dashboard tools)
+    const outputFiles = details?.outputFiles ?? details?.files;
+    const outputFilesKey = Array.isArray(outputFiles) ? outputFiles.join(",") : "";
+    useEffect(() => {
+        const loadArtifacts = async () => {
+            if (!runId || !Array.isArray(outputFiles) || outputFiles.length === 0) {
+                setArtifactLinks([]);
+                return;
+            }
+            try {
+                const entries = await Promise.all(outputFiles.map(async (name) => {
+                    if (typeof name !== "string" || !name.trim())
+                        return null;
+                    const trimmed = name.trim();
+                    // execute_shell returns relative paths like "result.csv" or "plots/chart.png"
+                    // canonical artifact name is under out/
+                    const artifactPath = trimmed.startsWith("out/") || trimmed.startsWith("files/") || trimmed.startsWith("scripts/")
+                        ? trimmed
+                        : `out/${trimmed}`;
+                    const ext = artifactPath.split(".").pop()?.toLowerCase() || "";
+                    const imageExtensions = new Set(["png", "jpg", "jpeg", "gif", "webp", "bmp", "svg"]);
+                    const isImage = imageExtensions.has(ext);
+                    const disposition = isImage ? "inline" : "attachment";
+                    try {
+                        // Use cache if available
+                        const cacheKey = getArtifactCacheKey(runId, artifactPath, disposition);
+                        let url;
+                        if (urlCache) {
+                            url = await urlCache.getOrFetch(cacheKey, async () => {
+                                const result = await client.files.getArtifactDownloadUrl(runId, artifactPath, disposition);
+                                return result.url;
+                            });
+                        }
+                        else {
+                            const result = await client.files.getArtifactDownloadUrl(runId, artifactPath, disposition);
+                            url = result.url;
+                        }
+                        return {
+                            displayName: trimmed,
+                            artifactPath,
+                            url,
+                            isImage,
+                        };
+                    }
+                    catch (err) {
+                        console.error(`Failed to resolve artifact URL for ${artifactPath}`, err);
+                        return null;
+                    }
+                }));
+                setArtifactLinks(entries.filter((e) => !!e));
+            }
+            catch (error) {
+                console.error("Error loading artifact URLs from message details", error);
+                setArtifactLinks([]);
+            }
+        };
+        loadArtifacts();
+    }, [runId, outputFilesKey, client, urlCache]);
+    const workstreamId = getWorkstreamId(message);
+    const { Icon } = styles;
+    // Render icon - show pulsating animation for active messages
+    const renderIcon = () => {
+        if (showPulsatingCircle) {
+            return _jsx(PulsatingCircle, { size: "sm", color: "blue" });
+        }
+        return _jsx(Icon, { className: `size-4 ${styles.iconColor}` });
+    };
+    return (_jsx("div", { className: className, children: _jsxs("div", { className: `border-l-4 overflow-hidden bg-white dark:bg-gray-900 mb-4 ${styles.borderColor} ${cardClassName || ""}`, "data-workstream-id": workstreamId, children: [_jsxs("div", { className: `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: `${showPulsatingCircle ? "animate-fadeIn" : ""} ${iconClassName || ""}`, children: renderIcon() }), _jsx("span", { className: `text-xs font-medium text-muted ${senderClassName || ""}`, children: styles.sender }), workstreamId !== "main" && workstreamId !== "all" && (_jsx(Badge, { variant: "default", className: "text-xs text-muted ml-1", children: workstreamId }))] }), _jsxs("div", { className: "flex items-center gap-1.5 print:hidden", children: [_jsx("span", { className: `text-[11px] text-muted/70 ${timestampClassName || ""}`, children: dayjs(message.timestamp).format("HH:mm:ss") }), _jsx(Button, { variant: "ghost", size: "xs", onClick: copyToClipboard, className: "text-muted/50 hover:text-muted h-5 w-5 p-0", title: "Copy message", children: _jsx(CopyIcon, { className: "size-3" }) })] })] }), _jsxs("div", { className: `px-4 pb-3 bg-white dark:bg-gray-900 ${contentClassName || ""}`, children: [message.type === AgentMessageType.REQUEST_INPUT && message.details?.ux ? ((() => {
+                            const uxConfig = message.details.ux;
+                            return (_jsx(AskUserWidget, { question: typeof messageContent === 'string' ? messageContent : '', options: uxConfig.options, variant: uxConfig.variant, multiSelect: uxConfig.multiSelect, allowFreeResponse: uxConfig.allowFreeResponse, placeholder: uxConfig.placeholder, onSelect: (optionId) => onSendMessage?.(optionId), onMultiSelect: (optionIds) => onSendMessage?.(optionIds.join(", ")), onSubmit: (text) => onSendMessage?.(text), hideBorder: true }));
+                        })()) : messageContent && (_jsx("div", { className: "message-content break-words max-w-full", style: { overflowWrap: 'anywhere' }, children: renderContent(processedContent || messageContent) })), artifactLinks.length > 0 && (_jsxs("div", { className: `mt-3 text-xs ${artifactsClassName || ""}`, children: [_jsx("div", { className: "font-medium text-muted mb-1", children: "Artifacts" }), artifactLinks.some(a => a.isImage) && (_jsx("div", { className: "mb-2 flex flex-wrap gap-3", children: artifactLinks
+                                        .filter(a => a.isImage)
+                                        .map(({ displayName, artifactPath, url }) => (_jsxs("div", { className: "max-w-xs cursor-pointer", onClick: () => openImage(url, displayName), children: [_jsx("img", { src: url, alt: displayName, className: "max-w-full h-auto rounded-lg shadow-sm hover:shadow-md transition-shadow" }), _jsx("div", { className: "mt-1 text-[11px] text-muted truncate", children: displayName })] }, `${artifactPath}-preview`))) })), _jsx("div", { className: "flex flex-wrap gap-2 print:hidden", children: artifactLinks.map(({ displayName, artifactPath, url }) => (_jsx(Button, { variant: "outline", size: "xs", className: "px-2 py-1 text-xs", onClick: () => window.open(url, "_blank"), title: artifactPath, children: displayName }, artifactPath + url))) })] })), message.details && (_jsxs("div", { className: `mt-2 print:hidden ${detailsClassName || ""}`, children: [_jsxs("button", { onClick: () => setShowDetails(!showDetails), className: "text-xs text-muted 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-muted border border-mixer-muted/40 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-muted p-2 rounded text-muted ", children: JSON.stringify(message.details, null, 2) })) }))] }))] })] }) }));
+}
+// Memoize the component to prevent unnecessary re-renders
+// Only re-render when message timestamp, showPulsatingCircle, or className props change
+const MessageItem = memo(MessageItemComponent, (prevProps, nextProps) => {
+    return (prevProps.message.timestamp === nextProps.message.timestamp &&
+        prevProps.showPulsatingCircle === nextProps.showPulsatingCircle &&
+        prevProps.onSendMessage === nextProps.onSendMessage &&
+        prevProps.className === nextProps.className &&
+        prevProps.cardClassName === nextProps.cardClassName &&
+        prevProps.headerClassName === nextProps.headerClassName &&
+        prevProps.contentClassName === nextProps.contentClassName &&
+        prevProps.timestampClassName === nextProps.timestampClassName &&
+        prevProps.senderClassName === nextProps.senderClassName &&
+        prevProps.iconClassName === nextProps.iconClassName &&
+        prevProps.detailsClassName === nextProps.detailsClassName &&
+        prevProps.artifactsClassName === nextProps.artifactsClassName);
+});
+export default MessageItem;
+//# sourceMappingURL=MessageItem.js.map