@sybilion/uilib 1.0.20

package/dist/esm/components/ui/Chat/ChatChrome/ChatChrome.js

@@ -0,0 +1,31 @@
+import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
+import cn from 'classnames';
+import { displayLabelForBranchKeyFromMessages, humanizeBranchKey } from '../ChatMessage/presetScript.js';
+import { TextShimmer } from '../../TextShimmer/TextShimmer.js';
+import { Scroll } from '@homecode/ui';
+import { X, PaperPlaneRightIcon, ChartLineIcon } from '@phosphor-icons/react';
+import { Button } from '../../Button/Button.js';
+import { PanelResizeHandle } from '../../Sidebar/Sidebar.js';
+import SidebarStem from '../../Sidebar/Sidebar.styl.js';
+import { Chat } from '../Chat.js';
+import S from './ChatChrome.styl.js';
+
+function ChatChrome({ showResizeHandle, resizeHandle, onClose, isEmpty, renderPresets, messages, onQuickReply, suppressedQuickReplyKeys, isLoading, scriptContinueLabel, onScriptContinue, renderMessageChart, showBranchActionsRow, showSyntheticBranchButtons, unusedBranchKeys, isScriptComplete, onGenerateDashboard, generatingDashboard, onGenerateDashboardClick, showInlinePresets, isLastMessageFromUser, scrollRef, effectiveScopeId, onPromptSubmit, onChatDeleted, promptPrefill, variant = 'sidebar', footerClassName, emptyState, }) {
+    return (jsxs("div", { className: cn(S.panelRoot, S[`variant-${variant}`]), children: [showResizeHandle && resizeHandle ? (jsx(PanelResizeHandle, { edge: "leading", isActive: resizeHandle.isActive, startWidthPx: resizeHandle.startWidthPx, getShellWidth: resizeHandle.getShellWidth, onDragWidth: resizeHandle.onDragWidth, onDragComplete: resizeHandle.onDragComplete, className: cn(SidebarStem.sidebarResizeHandle, S.chatResizeHandle) })) : null, jsx("div", { className: S.panelHeader, children: onClose ? (jsx(Button, { type: "button", variant: "ghost", icon: true, className: S.panelClose, "aria-label": "Close chat", onClick: onClose, children: jsx(X, { className: "size-4" }) })) : null }), jsx("div", { className: S.content, children: jsxs(Chat, { isEmpty: isEmpty, children: [isEmpty ? (jsxs(Fragment, { children: [jsx(Chat.EmptyState, { ...emptyState }), renderPresets('fixed')] })) : (jsx("div", { className: S.scrollWrapper, children: jsxs(Scroll, { y: true, yScrollbarClassName: S.scrollbar, className: S.scroll, innerClassName: S.scrollInner, offset: { y: { before: 56, after: 180 } }, fadeSize: "m", autoHide: true, ref: scrollRef, children: [messages.map((msg, index, arr) => {
+                                        const isLast = index === arr.length - 1;
+                                        return (jsx(Chat.Message, { role: msg.role, text: msg.text, onQuickReply: onQuickReply, suppressedQuickReplyKeys: suppressedQuickReplyKeys, quickReplyDisabled: isLoading, isLastMessage: isLast, scriptContinue: isLast && scriptContinueLabel
+                                                ? { label: scriptContinueLabel }
+                                                : undefined, onScriptContinue: isLast && scriptContinueLabel
+                                                ? onScriptContinue
+                                                : undefined, renderMessageChart: renderMessageChart }, msg.id));
+                                    }), showBranchActionsRow && (jsxs("div", { className: S.branchRow, children: [showSyntheticBranchButtons
+                                                ? unusedBranchKeys.map(key => {
+                                                    const label = displayLabelForBranchKeyFromMessages(key, messages) ?? humanizeBranchKey(key);
+                                                    return (jsx("span", { className: S.branchBtnWrap, children: jsxs(Button, { type: "button", variant: "outline", size: "sm", disabled: isLoading, onClick: () => onQuickReply(key, label), children: [jsx(PaperPlaneRightIcon, {}), label] }) }, key));
+                                                })
+                                                : null, isScriptComplete &&
+                                                onGenerateDashboard &&
+                                                !generatingDashboard ? (jsxs(Button, { type: "button", variant: "default", size: "lg", disabled: isLoading, onClick: onGenerateDashboardClick, children: [jsx(ChartLineIcon, {}), "Generate Dashboard"] })) : null] })), showInlinePresets && renderPresets('inline'), isLoading && isLastMessageFromUser && (jsx(TextShimmer, { duration: 1, spread: 5, className: S.loader, children: "Thinking..." }))] }) })), jsx("div", { className: cn(S.footer, footerClassName), children: jsx(Chat.Prompt, { id: effectiveScopeId, onSubmit: onPromptSubmit, disabled: isLoading, onChatDeleted: onChatDeleted, prefillMessage: promptPrefill ?? undefined }) })] }) })] }));
+}
+
+export { ChatChrome };

package/dist/esm/components/ui/Chat/ChatChrome/ChatChrome.styl.js

