@vertesia/ui 1.2.0 → 1.4.0-dev.20260615.042549Z

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

@@ -1,90 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Button, cn, useToast } from "@vertesia/ui/core";
-import dayjs from "dayjs";
-import { CheckCircle, AlertCircle, ChevronDown, ChevronRight, CopyIcon, Layers, Loader2, } from "lucide-react";
-import { useState, memo } from "react";
-import { PulsatingCircle } from "../AnimatedThinkingDots";
-import { useUITranslation } from "../../../../i18n/index.js";
-function BatchProgressPanelComponent({ message, batchData, isRunning = false, className, headerClassName, senderClassName, progressBarClassName, itemListClassName, itemClassName, summaryClassName, }) {
-    const [isExpanded, setIsExpanded] = useState(false);
-    const toast = useToast();
-    const { t } = useUITranslation();
-    const { tool_name, total, completed, succeeded, failed, items, started_at, completed_at } = batchData;
-    const progress = total > 0 ? (completed / total) * 100 : 0;
-    const hasErrors = failed > 0;
-    const isComplete = completed === total && !isRunning;
-    // Determine overall status
-    const getOverallStatus = () => {
-        if (isRunning || !isComplete)
-            return "running";
-        if (failed === total)
-            return "error";
-        if (failed > 0)
-            return "warning";
-        return "completed";
-    };
-    const overallStatus = getOverallStatus();
-    // Status indicator
-    const renderStatusIndicator = () => {
-        if (isRunning || !isComplete) {
-            return _jsx(PulsatingCircle, { size: "sm", color: "blue" });
-        }
-        if (overallStatus === "completed") {
-            return _jsx(CheckCircle, { className: "size-4 text-success" });
-        }
-        if (overallStatus === "error" || overallStatus === "warning") {
-            return _jsx(AlertCircle, { className: "size-4 text-destructive" });
-        }
-        return _jsx(Layers, { className: "size-4 text-purple-600" });
-    };
-    // Border color based on status
-    const getBorderColor = () => {
-        if (overallStatus === "completed")
-            return "border-l-success";
-        if (overallStatus === "error")
-            return "border-l-destructive";
-        if (overallStatus === "warning")
-            return "border-l-attention";
-        return "border-l-blue-500";
-    };
-    // Progress bar color
-    const getProgressColor = () => {
-        if (hasErrors)
-            return "bg-attention";
-        if (isComplete)
-            return "bg-success";
-        return "bg-blue-500";
-    };
-    const copyToClipboard = () => {
-        const content = JSON.stringify(batchData, null, 2);
-        navigator.clipboard.writeText(content).then(() => {
-            toast({
-                status: "success",
-                title: t('agent.copiedBatchDetails'),
-                duration: 2000,
-            });
-        });
-    };
-    const duration = completed_at
-        ? completed_at - started_at
-        : Date.now() - started_at;
-    const durationSec = (duration / 1000).toFixed(1);
-    return (_jsxs("div", { className: cn("border-l-4 shadow-md overflow-hidden bg-white dark:bg-gray-900 mb-5", getBorderColor(), className), children: [_jsxs("div", { className: cn("flex items-center justify-between px-4 py-2 border-b border-gray-100/80 dark:border-gray-800/80 bg-blue-50/50 dark:bg-blue-900/10 cursor-pointer", headerClassName), onClick: () => setIsExpanded(!isExpanded), children: [_jsxs("div", { className: "flex items-center gap-2", children: [renderStatusIndicator(), _jsx("span", { className: cn("text-xs font-medium text-muted", senderClassName), children: t('agent.batch') }), _jsx("span", { className: "text-xs text-blue-600 dark:text-blue-400 font-medium", children: tool_name }), _jsxs("span", { className: "text-xs text-muted", children: [completed, "/", total] }), isExpanded ? (_jsx(ChevronDown, { className: "size-3 text-muted" })) : (_jsx(ChevronRight, { className: "size-3 text-muted" }))] }), _jsxs("div", { className: "flex items-center gap-2", children: [_jsxs("span", { className: "text-xs text-muted", children: [durationSec, "s"] }), _jsx("span", { className: "text-xs text-muted", children: dayjs(started_at).format("HH:mm:ss") }), _jsx(Button, { variant: "ghost", size: "xs", onClick: (e) => {
-                                    e.stopPropagation();
-                                    copyToClipboard();
-                                }, className: "text-muted", title: t('agent.copyBatchDetails'), children: _jsx(CopyIcon, { className: "size-3" }) })] })] }), _jsx("div", { className: cn("px-4 py-2 bg-gray-50/50 dark:bg-gray-800/30", progressBarClassName), children: _jsxs("div", { className: "flex items-center gap-3", children: [_jsx("div", { className: "flex-1 h-2 bg-gray-200 dark:bg-gray-700 rounded-full overflow-hidden", children: _jsx("div", { className: `h-full ${getProgressColor()} transition-all duration-300 ease-out`, style: { width: `${progress}%` } }) }), _jsxs("div", { className: "flex items-center gap-2 text-xs", children: [succeeded > 0 && (_jsxs("span", { className: "text-success flex items-center gap-1", children: [_jsx(CheckCircle, { className: "size-3" }), succeeded] })), failed > 0 && (_jsxs("span", { className: "text-destructive flex items-center gap-1", children: [_jsx(AlertCircle, { className: "size-3" }), failed] })), isRunning && completed < total && (_jsxs("span", { className: "text-blue-500 flex items-center gap-1", children: [_jsx(Loader2, { className: "size-3 animate-spin" }), total - completed] }))] })] }) }), isExpanded && items.length > 0 && (_jsx("div", { className: cn("max-h-64 overflow-y-auto", itemListClassName), children: items.map((item) => (_jsxs("div", { className: cn("flex items-center gap-2 px-4 py-1.5 text-xs border-b border-gray-100 dark:border-gray-800 last:border-b-0 hover:bg-gray-50 dark:hover:bg-gray-800/50", itemClassName), children: [_jsxs("div", { className: "w-4 flex-shrink-0", children: [item.status === "success" && (_jsx(CheckCircle, { className: "size-3 text-success" })), item.status === "error" && (_jsx(AlertCircle, { className: "size-3 text-destructive" })), item.status === "running" && (_jsx(Loader2, { className: "size-3 text-blue-500 animate-spin" })), item.status === "pending" && (_jsx("div", { className: "size-3 rounded-full border border-gray-300 dark:border-gray-600" }))] }), _jsx("span", { className: "font-mono text-muted w-24 truncate flex-shrink-0", title: item.id, children: item.id }), _jsx("span", { className: "text-muted truncate flex-1", title: item.message, children: item.message || (item.status === "pending" ? t('agent.waiting') : "") }), item.duration_ms !== undefined && (_jsxs("span", { className: "text-muted flex-shrink-0", children: [(item.duration_ms / 1000).toFixed(1), "s"] }))] }, item.id))) })), !isExpanded && message.message && (_jsx("div", { className: cn("px-4 py-2 text-xs text-muted", summaryClassName), children: message.message }))] }));
-}
-// Memoize to prevent unnecessary re-renders
-const BatchProgressPanel = memo(BatchProgressPanelComponent, (prevProps, nextProps) => {
-    if (prevProps.isRunning !== nextProps.isRunning)
-        return false;
-    if (prevProps.batchData.completed !== nextProps.batchData.completed)
-        return false;
-    if (prevProps.batchData.succeeded !== nextProps.batchData.succeeded)
-        return false;
-    if (prevProps.batchData.failed !== nextProps.batchData.failed)
-        return false;
-    return true;
-});
-export default BatchProgressPanel;
-//# sourceMappingURL=BatchProgressPanel.js.map

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

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

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

