npm - @vertesia/ui - Versions diffs - 0.80.0-dev-20251118 → 0.80.0 - Mend

@vertesia/ui 0.80.0-dev-20251118 → 0.80.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (311) hide show

package/src/features/agent/chat/ModernAgentConversation.tsx CHANGED Viewed

@@ -3,7 +3,7 @@ import { Bot, Cpu, SendIcon, XIcon } from "lucide-react";
 import { useUserSession } from "@vertesia/ui/session";
 import { AsyncExecutionResult, VertesiaClient } from "@vertesia/client";
 import { AgentMessage, AgentMessageType, Plan, UserInputSignal } from "@vertesia/common";
-import { Button, MessageBox, Spinner, useToast } from "@vertesia/ui/core";
+import { Button, MessageBox, Spinner, useToast, VModal, VModalBody, VModalFooter, VModalTitle } from "@vertesia/ui/core";
 import { AnimatedThinkingDots, PulsatingCircle } from "./AnimatedThinkingDots";
 import AllMessagesMixed from "./ModernAgentOutput/AllMessagesMixed";
@@ -17,6 +17,50 @@ type StartWorkflowFn = (
     initialMessage?: string,
 ) => Promise<{ run_id: string; workflow_id: string } | undefined>;
+function printElementToPdf(sourceElement: HTMLElement, title: string): boolean {
+    if (typeof window === "undefined" || typeof document === "undefined") {
+        return false;
+    }
+    // Use a hidden iframe to avoid opening a new window
+    const iframe = document.createElement("iframe");
+    iframe.style.position = "fixed";
+    iframe.style.right = "0";
+    iframe.style.bottom = "0";
+    iframe.style.width = "0";
+    iframe.style.height = "0";
+    iframe.style.border = "0";
+    iframe.style.visibility = "hidden";
+    document.body.appendChild(iframe);
+    const iframeWindow = iframe.contentWindow;
+    if (!iframeWindow) {
+        iframe.parentNode?.removeChild(iframe);
+        return false;
+    }
+    const doc = iframeWindow.document;
+    doc.open();
+    doc.write(`<!doctype html><html><head><title>${title}</title></head><body></body></html>`);
+    doc.close();
+    doc.title = title;
+    const styles = document.querySelectorAll<HTMLLinkElement | HTMLStyleElement>("link[rel=\"stylesheet\"], style");
+    styles.forEach((node) => {
+        doc.head.appendChild(node.cloneNode(true));
+    });
+    doc.body.innerHTML = sourceElement.innerHTML;
+    iframeWindow.focus();
+    iframeWindow.print();
+    setTimeout(() => {
+        iframe.parentNode?.removeChild(iframe);
+    }, 1000);
+    return true;
+}
 interface ModernAgentConversationProps {
     run?: AsyncExecutionResult | { workflow_id: string; run_id: string };
     title?: string;
@@ -248,9 +292,9 @@ function ModernAgentConversationInner({
 }: ModernAgentConversationProps & { run: AsyncExecutionResult }) {
     const { client } = useUserSession();
     const bottomRef = useRef<HTMLDivElement | null>(null);
+    const conversationRef = useRef<HTMLDivElement | null>(null);
     const [messages, setMessages] = useState<AgentMessage[]>([]);
     const [isCompleted, setIsCompleted] = useState(false);
-    const [inputValue, setInputValue] = useState<string>("");
     const [isSending, setIsSending] = useState(false);
     const [viewMode, setViewMode] = useState<"stacked" | "sliding">("sliding");
     const [showSlidingPanel, setShowSlidingPanel] = useState<boolean>(!isModal);
@@ -486,16 +530,15 @@ function ModernAgentConversationInner({
     }, [messages, plans, activePlanIndex]);
     // Send a message to the agent
-    const handleSendMessage = () => {
-        const message = inputValue.trim();
-        if (!message || isSending) return;
+    const handleSendMessage = (message: string) => {
+        const trimmed = message.trim();
+        if (!trimmed || isSending) return;
         setIsSending(true);
-        setInputValue("");
         client.store.workflows
             .sendSignal(run.workflowId, run.runId, "UserInput", {
-                message,
+                message: trimmed,
             } as UserInputSignal)
             .then(() => {
                 setIsCompleted(false);
@@ -583,12 +626,63 @@ function ModernAgentConversationInner({
         });
     };
+    const [isPdfModalOpen, setIsPdfModalOpen] = useState(false);
+    const exportConversationPdf = () => {
+        if (!conversationRef.current) {
+            toast({
+                status: "error",
+                title: "PDF export failed",
+                description: "No conversation content available to export",
+                duration: 3000,
+            });
+            return;
+        }
+        setIsPdfModalOpen(true);
+    };
+    const handleConfirmExportPdf = () => {
+        if (!conversationRef.current) {
+            toast({
+                status: "error",
+                title: "PDF export failed",
+                description: "No conversation content available to export",
+                duration: 3000,
+            });
+            return;
+        }
+        const pdfTitle = `${actualTitle} - ${run.runId}`;
+        const success = printElementToPdf(conversationRef.current, pdfTitle);
+        if (!success) {
+            toast({
+                status: "error",
+                title: "PDF export failed",
+                description: "Unable to open print preview",
+                duration: 4000,
+            });
+            return;
+        }
+        toast({
+            status: "success",
+            title: "PDF export ready",
+            description: "Use your browser's Print dialog to save as PDF",
+            duration: 4000,
+        });
+        setIsPdfModalOpen(false);
+    };
     return (
         <div className="flex gap-2 h-full">
             {/* Conversation Area - responsive width based on panel visibility */}
-            <div className={`flex flex-col h-full min-h-0 border-0 ${
+            <div
+                ref={conversationRef}
+                className={`flex flex-col h-full min-h-0 border-0 ${
                 showSlidingPanel ? 'lg:w-2/3 flex-1' : `flex-1 mx-auto ${!isModal ? 'max-w-4xl' : ''}`
-            }`}>
+            }`}
+            >
                 <Header
                     title={actualTitle}
                     isCompleted={isCompleted}
@@ -609,6 +703,7 @@ function ModernAgentConversationInner({
                     onDownload={downloadConversation}
                     onCopyRunId={copyRunId}
                     resetWorkflow={resetWorkflow}
+                    onExportPdf={exportConversationPdf}
                 />
                 {messages.length === 0 && !isCompleted ? (
@@ -664,8 +759,6 @@ function ModernAgentConversationInner({
                         </MessageBox>
                     ) : showInput && (
                         <MessageInput
-                            value={inputValue}
-                            onChange={setInputValue}
                             onSend={handleSendMessage}
                             disabled={false}
                             isSending={isSending}
@@ -690,6 +783,25 @@ function ModernAgentConversationInner({
                     />
                 </div>
             )}
+            <VModal isOpen={isPdfModalOpen} onClose={() => setIsPdfModalOpen(false)}>
+                <VModalTitle>Export conversation as PDF</VModalTitle>
+                <VModalBody>
+                    <p className="mb-2">
+                        This will open your browser&apos;s print dialog with the current conversation.
+                    </p>
+                    <p className="text-sm text-muted">
+                        To save a PDF, choose &quot;Save as PDF&quot; or a similar option in the print dialog.
+                    </p>
+                </VModalBody>
+                <VModalFooter align="right">
+                    <Button variant="ghost" size="sm" onClick={() => setIsPdfModalOpen(false)}>
+                        Cancel
+                    </Button>
+                    <Button size="sm" onClick={handleConfirmExportPdf}>
+                        Open print dialog
+                    </Button>
+                </VModalFooter>
+            </VModal>
         </div>
     );
 }

package/src/features/agent/chat/ModernAgentOutput/AllMessagesMixed.tsx CHANGED Viewed

@@ -19,7 +19,7 @@ interface AllMessagesMixedProps {
     taskLabels?: Map<string, string>; // Maps task IDs to more descriptive labels
 }
-export default function AllMessagesMixed({
+function AllMessagesMixedComponent({
     messages,
     bottomRef,
     viewMode = 'stacked',
@@ -167,11 +167,13 @@ export default function AllMessagesMixed({
                         <>
                             {/* Get all messages to display in sliding view */}
                             {(() => {
-                                // First get all permanent messages (ANSWER, QUESTION, COMPLETE, REQUEST_INPUT, TERMINATED)
+                                // First get all permanent messages (ANSWER, QUESTION, COMPLETE, REQUEST_INPUT, IDLE, TERMINATED)
                                 const permanentMessages = displayMessages.filter(msg =>
                                     msg.type === AgentMessageType.ANSWER ||
                                     msg.type === AgentMessageType.QUESTION ||
                                     msg.type === AgentMessageType.COMPLETE ||
+                                    msg.type === AgentMessageType.IDLE ||
+                                    msg.type === AgentMessageType.REQUEST_INPUT ||
                                     msg.type === AgentMessageType.TERMINATED
                                 );
@@ -225,3 +227,7 @@ export default function AllMessagesMixed({
         </div>
     );
 }
+const AllMessagesMixed = React.memo(AllMessagesMixedComponent);
+export default AllMessagesMixed;

package/src/features/agent/chat/ModernAgentOutput/Header.tsx CHANGED Viewed

@@ -19,6 +19,7 @@ interface HeaderProps {
     onDownload?: () => void;
     onCopyRunId?: () => void;
     resetWorkflow?: () => void;
+    onExportPdf?: () => void;
 }
 export default function Header({
@@ -33,7 +34,8 @@ export default function Header({
     onTogglePlanPanel,
     onDownload,
     onCopyRunId,
-    resetWorkflow
+    resetWorkflow,
+    onExportPdf,
 }: HeaderProps) {
     return (
         <PayloadBuilderProvider>
@@ -84,6 +86,7 @@ export default function Header({
                         onDownload={onDownload}
                         onCopyRunId={onCopyRunId}
                         resetWorkflow={resetWorkflow}
+                        onExportPdf={onExportPdf}
                     />
                     {onClose && !isModal && (
                         <Button size="xs" variant="ghost" onClick={onClose}>
@@ -102,7 +105,8 @@ function MoreDropdown({
     onClose,
     onDownload,
     onCopyRunId,
-    resetWorkflow
+    resetWorkflow,
+    onExportPdf,
 }: {
     run: AsyncExecutionResult;
     isModal: boolean;
@@ -110,6 +114,7 @@ function MoreDropdown({
     onDownload?: () => void;
     onCopyRunId?: () => void;
     resetWorkflow?: () => void;
+    onExportPdf?: () => void;
 }) {
     const toast = useToast();
     const { client } = useUserSession();
@@ -191,6 +196,11 @@ function MoreDropdown({
                                         <DownloadCloudIcon className="size-3.5 mr-2 text-muted" /> Download
                                         Conversation
                                     </CommandItem>
+                                    {onExportPdf && (
+                                        <CommandItem className="text-xs" onSelect={onExportPdf}>
+                                            <DownloadCloudIcon className="size-3.5 mr-2 text-muted" /> Export as PDF
+                                        </CommandItem>
+                                    )}
                                     {onClose && isModal && (
                                         <CommandItem className="text-xs" onSelect={onClose}>
                                             <XIcon className="size-3.5 mr-2 text-muted" /> Close

package/src/features/agent/chat/ModernAgentOutput/InlineSlidingPlanPanel.tsx CHANGED Viewed

@@ -1,6 +1,7 @@
 import { Plan } from "@vertesia/common";
 import { Badge, Button } from "@vertesia/ui/core";
 import { AlertCircle, CheckCircle, Circle, Clock, X } from "lucide-react";
+import React from "react";
 interface InlinePlanPanelProps {
   plan: Plan;
@@ -12,7 +13,7 @@ interface InlinePlanPanelProps {
   onChangePlan?: (index: number) => void;
 }
-export default function InlineSlidingPlanPanel({
+function InlineSlidingPlanPanelComponent({
   plan,
   workstreamStatus,
   isOpen,
@@ -264,3 +265,7 @@ export default function InlineSlidingPlanPanel({
     </div>
   );
 }
+const InlineSlidingPlanPanel = React.memo(InlineSlidingPlanPanelComponent);
+export default InlineSlidingPlanPanel;

package/src/features/agent/chat/ModernAgentOutput/MessageInput.tsx CHANGED Viewed

@@ -4,9 +4,7 @@ import React, { useEffect, useRef, useState } from "react";
 import { SelectDocument } from "../../../store";
 interface MessageInputProps {
-    value: string;
-    onChange: (v: string) => void;
-    onSend: () => void;
+    onSend: (message: string) => void;
     disabled?: boolean;
     isSending?: boolean;
     isCompleted?: boolean;
@@ -15,8 +13,6 @@ interface MessageInputProps {
 }
 export default function MessageInput({
-    value,
-    onChange,
     onSend,
     disabled = false,
     isSending = false,
@@ -25,16 +21,25 @@ export default function MessageInput({
     placeholder = "Type your message..."
 }: MessageInputProps) {
     const ref = useRef<HTMLInputElement | null>(null);
+    const [value, setValue] = useState("");
     const [isObjectModalOpen, setIsObjectModalOpen] = useState(false);
     useEffect(() => {
         if (!disabled && isCompleted) ref.current?.focus();
     }, [disabled, isCompleted]);
+    const handleSend = () => {
+        const message = value.trim();
+        if (!message || disabled || isSending) return;
+        onSend(message);
+        setValue("");
+    };
     const keyDown = (e: React.KeyboardEvent<HTMLInputElement>) => {
         if (e.key === "Enter" && !e.shiftKey) {
             e.preventDefault();
-            onSend();
+            handleSend();
         }
     };
@@ -50,7 +55,7 @@ export default function MessageInput({
         const newValue = currentValue.substring(0, cursorPos) + markdownLink + currentValue.substring(cursorPos);
         // Update the input value
-        onChange(newValue);
+        setValue(newValue);
         // Close the modal
         setIsObjectModalOpen(false);
@@ -74,7 +79,7 @@ export default function MessageInput({
                         ref={ref}
                         value={value}
                         onKeyDown={keyDown}
-                        onChange={onChange}
+                        onChange={setValue}
                         disabled={disabled || isSending}
                         placeholder={placeholder}
                         className="pr-12 py-2.5"
@@ -90,7 +95,7 @@ export default function MessageInput({
                     </Button>
                 </div>
                 <Button
-                    onClick={onSend}
+                    onClick={handleSend}
                     disabled={disabled || isSending || !value.trim()}
                     className="px-4 py-2.5"
                 >
@@ -122,4 +127,4 @@ export default function MessageInput({
             </VModal>
         </div>
     );
-}
+}

package/src/features/agent/chat/ModernAgentOutput/MessageItem.tsx CHANGED Viewed

@@ -2,11 +2,10 @@ import { AgentMessage, 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, MessageSquare, User } from "lucide-react";
 import React, { useEffect, useState } from "react";
-import Markdown from "react-markdown";
-import remarkGfm from "remark-gfm";
 import { AnimatedThinkingDots, PulsatingCircle } from "../AnimatedThinkingDots";
 import { ThinkingMessages } from "../WaitingMessages";
 import { getWorkstreamId } from "./utils";
@@ -100,46 +99,17 @@ export default function MessageItem({ message, showPulsatingCircle = false }: Me
     const messageStyles = getMessageStyles();
-    // Convert links in the content (now async to handle image URLs)
+    // Convert links in the content.
+    // Special schemes like store:, collection:, image:, and artifact:
+    // are now handled centrally in MarkdownRenderer, so this function
+    // only preserves the async shape for backwards compatibility.
     const convertLinks = async (content: string | object): Promise<string | object> => {
         // If content is not a string, return it as is
         if (typeof content !== "string") {
             return content;
         }
-        let processedContent = content;
-        // First, handle store and collection links
-        processedContent = processedContent.replace(/\[([^\]]+)\]\((store|collection):([a-f\d]{24})\)/gi, (_, text, type, id) => {
-            const path = type === 'store' ? 'objects' : 'collections';
-            return `[${text}](/store/${path}/${id})`;
-        });
-        // Then, handle image links by finding all image:<gcspath> patterns
-        const imageRegex = /!\[([^\]]*)\]\(image:([^)]+)\)/g;
-        const imageMatches = Array.from(processedContent.matchAll(imageRegex));
-        // Process all image URLs in parallel
-        const imageReplacements = await Promise.all(
-            imageMatches.map(async (match) => {
-                const [fullMatch, altText, gcsPath] = match;
-                try {
-                    const response = await client.files.getDownloadUrl(gcsPath);
-                    return { fullMatch, replacement: `![${altText}](${response.url})` };
-                } catch (error) {
-                    console.error(`Failed to get download URL for image: ${gcsPath}`, error);
-                    // Return original on error
-                    return { fullMatch, replacement: fullMatch };
-                }
-            })
-        );
-        // Apply all replacements
-        for (const { fullMatch, replacement } of imageReplacements) {
-            processedContent = processedContent.replace(fullMatch, replacement);
-        }
-        return processedContent;
+        return content;
     };
     // Get the message content to display with thinking message replacement
@@ -254,10 +224,12 @@ export default function MessageItem({ message, showPulsatingCircle = false }: Me
         }
         // Handle string content with markdown - content is already processed
+        const runId = (message as any).workflow_run_id as string | undefined;
         return (
             <div className="vprose prose-sm">
-                <Markdown
-                    remarkPlugins={[remarkGfm]}
+                <MarkdownRenderer
+                    artifactRunId={runId}
                     components={{
                         a: ({ node, ref, ...props }: { node?: any; ref?: any; href?: string; children?: React.ReactNode }) => {
                             const href = props.href || "";
@@ -289,62 +261,78 @@ export default function MessageItem({ message, showPulsatingCircle = false }: Me
                                 />
                             );
                         },
-                        code: ({
-                            node,
-                            ref,
-                            className,
-                            children,
-                            ...props
-                        }: {
-                            node?: any;
-                            ref?: any;
-                            className?: string;
-                            children?: React.ReactNode;
-                        }) => {
-                            const match = /language-(\w+)/.exec(className || "");
-                            const isInline = !match;
-                            const language = match ? match[1] : "";
-                            // Keep only the language indicator logic here, styling moved to CSS
-                            return (
-                                <>
-                                    {!isInline && language && (
-                                        <div className="code-language-indicator">
-                                            {language}
-                                        </div>
-                                    )}
-                                    <code {...props}>
-                                        {children}
-                                    </code>
-                                </>
-                            );
-                        },
-                        // Remove 'node' and 'ref' from props
-                        p: ({ node, ref, ...props }) => <p {...props} />,
-                        strong: ({ node, ref, ...props }) => <strong {...props} />,
-                        em: ({ node, ref, ...props }) => <em {...props} />,
-                        pre: ({ node, ref, ...props }) => <pre {...props} />,
-                        h1: ({ node, ref, ...props }) => <h1 {...props} />,
-                        h2: ({ node, ref, ...props }) => <h2 {...props} />,
-                        h3: ({ node, ref, ...props }) => <h3 {...props} />,
-                        li: ({ node, ref, ...props }) => <li {...props} />,
-                        ul: ({ node, ref, ...props }) => <ul {...props} />,
-                        ol: ({ node, ref, ...props }) => <ol {...props} />,
-                        blockquote: ({ node, ref, ...props }) => <blockquote {...props} />,
-                        hr: ({ node, ref, ...props }) => <hr {...props} />,
-                        table: ({ node, ref, ...props }) => <div className="overflow-x-auto"><table {...props} /></div>,
-                        th: ({ node, ref, ...props }) => <th {...props} />,
-                        td: ({ node, ref, ...props }) => <td {...props} />,
                     }}
                 >
                     {content as string}
-                </Markdown>
+                </MarkdownRenderer>
             </div>
         );
     };
     const messageContent = getMessageContent();
+    // Resolve artifacts from tool details (e.g. execute_shell.outputFiles)
+    const [artifactLinks, setArtifactLinks] = useState<
+        { displayName: string; artifactPath: string; url: string; isImage: boolean }[]
+    >([]);
+    useEffect(() => {
+        const loadArtifacts = async () => {
+            const runId = (message as any).workflow_run_id as string | undefined;
+            const details = message.details as any;
+            const outputFiles: unknown = details && details.outputFiles;
+            if (!runId || !Array.isArray(outputFiles) || outputFiles.length === 0) {
+                setArtifactLinks([]);
+                return;
+            }
+            try {
+                const entries = await Promise.all(
+                    outputFiles.map(async (name: unknown) => {
+                        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);
+                        try {
+                            const disposition = isImage ? "inline" : "attachment";
+                            const { url } = await client.files.getArtifactDownloadUrl(runId, artifactPath, disposition);
+                            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 is { displayName: string; artifactPath: string; url: string; isImage: boolean } => !!e,
+                    ),
+                );
+            } catch (error) {
+                console.error("Error loading artifact URLs from message details", error);
+                setArtifactLinks([]);
+            }
+        };
+        loadArtifacts();
+    }, [message.details, message.timestamp, client]);
     // Process content with image URL resolution when component mounts or message changes
     useEffect(() => {
         const processContent = async () => {
@@ -507,7 +495,7 @@ export default function MessageItem({ message, showPulsatingCircle = false }: Me
                     )}
                 </div>
-                <div className="flex items-center gap-2">
+                <div className="flex items-center gap-2 print:hidden">
                     <span className="text-xs text-muted">
                         {dayjs(message.timestamp).format("HH:mm:ss")}
                     </span>
@@ -537,9 +525,56 @@ export default function MessageItem({ message, showPulsatingCircle = false }: Me
                     </div>
                 )}
+                {/* Auto-surfaced artifacts from tool details (e.g. execute_shell.outputFiles) */}
+                {artifactLinks.length > 0 && (
+                    <div className="mt-3 text-xs">
+                        <div className="font-medium text-muted mb-1">Artifacts</div>
+                        {/* Inline previews for image artifacts */}
+                        {artifactLinks.some(a => a.isImage) && (
+                            <div className="mb-2 flex flex-wrap gap-3">
+                                {artifactLinks
+                                    .filter(a => a.isImage)
+                                    .map(({ displayName, artifactPath, url }) => (
+                                        <div
+                                            key={`${artifactPath}-preview`}
+                                            className="max-w-xs cursor-pointer"
+                                            onClick={() => window.open(url, "_blank")}
+                                        >
+                                            <img
+                                                src={url}
+                                                alt={displayName}
+                                                className="max-w-full h-auto rounded-lg shadow-sm hover:shadow-md transition-shadow"
+                                            />
+                                            <div className="mt-1 text-[11px] text-muted truncate">
+                                                {displayName}
+                                            </div>
+                                        </div>
+                                    ))}
+                            </div>
+                        )}
+                        {/* Buttons for all artifacts (files and images) */}
+                        <div className="flex flex-wrap gap-2 print:hidden">
+                            {artifactLinks.map(({ displayName, artifactPath, url }) => (
+                                <Button
+                                    key={artifactPath + url}
+                                    variant="outline"
+                                    size="xs"
+                                    className="px-2 py-1 text-xs"
+                                    onClick={() => window.open(url, "_blank")}
+                                    title={artifactPath}
+                                >
+                                    {displayName}
+                                </Button>
+                            ))}
+                        </div>
+                    </div>
+                )}
                 {/* Optional details section */}
                 {message.details && (
-                    <div className="mt-2">
+                    <div className="mt-2 print:hidden">
                         <button
                             onClick={() => setShowDetails(!showDetails)}
                             className="text-xs text-muted flex items-center"

package/src/features/agent/chat/index.ts CHANGED Viewed

@@ -2,3 +2,4 @@ export * from "./JumpingDots";
 export { ModernAgentConversation } from "./ModernAgentConversation";
 export * from "./WaitingMessages";
 export * from "./AnimatedThinkingDots";
+export { AgentChart, type AgentChartSpec } from "./AgentChart";