@vertesia/ui 0.60.0 → 0.61.0

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

@@ -0,0 +1,66 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Button, Command, CommandGroup, CommandItem, CommandList, Popover, PopoverContent, PopoverTrigger, useToast } from "@vertesia/ui/core";
+import { useUserSession } from "@vertesia/ui/session";
+import { Bot, ClipboardList, CopyIcon, DownloadCloudIcon, ExternalLink, MoreVertical, Plus, XIcon, } from "lucide-react";
+import { PayloadBuilderProvider, usePayloadBuilder } from "../../PayloadBuilder";
+import { getConversationUrl } from "./utils";
+export default function Header({ title, onClose, isModal, run, viewMode, onViewModeChange, showPlanPanel, hasPlan = false, onTogglePlanPanel, onDownload, onCopyRunId, resetWorkflow }) {
+    return (_jsx(PayloadBuilderProvider, { children: _jsxs("div", { className: "flex items-center justify-between py-1.5 px-2 border-b shadow-sm flex-shrink-0", 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", children: ["(Run ID: ", run.runId.substring(0, 8), "...)"] })] }), _jsxs("div", { className: "flex items-center space-x-2", children: [_jsxs("div", { className: "flex items-center space-x-1 bg-muted rounded p-0.5", children: [_jsx(Button, { variant: viewMode === "stacked" ? "outline" : "ghost", size: "xs", className: "rounded-l-md", onClick: () => onViewModeChange("stacked"), children: "Details" }), _jsx(Button, { variant: viewMode === "sliding" ? "outline" : "ghost", size: "xs", className: "rounded-l-md", onClick: () => onViewModeChange("sliding"), children: "Most Important" })] }), _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: "Toggle plan panel", children: [_jsx(ClipboardList, { className: "size-4 mr-1.5" }), _jsx("span", { className: "font-medium text-xs", children: showPlanPanel ? "Hide Plan" : "Show Plan" })] })] }), _jsx(MoreDropdown, { run: run, isModal: isModal, onClose: onClose, onDownload: onDownload, onCopyRunId: onCopyRunId, resetWorkflow: resetWorkflow }), onClose && !isModal && (_jsx(Button, { size: "xs", variant: "ghost", onClick: onClose, children: _jsx(XIcon, { className: "size-4" }) }))] })] }) }));
+}
+function MoreDropdown({ run, isModal, onClose, onDownload, onCopyRunId, resetWorkflow }) {
+    const toast = useToast();
+    const { client } = useUserSession();
+    const builder = usePayloadBuilder();
+    const cancelWorkflow = async (run) => {
+        try {
+            await client.store.workflows.terminate(run.workflowId, run.runId, "cancel");
+            toast({
+                status: "success",
+                title: "Workflow cancelled",
+                duration: 2000,
+            });
+            builder.reset();
+            resetWorkflow?.();
+            return true;
+        }
+        catch (error) {
+            toast({
+                status: "error",
+                title: "Failed to cancel workflow",
+                duration: 2000,
+            });
+            return false;
+        }
+    };
+    const startNewAgent = () => {
+        builder.reset();
+        resetWorkflow?.();
+    };
+    const openUrl = (url) => {
+        window.open(url, "_blank");
+        return url;
+    };
+    return (_jsxs(Popover, { hover: true, children: [_jsx(PopoverTrigger, { children: _jsx(Button, { size: "xs", variant: "ghost", title: "More actions", children: _jsx(MoreVertical, { className: "size-4" }) }) }), _jsx(PopoverContent, { className: "w-48", align: "end", children: _jsx("div", { className: "rounded-md shadow-lg z-50", children: _jsx("div", { className: "py-1 min-w-36", children: _jsx(Command, { children: _jsx(CommandList, { children: _jsxs(CommandGroup, { children: [_jsx("div", { className: "flex items-center px-3 py-1.5 text-xs text-gray-700 dark:text-gray-300", children: _jsx("span", { className: "text-muted", children: "Actions" }) }), isModal && (_jsxs(CommandItem, { className: "text-xs", onSelect: () => openUrl(`/store/agent-runner?agentId=${run.runId}__${run.workflowId}`), children: [_jsx(ExternalLink, { className: "size-3.5 mr-2 text-muted" }), " Open in new tab"] })), _jsxs(CommandItem, { className: "text-xs", onSelect: () => {
+                                                if (onCopyRunId) {
+                                                    onCopyRunId();
+                                                }
+                                                else {
+                                                    navigator.clipboard.writeText(run.runId);
+                                                    toast({
+                                                        status: "success",
+                                                        title: "Run ID copied",
+                                                        duration: 2000,
+                                                    });
+                                                }
+                                            }, children: [_jsx(CopyIcon, { className: "size-3.5 mr-2 text-muted" }), " Copy Run ID"] }), _jsxs(CommandItem, { className: "text-xs", onSelect: () => {
+                                                if (onDownload) {
+                                                    onDownload();
+                                                }
+                                                else {
+                                                    getConversationUrl(client, run.runId).then((r) => window.open(r, "_blank"));
+                                                }
+                                            }, children: [_jsx(DownloadCloudIcon, { className: "size-3.5 mr-2 text-muted" }), " Download Conversation"] }), onClose && isModal && (_jsxs(CommandItem, { className: "text-xs", onSelect: onClose, children: [_jsx(XIcon, { className: "size-3.5 mr-2 text-muted" }), " Close"] })), _jsxs(CommandItem, { className: "text-xs text-destructive", onSelect: () => {
+                                                cancelWorkflow(run);
+                                            }, children: [_jsx(XIcon, { className: "size-3.5 mr-2 text-destructive" }), " Cancel Workflow"] }), !isModal && (_jsxs(CommandItem, { className: "text-xs", onSelect: startNewAgent, children: [_jsx(Plus, { className: "size-3.5 mr-2 text-muted" }), " Start a new Agent"] }))] }) }) }) }) }) })] }));
+}
+//# sourceMappingURL=Header.js.map

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

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

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

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

@@ -0,0 +1,97 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { AlertCircle, CheckCircle, Circle, Clock, X } from "lucide-react";
+export default function InlineSlidingPlanPanel({ 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: "fixed top-24 right-8 bottom-24 z-50 bg-white dark:bg-gray-900 shadow-xl border border-gray-200 dark:border-gray-700 overflow-hidden", style: { width: "350px" }, 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-bold text-gray-800 dark:text-gray-200 text-base", children: "Plan" }), _jsxs("button", { className: "p-1 hover:bg-gray-100 dark:hover:bg-gray-800 rounded-full text-gray-500 dark:text-gray-400", onClick: onClose, children: [_jsx(X, { className: "h-4 w-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-blue-50 dark:bg-blue-900/20 rounded-md border border-blue-100 dark:border-blue-800", children: [_jsx("div", { className: "text-xs font-medium text-blue-700 dark:text-blue-300 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-gray-200 dark:bg-gray-700 rounded-full h-2", children: _jsx("div", { className: "bg-blue-600 h-2 rounded-full", style: { width: `${progressPercentage}%` } }) }), _jsx("span", { className: "text-xs text-gray-600 dark:text-gray-400", children: totalTasks > 0 ? `${completedTasks}/${totalTasks}` : "0/0" })] }));
+                                })() })] }), plans.length > 1 && (_jsxs("div", { className: "mb-3 flex items-center justify-between", children: [_jsx("button", { className: "text-xs px-2 py-1 rounded-md bg-gray-100 dark:bg-gray-800 text-gray-600 dark:text-gray-300 disabled:opacity-50", onClick: () => onChangePlan(Math.min(plans.length - 1, activePlanIndex + 1)), disabled: activePlanIndex >= plans.length - 1, children: "Older Plan" }), _jsx("div", { className: "text-xs text-gray-500 dark:text-gray-400", children: plans[activePlanIndex]?.timestamp
+                                    ? new Date(plans[activePlanIndex].timestamp).toLocaleTimeString()
+                                    : "Unknown time" }), _jsx("button", { className: "text-xs px-2 py-1 rounded-md bg-gray-100 dark:bg-gray-800 text-gray-600 dark:text-gray-300 disabled:opacity-50", onClick: () => onChangePlan(Math.max(0, activePlanIndex - 1)), disabled: activePlanIndex <= 0, children: "Newer Plan" })] })), _jsxs("div", { className: "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: "Step-by-Step Plan" }) }), _jsx("div", { className: "divide-y divide-gray-100 dark:divide-gray-800 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-gray-400";
+                                    let bgColor = "";
+                                    if (status === "in_progress") {
+                                        StatusIcon = Clock;
+                                        statusColor = "text-blue-500";
+                                        bgColor = "bg-blue-50/50 dark:bg-blue-900/10";
+                                    }
+                                    else if (status === "completed") {
+                                        StatusIcon = CheckCircle;
+                                        statusColor = "text-green-500";
+                                    }
+                                    return (_jsxs("div", { className: `flex p-3 my-1 ${bgColor}`, children: [_jsx("div", { className: `mr-2 mt-0.5 flex-shrink-0 ${statusColor}`, children: _jsx(StatusIcon, { className: "h-3.5 w-3.5" }) }), _jsxs("div", { className: "w-full", children: [_jsx("div", { className: "text-sm font-medium text-gray-800 dark:text-gray-200 mb-2", children: taskGoal }), _jsxs("div", { className: "mt-1 flex justify-between items-center", children: [_jsx("span", { className: "inline-flex items-center px-1.5 py-0.5 rounded text-xs font-medium bg-gray-100 dark:bg-gray-800 text-gray-700 dark:text-gray-300", children: taskId }), _jsx("span", { className: `ml-2 text-xs px-2 py-0.5 rounded-full ${status === "completed"
+                                                                    ? "bg-green-100 text-green-600 dark:bg-green-900/30 dark:text-green-400"
+                                                                    : status === "in_progress"
+                                                                        ? "bg-blue-100 text-blue-600 dark:bg-blue-900/30 dark:text-blue-400"
+                                                                        : "bg-gray-100 text-gray-500 dark:bg-gray-800 dark:text-gray-400"}`, children: status === "completed"
+                                                                    ? "Completed"
+                                                                    : status === "in_progress"
+                                                                        ? "In Progress"
+                                                                        : "Pending" })] })] })] }, index));
+                                })) : (_jsxs("div", { className: "p-3 text-center text-gray-500 dark:text-gray-400 italic", children: [_jsx(AlertCircle, { className: "h-4 w-4 mx-auto mb-2 text-amber-500" }), _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-blue-500";
+                                                statusBg = "bg-blue-100 dark:bg-blue-800/30";
+                                                statusText = "In Progress";
+                                            }
+                                            else if (status === "completed") {
+                                                StatusIcon = CheckCircle;
+                                                statusColor = "text-green-500";
+                                                statusBg = "bg-green-100 dark:bg-green-800/30";
+                                                statusText = "Completed";
+                                            }
+                                            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;
+                    })()] })] }));
+}
+//# 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":"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"}

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