@@ -0,0 +1,7 @@
+import styleInject from 'style-inject';
+
+var css_248z = "@media (max-width:768px){:root{--page-x-padding:var(--p-6);--page-y-padding:var(--p-6)}}.ChatChrome_panelRoot__XOrBH{display:flex;flex-direction:column;height:100%;min-height:0;overflow:hidden;position:relative}.ChatChrome_panelRoot__XOrBH.ChatChrome_variant-sidebar__1lK8c .ChatChrome_footer__a5Bpp{backdrop-filter:blur(30px);background-color:var(--background-alpha-800);border-top:1px solid var(--border);box-shadow:0 0 20px 16px var(--background)}.ChatChrome_panelRoot__XOrBH.ChatChrome_variant-default__NAFT5 .ChatChrome_footer__a5Bpp{--chat-chrome-footer-variant:default}.ChatChrome_chatResizeHandle__epfiT{background-color:var(--page-color);border-radius:2.5px;height:calc(100vh + 200px);left:0;opacity:0;position:absolute;right:auto;top:-200px;touch-action:none;transition:opacity .15s ease-out;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:5px;z-index:30}.ChatChrome_chatResizeHandle__epfiT:before{left:0;right:auto}.ChatChrome_panelHeader__Hkfit{align-items:center;display:flex;flex-shrink:0;justify-content:flex-end;padding:var(--p-2) var(--p-3);position:absolute;width:100%;z-index:100}.ChatChrome_panelClose__DbKxz{flex-shrink:0}.ChatChrome_content__5qFEi{display:flex;flex:1;flex-direction:column;min-height:0;position:relative}.ChatChrome_scrollWrapper__m4HMu{flex:1;min-height:0;position:relative}.ChatChrome_scroll__oCxoJ{align-items:flex-end;height:100%;max-height:100%;max-width:100%;padding-bottom:var(--p-2);position:absolute;width:100%;z-index:3}.ChatChrome_scrollbar__Hu0aG{right:0!important}.ChatChrome_scrollInner__K9hIy{padding-top:var(--p-10)}.ChatChrome_scrollInner__K9hIy:after{content:\"\";display:block;height:170px}.ChatChrome_footer__a5Bpp{bottom:0;display:flex;flex-direction:column;position:absolute;width:100%;z-index:50}.ChatChrome_loader__9-lnf{color:var(--muted-foreground);margin:var(--p-2) var(--p-6) var(--p-10)}.ChatChrome_branchRow__NMDNv{display:flex;flex-wrap:wrap;gap:8px;margin-top:var(--p-6);padding:0 var(--p-6);width:100%}.ChatChrome_branchBtnWrap__aOSVP{display:inline-flex;vertical-align:middle}";
+var S = {"panelRoot":"ChatChrome_panelRoot__XOrBH","variant-sidebar":"ChatChrome_variant-sidebar__1lK8c","footer":"ChatChrome_footer__a5Bpp","variant-default":"ChatChrome_variant-default__NAFT5","chatResizeHandle":"ChatChrome_chatResizeHandle__epfiT","panelHeader":"ChatChrome_panelHeader__Hkfit","panelClose":"ChatChrome_panelClose__DbKxz","content":"ChatChrome_content__5qFEi","scrollWrapper":"ChatChrome_scrollWrapper__m4HMu","scroll":"ChatChrome_scroll__oCxoJ","scrollbar":"ChatChrome_scrollbar__Hu0aG","scrollInner":"ChatChrome_scrollInner__K9hIy","loader":"ChatChrome_loader__9-lnf","branchRow":"ChatChrome_branchRow__NMDNv","branchBtnWrap":"ChatChrome_branchBtnWrap__aOSVP"};
+styleInject(css_248z);
+
+export { S as default };

package/dist/esm/components/ui/Chat/ChatEmptyState/ChatEmptyState.js

@@ -0,0 +1,8 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import S from './ChatEmptyState.styl.js';
+
+function ChatEmptyState({ icon, title, description, }) {
+    return (jsxs("div", { className: S.root, children: [icon && jsx("div", { className: S.icon, children: icon }), title && jsx("h2", { children: title }), description && jsx("p", { children: description })] }));
+}
+
+export { ChatEmptyState };

package/dist/esm/components/ui/Chat/ChatEmptyState/ChatEmptyState.styl.js

@@ -0,0 +1,7 @@
+import styleInject from 'style-inject';
+
+var css_248z = ".ChatEmptyState_root__j1n-C{align-items:center;display:flex;flex:1;flex-direction:column;gap:var(--p-2);justify-content:center;padding:var(--p-6);text-align:center;text-size:var(--text-sm);color:var(--text-secondary)}.ChatEmptyState_icon__YSDgv{background:url(sparkles.svg) no-repeat 50%;height:26px;margin-bottom:var(--p-4);width:26px}";
+var S = {"root":"ChatEmptyState_root__j1n-C","icon":"ChatEmptyState_icon__YSDgv"};
+styleInject(css_248z);
+
+export { S as default };

package/dist/esm/components/ui/Chat/ChatMessage/AgentMessageContent.helpers.js