@@ -1,114 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Button, Dropdown, MenuGroup, MenuItem, cn, useToast } from "@vertesia/ui/core";
-import { useUserSession } from "@vertesia/ui/session";
-import { Bot, ClipboardList, CopyIcon, DownloadCloudIcon, ExternalLink, GitFork, InfoIcon, MoreVertical, RefreshCcw, XIcon } from "lucide-react";
-import { useUITranslation } from '../../../../i18n/index.js';
-import { PayloadBuilderProvider, usePayloadBuilder } from "../../PayloadBuilder";
-import { getConversationUrl } from "./utils";
-export default function Header({ title, isTerminal = false, onClose, isModal, agentRunId, workflowRunId, viewMode, onViewModeChange, showPlanPanel, hasPlan = false, showPlanButton = true, onTogglePlanPanel, onDownload, 
-// onCopyRunId,
-resetWorkflow, onExportPdf, onShowDetails, onRestart, onClone, isReceivingChunks = false, className, }) {
-    const { t } = useUITranslation();
-    const continueWorkflow = useContinueWorkflow(agentRunId, onRestart);
-    return (_jsx(PayloadBuilderProvider, { children: _jsxs("div", { className: cn("flex flex-wrap items-end justify-between py-1.5 px-2 border-b shadow-sm flex-shrink-0", className), children: [_jsxs("div", { className: "flex flex-wrap items-center space-x-2", children: [_jsxs("div", { className: "flex items-center space-x-1", children: [_jsx(Bot, { className: "size-5 text-muted" }), _jsx("span", { className: "font-medium", children: title })] }), _jsxs("span", { className: "text-xs text-muted ml-1 flex items-center gap-1.5", children: ["(Agent Run ID: ", agentRunId, ")", _jsx("span", { className: cn("w-2 h-2 rounded-full transition-colors duration-200", isReceivingChunks
-                                        ? "bg-purple-500 shadow-[0_0_6px_2px_rgba(168,85,247,0.6)]"
-                                        : "bg-gray-400") })] })] }), _jsxs("div", { className: "flex justify-end items-center space-x-2 ml-auto", children: [_jsxs("div", { className: "flex items-center space-x-1 bg-muted rounded p-0.5 mt-2 lg:mt-0", children: [_jsx(Button, { variant: viewMode === "stacked" ? "outline" : "ghost", size: "xs", onClick: () => onViewModeChange("stacked"), children: t('agent.details') }), _jsx(Button, { variant: viewMode === "sliding" ? "outline" : "ghost", size: "xs", onClick: () => onViewModeChange("sliding"), children: t('agent.summary') })] }), showPlanButton && (_jsxs("div", { className: "relative", children: [hasPlan && !showPlanPanel && (_jsx("span", { className: "absolute -top-1 -right-1 w-2.5 h-2.5 bg-primary rounded-full border border-border z-10" })), _jsxs(Button, { size: "sm", variant: showPlanPanel ? "primary" : "secondary", onClick: onTogglePlanPanel, className: "transition-all duration-200 rounded-md", title: t('agent.toggleRightSidebar'), children: [_jsx(ClipboardList, { className: "size-4 mr-1.5" }), _jsx("span", { className: "font-medium text-xs", children: showPlanPanel ? t('agent.hideSidebar') : t('agent.showSidebar') })] })] })), onRestart && isTerminal && (_jsxs(Button, { size: "sm", variant: "secondary", onClick: continueWorkflow, className: "transition-all duration-200 rounded-md", title: t('agent.continueConversation'), children: [_jsx(RefreshCcw, { className: "size-4 mr-1.5" }), _jsx("span", { className: "font-medium text-xs", children: t('agent.continueConversation') })] })), _jsx(MoreDropdown, { agentRunId: agentRunId, workflowRunId: workflowRunId, isModal: isModal, isTerminal: isTerminal, onClose: onClose, onDownload: onDownload, resetWorkflow: resetWorkflow, onExportPdf: onExportPdf, onShowDetails: onShowDetails, onRestart: onRestart, onClone: onClone }), onClose && !isModal && (_jsx(Button, { size: "xs", variant: "ghost", onClick: onClose, children: _jsx(XIcon, { className: "size-4" }) }))] })] }) }));
-}
-function useContinueWorkflow(agentRunId, onRestart) {
-    const { t } = useUITranslation();
-    const toast = useToast();
-    const { client } = useUserSession();
-    return async () => {
-        try {
-            const newRun = await client.agents.restart(agentRunId);
-            toast({
-                status: "success",
-                title: t('agent.conversationContinued'),
-                duration: 2000,
-            });
-            onRestart?.(newRun);
-        }
-        catch (_error) {
-            toast({
-                status: "error",
-                title: t('agent.failedToContinueConversation'),
-                duration: 2000,
-            });
-        }
-    };
-}
-function MoreDropdown({ agentRunId, workflowRunId, isModal, isTerminal, onClose, onDownload, resetWorkflow, onExportPdf, onShowDetails, onRestart, onClone, }) {
-    const { t } = useUITranslation();
-    const toast = useToast();
-    const { client } = useUserSession();
-    const builder = usePayloadBuilder();
-    const continueWorkflow = useContinueWorkflow(agentRunId, onRestart);
-    const cancelWorkflow = async () => {
-        try {
-            await client.agents.terminate(agentRunId, "cancel");
-            toast({
-                status: "success",
-                title: t('agent.workflowCancelled'),
-                duration: 2000,
-            });
-            builder.reset();
-            resetWorkflow?.();
-            return true;
-        }
-        catch (_error) {
-            toast({
-                status: "error",
-                title: t('agent.failedToCancelWorkflow'),
-                duration: 2000,
-            });
-            return false;
-        }
-    };
-    const cloneWorkflow = async () => {
-        try {
-            const newRun = await client.agents.fork(agentRunId);
-            toast({
-                status: "success",
-                title: t('agent.conversationCloned'),
-                duration: 2000,
-            });
-            onClone?.(newRun);
-        }
-        catch (_error) {
-            toast({
-                status: "error",
-                title: t('agent.failedToCloneConversation'),
-                duration: 2000,
-            });
-        }
-    };
-    const openUrl = (url) => {
-        window.open(url, "_blank");
-        return url;
-    };
-    const copyAgentRunId = () => {
-        navigator.clipboard.writeText(agentRunId);
-        toast({
-            status: "success",
-            title: t('agent.agentRunIdCopied'),
-            duration: 2000,
-        });
-    };
-    const copyWorkflowRunId = () => {
-        navigator.clipboard.writeText(workflowRunId);
-        toast({
-            status: "success",
-            title: t('agent.workflowRunIdCopied'),
-            duration: 2000,
-        });
-    };
-    return (_jsx(Dropdown, { align: "right", trigger: _jsx(Button, { size: "xs", variant: "ghost", title: t('agent.moreActions'), children: _jsx(MoreVertical, { className: "size-4" }) }), children: _jsxs(MenuGroup, { label: "Actions", children: [isModal && (_jsxs(MenuItem, { onClick: () => openUrl(`/store/agent-runner/${agentRunId}`), children: [_jsx(ExternalLink, { className: "size-3.5 text-muted" }), " ", t('agent.openInNewTab')] })), _jsxs(MenuItem, { onClick: copyAgentRunId, children: [_jsx(CopyIcon, { className: "size-3.5 text-muted" }), " ", t('agent.copyAgentRunId')] }), _jsxs(MenuItem, { onClick: copyWorkflowRunId, children: [_jsx(CopyIcon, { className: "size-3.5 text-muted" }), " ", t('agent.copyWorkflowRunId')] }), onShowDetails && (_jsxs(MenuItem, { onClick: onShowDetails, children: [_jsx(InfoIcon, { className: "size-3.5 text-muted" }), " ", t('agent.details')] })), _jsxs(MenuItem, { onClick: () => {
-                        if (onDownload) {
-                            onDownload();
-                        }
-                        else {
-                            getConversationUrl(client, agentRunId).then((r) => window.open(r, "_blank"));
-                        }
-                    }, children: [_jsx(DownloadCloudIcon, { className: "size-3.5 text-muted" }), " ", t('agent.downloadConversation')] }), onExportPdf && (_jsxs(MenuItem, { onClick: onExportPdf, children: [_jsx(DownloadCloudIcon, { className: "size-3.5 text-muted" }), " ", t('agent.exportAsPdf')] })), onClose && isModal && (_jsxs(MenuItem, { onClick: onClose, children: [_jsx(XIcon, { className: "size-3.5 text-muted" }), " ", t('agent.close')] })), onRestart && isTerminal && (_jsxs(MenuItem, { onClick: continueWorkflow, children: [_jsx(RefreshCcw, { className: "size-3.5 text-muted" }), " ", t('agent.continueConversation')] })), onClone && (_jsxs(MenuItem, { onClick: cloneWorkflow, children: [_jsx(GitFork, { className: "size-3.5 text-muted" }), " ", t('agent.cloneConversation')] })), !isTerminal && (_jsxs(MenuItem, { onClick: cancelWorkflow, variant: "destructive", children: [_jsx(XIcon, { className: "size-3.5" }), " ", t('agent.cancelWorkflow')] }))] }) }));
-}
-//# sourceMappingURL=Header.js.map

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

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

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

