entangle-ui 0.6.3 → 0.8.0

package/dist/esm/components/editor/ChatPanel/ChatInput.js

@@ -20,6 +20,7 @@ const ChatInput = /*#__PURE__*/ React.memo(({ value: controlledValue, onChange:
         submitKey,
         onSubmit: handleSubmit,
         maxLines,
+        attachmentsCount: attachments?.length ?? 0,
     });
     // Support controlled mode
     const currentValue = controlledValue ?? chatInput.value;
@@ -29,29 +30,39 @@ const ChatInput = /*#__PURE__*/ React.memo(({ value: controlledValue, onChange:
         }
         chatInput.handleChange(e);
     }, [controlledOnChange, chatInput]);
+    const attachmentsCount = attachments?.length ?? 0;
     const handleKeyDown = useCallback((e) => {
         // In controlled mode, override the internal value check
         if (controlledValue !== undefined) {
             const isSubmitKey = submitKey === 'enter'
                 ? e.key === 'Enter' && !e.shiftKey
                 : e.key === 'Enter' && (e.ctrlKey || e.metaKey);
-            if (isSubmitKey && controlledValue.trim()) {
+            if (isSubmitKey && (controlledValue.trim() || attachmentsCount > 0)) {
                 e.preventDefault();
-                onSubmit?.(controlledValue, attachments ?? []);
+                onSubmit?.(controlledValue.trim(), attachments ?? []);
                 return;
             }
         }
         chatInput.handleKeyDown(e);
-    }, [controlledValue, submitKey, onSubmit, attachments, chatInput]);
+    }, [
+        controlledValue,
+        submitKey,
+        onSubmit,
+        attachments,
+        attachmentsCount,
+        chatInput,
+    ]);
     const handleSendClick = useCallback(() => {
         const val = controlledValue ?? chatInput.value;
-        if (val.trim()) {
-            onSubmit?.(val, attachments ?? []);
+        const canSubmit = val.trim() || attachmentsCount > 0;
+        if (canSubmit) {
+            onSubmit?.(val.trim(), attachments ?? []);
             if (controlledValue === undefined) {
                 chatInput.clear();
             }
         }
-    }, [controlledValue, chatInput, onSubmit, attachments]);
+    }, [controlledValue, chatInput, onSubmit, attachments, attachmentsCount]);
+    const canSubmit = (currentValue.trim().length > 0 || attachmentsCount > 0) && !disabled;
     const lineHeight = 18; // approximate line-height in px
     const maxHeightPx = `${maxLines * lineHeight}px`;
     const shortcutLabel = submitKey === 'enter'
@@ -59,7 +70,7 @@ const ChatInput = /*#__PURE__*/ React.memo(({ value: controlledValue, onChange:
         : 'Ctrl+Enter to send, Enter for newline';
     return (jsxs("div", { ref: ref, className: cx(inputContainerStyle, className), style: style, "data-testid": testId, ...rest, children: [prefix && jsx("div", { className: inputPrefixStyle, children: prefix }), attachments && attachments.length > 0 && (jsx("div", { className: inputAttachmentsStyle, children: attachments.map(att => (jsx(ChatAttachmentChip, { attachment: att, removable: !!onRemoveAttachment, onRemove: onRemoveAttachment }, att.id))) })), jsxs("div", { className: inputWrapperStyle, children: [jsx("textarea", { ref: chatInput.textareaRef, id: `chat-input-${inputId}`, className: inputTextareaStyle, style: assignInlineVars({
                             [inputMaxHeightVar]: maxHeightPx,
-                        }), value: currentValue, onChange: handleChange, onKeyDown: handleKeyDown, placeholder: placeholder, disabled: disabled, rows: 1, "aria-label": "Chat message input", "aria-keyshortcuts": shortcutLabel }), suffix, jsxs("div", { className: inputBottomBarStyle, children: [toolbar, streaming ? (jsx("button", { type: "button", className: inputStopButtonStyle, onClick: onStop, "aria-label": "Stop generating", children: jsx(StopIcon, {}) })) : (jsx("button", { type: "button", className: inputButtonStyle, onClick: handleSendClick, disabled: disabled || !currentValue.trim(), "aria-label": "Send message", children: jsx(SendIcon, {}) }))] })] })] }));
+                        }), value: currentValue, onChange: handleChange, onKeyDown: handleKeyDown, placeholder: placeholder, disabled: disabled, rows: 1, "aria-label": "Chat message input", "aria-keyshortcuts": shortcutLabel }), suffix, jsxs("div", { className: inputBottomBarStyle, children: [toolbar, streaming ? (jsx("button", { type: "button", className: inputStopButtonStyle, onClick: onStop, "aria-label": "Stop generating", children: jsx(StopIcon, {}) })) : (jsx("button", { type: "button", className: inputButtonStyle, onClick: handleSendClick, disabled: !canSubmit, "aria-label": "Send message", children: jsx(SendIcon, {}) }))] })] })] }));
 });
 ChatInput.displayName = 'ChatInput';
 

package/dist/esm/components/editor/ChatPanel/ChatInput.js.map