@@ -0,0 +1,312 @@
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import logger from '../../../../lib/logger.js';
+import S from './ChatMessage.styl.js';
+
+const injectHeaders = (content) => {
+    // Match #, ##, ###, or #### headers at start of line
+    const regex = /(^|\n)(#{1,4})\s+(.+?)(?=\n|$)/m;
+    const matches = content.match(regex);
+    if (!matches)
+        return null;
+    const level = matches[2].length;
+    const headerText = matches[3].replace(/^\*+|\*+$/g, '');
+    const Tag = level === 1 ? 'h1' : level === 2 ? 'h2' : level === 3 ? 'h3' : 'h4';
+    // Calculate the actual match position and length
+    // matches[0] includes the leading \n if present, but we want to replace from the # position
+    const hasLeadingNewline = matches[1] === '\n';
+    const startIndex = matches.index + (hasLeadingNewline ? 1 : 0);
+    // Length is: # markers + space + header text (excluding leading newline)
+    const length = matches[2].length + 1 + matches[3].length;
+    return {
+        elem: jsx(Tag, { children: headerText }),
+        index: startIndex,
+        length: length,
+    };
+};
+/** Match sits inside list/table HTML (those blocks use dangerouslySetInnerHTML elsewhere). */
+const isInsideHtmlListOrTable = (content, matchStartIndex) => {
+    const before = content.substring(0, matchStartIndex);
+    const lastOpen = Math.max(before.lastIndexOf('<ul'), before.lastIndexOf('<ol'), before.lastIndexOf('<table'));
+    const lastClose = Math.max(before.lastIndexOf('</ul>'), before.lastIndexOf('</ol>'), before.lastIndexOf('</table>'));
+    return lastOpen > lastClose;
+};
+const injectHTMLTags = (content) => {
+    // Match <strong> or <b> tags (with optional whitespace, handles nested tags)
+    const regex = /<(strong|b)\s*>([\s\S]*?)<\/\1\s*>/i;
+    const matches = content.match(regex);
+    if (!matches)
+        return null;
+    if (isInsideHtmlListOrTable(content, matches.index)) {
+        return null;
+    }
+    return {
+        elem: jsx("strong", { children: matches[2] }),
+        index: matches.index,
+        length: matches[0].length,
+    };
+};
+const injectBold = (content) => {
+    const regex = /\*\*([^*]+?)\*\*/;
+    const matches = content.match(regex);
+    if (!matches)
+        return null;
+    return {
+        elem: jsx("strong", { children: matches[1] }),
+        index: matches.index,
+        length: matches[0].length,
+    };
+};
+const injectBullet = (content) => {
+    // Match bullet points: * or - followed by space
+    // Match at start of string/line or after whitespace/colon (for nested bullets)
+    // Then check manually that it's not part of **
+    const regex = /(\n|^|[\s:])(\*|\-)\s/;
+    const matches = content.match(regex);
+    if (!matches)
+        return null;
+    // Skip if this is part of ** (double asterisk for bold)
+    const bulletIndex = matches.index + matches[1].length;
+    if (bulletIndex > 0 && content[bulletIndex - 1] === '*') {
+        return null;
+    }
+    const hasLeadingNewline = matches[1] === '\n';
+    return {
+        elem: (jsxs(Fragment, { children: [hasLeadingNewline && jsx("br", {}), jsx("span", { className: S.bullet })] })),
+        index: hasLeadingNewline ? matches.index : bulletIndex,
+        length: (hasLeadingNewline ? 1 : 0) + matches[2].length + 1,
+    };
+};
+const injectNewlines = (content) => {
+    const regex = /\n/;
+    const matches = content.match(regex);
+    if (!matches)
+        return null;
+    return {
+        elem: jsx("br", {}),
+        index: matches.index,
+        length: matches[0].length,
+    };
+};
+const formatTableCellContent = (content) => {
+    // Process markdown formatting in table cells
+    // Currently supports bold (**text**)
+    let result = content;
+    // Process bold (**text**)
+    result = result.replace(/\*\*(.*?)\*\*/g, '<strong>$1</strong>');
+    return result;
+};
+const convertMarkdownTableToHTML = (text) => {
+    // Find markdown tables by looking for header row followed by separator row
+    // Then collect all subsequent rows that start with |
+    const lines = text.split('\n');
+    const replacements = [];
+    // Track character positions as we iterate
+    let charPos = 0;
+    let i = 0;
+    while (i < lines.length) {
+        const line = lines[i];
+        const lineTrimmed = line.trim();
+        const lineStartPos = charPos;
+        // Check if this line looks like a table header (starts with |)
+        if (lineTrimmed.startsWith('|') && i + 1 < lines.length) {
+            const nextLineTrimmed = lines[i + 1].trim();
+            // Check if next line is a separator row (contains : and -)
+            if (nextLineTrimmed.startsWith('|') && /[:|\-]/.test(nextLineTrimmed)) {
+                // Found a table! Collect all rows
+                const tableRows = [];
+                let rowIndex = i;
+                let tableStartPos = lineStartPos;
+                // Collect header and separator
+                tableRows.push(lineTrimmed);
+                tableRows.push(nextLineTrimmed);
+                rowIndex = i + 2;
+                charPos += line.length + 1; // +1 for newline
+                charPos += lines[i + 1].length + 1;
+                // Collect all data rows until we hit a blank line or non-table line
+                while (rowIndex < lines.length) {
+                    const rowLine = lines[rowIndex];
+                    const rowLineTrimmed = rowLine.trim();
+                    if (rowLineTrimmed.startsWith('|')) {
+                        tableRows.push(rowLineTrimmed);
+                        charPos += rowLine.length + 1;
+                        rowIndex++;
+                    }
+                    else if (rowLineTrimmed.length === 0) {
+                        // Blank line ends the table
+                        charPos += rowLine.length + 1;
+                        break;
+                    }
+                    else {
+                        // Non-table line ends the table
+                        break;
+                    }
+                }
+                const tableEndPos = charPos;
+                // Parse the table
+                if (tableRows.length >= 2) {
+                    const headerRow = tableRows[0];
+                    const separatorRow = tableRows[1];
+                    const dataRows = tableRows.slice(2);
+                    // Parse header cells
+                    const headerCells = headerRow
+                        .split('|')
+                        .map(cell => cell.trim())
+                        .filter(cell => cell.length > 0);
+                    // Parse alignment from separator row
+                    const alignments = separatorRow
+                        .split('|')
+                        .map(cell => cell.trim())
+                        .filter(cell => cell.length > 0)
+                        .map(cell => {
+                        const leftAlign = cell.startsWith(':');
+                        const rightAlign = cell.endsWith(':');
+                        if (leftAlign && rightAlign)
+                            return 'center';
+                        if (rightAlign)
+                            return 'right';
+                        return 'left';
+                    });
+                    // Build HTML table
+                    let htmlTable = '<table>';
+                    // Header row
+                    htmlTable += '<thead><tr>';
+                    headerCells.forEach((cell, idx) => {
+                        const align = alignments[idx] || 'left';
+                        const formattedCell = formatTableCellContent(cell);
+                        htmlTable += `<th style="text-align: ${align}">${formattedCell}</th>`;
+                    });
+                    htmlTable += '</tr></thead>';
+                    // Data rows
+                    if (dataRows.length > 0) {
+                        htmlTable += '<tbody>';
+                        dataRows.forEach(row => {
+                            const cells = row
+                                .split('|')
+                                .map(cell => cell.trim())
+                                .filter(cell => cell.length > 0);
+                            htmlTable += '<tr>';
+                            cells.forEach((cell, idx) => {
+                                const align = alignments[idx] || 'left';
+                                const formattedCell = formatTableCellContent(cell);
+                                htmlTable += `<td style="text-align: ${align}">${formattedCell}</td>`;
+                            });
+                            htmlTable += '</tr>';
+                        });
+                        htmlTable += '</tbody>';
+                    }
+                    htmlTable += '</table>';
+                    replacements.push({
+                        start: tableStartPos,
+                        end: tableEndPos,
+                        replacement: htmlTable,
+                    });
+                    i = rowIndex;
+                    continue;
+                }
+            }
+        }
+        charPos += line.length + 1; // +1 for newline
+        i++;
+    }
+    // Apply replacements in reverse order
+    let result = text;
+    for (let i = replacements.length - 1; i >= 0; i--) {
+        const { start, end, replacement } = replacements[i];
+        result = result.substring(0, start) + replacement + result.substring(end);
+    }
+    return result;
+};
+/** http(s), mailto, or same-app path (single leading slash). */
+const isAllowedHref = (href) => {
+    const h = href.trim();
+    if (!h)
+        return false;
+    if (/^https?:\/\//i.test(h))
+        return true;
+    if (/^mailto:/i.test(h))
+        return true;
+    if (h.startsWith('/') && !h.startsWith('//'))
+        return true;
+    return false;
+};
+const runFormattingPipeline = (text, injectors) => {
+    let result = [text];
+    try {
+        injectors.forEach(fn => {
+            let hasMore = true;
+            while (hasMore) {
+                hasMore = false;
+                for (let i = 0; i < result.length; i++) {
+                    const item = result[i];
+                    if (typeof item === 'string') {
+                        const res = fn(item);
+                        if (!res)
+                            continue;
+                        const { elem, index, length } = res;
+                        if (index >= 0) {
+                            const before = item.substring(0, index);
+                            const after = item.substring(index + length);
+                            result.splice(i, 1, before, elem, after);
+                            hasMore = true;
+                            break;
+                        }
+                    }
+                }
+            }
+        });
+    }
+    catch (e) {
+        logger.error('Formatting error:', e);
+    }
+    return result;
+};
+const injectAnchor = (content) => {
+    const regex = /<a\s+([^>]+)>([\s\S]*?)<\/a\s*>/i;
+    const matches = content.match(regex);
+    if (!matches)
+        return null;
+    if (isInsideHtmlListOrTable(content, matches.index)) {
+        return null;
+    }
+    const attrs = matches[1];
+    const inner = matches[2];
+    const hrefMatch = attrs.match(/href\s*=\s*(?:"([^"]*)"|'([^']*)'|([^\s>]+))/i);
+    const href = hrefMatch
+        ? (hrefMatch[1] ?? hrefMatch[2] ?? hrefMatch[3] ?? '').trim()
+        : '';
+    const targetMatch = attrs.match(/target\s*=\s*(?:"([^"]*)"|'([^']*)'|([^\s>]+))/i);
+    const targetRaw = targetMatch
+        ? (targetMatch[1] ?? targetMatch[2] ?? targetMatch[3] ?? '').trim()
+        : '';
+    if (!href || !isAllowedHref(href)) {
+        return null;
+    }
+    const opensNewTab = targetRaw.toLowerCase() === '_blank';
+    const target = opensNewTab ? '_blank' : targetRaw || undefined;
+    const rel = target === '_blank' ? 'noopener noreferrer' : undefined;
+    return {
+        elem: (jsx("a", { href: href, target: target, rel: rel, children: runFormattingPipeline(inner, [
+                injectHTMLTags,
+                injectBold,
+                injectNewlines,
+            ]) })),
+        index: matches.index,
+        length: matches[0].length,
+    };
+};
+const applyFormatting = (text) => runFormattingPipeline(text, [
+    injectHeaders,
+    injectAnchor,
+    injectHTMLTags,
+    injectBullet,
+    injectBold,
+    injectNewlines,
+]);
+const applyFormattingInline = (text) => runFormattingPipeline(text, [
+    injectAnchor,
+    injectHTMLTags,
+    injectBold,
+    injectNewlines,
+]);
+
+export { applyFormatting, applyFormattingInline, convertMarkdownTableToHTML, injectAnchor, injectBold, injectBullet, injectHeaders, injectNewlines };

package/dist/esm/components/ui/Chat/ChatMessage/AgentMessageContent.js

@@ -0,0 +1,133 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { useState, useMemo } from 'react';
+import { Button } from '../../Button/Button.js';
+import { InteractiveContent } from '../../InteractiveContent/InteractiveContent.js';
+import { parseDatasetAppToken } from '../../../../utils/datasetApplicationLink.js';
+import { Scroll } from '@homecode/ui';
+import { PaperPlaneRightIcon } from '@phosphor-icons/react';
+import { Presentation } from 'lucide-react';
+import { convertMarkdownTableToHTML } from './AgentMessageContent.helpers.js';
+import { ChatDatasetApplicationLink } from './ChatDatasetApplicationLink.js';
+import S from './ChatMessage.styl.js';
+import { DocIcon } from './icons/DocIcon.js';
+import { XlsIcon } from './icons/XlsIcon.js';
+
+function AgentMessageContent({ text, onQuickReply, suppressedQuickReplyKeys, quickReplyDisabled, isLastMessage = true, scriptContinue, onScriptContinue, renderMessageChart, }) {
+    const [showRaw, setShowRaw] = useState(false);
+    const parts = useMemo(() => {
+        // Convert markdown tables to HTML first
+        const textWithHTMLTables = convertMarkdownTableToHTML(text);
+        const result = [];
+        let lastIndex = 0;
+        let previousWasDownload = false;
+        const combinedRegex = /(?:<table[^>]*>[\s\S]*?<\/table>|<ul[^>]*>[\s\S]*?<\/ul>|<ol[^>]*>[\s\S]*?<\/ol>|\[CHART\]|\[DOWNLOAD_BUTTONS\]|\[DOWNLOAD:([^\]]+)\]|\[datasetId:\d+(?:;analysisId:\d+)?\]|\[(?!CHART\]|DOWNLOAD_BUTTONS\]|DOWNLOAD:)([^\]]+)\](?!\())/gi;
+        let match;
+        while ((match = combinedRegex.exec(textWithHTMLTables)) !== null) {
+            // Add non-match part before this match
+            if (match.index > lastIndex) {
+                let nonMatchPart = textWithHTMLTables.slice(lastIndex, match.index);
+                if (match[0].startsWith('<table') && /\n\|\s*$/.test(nonMatchPart)) {
+                    nonMatchPart = nonMatchPart.replace(/\n\|\s*$/, '\n');
+                }
+                const currentIsDownload = match[0].startsWith('[DOWNLOAD:');
+                // Skip formatting for very short text between download markers (like "-")
+                // to avoid unwanted line breaks
+                if (previousWasDownload &&
+                    currentIsDownload &&
+                    nonMatchPart.trim().length <= 5) ;
+                else {
+                    result.push(jsx(InteractiveContent, { text: nonMatchPart }));
+                }
+            }
+            // Check if it's a table, list, [CHART], [DOWNLOAD_BUTTONS], or [DOWNLOAD:filename]
+            if (match[0].startsWith('<table')) {
+                // Add table wrapped in Scroll
+                result.push(jsx(Scroll, { x: true, size: "s", className: S.scrollHorizontal, children: jsx("div", { dangerouslySetInnerHTML: { __html: match[0] } }) }, `table-${match.index}`));
+            }
+            else if (match[0].startsWith('<ul') || match[0].startsWith('<ol')) {
+                // Add HTML list
+                result.push(jsx("div", { dangerouslySetInnerHTML: { __html: match[0] } }, `list-${match.index}`));
+            }
+            else if (match[0] === '[CHART]') {
+                const chart = renderMessageChart?.();
+                if (chart != null) {
+                    result.push(jsx("span", { children: chart }, `chart-${match.index}`));
+                }
+            }
+            else if (match[0].startsWith('[DOWNLOAD:')) {
+                // Parse filename from [DOWNLOAD:filename] format
+                // Extract filename from the full match string or use match[2] if available
+                const fullMatch = match[0];
+                const filenameMatch = fullMatch.match(/\[DOWNLOAD:\s*([^\]]+)\]/i);
+                const filename = (filenameMatch?.[1] || match[1] || '').trim();
+                const extension = filename.split('.').pop()?.toLowerCase() || '';
+                const filenameWithoutExt = filename.replace(/\.[^.]+$/, '');
+                // Determine file type and icon
+                const isDoc = extension === 'doc' || extension === 'docx';
+                const isXls = extension === 'xls' || extension === 'xlsx';
+                const isPpt = extension === 'ppt' || extension === 'pptx';
+                // Only render if it's a recognized file type
+                if (isDoc || isXls || isPpt) {
+                    let Icon, fileTypeLabel;
+                    if (isDoc) {
+                        Icon = DocIcon;
+                        fileTypeLabel = 'DOC';
+                    }
+                    else if (isXls) {
+                        Icon = XlsIcon;
+                        fileTypeLabel = 'XLS';
+                    }
+                    else if (isPpt) {
+                        Icon = Presentation;
+                        fileTypeLabel = 'PPT';
+                    }
+                    result.push(jsxs("div", { className: S.downloadCard, children: [jsx("div", { className: S.downloadCardIcon, children: jsx(Icon, { size: 32 }) }), jsxs("div", { className: S.downloadCardContent, children: [jsx("div", { className: S.downloadCardTitle, children: filenameWithoutExt }), jsxs("div", { className: S.downloadCardSubtitle, children: ["Download .", fileTypeLabel, " file"] })] })] }, `download-${match.index}`));
+                }
+            }
+            else if (match[0].startsWith('[datasetId:')) {
+                const parsed = parseDatasetAppToken(match[0]);
+                if (parsed) {
+                    result.push(jsx(ChatDatasetApplicationLink, { datasetId: parsed.datasetId, analysisId: parsed.analysisId }, `dataset-app-${match.index}`));
+                }
+            }
+            else if (isLastMessage && match[2] != null && match[2] !== '') {
+                const inner = match[2].trim();
+                const pipeIdx = inner.indexOf('|');
+                const displayLabel = pipeIdx >= 0 ? inner.slice(0, pipeIdx).trim() : inner;
+                const branchKey = pipeIdx >= 0 ? inner.slice(pipeIdx + 1).trim() : inner;
+                if (branchKey && displayLabel) {
+                    const suppressed = suppressedQuickReplyKeys?.has(branchKey);
+                    if (!suppressed && onQuickReply) {
+                        result.push(jsx("span", { className: S.quickReplyWrap, children: jsxs(Button, { type: "button", variant: "outline", size: "sm", disabled: quickReplyDisabled, onClick: () => onQuickReply(branchKey, displayLabel), children: [jsx(PaperPlaneRightIcon, {}), displayLabel] }) }, `quick-${match.index}`));
+                    }
+                    else if (!suppressed) {
+                        result.push(jsx("span", { children: displayLabel }, `quick-${match.index}`));
+                    }
+                }
+            }
+            // Track if current match is a download marker for next iteration
+            previousWasDownload = match[0].startsWith('[DOWNLOAD:');
+            lastIndex = match.index + match[0].length;
+        }
+        // Add remaining non-match part
+        if (lastIndex < textWithHTMLTables.length) {
+            const nonMatchPart = textWithHTMLTables.slice(lastIndex);
+            result.push(jsx("div", { children: jsx(InteractiveContent, { text: nonMatchPart }) }, `text-${lastIndex}`));
+        }
+        return result;
+    }, [
+        text,
+        onQuickReply,
+        suppressedQuickReplyKeys,
+        quickReplyDisabled,
+        isLastMessage,
+        renderMessageChart,
+    ]);
+    return (jsxs("div", { className: S.text, children: [showRaw ? text : parts, !showRaw &&
+                isLastMessage &&
+                scriptContinue &&
+                onScriptContinue &&
+                scriptContinue.label && (jsx("span", { className: S.quickReplyWrap, children: jsxs(Button, { type: "button", variant: "outline", size: "sm", disabled: quickReplyDisabled, onClick: () => onScriptContinue(), children: [jsx(PaperPlaneRightIcon, {}), scriptContinue.label] }) }))] }));
+}
+
+export { AgentMessageContent };