@@ -0,0 +1,46 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Button, Input, Spinner, VModal, VModalBody, VModalTitle } from "@vertesia/ui/core";
+import { Activity, PaperclipIcon, SendIcon } from "lucide-react";
+import { useEffect, useRef, useState } from "react";
+import { SelectDocument } from "../../../store";
+export default function MessageInput({ value, onChange, onSend, disabled = false, isSending = false, isCompleted = false, activeTaskCount = 0, placeholder = "Type your message..." }) {
+    const ref = useRef(null);
+    const [isObjectModalOpen, setIsObjectModalOpen] = useState(false);
+    useEffect(() => {
+        if (!disabled && isCompleted)
+            ref.current?.focus();
+    }, [disabled, isCompleted]);
+    const keyDown = (e) => {
+        if (e.key === "Enter" && !e.shiftKey) {
+            e.preventDefault();
+            onSend();
+        }
+    };
+    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
+        onChange(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: "p-3 border-t border-muted flex-shrink-0", style: { minHeight: "90px" }, children: [_jsxs("div", { className: "flex items-center space-x-2", children: [_jsxs("div", { className: "flex flex-1 space-x-1", children: [_jsx(Input, { ref: ref, value: value, onKeyDown: keyDown, onChange: onChange, disabled: disabled || isSending, placeholder: placeholder, className: "pr-12 py-2.5" }), _jsx(Button, { variant: "ghost", className: "rounded-full", disabled: !isCompleted, onClick: () => setIsObjectModalOpen(true), alt: "Link Object", children: _jsx(PaperclipIcon, { className: "size-4" }) })] }), _jsxs(Button, { onClick: onSend, disabled: disabled || isSending || !value.trim(), className: "px-4 py-2.5", children: [isSending ? _jsx(Spinner, { size: "sm", className: "mr-2" }) : _jsx(SendIcon, { className: "size-4 mr-2" }), " 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"] })] })) : disabled
+                    ? "Agent is processing, you can continue once it completes..."
+                    : "You can send a message at any time" }), _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 }) })] })] }));
+}
+//# 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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"}