@@ -1,29 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useState, useEffect } from 'react';
-import { XIcon } from 'lucide-react';
-export default function InlineSlideInPanel({ isOpen, onClose, title, children, width = '320px' }) {
-    const [mounted, setMounted] = useState(false);
-    // Debug logging
-    console.log("InlineSlideInPanel render:", { isOpen, mounted, title });
-    // Handle animation timing
-    useEffect(() => {
-        console.log("InlineSlideInPanel useEffect triggered. isOpen:", isOpen);
-        if (isOpen) {
-            console.log("InlineSlideInPanel setting mounted to true");
-            setMounted(true);
-        }
-        else {
-            console.log("InlineSlideInPanel setting up timer to unmount");
-            const timer = setTimeout(() => {
-                console.log("InlineSlideInPanel timer fired, setting mounted to false");
-                setMounted(false);
-            }, 300); // Match transition duration
-            return () => clearTimeout(timer);
-        }
-    }, [isOpen]);
-    if (!mounted && !isOpen) {
-        return null;
-    }
-    return (_jsxs("div", { className: `absolute top-12 right-0 bottom-0 z-40 bg-white dark:bg-gray-900 shadow-lg border-l border-gray-200 dark:border-gray-800 border-4 border-red-500`, style: { width, transform: 'none' }, children: [_jsxs("div", { className: "flex items-center justify-between p-3 border-b border-gray-200 dark:border-gray-800", children: [_jsx("h3", { className: "font-medium text-gray-800 dark:text-gray-200 text-sm", 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-4 w-4" }) })] }), _jsx("div", { className: "p-3 overflow-y-auto", style: { height: 'calc(100% - 44px)' }, children: children })] }));
-}
-//# sourceMappingURL=InlineSlideInPanel.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"InlineSlideInPanel.js","sourceRoot":"","sources":["../../../../../../src/features/agent/chat/ModernAgentOutput/InlineSlideInPanel.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,kBAAkB,CAAC,EACvC,MAAM,EACN,OAAO,EACP,KAAK,EACL,QAAQ,EACR,KAAK,GAAG,OAAO,EACO;IACtB,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAE9C,gBAAgB;IAChB,OAAO,CAAC,GAAG,CAAC,4BAA4B,EAAE,EAAE,MAAM,EAAE,OAAO,EAAE,KAAK,EAAE,CAAC,CAAC;IAEtE,0BAA0B;IAC1B,SAAS,CAAC,GAAG,EAAE;QACX,OAAO,CAAC,GAAG,CAAC,iDAAiD,EAAE,MAAM,CAAC,CAAC;QACvE,IAAI,MAAM,EAAE,CAAC;YACT,OAAO,CAAC,GAAG,CAAC,4CAA4C,CAAC,CAAC;YAC1D,UAAU,CAAC,IAAI,CAAC,CAAC;QACrB,CAAC;aAAM,CAAC;YACJ,OAAO,CAAC,GAAG,CAAC,gDAAgD,CAAC,CAAC;YAC9D,MAAM,KAAK,GAAG,UAAU,CAAC,GAAG,EAAE;gBAC1B,OAAO,CAAC,GAAG,CAAC,0DAA0D,CAAC,CAAC;gBACxE,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,eACI,SAAS,EAAE,iJAAiJ,EAC5J,KAAK,EAAE,EAAE,KAAK,EAAE,SAAS,EAAE,MAAM,EAAE,aAGnC,eAAK,SAAS,EAAC,qFAAqF,aAChG,aAAI,SAAS,EAAC,sDAAsD,YAAE,KAAK,GAAM,EACjF,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,CACT,CAAC;AACN,CAAC"}

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

@@ -1,94 +0,0 @@
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import { Badge, Button, cn } from "@vertesia/ui/core";
-import { AlertCircle, CheckCircle, Circle, Clock } from "lucide-react";
-import React from "react";
-import { useUITranslation } from '../../../../i18n/index.js';
-function InlineSlidingPlanPanelComponent({ plan, workstreamStatus, isOpen, onClose: _onClose, plans = [], activePlanIndex = 0, onChangePlan = () => { }, }) {
-    const { t } = useUITranslation();
-    // Don't render if panel is closed
-    if (!isOpen) {
-        return null;
-    }
-    // Render the normal panel
-    return (_jsx("div", { className: "h-full overflow-hidden", children: _jsxs("div", { className: "p-3 overflow-y-auto h-full", 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: t('agent.taskProgress') }), _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-gray-200 dark:bg-gray-700 rounded-full h-2.5", children: _jsx("div", { className: "bg-info h-2.5 rounded-full transition-all duration-300", style: { width: `${progressPercentage}%` } }) }), _jsx("span", { className: "text-xs text-foreground font-medium whitespace-nowrap", 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: t('agent.olderPlan') }), _jsx("div", { className: "text-xs text-muted", children: plans[activePlanIndex]?.timestamp
-                                ? new Date(plans[activePlanIndex].timestamp).toLocaleTimeString()
-                                : t('agent.unknownTime') }), _jsx(Button, { variant: "ghost", onClick: () => onChangePlan(Math.max(0, activePlanIndex - 1)), disabled: activePlanIndex <= 0, children: t('agent.newerPlan') })] })), _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: t('agent.stepByStepPlan') }) }), _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"
-                                                                ? t('agent.completed')
-                                                                : status === "in_progress"
-                                                                    ? t('agent.inProgress')
-                                                                    : t('agent.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: t('agent.noPlanDetected') }), _jsx("p", { className: "text-xs mt-1", children: t('agent.plansWillAppear') })] })) })] }), (() => {
-                    // 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: t('agent.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 = t('agent.pending');
-                                        if (status === "in_progress") {
-                                            StatusIcon = Clock;
-                                            statusColor = "text-info";
-                                            statusBg = "bg-info/20";
-                                            statusText = t('agent.inProgress');
-                                        }
-                                        else if (status === "completed") {
-                                            StatusIcon = CheckCircle;
-                                            statusColor = "text-success";
-                                            statusBg = "bg-success/20";
-                                            statusText = t('agent.completed');
-                                        }
-                                        return (_jsxs("div", { className: cn("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

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

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

@@ -1,202 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Button, Spinner, Modal, ModalBody, ModalTitle, VTooltip, cn, Textarea } from "@vertesia/ui/core";
-import { Activity, 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";
-import { useUITranslation } from "../../../../i18n/index.js";
-export default function MessageInput({ onSend, onStop, disabled = false, isSending = false, isStopping = false, isStreaming = false, isCompleted = false, activeTaskCount = 0, placeholder, 
-// File upload props
-onFilesSelected, uploadedFiles = [], onRemoveFile, acceptedFileTypes, maxFiles = 5, processingFiles, hasProcessingFiles = false, 
-// Document search props
-renderDocumentSearch, selectedDocuments = [], onRemoveDocument, 
-// Object linking
-hideObjectLinking = false, 
-// File upload
-hideFileUpload = false, 
-// Styling props
-className, }) {
-    const { t } = useUITranslation();
-    const resolvedPlaceholder = placeholder ?? t('agent.typeYourMessage');
-    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: SelectedDocument) => {
-    //     // 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 handleDocSearchClose = useCallback(() => setIsDocSearchOpen(false), []);
-    const handleDocSearchSelect = useCallback((_doc) => setIsDocSearchOpen(false), []);
-    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);
-    };
-    return (_jsxs("div", { className: cn("p-3 border-t border-muted flex-shrink-0 transition-all fixed lg:sticky bottom-0 left-0 right-0 lg:left-auto lg:right-auto w-full bg-background z-10", 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" }), t('agent.dropFilesToUpload')] }) })), onFilesSelected && (_jsx("input", { ref: fileInputRef, type: "file", multiple: true, accept: acceptedFileTypes, onChange: handleFileInputChange, className: "hidden" })), !hideFileUpload && (uploadedFiles.length > 0 || (processingFiles && processingFiles.size > 0)) && (_jsx("div", { className: "flex flex-col gap-2 mb-3", children: _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: t('agent.uploadedFiles') }), _jsx(VTooltip, { description: t('agent.filesUploadedDescription'), 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: [processingFiles && Array.from(processingFiles.values()).map((file) => (_jsxs("div", { className: cn("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: [_jsx(FileTextIcon, { className: cn("size-3.5", (file.status === FileProcessingStatus.UPLOADING || file.status === FileProcessingStatus.PROCESSING) && "animate-pulse") }), _jsx("span", { className: "max-w-[120px] truncate", children: file.name }), _jsx("span", { className: "text-xs opacity-70", children: file.status === FileProcessingStatus.UPLOADING ? t('agent.uploading')
-                                                : file.status === FileProcessingStatus.PROCESSING ? t('agent.processing')
-                                                    : file.status === FileProcessingStatus.ERROR ? t('agent.error')
-                                                        : file.status === FileProcessingStatus.READY ? t('agent.ready') : file.status })] }, file.id))), uploadedFiles.map((file) => (_jsxs("div", { className: "flex items-center gap-1.5 px-2 py-1 bg-success/10 text-success rounded-md text-sm", children: [_jsx(FileTextIcon, { className: "size-3.5" }), _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-success/20 rounded", children: _jsx(XIcon, { className: "size-3" }) }))] }, file.id)))] })] }) })), selectedDocuments.length > 0 && (_jsxs("div", { className: "mb-3", 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: t('agent.documentAttachments') }), _jsx(VTooltip, { description: t('agent.documentAttachmentsDescription'), 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" }), t('agent.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" }), t('agent.searchDocuments'), selectedDocuments.length > 0 && (_jsx("span", { className: "ml-1.5 inline-flex items-center justify-center px-1.5 py-0.5 text-[10px] font-medium rounded-full bg-blue-600 text-white", children: selectedDocuments.length }))] }))] })), _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 ? t('agent.agentWorking') : (onFilesSelected ? t('agent.askAnything') : resolvedPlaceholder), rows: 2, style: { minHeight: '60px', maxHeight: '200px' } }), !hideObjectLinking && (_jsx(Button, { variant: "ghost", className: "rounded-full", disabled: !isCompleted, onClick: () => setIsObjectModalOpen(true), alt: t('agent.linkObject'), 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: t('agent.stopAgent'), children: [isStopping ? _jsx(Spinner, { size: "sm", className: "mr-2" }) : _jsx(StopCircleIcon, { className: "size-4 mr-2" }), " ", _jsx("span", { children: t('agent.stop') })] })) : (_jsxs(Button, { onClick: handleSend, disabled: disabled || isSending || !value.trim() || hasProcessingFiles, className: "px-4 py-2.5", title: hasProcessingFiles ? t('agent.waitForFiles') : undefined, children: [isSending ? _jsx(Spinner, { size: "sm", className: "mr-2" }) : _jsx(SendIcon, { className: "size-4 mr-2" }), _jsx("span", { children: hasProcessingFiles ? t('agent.processing') : t('agent.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" }), _jsx("span", { children: t('agent.activeWorkstreams', { count: activeTaskCount }) })] })) : isStreaming
-                    ? t('agent.agentWorkingStop')
-                    : disabled
-                        ? t('agent.agentProcessing')
-                        : t('agent.enterToSend') }), _jsxs(Modal, { isOpen: isObjectModalOpen, onClose: () => setIsObjectModalOpen(false), className: 'min-w-[60vw]', children: [_jsx(ModalTitle, { children: t('agent.linkObject') }), _jsx(ModalBody, { className: "pb-6", children: _jsx(SelectDocument, { onChange: handleObjectSelect }) })] }), renderDocumentSearch?.({ isOpen: isDocSearchOpen, onClose: handleDocSearchClose, onSelect: handleDocSearchSelect })] }));
-}
-//# sourceMappingURL=MessageInput.js.map