package/dist/esm/components/ui/Chat/ChatMessage/ChatDatasetApplicationLink.js

@@ -0,0 +1,23 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { useSearchParams, Link } from 'react-router-dom';
+import { buildDatasetApplicationPath } from '../../../../utils/datasetApplicationLink.js';
+import { LayoutDashboard } from 'lucide-react';
+import S from './ChatMessage.styl.js';
+
+function ChatDatasetApplicationLink({ datasetId, analysisId, label = 'Open application', }) {
+    const url = buildDatasetApplicationPath(datasetId, analysisId);
+    const [searchParams, setSearchParams] = useSearchParams();
+    const handleClick = (e) => {
+        if (location.pathname !== '/datasets')
+            return;
+        e.preventDefault();
+        const params = new URLSearchParams(searchParams);
+        params.set('id', datasetId.toString());
+        if (analysisId)
+            params.set('analysisId', analysisId.toString());
+        setSearchParams(params);
+    };
+    return (jsxs(Link, { className: S.datasetAppLink, to: url, onClickCapture: handleClick, children: [jsx(LayoutDashboard, { size: 16, "aria-hidden": true }), jsx("span", { className: S.datasetAppLinkLabel, children: label })] }));
+}
+
+export { ChatDatasetApplicationLink };

package/dist/esm/components/ui/Chat/ChatMessage/ChatMessage.js