@@ -1 +1 @@
-{"version":3,"file":"ChatInput.js","sources":["../../../../../../src/components/editor/ChatPanel/ChatInput.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;;;;;AAoBA;AAEA;AAkBA;AAYA;AAEO;AAsBH;AAEA;;AAGE;;;AAMA;;AAED;;AAGD;AAEA;;AAGM;;AAEF;AACF;AAIF;;AAGI;AACE;;AAGI;AAEJ;;;;;;AAMF;AACF;AAIF;AACE;AACA;;AAEE;;;;;AAMJ;AACA;AAEA;AAEI;;;;;AAyEN;AAGF;;"}
+{"version":3,"file":"ChatInput.js","sources":["../../../../../../src/components/editor/ChatPanel/ChatInput.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;;;;;AAoBA;AAEA;AAkBA;AAYA;AAEO;AAsBH;AAEA;;AAGE;;;AAMA;;AAEA;AACD;;AAGD;AAEA;;AAGM;;AAEF;AACF;AAIF;AAEA;;AAGI;AACE;;AAGI;AAEJ;;;;;;AAMF;AACF;;;;;;;AAQC;AAGH;AACE;;;;AAIE;;;;AAIJ;AAEA;AAGA;AACA;AAEA;AAEI;;;;;AAyEN;AAGF;;"}

package/dist/esm/components/editor/ChatPanel/ChatMarkdownRenderer.js

@@ -0,0 +1,268 @@
+"use client";
+import { jsx, jsxs } from 'react/jsx-runtime';
+import React, { useMemo } from 'react';
+import { cx } from '../../../utils/cx.js';
+import { Code } from '../../primitives/Code/Code.js';
+import { ChatCodeBlock } from './ChatCodeBlock.js';
+import { markdownTableStyle, markdownThStyle, markdownTdStyle, markdownHrStyle, markdownBlockquoteStyle, markdownListStyle, markdownListItemStyle, markdownHeadingStyle, markdownParagraphStyle, markdownRootStyle, markdownLinkStyle } from './ChatPanel.css.js';
+
+function escapeHtmlInText(text) {
+    return text;
+}
+function renderInline(text, options, keyPrefix) {
+    const parts = [];
+    let rest = text;
+    let index = 0;
+    // Ordered by precedence. Each pattern captures the full match so we
+    // can slice around it, and the content(s) we want to render.
+    const patterns = [
+        {
+            regex: /`([^`]+)`/,
+            render: (m, key) => jsx(Code, { children: m[1] }, key),
+        },
+        {
+            regex: /!\[([^\]]*)\]\(([^)\s]+)(?:\s+"[^"]*")?\)/,
+            render: (m, key) => (jsx("img", { src: m[2], alt: m[1] ?? '', style: { maxWidth: '100%' } }, key)),
+        },
+        {
+            regex: /\[([^\]]+)\]\(([^)\s]+)(?:\s+"[^"]*")?\)/,
+            render: (m, key) => (jsx("a", { href: m[2], target: options.linkTarget, rel: options.linkTarget === '_blank' ? 'noopener noreferrer' : undefined, className: markdownLinkStyle, children: m[1] }, key)),
+        },
+        {
+            regex: /\*\*([^*]+)\*\*/,
+            render: (m, key) => jsx("strong", { children: m[1] }, key),
+        },
+        {
+            regex: /__([^_]+)__/,
+            render: (m, key) => jsx("strong", { children: m[1] }, key),
+        },
+        {
+            regex: /(?<![*\w])\*([^*\n]+)\*(?![*\w])/,
+            render: (m, key) => jsx("em", { children: m[1] }, key),
+        },
+        {
+            regex: /(?<![_\w])_([^_\n]+)_(?![_\w])/,
+            render: (m, key) => jsx("em", { children: m[1] }, key),
+        },
+        {
+            regex: /~~([^~]+)~~/,
+            render: (m, key) => jsx("del", { children: m[1] }, key),
+        },
+    ];
+    while (rest.length > 0) {
+        let best = null;
+        for (const { regex, render } of patterns) {
+            const match = regex.exec(rest);
+            if (!match)
+                continue;
+            if (best === null || match.index < best.start) {
+                best = {
+                    start: match.index,
+                    length: match[0].length,
+                    node: render(match, `${keyPrefix}-i-${index++}`),
+                };
+            }
+        }
+        if (!best) {
+            parts.push(escapeHtmlInText(rest));
+            break;
+        }
+        if (best.start > 0) {
+            parts.push(escapeHtmlInText(rest.slice(0, best.start)));
+        }
+        parts.push(best.node);
+        rest = rest.slice(best.start + best.length);
+    }
+    return parts;
+}
+function parseBlocks(source, gfm) {
+    const lines = source.replace(/\r\n/g, '\n').split('\n');
+    const blocks = [];
+    let i = 0;
+    while (i < lines.length) {
+        const line = lines[i] ?? '';
+        // Skip blank lines between blocks.
+        if (/^\s*$/.test(line)) {
+            i++;
+            continue;
+        }
+        // Fenced code block
+        const fenceMatch = /^```(\w+)?\s*$/.exec(line);
+        if (fenceMatch) {
+            const language = fenceMatch[1];
+            const codeLines = [];
+            i++;
+            while (i < lines.length && !/^```\s*$/.test(lines[i] ?? '')) {
+                codeLines.push(lines[i] ?? '');
+                i++;
+            }
+            i++; // skip closing fence
+            blocks.push({
+                type: 'codeBlock',
+                content: codeLines.join('\n'),
+                language,
+            });
+            continue;
+        }
+        // Horizontal rule
+        if (/^\s*(---|\*\*\*|___)\s*$/.test(line)) {
+            blocks.push({ type: 'hr' });
+            i++;
+            continue;
+        }
+        // Heading (# through ######)
+        const headingMatch = /^(#{1,6})\s+(.*)$/.exec(line);
+        if (headingMatch) {
+            const hashes = headingMatch[1] ?? '';
+            const headingContent = headingMatch[2] ?? '';
+            blocks.push({
+                type: 'heading',
+                level: hashes.length,
+                content: headingContent.trim(),
+            });
+            i++;
+            continue;
+        }
+        // Blockquote — consecutive `> ` lines
+        if (/^\s*>/.test(line)) {
+            const quoteLines = [];
+            while (i < lines.length && /^\s*>/.test(lines[i] ?? '')) {
+                quoteLines.push((lines[i] ?? '').replace(/^\s*>\s?/, ''));
+                i++;
+            }
+            blocks.push({ type: 'blockquote', content: quoteLines.join('\n') });
+            continue;
+        }
+        // Unordered list — lines beginning with `- `, `* `, or `+ `
+        if (/^\s*[-*+]\s+/.test(line)) {
+            const items = [];
+            while (i < lines.length && /^\s*[-*+]\s+/.test(lines[i] ?? '')) {
+                items.push((lines[i] ?? '').replace(/^\s*[-*+]\s+/, ''));
+                i++;
+            }
+            blocks.push({ type: 'list', items });
+            continue;
+        }
+        // Ordered list — `1. ...`
+        if (/^\s*\d+\.\s+/.test(line)) {
+            const items = [];
+            while (i < lines.length && /^\s*\d+\.\s+/.test(lines[i] ?? '')) {
+                items.push((lines[i] ?? '').replace(/^\s*\d+\.\s+/, ''));
+                i++;
+            }
+            blocks.push({ type: 'orderedList', items });
+            continue;
+        }
+        // GFM pipe table — a header row, a separator `---|---`, then rows.
+        if (gfm &&
+            /\|/.test(line) &&
+            i + 1 < lines.length &&
+            /^\s*\|?\s*:?-+:?\s*(\|\s*:?-+:?\s*)+\|?\s*$/.test(lines[i + 1] ?? '')) {
+            const split = (row) => row
+                .replace(/^\s*\|/, '')
+                .replace(/\|\s*$/, '')
+                .split('|')
+                .map(cell => cell.trim());
+            const header = split(line);
+            const rawAlign = split(lines[i + 1] ?? '');
+            const align = rawAlign.map(cell => {
+                const left = cell.startsWith(':');
+                const right = cell.endsWith(':');
+                if (left && right)
+                    return 'center';
+                if (right)
+                    return 'right';
+                if (left)
+                    return 'left';
+                return null;
+            });
+            const rows = [header];
+            i += 2;
+            while (i < lines.length && /\|/.test(lines[i] ?? '')) {
+                rows.push(split(lines[i] ?? ''));
+                i++;
+            }
+            blocks.push({ type: 'table', rows, align });
+            continue;
+        }
+        // Paragraph — consecutive non-blank non-block-starting lines.
+        const paraLines = [];
+        while (i < lines.length) {
+            const ln = lines[i] ?? '';
+            if (/^\s*$/.test(ln) ||
+                /^```/.test(ln) ||
+                /^(#{1,6})\s+/.test(ln) ||
+                /^\s*>/.test(ln) ||
+                /^\s*[-*+]\s+/.test(ln) ||
+                /^\s*\d+\.\s+/.test(ln) ||
+                /^\s*(---|\*\*\*|___)\s*$/.test(ln)) {
+                break;
+            }
+            paraLines.push(ln);
+            i++;
+        }
+        blocks.push({ type: 'paragraph', content: paraLines.join('\n') });
+    }
+    return blocks;
+}
+/**
+ * Lightweight markdown renderer for chat messages.
+ *
+ * Pass it to `ChatMessage.renderContent` to render assistant responses
+ * with bold / italic / inline code, links, fenced code blocks, lists,
+ * blockquotes, horizontal rules, and GFM pipe tables.
+ *
+ * For advanced markdown features, supply a custom `renderContent`
+ * function that uses your markdown library of choice.
+ *
+ * @example
+ * ```tsx
+ * <ChatMessage
+ *   message={msg}
+ *   renderContent={content => <ChatMarkdownRenderer content={content} />}
+ * />
+ * ```
+ */
+const ChatMarkdownRenderer = 
+/*#__PURE__*/ React.memo(({ content, gfm = true, linkTarget = '_blank', components, className, style, testId, ref, ...rest }) => {
+    const blocks = useMemo(() => parseBlocks(content, gfm), [content, gfm]);
+    const CodeBlock = components?.codeBlock ??
+        (({ code, language }) => (jsx(ChatCodeBlock, { code: code, language: language })));
+    return (jsx("div", { ref: ref, className: cx(markdownRootStyle, className), style: style, "data-testid": testId, ...rest, children: blocks.map((block, idx) => {
+            const key = `b-${idx}`;
+            switch (block.type) {
+                case 'paragraph':
+                    return (jsx("p", { className: markdownParagraphStyle, children: renderInline(block.content ?? '', { linkTarget }, key) }, key));
+                case 'heading': {
+                    const level = Math.min(Math.max(block.level ?? 1, 1), 6);
+                    const Tag = `h${level}`;
+                    return (jsx(Tag, { className: markdownHeadingStyle, children: renderInline(block.content ?? '', { linkTarget }, key) }, key));
+                }
+                case 'list':
+                    return (jsx("ul", { className: markdownListStyle, children: (block.items ?? []).map((item, j) => (jsx("li", { className: markdownListItemStyle, children: renderInline(item, { linkTarget }, `${key}-${j}`) }, `${key}-${j}`))) }, key));
+                case 'orderedList':
+                    return (jsx("ol", { className: markdownListStyle, children: (block.items ?? []).map((item, j) => (jsx("li", { className: markdownListItemStyle, children: renderInline(item, { linkTarget }, `${key}-${j}`) }, `${key}-${j}`))) }, key));
+                case 'blockquote':
+                    return (jsx("blockquote", { className: markdownBlockquoteStyle, children: renderInline(block.content ?? '', { linkTarget }, key) }, key));
+                case 'codeBlock':
+                    return (jsx(CodeBlock, { code: block.content ?? '', language: block.language }, key));
+                case 'hr':
+                    return jsx("hr", { className: markdownHrStyle }, key);
+                case 'table': {
+                    const [header, ...rows] = block.rows ?? [];
+                    const align = block.align ?? [];
+                    return (jsxs("table", { className: markdownTableStyle, children: [jsx("thead", { children: jsx("tr", { children: (header ?? []).map((cell, j) => (jsx("th", { className: markdownThStyle, style: align[j]
+                                            ? { textAlign: align[j] ?? undefined }
+                                            : undefined, children: renderInline(cell, { linkTarget }, `${key}-h-${j}`) }, `${key}-h-${j}`))) }) }), jsx("tbody", { children: rows.map((row, rIdx) => (jsx("tr", { children: row.map((cell, j) => (jsx("td", { className: markdownTdStyle, style: align[j]
+                                            ? { textAlign: align[j] ?? undefined }
+                                            : undefined, children: renderInline(cell, { linkTarget }, `${key}-r-${rIdx}-${j}`) }, `${key}-r-${rIdx}-${j}`))) }, `${key}-r-${rIdx}`))) })] }, key));
+                }
+                default:
+                    return null;
+            }
+        }) }));
+});
+ChatMarkdownRenderer.displayName = 'ChatMarkdownRenderer';
+
+export { ChatMarkdownRenderer };
+//# sourceMappingURL=ChatMarkdownRenderer.js.map

package/dist/esm/components/editor/ChatPanel/ChatMarkdownRenderer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChatMarkdownRenderer.js","sources":["../../../../../../src/components/editor/ChatPanel/ChatMarkdownRenderer.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;;;;AAqCA;AACE;AACF;AAEA;;;;;;AAWE;AAIE;AACE;AACA;AACD;AACD;AACE;AACA;AAQD;AACD;AACE;;AAcD;AACD;AACE;AACA;AACD;AACD;AACE;AACA;AACD;AACD;AACE;AACA;AACD;AACD;AACE;AACA;AACD;AACD;AACE;AACA;AACD;;AAGH;;;;AAMI;;AACA;AACE;;AAEE;;;;;;;;;AAWN;AACE;;AAEF;AACA;;AAGF;AACF;AAoBA;AACE;;;AAIA;;;AAIE;AACE;;;;;;AAOA;;AAEA;AACA;;AAEE;;;;AAIA;AACA;;AAED;;;;AAKH;;AAEE;;;;;;;;;AAUE;;AAEA;AACD;AACD;;;;AAKF;;AAEE;AACE;AACA;;AAEF;;;;AAKF;;AAEE;AACE;AACA;;;;;;AAOJ;;AAEE;AACE;AACA;;;;;;AAOJ;AAEE;AACA;AACA;AAEA;AAEK;AACA;;;AAIL;AACA;;;;;AAIqB;AACnB;AAAW;AACX;AAAU;AACV;AACF;AAEA;;AAEA;AACE;AACA;;AAEF;;;;;AAMF;;AAEE;AAEE;AACA;AACA;AACA;AACA;AACA;;;AAIF;AACA;;AAEF;;AAGF;AACF;AAEA;;;;;;;;;;;;;;;;;AAiBG;;AAED;;AAcI;;AAMA;AASM;AACA;AACE;;;;AAcE;;;AAOF;;AAUA;;AAUA;;AAMA;;AAQA;AACE;;AAEA;AACA;AACA;;AAWgB;;;;AAsClB;AACE;;;AAKZ;AAGJ;;"}

package/dist/esm/components/editor/ChatPanel/ChatMessage.js

@@ -2,9 +2,16 @@
 import { jsx, jsxs } from 'react/jsx-runtime';
 import React from 'react';
 import { cx } from '../../../utils/cx.js';
+import { Avatar } from '../../primitives/Avatar/Avatar.js';
+import '../../primitives/Avatar/AvatarGroup.js';
 import { ChatBubble } from './ChatBubble.js';
-import { messageTextStyle, messageAvatarStyle, messageAvatarImgStyle, messageContentStyle, bubbleErrorStyle, messageErrorCaptionStyle, messageErrorIconStyle, messageTimestampStyle, messageRecipe } from './ChatPanel.css.js';
+import { messageTextStyle, messageContentStyle, bubbleErrorStyle, messageErrorCaptionStyle, messageErrorIconStyle, messageTimestampStyle, messageRecipe, messageMaxWidthVarName } from './ChatPanel.css.js';
 
+function resolveMaxWidth(value) {
+    if (value === undefined)
+        return undefined;
+    return typeof value === 'number' ? `${value}px` : value;
+}
 function formatTimestamp(iso) {
     try {
         const date = new Date(iso);
@@ -14,22 +21,19 @@ function formatTimestamp(iso) {
         return '';
     }
 }
-function getInitials(name) {
-    if (!name)
-        return '?';
-    return name
-        .split(' ')
-        .map(part => part[0])
-        .join('')
-        .toUpperCase()
-        .slice(0, 2);
-}
 const ErrorIcon = () => (jsxs("svg", { width: "12", height: "12", viewBox: "0 0 12 12", fill: "none", "aria-hidden": "true", children: [jsx("circle", { cx: "6", cy: "6", r: "5", stroke: "currentColor", strokeWidth: "1.2" }), jsx("line", { x1: "6", y1: "3.5", x2: "6", y2: "6.5", stroke: "currentColor", strokeWidth: "1.2", strokeLinecap: "round" }), jsx("circle", { cx: "6", cy: "8.5", r: "0.6", fill: "currentColor" })] }));
-const ChatMessage = /*#__PURE__*/ React.memo(({ message, showTimestamp = false, showAvatar = false, actions, renderContent, className, style, testId, ref, ...rest }) => {
+const ChatMessage = /*#__PURE__*/ React.memo(({ message, showTimestamp = false, showAvatar = false, actions, renderContent, maxWidth, className, style, testId, ref, ...rest }) => {
     const { role, content, status, timestamp, avatar, displayName } = message;
     const isError = status === 'error';
     const renderedContent = renderContent ? (renderContent(content)) : (jsx("span", { className: messageTextStyle, children: content }));
-    return (jsxs("div", { ref: ref, className: cx(messageRecipe({ role }), className), style: style, "data-testid": testId, ...rest, children: [showAvatar && role !== 'system' && (jsx("div", { className: messageAvatarStyle, "aria-hidden": "true", children: avatar ? (jsx("img", { src: avatar, alt: displayName ?? role, className: messageAvatarImgStyle })) : (getInitials(displayName ?? role)) })), jsxs("div", { className: messageContentStyle, children: [jsx(ChatBubble, { role: role, className: isError ? bubbleErrorStyle : undefined, children: renderedContent }), isError && (jsxs("span", { className: messageErrorCaptionStyle, children: [jsx("span", { className: messageErrorIconStyle, children: jsx(ErrorIcon, {}) }), "Error generating response"] })), actions && jsx("div", { children: actions }), showTimestamp && timestamp && (jsx("span", { className: messageTimestampStyle, children: formatTimestamp(timestamp) }))] })] }));
+    const resolvedMaxWidth = resolveMaxWidth(maxWidth);
+    const rootStyle = resolvedMaxWidth
+        ? {
+            [messageMaxWidthVarName]: resolvedMaxWidth,
+            ...style,
+        }
+        : (style ?? {});
+    return (jsxs("div", { ref: ref, className: cx(messageRecipe({ role }), className), style: rootStyle, "data-testid": testId, ...rest, children: [showAvatar && role !== 'system' && (jsx(Avatar, { size: "md", src: avatar, name: displayName ?? role, alt: displayName ?? role })), jsxs("div", { className: messageContentStyle, children: [jsx(ChatBubble, { role: role, className: isError ? bubbleErrorStyle : undefined, children: renderedContent }), isError && (jsxs("span", { className: messageErrorCaptionStyle, children: [jsx("span", { className: messageErrorIconStyle, children: jsx(ErrorIcon, {}) }), "Error generating response"] })), actions && jsx("div", { children: actions }), showTimestamp && timestamp && (jsx("span", { className: messageTimestampStyle, children: formatTimestamp(timestamp) }))] })] }));
 });
 ChatMessage.displayName = 'ChatMessage';
 

package/dist/esm/components/editor/ChatPanel/ChatMessage.js.map

@@ -1 +1 @@
-{"version":3,"file":"ChatMessage.js","sources":["../../../../../../src/components/editor/ChatPanel/ChatMessage.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;;;AAkBA;AACE;AACE;AACA;;AACA;AACA;;AAEJ;AAEA;AACE;AAAW;AACX;;;;AAIG;AACA;AACL;AAEA;AAsBO;AAaH;AACA;;AAQA;AAiDF;AAGF;;"}
+{"version":3,"file":"ChatMessage.js","sources":["../../../../../../src/components/editor/ChatPanel/ChatMessage.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;;;;;AAkBA;;AAG2B;AACzB;AACF;AAEA;AACE;AACE;AACA;;AACA;AACA;;AAEJ;AAEA;AAsBO;AAcH;AACA;;AAQA;;AAEE;;AAEI;AACuB;AAC3B;AAEF;AA4CF;AAGF;;"}

package/dist/esm/components/editor/ChatPanel/ChatMessageList.js

@@ -1,30 +1,38 @@
 "use client";
 import { jsx, jsxs } from 'react/jsx-runtime';
-import React from 'react';
+import React, { useMemo, useImperativeHandle } from 'react';
 import { useChatScroll } from './useChatScroll.js';
 import { ChatMessage } from './ChatMessage.js';
 import { ScrollArea } from '../../layout/ScrollArea/ScrollArea.js';
+import { useMergedRef } from '../../../hooks/useMergedRef/useMergedRef.js';
 import { messageListContentStyle, newMessagesBannerStyle } from './ChatPanel.css.js';
 
-const ChatMessageList = /*#__PURE__*/ React.memo(({ messages, renderMessage, emptyState, autoScroll = true, className, style, testId, ref, ...rest }) => {
-    const { scrollContainerRef, hasNewMessages, scrollToBottom } = useChatScroll({
+const ChatMessageList = /*#__PURE__*/ React.memo(({ messages, renderMessage, emptyState, autoScroll = true, scrollApiRef, className, style, testId, ref, ...rest }) => {
+    const { scrollContainerRef, scrollContentRef, hasNewMessages, scrollToBottom, scrollTo, scrollToElement, } = useChatScroll({
         messages,
         enabled: autoScroll,
     });
-    // Merge refs — ScrollArea forwards ref to its viewport div
-    const mergedRef = React.useCallback((node) => {
-        scrollContainerRef.current = node;
-        if (typeof ref === 'function') {
-            ref(node);
-        }
-        else if (ref) {
-            ref.current = node;
-        }
-    }, [scrollContainerRef, ref]);
+    // ScrollArea forwards ref to its viewport div — merge with our internal
+    // scroll container ref and the consumer's ref.
+    const mergedRef = useMergedRef(scrollContainerRef, ref);
+    const isAtBottomGetter = React.useCallback(() => {
+        const container = scrollContainerRef.current;
+        if (!container)
+            return true;
+        const { scrollTop, scrollHeight, clientHeight } = container;
+        return scrollHeight - scrollTop - clientHeight <= 100;
+    }, [scrollContainerRef]);
+    const scrollApi = useMemo(() => ({
+        scrollToBottom,
+        scrollTo,
+        scrollToElement,
+        isAtBottom: isAtBottomGetter,
+    }), [scrollToBottom, scrollTo, scrollToElement, isAtBottomGetter]);
+    useImperativeHandle(scrollApiRef, () => scrollApi, [scrollApi]);
     if (messages.length === 0 && emptyState) {
-        return (jsx(ScrollArea, { ref: mergedRef, autoFill: true, className: className, style: style, testId: testId, ...rest, children: jsx("div", { className: messageListContentStyle, role: "log", "aria-live": "polite", children: emptyState }) }));
+        return (jsx(ScrollArea, { ref: mergedRef, autoFill: true, className: className, style: style, testId: testId, ...rest, children: jsx("div", { ref: scrollContentRef, className: messageListContentStyle, role: "log", "aria-live": "polite", children: emptyState }) }));
     }
-    return (jsx(ScrollArea, { ref: mergedRef, autoFill: true, className: className, style: style, testId: testId, ...rest, children: jsxs("div", { className: messageListContentStyle, role: "log", "aria-live": "polite", children: [messages.map((message, index) => renderMessage ? (jsx(React.Fragment, { children: renderMessage(message, index) }, message.id)) : (jsx(ChatMessage, { message: message }, message.id))), hasNewMessages && (jsx("button", { className: newMessagesBannerStyle, onClick: () => scrollToBottom('smooth'), type: "button", children: "New messages" }))] }) }));
+    return (jsx(ScrollArea, { ref: mergedRef, autoFill: true, className: className, style: style, testId: testId, ...rest, children: jsxs("div", { ref: scrollContentRef, className: messageListContentStyle, role: "log", "aria-live": "polite", children: [messages.map((message, index) => renderMessage ? (jsx(React.Fragment, { children: renderMessage(message, index) }, message.id)) : (jsx(ChatMessage, { message: message }, message.id))), hasNewMessages && (jsx("button", { className: newMessagesBannerStyle, onClick: () => scrollToBottom('smooth'), type: "button", children: "New messages" }))] }) }));
 });
 ChatMessageList.displayName = 'ChatMessageList';
 

package/dist/esm/components/editor/ChatPanel/ChatMessageList.js.map

@@ -1 +1 @@
-{"version":3,"file":"ChatMessageList.js","sources":["../../../../../../src/components/editor/ChatPanel/ChatMessageList.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;;;;AAYO;;;AAeC;AACD;;;AAMG;AAEF;;;;AAGG;;AAEL;;AAKA;;;AAoDJ;AAGF;;"}
+{"version":3,"file":"ChatMessageList.js","sources":["../../../../../../src/components/editor/ChatPanel/ChatMessageList.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;;;;;AAgBO;AAaH;;AASE;AACD;;;;AAMD;AACE;AACA;AAAgB;;AAEhB;AACF;AAEA;;;;AAKI;;AAKJ;;AAGE;;;AA0DJ;AAGF;;"}

package/dist/esm/components/editor/ChatPanel/ChatPanel.css.js

@@ -1,72 +1,82 @@
-import './../../../assets/src/components/editor/ChatPanel/ChatPanel.css.ts.vanilla-DPIGnZ4A.css';
+import './../../../assets/src/components/editor/ChatPanel/ChatPanel.css.ts.vanilla-CLn8idfz.css';
 import { createRuntimeFn } from '@vanilla-extract/recipes/createRuntimeFn';
 
-var actionBarStyle = 'ChatPanel_actionBarStyle__1c3e77r2b';
-var attachmentChipIconStyle = 'ChatPanel_attachmentChipIconStyle__1c3e77r1w';
-var attachmentChipNameStyle = 'ChatPanel_attachmentChipNameStyle__1c3e77r1x';
-var attachmentChipRemoveStyle = 'ChatPanel_attachmentChipRemoveStyle__1c3e77r1y';
-var attachmentChipStyle = 'ChatPanel_attachmentChipStyle__1c3e77r1v';
-var attachmentThumbnailStyle = 'ChatPanel_attachmentThumbnailStyle__1c3e77r1z';
-var bubbleErrorStyle = 'ChatPanel_bubbleErrorStyle__1c3e77rk';
-var bubbleRecipe = createRuntimeFn({defaultClassName:'ChatPanel_bubbleRecipe__1c3e77rf',variantClassNames:{role:{user:'ChatPanel_bubbleRecipe_role_user__1c3e77rg',assistant:'ChatPanel_bubbleRecipe_role_assistant__1c3e77rh',system:'ChatPanel_bubbleRecipe_role_system__1c3e77ri',tool:'ChatPanel_bubbleRecipe_role_tool__1c3e77rj'}},defaultVariants:{role:'assistant'},compoundVariants:[]});
+var actionBarStyle = 'ChatPanel_actionBarStyle__1c3e77r29';
+var attachmentChipIconStyle = 'ChatPanel_attachmentChipIconStyle__1c3e77r1u';
+var attachmentChipNameStyle = 'ChatPanel_attachmentChipNameStyle__1c3e77r1v';
+var attachmentChipRemoveStyle = 'ChatPanel_attachmentChipRemoveStyle__1c3e77r1w';
+var attachmentChipStyle = 'ChatPanel_attachmentChipStyle__1c3e77r1t';
+var attachmentThumbnailStyle = 'ChatPanel_attachmentThumbnailStyle__1c3e77r1x';
+var bubbleErrorStyle = 'ChatPanel_bubbleErrorStyle__1c3e77ri';
+var bubbleRecipe = createRuntimeFn({defaultClassName:'ChatPanel_bubbleRecipe__1c3e77rd',variantClassNames:{role:{user:'ChatPanel_bubbleRecipe_role_user__1c3e77re',assistant:'ChatPanel_bubbleRecipe_role_assistant__1c3e77rf',system:'ChatPanel_bubbleRecipe_role_system__1c3e77rg',tool:'ChatPanel_bubbleRecipe_role_tool__1c3e77rh'}},defaultVariants:{role:'assistant'},compoundVariants:[]});
 var chatPanelRecipe = createRuntimeFn({defaultClassName:'ChatPanel_chatPanelRecipe__1c3e77r0',variantClassNames:{density:{comfortable:'ChatPanel_chatPanelRecipe_density_comfortable__1c3e77r1',compact:'ChatPanel_chatPanelRecipe_density_compact__1c3e77r2'}},defaultVariants:{density:'comfortable'},compoundVariants:[]});
-var codeBlockActionsStyle = 'ChatPanel_codeBlockActionsStyle__1c3e77r1p';
-var codeBlockContainerStyle = 'ChatPanel_codeBlockContainerStyle__1c3e77r1m';
-var codeBlockContentStyle = 'ChatPanel_codeBlockContentStyle__1c3e77r1r';
-var codeBlockContentWithLineNumbersStyle = 'ChatPanel_codeBlockContentWithLineNumbersStyle__1c3e77r1s';
-var codeBlockCopyButtonStyle = 'ChatPanel_codeBlockCopyButtonStyle__1c3e77r1q';
-var codeBlockHeaderStyle = 'ChatPanel_codeBlockHeaderStyle__1c3e77r1n';
-var codeBlockLanguageStyle = 'ChatPanel_codeBlockLanguageStyle__1c3e77r1o';
-var codeBlockLineNumbersColumnStyle = 'ChatPanel_codeBlockLineNumbersColumnStyle__1c3e77r1t';
-var codeBlockMaxHeightVar = 'var(--codeBlockMaxHeightVar__1c3e77r1l)';
-var codeBlockPreStyle = 'ChatPanel_codeBlockPreStyle__1c3e77r1u';
-var contextChipDismissStyle = 'ChatPanel_contextChipDismissStyle__1c3e77r24';
-var contextChipIconStyle = 'ChatPanel_contextChipIconStyle__1c3e77r21';
-var contextChipItemsStyle = 'ChatPanel_contextChipItemsStyle__1c3e77r23';
-var contextChipLabelStyle = 'ChatPanel_contextChipLabelStyle__1c3e77r22';
-var contextChipStyle = 'ChatPanel_contextChipStyle__1c3e77r20';
-var emptyStateDescriptionStyle = 'ChatPanel_emptyStateDescriptionStyle__1c3e77r28';
-var emptyStateIconStyle = 'ChatPanel_emptyStateIconStyle__1c3e77r26';
-var emptyStateStyle = 'ChatPanel_emptyStateStyle__1c3e77r25';
-var emptyStateSuggestionStyle = 'ChatPanel_emptyStateSuggestionStyle__1c3e77r2a';
-var emptyStateSuggestionsStyle = 'ChatPanel_emptyStateSuggestionsStyle__1c3e77r29';
-var emptyStateTitleStyle = 'ChatPanel_emptyStateTitleStyle__1c3e77r27';
-var inputAttachmentsStyle = 'ChatPanel_inputAttachmentsStyle__1c3e77rp';
-var inputBottomBarStyle = 'ChatPanel_inputBottomBarStyle__1c3e77rv';
-var inputButtonStyle = 'ChatPanel_inputButtonStyle__1c3e77rt';
-var inputContainerStyle = 'ChatPanel_inputContainerStyle__1c3e77ro';
-var inputMaxHeightVar = 'var(--inputMaxHeightVar__1c3e77rn)';
-var inputPrefixStyle = 'ChatPanel_inputPrefixStyle__1c3e77rq';
-var inputStopButtonStyle = 'ChatPanel_inputStopButtonStyle__1c3e77ru';
-var inputTextareaStyle = 'ChatPanel_inputTextareaStyle__1c3e77rs';
-var inputToolbarStyle = 'ChatPanel_inputToolbarStyle__1c3e77rw';
-var inputWrapperStyle = 'ChatPanel_inputWrapperStyle__1c3e77rr';
-var messageAvatarImgStyle = 'ChatPanel_messageAvatarImgStyle__1c3e77rc';
-var messageAvatarStyle = 'ChatPanel_messageAvatarStyle__1c3e77rb';
+var codeBlockActionsStyle = 'ChatPanel_codeBlockActionsStyle__1c3e77r1n';
+var codeBlockContainerStyle = 'ChatPanel_codeBlockContainerStyle__1c3e77r1k';
+var codeBlockContentStyle = 'ChatPanel_codeBlockContentStyle__1c3e77r1p';
+var codeBlockContentWithLineNumbersStyle = 'ChatPanel_codeBlockContentWithLineNumbersStyle__1c3e77r1q';
+var codeBlockCopyButtonStyle = 'ChatPanel_codeBlockCopyButtonStyle__1c3e77r1o';
+var codeBlockHeaderStyle = 'ChatPanel_codeBlockHeaderStyle__1c3e77r1l';
+var codeBlockLanguageStyle = 'ChatPanel_codeBlockLanguageStyle__1c3e77r1m';
+var codeBlockLineNumbersColumnStyle = 'ChatPanel_codeBlockLineNumbersColumnStyle__1c3e77r1r';
+var codeBlockMaxHeightVar = 'var(--codeBlockMaxHeightVar__1c3e77r1j)';
+var codeBlockPreStyle = 'ChatPanel_codeBlockPreStyle__1c3e77r1s';
+var contextChipDismissStyle = 'ChatPanel_contextChipDismissStyle__1c3e77r22';
+var contextChipIconStyle = 'ChatPanel_contextChipIconStyle__1c3e77r1z';
+var contextChipItemsStyle = 'ChatPanel_contextChipItemsStyle__1c3e77r21';
+var contextChipLabelStyle = 'ChatPanel_contextChipLabelStyle__1c3e77r20';
+var contextChipStyle = 'ChatPanel_contextChipStyle__1c3e77r1y';
+var emptyStateDescriptionStyle = 'ChatPanel_emptyStateDescriptionStyle__1c3e77r26';
+var emptyStateIconStyle = 'ChatPanel_emptyStateIconStyle__1c3e77r24';
+var emptyStateStyle = 'ChatPanel_emptyStateStyle__1c3e77r23';
+var emptyStateSuggestionStyle = 'ChatPanel_emptyStateSuggestionStyle__1c3e77r28';
+var emptyStateSuggestionsStyle = 'ChatPanel_emptyStateSuggestionsStyle__1c3e77r27';
+var emptyStateTitleStyle = 'ChatPanel_emptyStateTitleStyle__1c3e77r25';
+var inputAttachmentsStyle = 'ChatPanel_inputAttachmentsStyle__1c3e77rn';
+var inputBottomBarStyle = 'ChatPanel_inputBottomBarStyle__1c3e77rt';
+var inputButtonStyle = 'ChatPanel_inputButtonStyle__1c3e77rr';
+var inputContainerStyle = 'ChatPanel_inputContainerStyle__1c3e77rm';
+var inputMaxHeightVar = 'var(--inputMaxHeightVar__1c3e77rl)';
+var inputPrefixStyle = 'ChatPanel_inputPrefixStyle__1c3e77ro';
+var inputStopButtonStyle = 'ChatPanel_inputStopButtonStyle__1c3e77rs';
+var inputTextareaStyle = 'ChatPanel_inputTextareaStyle__1c3e77rq';
+var inputToolbarStyle = 'ChatPanel_inputToolbarStyle__1c3e77ru';
+var inputWrapperStyle = 'ChatPanel_inputWrapperStyle__1c3e77rp';
+var markdownBlockquoteStyle = 'ChatPanel_markdownBlockquoteStyle__1c3e77r2g';
+var markdownHeadingStyle = 'ChatPanel_markdownHeadingStyle__1c3e77r2c';
+var markdownHrStyle = 'ChatPanel_markdownHrStyle__1c3e77r2h';
+var markdownLinkStyle = 'ChatPanel_markdownLinkStyle__1c3e77r2f';
+var markdownListItemStyle = 'ChatPanel_markdownListItemStyle__1c3e77r2e';
+var markdownListStyle = 'ChatPanel_markdownListStyle__1c3e77r2d';
+var markdownParagraphStyle = 'ChatPanel_markdownParagraphStyle__1c3e77r2b';
+var markdownRootStyle = 'ChatPanel_markdownRootStyle__1c3e77r2a';
+var markdownTableStyle = 'ChatPanel_markdownTableStyle__1c3e77r2i';
+var markdownTdStyle = 'ChatPanel_markdownTdStyle__1c3e77r2k';
+var markdownThStyle = 'ChatPanel_markdownThStyle__1c3e77r2j';
 var messageContentStyle = 'ChatPanel_messageContentStyle__1c3e77ra';
-var messageErrorCaptionStyle = 'ChatPanel_messageErrorCaptionStyle__1c3e77rl';
-var messageErrorIconStyle = 'ChatPanel_messageErrorIconStyle__1c3e77rm';
+var messageErrorCaptionStyle = 'ChatPanel_messageErrorCaptionStyle__1c3e77rj';
+var messageErrorIconStyle = 'ChatPanel_messageErrorIconStyle__1c3e77rk';
 var messageListContentStyle = 'ChatPanel_messageListContentStyle__1c3e77r3';
+var messageMaxWidthVarName = '--etui-chat-message-max-width';
 var messageRecipe = createRuntimeFn({defaultClassName:'ChatPanel_messageRecipe__1c3e77r5',variantClassNames:{role:{user:'ChatPanel_messageRecipe_role_user__1c3e77r6',assistant:'ChatPanel_messageRecipe_role_assistant__1c3e77r7',system:'ChatPanel_messageRecipe_role_system__1c3e77r8',tool:'ChatPanel_messageRecipe_role_tool__1c3e77r9'}},defaultVariants:{role:'assistant'},compoundVariants:[]});
-var messageTextStyle = 'ChatPanel_messageTextStyle__1c3e77re';
-var messageTimestampStyle = 'ChatPanel_messageTimestampStyle__1c3e77rd';
+var messageTextStyle = 'ChatPanel_messageTextStyle__1c3e77rc';
+var messageTimestampStyle = 'ChatPanel_messageTimestampStyle__1c3e77rb';
 var newMessagesBannerStyle = 'ChatPanel_newMessagesBannerStyle__1c3e77r4';
-var toolCallChevronRecipe = createRuntimeFn({defaultClassName:'ChatPanel_toolCallChevronRecipe__1c3e77r1d',variantClassNames:{open:{true:'ChatPanel_toolCallChevronRecipe_open_true__1c3e77r1e',false:'ChatPanel_toolCallChevronRecipe_open_false__1c3e77r1f'}},defaultVariants:{open:false},compoundVariants:[]});
-var toolCallContainerStyle = 'ChatPanel_toolCallContainerStyle__1c3e77r14';
-var toolCallDetailsStyle = 'ChatPanel_toolCallDetailsStyle__1c3e77r1g';
-var toolCallDurationStyle = 'ChatPanel_toolCallDurationStyle__1c3e77r1k';
-var toolCallErrorStyle = 'ChatPanel_toolCallErrorStyle__1c3e77r1j';
-var toolCallHeaderStyle = 'ChatPanel_toolCallHeaderStyle__1c3e77r15';
-var toolCallIconStyle = 'ChatPanel_toolCallIconStyle__1c3e77r16';
-var toolCallNameStyle = 'ChatPanel_toolCallNameStyle__1c3e77r17';
-var toolCallPreStyle = 'ChatPanel_toolCallPreStyle__1c3e77r1i';
-var toolCallSectionLabelStyle = 'ChatPanel_toolCallSectionLabelStyle__1c3e77r1h';
-var toolCallStatusRecipe = createRuntimeFn({defaultClassName:'ChatPanel_toolCallStatusRecipe__1c3e77r18',variantClassNames:{status:{pending:'ChatPanel_toolCallStatusRecipe_status_pending__1c3e77r19',running:'ChatPanel_toolCallStatusRecipe_status_running__1c3e77r1a',completed:'ChatPanel_toolCallStatusRecipe_status_completed__1c3e77r1b',error:'ChatPanel_toolCallStatusRecipe_status_error__1c3e77r1c'}},defaultVariants:{status:'pending'},compoundVariants:[]});
-var typingDotStyle = 'ChatPanel_typingDotStyle__1c3e77r11';
-var typingDotsContainerStyle = 'ChatPanel_typingDotsContainerStyle__1c3e77r10';
-var typingIndicatorStyle = 'ChatPanel_typingIndicatorStyle__1c3e77rz';
-var typingLabelStyle = 'ChatPanel_typingLabelStyle__1c3e77r13';
-var typingPulseStyle = 'ChatPanel_typingPulseStyle__1c3e77r12';
+var toolCallChevronRecipe = createRuntimeFn({defaultClassName:'ChatPanel_toolCallChevronRecipe__1c3e77r1b',variantClassNames:{open:{true:'ChatPanel_toolCallChevronRecipe_open_true__1c3e77r1c',false:'ChatPanel_toolCallChevronRecipe_open_false__1c3e77r1d'}},defaultVariants:{open:false},compoundVariants:[]});
+var toolCallContainerStyle = 'ChatPanel_toolCallContainerStyle__1c3e77r12';
+var toolCallDetailsStyle = 'ChatPanel_toolCallDetailsStyle__1c3e77r1e';
+var toolCallDurationStyle = 'ChatPanel_toolCallDurationStyle__1c3e77r1i';
+var toolCallErrorStyle = 'ChatPanel_toolCallErrorStyle__1c3e77r1h';
+var toolCallHeaderStyle = 'ChatPanel_toolCallHeaderStyle__1c3e77r13';
+var toolCallIconStyle = 'ChatPanel_toolCallIconStyle__1c3e77r14';
+var toolCallNameStyle = 'ChatPanel_toolCallNameStyle__1c3e77r15';
+var toolCallPreStyle = 'ChatPanel_toolCallPreStyle__1c3e77r1g';
+var toolCallSectionLabelStyle = 'ChatPanel_toolCallSectionLabelStyle__1c3e77r1f';
+var toolCallStatusRecipe = createRuntimeFn({defaultClassName:'ChatPanel_toolCallStatusRecipe__1c3e77r16',variantClassNames:{status:{pending:'ChatPanel_toolCallStatusRecipe_status_pending__1c3e77r17',running:'ChatPanel_toolCallStatusRecipe_status_running__1c3e77r18',completed:'ChatPanel_toolCallStatusRecipe_status_completed__1c3e77r19',error:'ChatPanel_toolCallStatusRecipe_status_error__1c3e77r1a'}},defaultVariants:{status:'pending'},compoundVariants:[]});
+var typingDotStyle = 'ChatPanel_typingDotStyle__1c3e77rz';
+var typingDotsContainerStyle = 'ChatPanel_typingDotsContainerStyle__1c3e77ry';
+var typingIndicatorStyle = 'ChatPanel_typingIndicatorStyle__1c3e77rx';
+var typingLabelStyle = 'ChatPanel_typingLabelStyle__1c3e77r11';
+var typingPulseStyle = 'ChatPanel_typingPulseStyle__1c3e77r10';
 
-export { actionBarStyle, attachmentChipIconStyle, attachmentChipNameStyle, attachmentChipRemoveStyle, attachmentChipStyle, attachmentThumbnailStyle, bubbleErrorStyle, bubbleRecipe, chatPanelRecipe, codeBlockActionsStyle, codeBlockContainerStyle, codeBlockContentStyle, codeBlockContentWithLineNumbersStyle, codeBlockCopyButtonStyle, codeBlockHeaderStyle, codeBlockLanguageStyle, codeBlockLineNumbersColumnStyle, codeBlockMaxHeightVar, codeBlockPreStyle, contextChipDismissStyle, contextChipIconStyle, contextChipItemsStyle, contextChipLabelStyle, contextChipStyle, emptyStateDescriptionStyle, emptyStateIconStyle, emptyStateStyle, emptyStateSuggestionStyle, emptyStateSuggestionsStyle, emptyStateTitleStyle, inputAttachmentsStyle, inputBottomBarStyle, inputButtonStyle, inputContainerStyle, inputMaxHeightVar, inputPrefixStyle, inputStopButtonStyle, inputTextareaStyle, inputToolbarStyle, inputWrapperStyle, messageAvatarImgStyle, messageAvatarStyle, messageContentStyle, messageErrorCaptionStyle, messageErrorIconStyle, messageListContentStyle, messageRecipe, messageTextStyle, messageTimestampStyle, newMessagesBannerStyle, toolCallChevronRecipe, toolCallContainerStyle, toolCallDetailsStyle, toolCallDurationStyle, toolCallErrorStyle, toolCallHeaderStyle, toolCallIconStyle, toolCallNameStyle, toolCallPreStyle, toolCallSectionLabelStyle, toolCallStatusRecipe, typingDotStyle, typingDotsContainerStyle, typingIndicatorStyle, typingLabelStyle, typingPulseStyle };
+export { actionBarStyle, attachmentChipIconStyle, attachmentChipNameStyle, attachmentChipRemoveStyle, attachmentChipStyle, attachmentThumbnailStyle, bubbleErrorStyle, bubbleRecipe, chatPanelRecipe, codeBlockActionsStyle, codeBlockContainerStyle, codeBlockContentStyle, codeBlockContentWithLineNumbersStyle, codeBlockCopyButtonStyle, codeBlockHeaderStyle, codeBlockLanguageStyle, codeBlockLineNumbersColumnStyle, codeBlockMaxHeightVar, codeBlockPreStyle, contextChipDismissStyle, contextChipIconStyle, contextChipItemsStyle, contextChipLabelStyle, contextChipStyle, emptyStateDescriptionStyle, emptyStateIconStyle, emptyStateStyle, emptyStateSuggestionStyle, emptyStateSuggestionsStyle, emptyStateTitleStyle, inputAttachmentsStyle, inputBottomBarStyle, inputButtonStyle, inputContainerStyle, inputMaxHeightVar, inputPrefixStyle, inputStopButtonStyle, inputTextareaStyle, inputToolbarStyle, inputWrapperStyle, markdownBlockquoteStyle, markdownHeadingStyle, markdownHrStyle, markdownLinkStyle, markdownListItemStyle, markdownListStyle, markdownParagraphStyle, markdownRootStyle, markdownTableStyle, markdownTdStyle, markdownThStyle, messageContentStyle, messageErrorCaptionStyle, messageErrorIconStyle, messageListContentStyle, messageMaxWidthVarName, messageRecipe, messageTextStyle, messageTimestampStyle, newMessagesBannerStyle, toolCallChevronRecipe, toolCallContainerStyle, toolCallDetailsStyle, toolCallDurationStyle, toolCallErrorStyle, toolCallHeaderStyle, toolCallIconStyle, toolCallNameStyle, toolCallPreStyle, toolCallSectionLabelStyle, toolCallStatusRecipe, typingDotStyle, typingDotsContainerStyle, typingIndicatorStyle, typingLabelStyle, typingPulseStyle };
 //# sourceMappingURL=ChatPanel.css.js.map

package/dist/esm/components/editor/ChatPanel/ChatPanel.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"ChatPanel.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"ChatPanel.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}