@@ -0,0 +1,14 @@
+import { jsx } from 'react/jsx-runtime';
+import cn from 'classnames';
+import { TextShimmer } from '../../TextShimmer/TextShimmer.js';
+import { MessageRole, GENERATING_DASHBOARD_SYSTEM_TEXT } from '../Chat.types.js';
+import { AgentMessageContent } from './AgentMessageContent.js';
+import S from './ChatMessage.styl.js';
+
+function ChatMessage({ role, text, onQuickReply, suppressedQuickReplyKeys, quickReplyDisabled, isLastMessage = true, scriptContinue, onScriptContinue, renderMessageChart, }) {
+    const isAssistant = role === MessageRole.ASSISTANT;
+    const isSystem = role === MessageRole.SYSTEM;
+    return (jsx("div", { className: cn(S.root, S[`role-${role}`]), children: isSystem ? (jsx("div", { className: S.text, children: text === GENERATING_DASHBOARD_SYSTEM_TEXT ? (jsx(TextShimmer, { as: "span", children: text })) : (text) })) : isAssistant ? (jsx(AgentMessageContent, { text: text, onQuickReply: onQuickReply, suppressedQuickReplyKeys: suppressedQuickReplyKeys, quickReplyDisabled: quickReplyDisabled, isLastMessage: isLastMessage, scriptContinue: scriptContinue, onScriptContinue: onScriptContinue, renderMessageChart: renderMessageChart })) : (jsx("div", { className: S.text, children: text })) }));
+}
+
+export { ChatMessage };

package/dist/esm/components/ui/Chat/ChatMessage/ChatMessage.styl.js

@@ -0,0 +1,7 @@
+import styleInject from 'style-inject';
+
+var css_248z = ".ChatMessage_root__6rnsF{background:var(--bg-secondary);display:flex;flex-direction:column;gap:var(--p-1);padding:var(--p-6)}.ChatMessage_text__Y1XNR{color:var(--text-secondary);font-size:var(--text-sm);max-width:100%;-webkit-user-select:text;-moz-user-select:text;user-select:text;width:-moz-fit-content;width:fit-content}.ChatMessage_role-user__u4JPV{align-items:flex-end}.ChatMessage_role-user__u4JPV .ChatMessage_text__Y1XNR{background-color:var(--sb-slate-100);border-radius:var(--p-4);border-bottom-right-radius:0;padding:var(--p-3) var(--p-4);white-space:pre-wrap}.dark .ChatMessage_role-user__u4JPV .ChatMessage_text__Y1XNR{background-color:var(--sb-gray-800)}.ChatMessage_role-system__g13OP{align-items:center}.ChatMessage_role-system__g13OP .ChatMessage_text__Y1XNR{color:var(--muted-foreground);font-size:var(--text-xs);width:100%}.ChatMessage_role-assistant__wketE .ChatMessage_text__Y1XNR{width:100%}.ChatMessage_role-assistant__wketE h3{line-height:2.4}.ChatMessage_role-assistant__wketE h4{font-size:1.1em;font-weight:600;line-height:2.2}.ChatMessage_role-assistant__wketE .ChatMessage_bullet__6vAhq{display:inline-block;margin-left:4px;margin-right:6px}.ChatMessage_role-assistant__wketE .ChatMessage_bullet__6vAhq:before{color:var(--text-secondary);content:\"•\";display:inline-block}.ChatMessage_role-assistant__wketE .ChatMessage_scrollHorizontal__Rms9n{max-width:100%}.ChatMessage_role-assistant__wketE table{border:1px solid var(--border);border-collapse:collapse;border-radius:var(--p-2);border-spacing:0;margin:var(--p-4) 0;overflow:hidden}.ChatMessage_role-assistant__wketE table td,.ChatMessage_role-assistant__wketE table th{border:1px solid var(--border);min-width:100px;padding:var(--p-1)}.ChatMessage_role-assistant__wketE table th{text-align:left}.ChatMessage_role-assistant__wketE ol,.ChatMessage_role-assistant__wketE ul{padding-left:var(--p-4)}.ChatMessage_role-assistant__wketE ul{list-style-type:disc}.ChatMessage_role-assistant__wketE ol{list-style-type:decimal}.ChatMessage_role-assistant__wketE .ChatMessage_datasetAppLink__Pxy-T{align-items:center;border:1px dashed var(--sb-slate-300);border-radius:8px;color:var(--foreground);display:inline-flex;font-size:var(--text-xs);gap:6px;margin:1px;max-width:100%;padding:2px 6px 2px 4px;text-decoration:none;vertical-align:middle}.ChatMessage_role-assistant__wketE .ChatMessage_datasetAppLink__Pxy-T:hover{background-color:var(--sb-slate-50);border-color:var(--sb-slate-400);border-style:solid}.dark .ChatMessage_role-assistant__wketE .ChatMessage_datasetAppLink__Pxy-T{border-color:var(--sb-gray-600)}.dark .ChatMessage_role-assistant__wketE .ChatMessage_datasetAppLink__Pxy-T:hover{background-color:var(--sb-gray-900)}.ChatMessage_role-assistant__wketE .ChatMessage_datasetAppLinkLabel__PMU7e{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ChatMessage_role-assistant__wketE .ChatMessage_quickReplyWrap__1UFyD{display:inline-block;margin:var(--p-1) var(--p-1) var(--p-1) 0;vertical-align:middle}.ChatMessage_role-assistant__wketE .ChatMessage_downloadButtons__RygM-{display:flex;gap:var(--p-2);margin-top:var(--p-4)}.ChatMessage_role-assistant__wketE .ChatMessage_downloadCard__NsNRa{align-items:center;background-color:var(--background);border-radius:var(--p-3);box-shadow:0 0 0 1px var(--border);cursor:pointer;display:flex;gap:var(--p-4);margin-top:var(--p-3);padding:var(--p-3);padding-right:var(--p-4);transition:all .15s;width:-moz-fit-content;width:fit-content}.ChatMessage_role-assistant__wketE .ChatMessage_downloadCard__NsNRa:hover{background-color:var(--sb-gray-50);border-color:var(--border)}.dark .ChatMessage_role-assistant__wketE .ChatMessage_downloadCard__NsNRa{background-color:var(--sb-gray-900);border-color:var(--border)}.dark .ChatMessage_role-assistant__wketE .ChatMessage_downloadCard__NsNRa:hover{background-color:var(--sb-gray-800)}.ChatMessage_role-assistant__wketE .ChatMessage_downloadCardIcon__jkxDJ{align-items:center;border-radius:var(--p-2);display:flex;flex-shrink:0;height:32px;justify-content:center;width:32px}.ChatMessage_role-assistant__wketE .ChatMessage_downloadCardContent__PTPwz{display:flex;flex:1;flex-direction:column;min-width:0}.ChatMessage_role-assistant__wketE .ChatMessage_downloadCardTitle__K1wqr{font-size:var(--text-base);font-weight:600;line-height:1.4}.ChatMessage_role-assistant__wketE .ChatMessage_downloadCardSubtitle__fVeF2{color:var(--muted-foreground);font-size:var(--text-sm);line-height:1.4}";
+var S = {"root":"ChatMessage_root__6rnsF","text":"ChatMessage_text__Y1XNR","role-user":"ChatMessage_role-user__u4JPV","role-system":"ChatMessage_role-system__g13OP","role-assistant":"ChatMessage_role-assistant__wketE","bullet":"ChatMessage_bullet__6vAhq","scrollHorizontal":"ChatMessage_scrollHorizontal__Rms9n","datasetAppLink":"ChatMessage_datasetAppLink__Pxy-T","datasetAppLinkLabel":"ChatMessage_datasetAppLinkLabel__PMU7e","quickReplyWrap":"ChatMessage_quickReplyWrap__1UFyD","downloadButtons":"ChatMessage_downloadButtons__RygM-","downloadCard":"ChatMessage_downloadCard__NsNRa","downloadCardIcon":"ChatMessage_downloadCardIcon__jkxDJ","downloadCardContent":"ChatMessage_downloadCardContent__PTPwz","downloadCardTitle":"ChatMessage_downloadCardTitle__K1wqr","downloadCardSubtitle":"ChatMessage_downloadCardSubtitle__fVeF2"};
+styleInject(css_248z);
+
+export { S as default };

package/dist/esm/components/ui/Chat/ChatMessage/icons/DocIcon.js

@@ -0,0 +1,8 @@
+import { jsx } from 'react/jsx-runtime';
+import DocPng from './doc.png.js';
+
+function DocIcon({ size = 32 }) {
+    return jsx("img", { src: DocPng, width: size, height: size, alt: "DOC file" });
+}
+
+export { DocIcon };

package/dist/esm/components/ui/Chat/ChatMessage/icons/XlsIcon.js

@@ -0,0 +1,8 @@
+import { jsx } from 'react/jsx-runtime';
+import XlsPng from './xls.png.js';
+
+function XlsIcon({ size = 32 }) {
+    return jsx("img", { src: XlsPng, width: size, height: size, alt: "XLS file" });
+}
+
+export { XlsIcon };

package/dist/esm/components/ui/Chat/ChatMessage/icons/doc.png.js

@@ -0,0 +1,3 @@
+var DocPng = "assets/doc-4d8d38268d07c83e.png";
+
+export { DocPng as default };

package/dist/esm/components/ui/Chat/ChatMessage/icons/xls.png.js

@@ -0,0 +1,3 @@
+var XlsPng = "assets/xls-d1595343260dd096.png";
+
+export { XlsPng as default };