@homecode/ui 5.9.2 → 5.11.0

package/dist/esm/index.js

@@ -21,6 +21,7 @@ export { DropZone } from './src/components/DropZone/DropZone.js';
 export { Expand } from './src/components/Expand/Expand.js';
 export { Flex } from './src/components/Flex/Flex.js';
 export { Form } from './src/components/Form/Form.js';
+export { FormattedText } from './src/components/FormattedText/FormattedText.js';
 export { Gap } from './src/components/Gap/Gap.js';
 export { Gallery, normalizeGalleryItem } from './src/components/Gallery/Gallery.js';
 export { GridLayout } from './src/components/GridLayout/GridLayout.js';
@@ -35,6 +36,7 @@ export { LightBox } from './src/components/LightBox/LightBox.js';
 export { Menu } from './src/components/Menu/Menu.js';
 export { NestedMenu, NestedMenuItemRow, NestedMenuLabel } from './src/components/NestedMenu/NestedMenu.js';
 export { Notifications, NotificationsStore } from './src/components/Notifications/Notifications.js';
+export { Nudge, NudgeError, NudgeText } from './src/components/Nudge/Nudge.js';
 export { Paranja } from './src/components/Paranja/Paranja.js';
 export { ANIMATION_DURATION, Popup } from './src/components/Popup/Popup.js';
 export { Portal } from './src/components/Portal/Portal.js';

package/dist/esm/src/components/Autocomplete/Autocomplete.js

@@ -32,14 +32,14 @@ import '../Router/Link/Link.styl.js';
 import '../Portal/Portal.js';
 import '../Paranja/Paranja.styl.js';
 import '../Table/Table.styl.js';
-import '../Chat/ChatFormattedText.styl.js';
+import '../FormattedText/FormattedText.styl.js';
 import '../Expand/Expand.styl.js';
 import '../Chat/ChatMessage.styl.js';
 import '../PromptComposer/PromptComposer.js';
 import '../Chat/ChatPrompt.styl.js';
+import '../TextShimmer/TextShimmer.js';
 import '../ThinkingOutline/ThinkingOutline.styl.js';
 import '../Chat/ChatView.styl.js';
-import '../TextShimmer/TextShimmer.js';
 import '../Container/Container.js';
 import '../DatePicker/DatePicker.styl.js';
 import 'moment';
@@ -72,6 +72,7 @@ import '../LightBox/LightBox.styl.js';
 import '../NestedMenu/NestedMenu.js';
 import '../Notifications/store.js';
 import '../Notifications/Notifications.styl.js';
+import '../Nudge/Nudge.styl.js';
 import '../PopupMenu/PopupMenu.styl.js';
 import '../Progress/Progress.styl.js';
 import '@tiptap/extensions';

package/dist/esm/src/components/Chat/ChatFormattedText.js

@@ -1,323 +1,8 @@
-import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
-import React__default from 'react';
-import { Button } from '../Button/Button.js';
-import { Link } from '../Router/Link/Link.js';
-import { Table } from '../Table/Table.js';
-import { Tooltip } from '../Tooltip/Tooltip.js';
-import S from './ChatFormattedText.styl.js';
+import { jsx } from 'react/jsx-runtime';
+import { FormattedText } from '../FormattedText/FormattedText.js';
 
-function findJsonEndExclusive(content, start) {
-    const first = content[start];
-    if (first !== '{' && first !== '[')
-        return -1;
-    const stack = first === '{' ? ['}'] : [']'];
-    let i = start + 1;
-    let inString = false;
-    let escape = false;
-    while (i < content.length && stack.length > 0) {
-        const c = content[i];
-        if (inString) {
-            if (escape)
-                escape = false;
-            else if (c === '\\')
-                escape = true;
-            else if (c === '"')
-                inString = false;
-            i++;
-            continue;
-        }
-        if (c === '"') {
-            inString = true;
-            i++;
-            continue;
-        }
-        if (c === '{') {
-            stack.push('}');
-            i++;
-            continue;
-        }
-        if (c === '[') {
-            stack.push(']');
-            i++;
-            continue;
-        }
-        if (c === '}' || c === ']') {
-            if (c !== stack[stack.length - 1])
-                return -1;
-            stack.pop();
-            i++;
-            continue;
-        }
-        i++;
-    }
-    return stack.length > 0 ? -1 : i;
-}
-function applyInjectors(text, injectors) {
-    let result = [text];
-    injectors.forEach(fn => {
-        let i = 0;
-        while (i < result.length) {
-            const item = result[i];
-            if (typeof item === 'string') {
-                const res = fn(item);
-                if (!res) {
-                    i++;
-                    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);
-                    if (after.length > 0)
-                        continue;
-                }
-            }
-            i++;
-        }
-    });
-    return result;
-}
-function ChatFormattedText({ text, className, onButtonClick, }) {
-    const injectLines = (content) => {
-        const matches = content.match(/\n---\n/);
-        if (!matches)
-            return null;
-        return {
-            elem: jsx("div", { className: S.line }),
-            index: matches.index,
-            length: matches[0].length,
-        };
-    };
-    const injectBullet = (content) => {
-        const matches = content.match(/(\n|^)([ \t]*)(-|\*|\+)\s/);
-        if (!matches)
-            return null;
-        return {
-            elem: (jsxs(Fragment, { children: [matches[1] === '\n' && jsx("br", {}), jsx("div", { className: S.bullet })] })),
-            index: matches.index,
-            length: matches[0].length,
-        };
-    };
-    const injectNumbered = (content) => {
-        const matches = content.match(/(\n|^)([ \t]*)(\d+)\.\s+/);
-        if (!matches)
-            return null;
-        return {
-            elem: (jsxs(Fragment, { children: [matches[1] === '\n' && jsx("br", {}), jsxs("span", { className: S.numberedIndex, children: [matches[3], "."] })] })),
-            index: matches.index,
-            length: matches[0].length,
-        };
-    };
-    const injectBold = (content) => {
-        const matches = content.match(/\*\*(.*?)\*\*/);
-        if (!matches)
-            return null;
-        return {
-            elem: jsx("strong", { children: matches[1] }),
-            index: matches.index,
-            length: matches[0].length,
-        };
-    };
-    const injectItalic = (content) => {
-        const matches = content.match(/\*(.*?)\*/);
-        if (!matches)
-            return null;
-        return {
-            elem: jsx("em", { children: matches[1] }),
-            index: matches.index,
-            length: matches[0].length,
-        };
-    };
-    const injectCodeBlock = (content) => {
-        const multiline = content.match(/```(\w+)?[\s\n]*([\s\S]*?)```/);
-        if (multiline) {
-            return {
-                elem: jsx("code", { className: S.codeBlock, children: multiline[2].trim() }),
-                index: multiline.index,
-                length: multiline[0].length,
-            };
-        }
-        const inline = content.match(/`([^`\n]+)`/);
-        if (!inline)
-            return null;
-        return {
-            elem: jsx("code", { className: S.codeInline, children: inline[1] }),
-            index: inline.index,
-            length: inline[0].length,
-        };
-    };
-    const injectPrettyJson = (content) => {
-        let searchFrom = 0;
-        while (searchFrom < content.length) {
-            let start = -1;
-            for (let j = searchFrom; j < content.length; j++) {
-                if (content[j] === '{' || content[j] === '[') {
-                    start = j;
-                    break;
-                }
-            }
-            if (start < 0)
-                return null;
-            const endExclusive = findJsonEndExclusive(content, start);
-            if (endExclusive < 0) {
-                searchFrom = start + 1;
-                continue;
-            }
-            const slice = content.slice(start, endExclusive);
-            try {
-                const parsed = JSON.parse(slice);
-                return {
-                    elem: (jsx("pre", { className: S.jsonPre, children: JSON.stringify(parsed, null, 2) })),
-                    index: start,
-                    length: slice.length,
-                };
-            }
-            catch {
-                searchFrom = start + 1;
-            }
-        }
-        return null;
-    };
-    const injectLinks = (content) => {
-        const markdown = content.match(/\[([^\]]+)\]\(([^)]+)\)/);
-        if (markdown) {
-            let url = markdown[2];
-            if (url.startsWith('www.'))
-                url = `https://${url}`;
-            return {
-                elem: (jsx(Tooltip, { content: url, direction: "top", children: jsx(Link, { href: url, inline: true, target: "_blank", children: markdown[1] }) })),
-                index: markdown.index,
-                length: markdown[0].length,
-            };
-        }
-        const bareDomainTlds = 'com|org|net|edu|gov|mil|int|info|biz|co|io|ai|app|dev|me|tv|cc|ly|sh|so|gg|fm|ws|xyz|tech|cloud|store|online|site|shop|blog|news|link|page|uk|us|ca|de|fr|jp|cn|ru|br|in|au|it|es|nl|se|no|fi|pl|ch|be|at|dk|cz|gr|hu|ie|pt|ro|tr|kr|mx|za|sg|hk|tw|nz|il|ae|ua';
-        const matches = content.match(new RegExp(`(https?:\\/\\/[^\\s<>"']+|www\\.[^\\s<>"']+|[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?(?:\\.[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?)*\\.(?:${bareDomainTlds})\\b[^\\s<>"']*)`, 'i'));
-        if (!matches)
-            return null;
-        let url = matches[0];
-        if (url.startsWith('www.'))
-            url = `https://${url}`;
-        return {
-            elem: (jsx(Tooltip, { content: url, direction: "top", children: jsx(Link, { href: url, inline: true, target: "_blank", children: matches[0] }) })),
-            index: matches.index,
-            length: matches[0].length,
-        };
-    };
-    const injectButtons = (content) => {
-        if (!onButtonClick)
-            return null;
-        const matches = content.match(/\[(.*?):(.*?)\|([^\]]+)\]/);
-        if (!matches)
-            return null;
-        const [data, label] = matches[0]
-            .replace('[', '')
-            .replace(']', '')
-            .split('|');
-        const [varName, value] = data.split(':');
-        return {
-            elem: (jsx(Button, { variant: "default", size: "s", round: true, onClick: () => onButtonClick({ text: label, [varName]: value }), children: label })),
-            index: matches.index,
-            length: matches[0].length,
-        };
-    };
-    const headingTags = ['h1', 'h2', 'h3', 'h4', 'h5', 'h6'];
-    const processCellContent = (value, depth = 0) => applyInjectors(value, [
-        injectCodeBlock,
-        injectPrettyJson,
-        ...(depth === 0
-            ? [
-                (content) => {
-                    const matches = content.match(/(^|\n)(#{1,6})\s+([^\n]+)/);
-                    if (!matches)
-                        return null;
-                    const Tag = headingTags[Math.min(matches[2].length, 6) - 1];
-                    return {
-                        elem: React__default.createElement(Tag, {}, ...processCellContent(matches[3], depth + 1)),
-                        index: matches.index,
-                        length: matches[0].length,
-                    };
-                },
-            ]
-            : []),
-        injectLines,
-        injectLinks,
-        injectBold,
-        injectItalic,
-        injectBullet,
-        injectNumbered,
-        injectButtons,
-    ]);
-    const injectHeading = (content) => {
-        const matches = content.match(/(^|\n)(#{1,6})\s+([^\n]+)/);
-        if (!matches)
-            return null;
-        const Tag = headingTags[Math.min(matches[2].length, 6) - 1];
-        return {
-            elem: React__default.createElement(Tag, {}, ...processCellContent(matches[3], 1)),
-            index: matches.index,
-            length: matches[0].length,
-        };
-    };
-    const injectTables = (content) => {
-        const withSep = content.match(/(\n|^)(\|[^\n]+\|\s*\n)(\|[\s:-]+(?:\|[\s:-]+)*\|\s*\n)((?:\|[^\n]+\|\s*\n?)+)/);
-        const withoutSep = withSep
-            ? null
-            : content.match(/(\n|^)(\|[^\n]+\|\s*\n)((?:\|[^\n]+\|\s*\n?)+)/);
-        const matches = withSep || withoutSep;
-        if (!matches)
-            return null;
-        const hasSeparator = Boolean(withSep);
-        const headerRow = matches[2].trim();
-        const dataRows = (hasSeparator ? matches[4] : matches[3]).trim();
-        const headers = headerRow.split('|').map(cell => cell.trim()).slice(1, -1);
-        if (headers.length === 0)
-            return null;
-        const rows = dataRows
-            .split('\n')
-            .map(row => row.trim())
-            .filter(row => row.startsWith('|') && row.endsWith('|'))
-            .map(row => row.split('|').map(cell => cell.trim()).slice(1, -1))
-            .filter(row => row.length > 0);
-        if (rows.length === 0)
-            return null;
-        const maxCols = Math.max(headers.length, ...rows.map(row => row.length));
-        const paddedHeaders = [
-            ...headers,
-            ...Array(maxCols - headers.length).fill(''),
-        ];
-        const columns = paddedHeaders.map((header, idx) => ({
-            id: `col-${idx}`,
-            label: processCellContent(header),
-            dataField: `col-${idx}`,
-            render: (data) => processCellContent(data[`col-${idx}`] || ''),
-        }));
-        const tableData = rows.map((row, rowIdx) => {
-            const rowData = { id: `row-${rowIdx}` };
-            paddedHeaders.forEach((_, colIdx) => {
-                rowData[`col-${colIdx}`] = row[colIdx] || '';
-            });
-            return rowData;
-        });
-        return {
-            elem: (jsx(Table, { size: "s", variant: "plain", columns: columns, data: tableData, className: S.table })),
-            index: matches.index + (matches[1]?.length || 0),
-            length: matches[0].length - (matches[1]?.length || 0),
-        };
-    };
-    return (jsx("div", { className: className, children: applyInjectors(text, [
-            injectTables,
-            injectCodeBlock,
-            injectPrettyJson,
-            injectHeading,
-            injectLines,
-            injectLinks,
-            injectBold,
-            injectItalic,
-            injectBullet,
-            injectNumbered,
-            injectButtons,
-        ]) }));
+function ChatFormattedText(props) {
+    return jsx(FormattedText, { ...props });
 }
 
 export { ChatFormattedText };

package/dist/esm/src/components/Chat/ChatPrompt.js

@@ -5,6 +5,7 @@ import { Icon } from '../Icon/Icon.js';
 import { PromptComposer } from '../PromptComposer/PromptComposer.js';
 import S from './ChatPrompt.styl.js';
 import { Select2 } from '../Select/Select2.js';
+import { TextShimmer } from '../TextShimmer/TextShimmer.js';
 import { ThinkingOutline } from '../ThinkingOutline/ThinkingOutline.js';
 import { Tooltip } from '../Tooltip/Tooltip.js';
 import cn from 'classnames';
@@ -12,12 +13,13 @@ import cn from 'classnames';
 const DEFAULT_MODELS = [
     { id: 'auto', label: 'Auto Router' },
 ];
-function ChatPrompt({ value, onChange, onSubmit, disabled, isPrompting, placeholder = 'Message', className, showAttach = true, onAttach, attachAccept, showModelSelector = true, models = DEFAULT_MODELS, model, onModelChange, }) {
+function ChatPrompt({ value, onChange, onSubmit, disabled, isPrompting, status, promptingLabel = 'Thinking…', placeholder = 'Message', className, showAttach = true, onAttach, attachAccept, showModelSelector = true, models = DEFAULT_MODELS, model, onModelChange, }) {
     const fileInputRef = useRef(null);
     const composerRef = useRef(null);
     const [uncontrolledModel, setUncontrolledModel] = useState(model ?? models[0]?.id ?? 'auto');
     const modelId = model ?? uncontrolledModel;
     const canSubmit = !disabled && Boolean(value.trim());
+    const statusNode = status || (isPrompting && promptingLabel);
     const setModel = (id) => {
         if (model === undefined)
             setUncontrolledModel(id);
@@ -35,24 +37,24 @@ function ChatPrompt({ value, onChange, onSubmit, disabled, isPrompting, placehol
                     if (!next || disabled)
                         return;
                     onSubmit(next);
-                } }), jsxs("div", { className: S.buttons, onClick: onButtonsWrapperClick, children: [jsx(Button, { className: cn(S.button, S.submit), variant: "text", type: "submit", round: true, square: true, disabled: !canSubmit, "aria-label": "Send", onClick: () => {
-                            const next = value.trim();
-                            if (!next || disabled)
-                                return;
-                            onSubmit(next);
-                        }, children: jsx(Icon, { type: "arrowUp", className: S.submitIcon }) }), showModelSelector && (jsx(Select2, { className: S.promptModelSelector, label: "", size: "s", disableLabel: true, hideRequiredStar: true, round: true, options: models, value: modelId, disabled: disabled, triggerProps: { variant: 'clear' }, popupProps: {
+                } }), jsxs("div", { className: S.buttons, onClick: onButtonsWrapperClick, children: [showAttach && (jsxs(Fragment, { children: [jsx("input", { ref: fileInputRef, type: "file", accept: attachAccept, multiple: true, className: S.fileInput, disabled: disabled, onChange: e => {
+                                    const files = e.target.files;
+                                    if (files?.length)
+                                        onAttach?.(Array.from(files));
+                                    e.target.value = '';
+                                } }), jsx(Tooltip, { content: "Attach", direction: "right", children: jsx(Button, { variant: "text", className: S.attachButton, disabled: disabled, "aria-label": "Attach", onClick: () => fileInputRef.current?.click(), children: jsx(Icon, { size: "m", type: "plus" }) }) })] })), statusNode && (jsx("div", { className: S.status, children: jsx(TextShimmer, { children: statusNode }) })), jsx("div", { className: S.gap }), showModelSelector && !isPrompting && (jsx(Select2, { className: S.promptModelSelector, label: "", size: "s", disableLabel: true, hideRequiredStar: true, round: true, options: models, value: modelId, disabled: disabled, triggerProps: { variant: 'clear' }, popupProps: {
                             direction: 'top-right',
                             round: true,
                         }, onChange: next => {
                             if (next == null || Array.isArray(next))
                                 return;
                             setModel(String(next));
-                        } })), jsx("div", { className: S.gap }), showAttach && (jsxs(Fragment, { children: [jsx("input", { ref: fileInputRef, type: "file", accept: attachAccept, multiple: true, className: S.fileInput, disabled: disabled, onChange: e => {
-                                    const files = e.target.files;
-                                    if (files?.length)
-                                        onAttach?.(Array.from(files));
-                                    e.target.value = '';
-                                } }), jsx(Tooltip, { content: "Attach", direction: "right", children: jsx(Button, { variant: "text", className: S.attachButton, disabled: disabled, "aria-label": "Attach", onClick: () => fileInputRef.current?.click(), children: jsx(Icon, { size: "m", type: "plus" }) }) })] }))] })] }));
+                        } })), jsx(Button, { className: cn(S.button, S.submit), variant: "text", type: "submit", round: true, square: true, disabled: !canSubmit, "aria-label": "Send", onClick: () => {
+                            const next = value.trim();
+                            if (!next || disabled)
+                                return;
+                            onSubmit(next);
+                        }, children: jsx(Icon, { type: "arrowUp", className: S.submitIcon }) })] })] }));
 }
 
 export { ChatPrompt };

package/dist/esm/src/components/Chat/ChatPrompt.styl.js

@@ -1,7 +1,7 @@
 import styleInject from '../../../node_modules/style-inject/dist/style-inject.es.js';
 
-var css_248z = ".ChatPrompt_root__jEydp{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background-color:var(--decent-color-alpha-500);background-color:var(--accent-color-alpha-50);border-radius:var(--p-5);box-shadow:0 0 0 1px var(--active-color-alpha-100);display:flex;flex-direction:column;flex-wrap:wrap;font-size:80%;font-size:calc(80%*var(--dialogue-text-scale, 1));margin:2px auto;max-width:600px;min-height:76px;min-height:calc(var(--prompt-height, 80px) - 4px);position:relative;transition:box-shadow .4s ease-out,border-top-left-radius .2s ease,border-top-right-radius .2s ease,background-color .5s ease;width:100%}.ChatPrompt_root__jEydp:after{border-radius:inherit;box-shadow:inset 0 0 0 1px var(--accent-color-alpha-100),0 0 0 2px var(--decent-color-alpha-800),0 0 30px 0 var(--decent-color-alpha-500);content:\"\";height:100%;left:0;pointer-events:none;position:absolute;top:0;transition:box-shadow .4s ease-out;width:100%;z-index:-2}.ChatPrompt_root__jEydp:focus-within:after,.ChatPrompt_root__jEydp:hover:after{box-shadow:0 0 0 2px var(--decent-color-alpha-500),0 0 50px 0 var(--decent-color-alpha-500)}.ChatPrompt_root__jEydp:focus-within,.ChatPrompt_root__jEydp:hover{box-shadow:inset 0 0 0 1px var(--decent-color-alpha-500)}.ChatPrompt_root__jEydp:hover{box-shadow:inset 0 0 0 1px var(--active-color-alpha-300)}.ChatPrompt_root__jEydp:focus-within{box-shadow:inset 0 0 0 1px var(--active-color-alpha-500)}.ChatPrompt_composer__uWvF4{background-color:transparent!important;position:relative;transition:opacity .2s ease-out;width:100%;z-index:1}.ChatPrompt_composer__uWvF4 .ProseMirror,.ChatPrompt_composer__uWvF4 .editorMount .promptComposerEditor{caret-color:var(--accent-color);font-size:16px!important;font-size:calc(16px*var(--dialogue-text-scale, 1))!important;min-height:1.5em!important;padding:10px var(--p-7) 0 14px!important}.ChatPrompt_composer__uWvF4 .ProseMirror:focus{box-shadow:inset 0 0 0 2px none}.ChatPrompt_composer__uWvF4 .promptComposerEmptyEditor .promptComposerEmptyNode:before{color:var(--accent-color-alpha-500)}.ChatPrompt_buttons__gm2Lm{align-items:center;cursor:text;display:flex;flex-direction:row-reverse;flex-shrink:0;flex-wrap:wrap;gap:6px;justify-content:flex-start;padding:0 2px 0 6px;transform:translateY(-2px);width:100%;z-index:1}.ChatPrompt_buttons__gm2Lm svg{transition:.2s ease-out;transition-property:filter,scale}.ChatPrompt_button__h1lLp{background-color:transparent!important;padding:0 var(--p-2);position:relative}.ChatPrompt_button__h1lLp:focus,.ChatPrompt_button__h1lLp:hover{opacity:1}.ChatPrompt_button__h1lLp.ChatPrompt_submit__CICZy{background-color:var(--active-color)!important;box-shadow:0 1px 1px 0 rgba(0,0,0,.6);color:var(--decent-color)!important;margin-left:var(--p-2);transition:filter .2s ease-out,opacity .5s ease-out}.ChatPrompt_button__h1lLp.ChatPrompt_submit__CICZy svg{color:var(--decent-color)!important}.ChatPrompt_button__h1lLp.ChatPrompt_submit__CICZy:focus,.ChatPrompt_button__h1lLp.ChatPrompt_submit__CICZy:focus-visible,.ChatPrompt_button__h1lLp.ChatPrompt_submit__CICZy:hover{filter:drop-shadow(0 0 14px var(--active-color))}.ChatPrompt_button__h1lLp.ChatPrompt_submit__CICZy[disabled]{background-color:inherit!important;box-shadow:none;filter:none;pointer-events:none}.ChatPrompt_button__h1lLp.ChatPrompt_submit__CICZy[disabled] svg{color:var(--accent-color-alpha-500)!important}.ChatPrompt_submitIcon__yqHzk{display:block}.ChatPrompt_gap__xkA50{flex-grow:1}.ChatPrompt_promptModelSelector__RZpMR{flex-shrink:0;max-width:calc(100% - 200px);opacity:.5;transition:opacity .2s ease-out}.ChatPrompt_promptModelSelector__RZpMR:hover{opacity:1}.ChatPrompt_fileInput__l36Lj{display:none}.ChatPrompt_attachButton__vLVfy{flex-shrink:0;margin-left:-8px;opacity:.5;position:relative;z-index:4}";
-var S = {"root":"ChatPrompt_root__jEydp","composer":"ChatPrompt_composer__uWvF4","buttons":"ChatPrompt_buttons__gm2Lm","button":"ChatPrompt_button__h1lLp","submit":"ChatPrompt_submit__CICZy","submitIcon":"ChatPrompt_submitIcon__yqHzk","gap":"ChatPrompt_gap__xkA50","promptModelSelector":"ChatPrompt_promptModelSelector__RZpMR","fileInput":"ChatPrompt_fileInput__l36Lj","attachButton":"ChatPrompt_attachButton__vLVfy"};
+var css_248z = ".ChatPrompt_root__jEydp{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background-color:var(--decent-color-alpha-500);background-color:var(--accent-color-alpha-50);border-radius:var(--p-5);box-shadow:0 0 0 1px var(--active-color-alpha-100);display:flex;flex-direction:column;flex-wrap:wrap;font-size:80%;font-size:calc(80%*var(--dialogue-text-scale, 1));margin:2px auto;max-width:600px;min-height:76px;min-height:calc(var(--prompt-height, 80px) - 4px);position:relative;transition:box-shadow .4s ease-out,border-top-left-radius .2s ease,border-top-right-radius .2s ease,background-color .5s ease;width:100%}.ChatPrompt_root__jEydp:after{border-radius:inherit;box-shadow:inset 0 0 0 1px var(--accent-color-alpha-100),0 0 0 2px var(--decent-color-alpha-800),0 0 30px 0 var(--decent-color-alpha-500);content:\"\";height:100%;left:0;pointer-events:none;position:absolute;top:0;transition:box-shadow .4s ease-out;width:100%;z-index:-2}.ChatPrompt_root__jEydp:focus-within:after,.ChatPrompt_root__jEydp:hover:after{box-shadow:0 0 0 2px var(--decent-color-alpha-500),0 0 50px 0 var(--decent-color-alpha-500)}.ChatPrompt_root__jEydp:focus-within,.ChatPrompt_root__jEydp:hover{box-shadow:inset 0 0 0 1px var(--decent-color-alpha-500)}.ChatPrompt_root__jEydp:hover{box-shadow:inset 0 0 0 1px var(--active-color-alpha-300)}.ChatPrompt_root__jEydp:focus-within{box-shadow:inset 0 0 0 1px var(--active-color-alpha-500)}.ChatPrompt_composer__uWvF4{background-color:transparent!important;position:relative;transition:opacity .2s ease-out;width:100%;z-index:1}.ChatPrompt_composer__uWvF4 .ProseMirror,.ChatPrompt_composer__uWvF4 .editorMount .promptComposerEditor{caret-color:var(--accent-color);font-size:16px!important;font-size:calc(16px*var(--dialogue-text-scale, 1))!important;min-height:1.5em!important;padding:10px var(--p-7) 0 14px!important}.ChatPrompt_composer__uWvF4 .ProseMirror:focus{box-shadow:inset 0 0 0 2px none}.ChatPrompt_composer__uWvF4 .promptComposerEmptyEditor .promptComposerEmptyNode:before{color:var(--accent-color-alpha-500)}.ChatPrompt_buttons__gm2Lm{align-items:center;cursor:text;display:flex;flex-direction:row;flex-shrink:0;flex-wrap:wrap;gap:6px;justify-content:flex-start;padding:0 2px 0 6px;transform:translateY(-2px);width:100%;z-index:1}.ChatPrompt_buttons__gm2Lm svg{transition:.2s ease-out;transition-property:filter,scale}.ChatPrompt_button__h1lLp{background-color:transparent!important;padding:0 var(--p-2);position:relative}.ChatPrompt_button__h1lLp:focus,.ChatPrompt_button__h1lLp:hover{opacity:1}.ChatPrompt_button__h1lLp.ChatPrompt_submit__CICZy{background-color:var(--active-color)!important;box-shadow:0 1px 1px 0 rgba(0,0,0,.6);color:var(--decent-color)!important;margin-left:var(--p-2);transition:filter .2s ease-out,opacity .5s ease-out}.ChatPrompt_button__h1lLp.ChatPrompt_submit__CICZy svg{color:var(--decent-color)!important}.ChatPrompt_button__h1lLp.ChatPrompt_submit__CICZy:focus,.ChatPrompt_button__h1lLp.ChatPrompt_submit__CICZy:focus-visible,.ChatPrompt_button__h1lLp.ChatPrompt_submit__CICZy:hover{filter:drop-shadow(0 0 14px var(--active-color))}.ChatPrompt_button__h1lLp.ChatPrompt_submit__CICZy[disabled]{background-color:inherit!important;box-shadow:none;filter:none;pointer-events:none}.ChatPrompt_button__h1lLp.ChatPrompt_submit__CICZy[disabled] svg{color:var(--accent-color-alpha-500)!important}.ChatPrompt_submitIcon__yqHzk{display:block}.ChatPrompt_gap__xkA50{flex-grow:1}.ChatPrompt_promptModelSelector__RZpMR{flex-shrink:0;max-width:calc(100% - 200px);opacity:.5;transition:opacity .2s ease-out}.ChatPrompt_promptModelSelector__RZpMR:hover{opacity:1}.ChatPrompt_fileInput__l36Lj{display:none}.ChatPrompt_attachButton__vLVfy{flex-shrink:0;margin-left:-8px;opacity:.5;position:relative;z-index:4}.ChatPrompt_status__RpNcl{align-items:center;display:flex;flex-shrink:0;font-size:12.8px;font-size:calc(12.8px*var(--dialogue-text-scale, 1));pointer-events:none;white-space:nowrap}.ChatPrompt_status__RpNcl:first-child{padding-left:var(--p-3)}";
+var S = {"root":"ChatPrompt_root__jEydp","composer":"ChatPrompt_composer__uWvF4","buttons":"ChatPrompt_buttons__gm2Lm","button":"ChatPrompt_button__h1lLp","submit":"ChatPrompt_submit__CICZy","submitIcon":"ChatPrompt_submitIcon__yqHzk","gap":"ChatPrompt_gap__xkA50","promptModelSelector":"ChatPrompt_promptModelSelector__RZpMR","fileInput":"ChatPrompt_fileInput__l36Lj","attachButton":"ChatPrompt_attachButton__vLVfy","status":"ChatPrompt_status__RpNcl"};
 styleInject(css_248z);
 
 export { S as default };

package/dist/esm/src/components/Chat/ChatView.js

@@ -3,12 +3,11 @@ import { useRef, useEffect } from 'react';
 import { ChatMessage } from './ChatMessage.js';
 import S from './ChatView.styl.js';
 import { Scroll } from '../Scroll/Scroll.js';
-import { TextShimmer } from '../TextShimmer/TextShimmer.js';
 import cn from 'classnames';
 import { isPlanMessageContent } from './content.js';
 import { scrollTo } from '../../tools/scroll.js';
 
-function ChatView({ messages, isPrompting, promptingLabel = 'Thinking…', emptyLabel = 'Start the conversation', className, messagesClassName, footer, onButtonClick, footerClassName, }) {
+function ChatView({ messages, isPrompting, emptyLabel = 'Start the conversation', className, messagesClassName, footer, onButtonClick, footerClassName, }) {
     const listRef = useRef(null);
     const visible = messages.filter(message => !isPlanMessageContent(message.content));
     useEffect(() => {
@@ -24,7 +23,7 @@ function ChatView({ messages, isPrompting, promptingLabel = 'Thinking…', empty
                             prev.role === message.role &&
                             message.role !== 'SYSTEM';
                         return (jsx(ChatMessage, { data: message, isStacked: isStacked, isLastMessage: index === visible.length - 1, onButtonClick: onButtonClick }, message.id || `${message.role}-${index}`));
-                    })] }), footer && (jsxs("div", { className: cn(S.footer, footerClassName), children: [isPrompting && (jsx("div", { className: S.status, children: jsx(TextShimmer, { children: promptingLabel }) })), footer] })), !footer && isPrompting && (jsx("div", { className: S.status, children: jsx(TextShimmer, { children: promptingLabel }) }))] }));
+                    })] }), footer && (jsx("div", { className: cn(S.footer, footerClassName), children: footer }))] }));
 }
 
 export { ChatView };

package/dist/esm/src/components/Chat/ChatView.styl.js

@@ -1,7 +1,7 @@
 import styleInject from '../../../node_modules/style-inject/dist/style-inject.es.js';
 
-var css_248z = ".ChatView_root__fRLUe{--prompt-height:80px;display:flex;flex-direction:column;height:100%;min-height:0;position:relative;width:100%}.ChatView_messages__XjC53{flex:1;min-height:0}.ChatView_messagesInner__oRfmN{display:flex;flex-direction:column;height:-moz-fit-content;height:fit-content;min-height:100%;padding:var(--p-10) calc(50% - 300px) 0}.ChatView_messagesInnerWithPrompt__AuC8M{padding-bottom:20px}.ChatView_empty__5yGXV{margin:auto;opacity:.6;padding:24px;text-align:center}.ChatView_status__PpDvZ{font-size:13px;padding:4px 8px 0}.ChatView_footer__huDww{height:-moz-fit-content;height:fit-content;margin-top:calc(var(--p-5)*-1);overflow:visible;padding:0}.ChatView_footer__huDww .ChatView_status__PpDvZ{display:flex;font-size:12.8px;font-size:calc(12.8px*var(--dialogue-text-scale, 1));justify-content:center;left:0;padding:6px 14px;pointer-events:none;position:absolute;right:0;top:-32px}";
-var S = {"root":"ChatView_root__fRLUe","messages":"ChatView_messages__XjC53","messagesInner":"ChatView_messagesInner__oRfmN","messagesInnerWithPrompt":"ChatView_messagesInnerWithPrompt__AuC8M","empty":"ChatView_empty__5yGXV","status":"ChatView_status__PpDvZ","footer":"ChatView_footer__huDww"};
+var css_248z = ".ChatView_root__fRLUe{--prompt-height:80px;display:flex;flex-direction:column;height:100%;max-height:100%;min-height:0;position:relative;width:100%}.ChatView_messages__XjC53{flex:1;min-height:0}.ChatView_messagesInner__oRfmN{display:flex;flex-direction:column;height:-moz-fit-content;height:fit-content;min-height:100%;padding:var(--p-10) calc(50% - 300px) 0}.ChatView_messagesInnerWithPrompt__AuC8M{padding-bottom:20px}.ChatView_empty__5yGXV{margin:auto;opacity:.6;padding:24px;text-align:center}.ChatView_footer__huDww{height:-moz-fit-content;height:fit-content;margin-top:calc(var(--p-5)*-1);overflow:visible;padding:0;position:relative}";
+var S = {"root":"ChatView_root__fRLUe","messages":"ChatView_messages__XjC53","messagesInner":"ChatView_messagesInner__oRfmN","messagesInnerWithPrompt":"ChatView_messagesInnerWithPrompt__AuC8M","empty":"ChatView_empty__5yGXV","footer":"ChatView_footer__huDww"};
 styleInject(css_248z);
 
 export { S as default };

package/dist/esm/src/components/Dialogue/Dialogue.styl.js

@@ -1,6 +1,6 @@
 import styleInject from '../../../node_modules/style-inject/dist/style-inject.es.js';
 
-var css_248z = ".Dialogue_dialogOverlay__jjBIa{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:var(--decent-color-alpha-900);inset:0;opacity:0;position:fixed;transition:opacity .2s ease-out;z-index:50}.Dialogue_dialogOverlay__jjBIa.Dialogue_isOpen__gISMb{animation-duration:.2s;animation-fill-mode:forwards;animation-name:Dialogue_fadeIn__RSEB2;animation-timing-function:ease-out;opacity:1}.Dialogue_dialogContent__-Lxde{border-radius:var(--border-radius-l);box-shadow:0 10px 20px rgba(0,0,0,.3),0 0 0 2px var(--decent-color-alpha-800);display:flex;flex-direction:column;left:50%;max-height:calc(100% - var(--p-5));opacity:0;position:fixed;top:50%;transform:translateX(-50%) translateY(-50%) scale(.95);transition:opacity .2s ease-out,transform .2s ease-out;width:-moz-fit-content;width:fit-content;z-index:50}.Dialogue_dialogContent__-Lxde.Dialogue_isOpen__gISMb{animation-duration:.2s;animation-fill-mode:forwards;animation-name:Dialogue_dialogueIn__M0tLL;animation-timing-function:ease-out;opacity:1;transform:translateX(-50%) translateY(-50%) scale(1)}.Dialogue_dialogContent__-Lxde.Dialogue_isClosed__lHYyZ{animation-duration:.2s;animation-fill-mode:forwards;animation-name:Dialogue_dialogueOut__6bLTY;animation-timing-function:ease-in;opacity:0;pointer-events:none;transform:translateX(-50%) translateY(-50%) scale(.95)}@media (max-width:700px){.Dialogue_dialogContent__-Lxde{max-width:calc(100% - var(--p-5));width:calc(100% - var(--p-5))}}.Dialogue_dialogContent__-Lxde:has(.Dialogue_dialogClose__5q12n) [data-slot=card-header]{padding-right:calc(2rem + var(--p-3))}.Dialogue_size-default__X1sdB{max-width:40rem}.Dialogue_size-login__GyixB{max-width:24rem}.Dialogue_size-wide__HQbiX{max-width:calc(100% - var(--p-5))}@media (min-width:700px){.Dialogue_size-wide__HQbiX{max-width:80rem}}.Dialogue_dialogClose__5q12n{align-items:center;background-color:transparent;border:none;border-radius:var(--border-radius-s);box-shadow:inset 0 0 0 2px none;color:var(--accent-color);cursor:pointer;display:flex;height:2rem;justify-content:center;opacity:.7;position:absolute;right:var(--p-3);top:var(--p-3);transform-origin:center;transition:opacity .2s ease,transform .2s ease;width:2rem;z-index:10}.Dialogue_dialogClose__5q12n:hover{opacity:1;transform:scale(1.1)}.Dialogue_dialogClose__5q12n:focus-visible{box-shadow:0 0 0 2px var(--active-color)}.Dialogue_dialogClose__5q12n:disabled{pointer-events:none}.Dialogue_footerAlignLeft__xQUD8{justify-content:flex-start}.Dialogue_footerAlignCenter__yq9Mu{justify-content:center}.Dialogue_footerAlignRight__Yo7hG{justify-content:flex-end}@keyframes Dialogue_fadeIn__RSEB2{0%{opacity:0}to{opacity:1}}@keyframes Dialogue_dialogueIn__M0tLL{0%{opacity:0;transform:translateX(-50%) translateY(-50%) scale(.95)}to{opacity:1;transform:translateX(-50%) translateY(-50%) scale(1)}}@keyframes Dialogue_dialogueOut__6bLTY{0%{opacity:1;transform:translateX(-50%) translateY(-50%) scale(1)}to{opacity:0;transform:translateX(-50%) translateY(-50%) scale(.95)}}";
+var css_248z = ".Dialogue_dialogOverlay__jjBIa{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:var(--decent-color-alpha-900);inset:0;opacity:0;position:fixed;transition:opacity .2s ease-out;z-index:50}.Dialogue_dialogOverlay__jjBIa.Dialogue_isOpen__gISMb{animation-duration:.2s;animation-fill-mode:forwards;animation-name:Dialogue_fadeIn__RSEB2;animation-timing-function:ease-out;opacity:1}.Dialogue_dialogContent__-Lxde{border-radius:var(--border-radius-l);box-shadow:0 10px 20px rgba(0,0,0,.3),0 0 0 2px var(--decent-color-alpha-800);display:flex;flex-direction:column;left:50%;max-height:calc(100% - var(--p-5));opacity:0;position:fixed;top:50%;transform:translateX(-50%) translateY(-50%) scale(.95);transition:opacity .2s ease-out,transform .2s ease-out;width:-moz-fit-content;width:fit-content;z-index:50}.Dialogue_dialogContent__-Lxde.Dialogue_isOpen__gISMb{animation-duration:.2s;animation-fill-mode:forwards;animation-name:Dialogue_dialogueIn__M0tLL;animation-timing-function:ease-out;opacity:1;transform:translateX(-50%) translateY(-50%) scale(1)}.Dialogue_dialogContent__-Lxde.Dialogue_isClosed__lHYyZ{animation-duration:.2s;animation-fill-mode:forwards;animation-name:Dialogue_dialogueOut__6bLTY;animation-timing-function:ease-in;opacity:0;pointer-events:none;transform:translateX(-50%) translateY(-50%) scale(.95)}@media (max-width:700px){.Dialogue_dialogContent__-Lxde{max-width:calc(100% - var(--p-5));width:calc(100% - var(--p-5))}}.Dialogue_dialogContent__-Lxde:has(.Dialogue_dialogClose__5q12n) [data-slot=card-header]{padding-right:calc(2rem + var(--p-3))}.Dialogue_size-default__X1sdB{max-width:40rem}.Dialogue_size-login__GyixB{max-width:24rem}.Dialogue_size-wide__HQbiX{max-width:calc(100% - var(--p-5))}@media (min-width:700px){.Dialogue_size-wide__HQbiX{max-width:80rem}}.Dialogue_dialogClose__5q12n{align-items:center;background-color:transparent;border:none;border-radius:var(--border-radius-s);box-shadow:inset 0 0 0 2px none;color:var(--accent-color);cursor:pointer;display:flex;height:2rem;justify-content:center;opacity:.3;position:absolute;right:var(--p-3);top:var(--p-3);transform-origin:center;transition:opacity .2s ease,transform .2s ease;width:2rem;z-index:10}.Dialogue_dialogClose__5q12n:focus-visible,.Dialogue_dialogClose__5q12n:hover{opacity:1;transform:scale(1.1)}.Dialogue_dialogClose__5q12n:focus-visible{box-shadow:0 0 0 2px var(--active-color)}.Dialogue_dialogClose__5q12n:disabled{pointer-events:none}.Dialogue_footerAlignLeft__xQUD8{justify-content:flex-start}.Dialogue_footerAlignCenter__yq9Mu{justify-content:center}.Dialogue_footerAlignRight__Yo7hG{justify-content:flex-end}@keyframes Dialogue_fadeIn__RSEB2{0%{opacity:0}to{opacity:1}}@keyframes Dialogue_dialogueIn__M0tLL{0%{opacity:0;transform:translateX(-50%) translateY(-50%) scale(.95)}to{opacity:1;transform:translateX(-50%) translateY(-50%) scale(1)}}@keyframes Dialogue_dialogueOut__6bLTY{0%{opacity:1;transform:translateX(-50%) translateY(-50%) scale(1)}to{opacity:0;transform:translateX(-50%) translateY(-50%) scale(.95)}}";
 var S = {"dialogOverlay":"Dialogue_dialogOverlay__jjBIa","isOpen":"Dialogue_isOpen__gISMb","fadeIn":"Dialogue_fadeIn__RSEB2","dialogContent":"Dialogue_dialogContent__-Lxde","dialogueIn":"Dialogue_dialogueIn__M0tLL","isClosed":"Dialogue_isClosed__lHYyZ","dialogueOut":"Dialogue_dialogueOut__6bLTY","dialogClose":"Dialogue_dialogClose__5q12n","size-default":"Dialogue_size-default__X1sdB","size-login":"Dialogue_size-login__GyixB","size-wide":"Dialogue_size-wide__HQbiX","footerAlignLeft":"Dialogue_footerAlignLeft__xQUD8","footerAlignCenter":"Dialogue_footerAlignCenter__yq9Mu","footerAlignRight":"Dialogue_footerAlignRight__Yo7hG"};
 styleInject(css_248z);
 

package/dist/esm/src/components/Expand/Expand.styl.js

@@ -1,6 +1,6 @@
 import styleInject from '../../../node_modules/style-inject/dist/style-inject.es.js';
 
-var css_248z = ".Expand_root__zxSvx{display:flex;flex-direction:column}.Expand_root__zxSvx+.Expand_root__zxSvx{margin-top:var(--p-3)}.Expand_header__LxAel{justify-content:space-between}.Expand_headerIcon__CXlwY{transition:transform .2s ease-out}.Expand_isOpen__k6lyZ .Expand_header__LxAel{background-color:var(--active-color-alpha-500)}.Expand_isOpen__k6lyZ .Expand_headerIcon__CXlwY{transform:rotate(90deg)}";
+var css_248z = ".Expand_root__zxSvx{display:flex;flex-direction:column}.Expand_root__zxSvx+.Expand_root__zxSvx{margin-top:var(--p-3)}.Expand_header__LxAel{justify-content:space-between}.Expand_headerIcon__CXlwY{opacity:.4;transform:scale(.7);transition:transform .2s ease-out,opacity .2s ease-out}.Expand_header__LxAel:hover .Expand_headerIcon__CXlwY{opacity:1}.Expand_isOpen__k6lyZ .Expand_header__LxAel{background-color:var(--active-color-alpha-500)}.Expand_isOpen__k6lyZ .Expand_headerIcon__CXlwY{transform:scale(.7) rotate(90deg)}";
 var S = {"root":"Expand_root__zxSvx","header":"Expand_header__LxAel","headerIcon":"Expand_headerIcon__CXlwY","isOpen":"Expand_isOpen__k6lyZ"};
 styleInject(css_248z);
 

package/dist/esm/src/components/FormattedText/FormattedText.js

@@ -0,0 +1,323 @@
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import React__default from 'react';
+import { Button } from '../Button/Button.js';
+import { Link } from '../Router/Link/Link.js';
+import { Table } from '../Table/Table.js';
+import { Tooltip } from '../Tooltip/Tooltip.js';
+import S from './FormattedText.styl.js';
+
+function findJsonEndExclusive(content, start) {
+    const first = content[start];
+    if (first !== '{' && first !== '[')
+        return -1;
+    const stack = first === '{' ? ['}'] : [']'];
+    let i = start + 1;
+    let inString = false;
+    let escape = false;
+    while (i < content.length && stack.length > 0) {
+        const c = content[i];
+        if (inString) {
+            if (escape)
+                escape = false;
+            else if (c === '\\')
+                escape = true;
+            else if (c === '"')
+                inString = false;
+            i++;
+            continue;
+        }
+        if (c === '"') {
+            inString = true;
+            i++;
+            continue;
+        }
+        if (c === '{') {
+            stack.push('}');
+            i++;
+            continue;
+        }
+        if (c === '[') {
+            stack.push(']');
+            i++;
+            continue;
+        }
+        if (c === '}' || c === ']') {
+            if (c !== stack[stack.length - 1])
+                return -1;
+            stack.pop();
+            i++;
+            continue;
+        }
+        i++;
+    }
+    return stack.length > 0 ? -1 : i;
+}
+function applyInjectors(text, injectors) {
+    let result = [text];
+    injectors.forEach(fn => {
+        let i = 0;
+        while (i < result.length) {
+            const item = result[i];
+            if (typeof item === 'string') {
+                const res = fn(item);
+                if (!res) {
+                    i++;
+                    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);
+                    if (after.length > 0)
+                        continue;
+                }
+            }
+            i++;
+        }
+    });
+    return result;
+}
+function FormattedText({ text, className, onButtonClick, }) {
+    const injectLines = (content) => {
+        const matches = content.match(/\n---\n/);
+        if (!matches)
+            return null;
+        return {
+            elem: jsx("div", { className: S.line }),
+            index: matches.index,
+            length: matches[0].length,
+        };
+    };
+    const injectBullet = (content) => {
+        const matches = content.match(/(\n|^)([ \t]*)(-|\*|\+)\s/);
+        if (!matches)
+            return null;
+        return {
+            elem: (jsxs(Fragment, { children: [matches[1] === '\n' && jsx("br", {}), jsx("div", { className: S.bullet })] })),
+            index: matches.index,
+            length: matches[0].length,
+        };
+    };
+    const injectNumbered = (content) => {
+        const matches = content.match(/(\n|^)([ \t]*)(\d+)\.\s+/);
+        if (!matches)
+            return null;
+        return {
+            elem: (jsxs(Fragment, { children: [matches[1] === '\n' && jsx("br", {}), jsxs("span", { className: S.numberedIndex, children: [matches[3], "."] })] })),
+            index: matches.index,
+            length: matches[0].length,
+        };
+    };
+    const injectBold = (content) => {
+        const matches = content.match(/\*\*(.*?)\*\*/);
+        if (!matches)
+            return null;
+        return {
+            elem: jsx("strong", { children: matches[1] }),
+            index: matches.index,
+            length: matches[0].length,
+        };
+    };
+    const injectItalic = (content) => {
+        const matches = content.match(/\*(.*?)\*/);
+        if (!matches)
+            return null;
+        return {
+            elem: jsx("em", { children: matches[1] }),
+            index: matches.index,
+            length: matches[0].length,
+        };
+    };
+    const injectCodeBlock = (content) => {
+        const multiline = content.match(/```(\w+)?[\s\n]*([\s\S]*?)```/);
+        if (multiline) {
+            return {
+                elem: jsx("code", { className: S.codeBlock, children: multiline[2].trim() }),
+                index: multiline.index,
+                length: multiline[0].length,
+            };
+        }
+        const inline = content.match(/`([^`\n]+)`/);
+        if (!inline)
+            return null;
+        return {
+            elem: jsx("code", { className: S.codeInline, children: inline[1] }),
+            index: inline.index,
+            length: inline[0].length,
+        };
+    };
+    const injectPrettyJson = (content) => {
+        let searchFrom = 0;
+        while (searchFrom < content.length) {
+            let start = -1;
+            for (let j = searchFrom; j < content.length; j++) {
+                if (content[j] === '{' || content[j] === '[') {
+                    start = j;
+                    break;
+                }
+            }
+            if (start < 0)
+                return null;
+            const endExclusive = findJsonEndExclusive(content, start);
+            if (endExclusive < 0) {
+                searchFrom = start + 1;
+                continue;
+            }
+            const slice = content.slice(start, endExclusive);
+            try {
+                const parsed = JSON.parse(slice);
+                return {
+                    elem: (jsx("pre", { className: S.jsonPre, children: JSON.stringify(parsed, null, 2) })),
+                    index: start,
+                    length: slice.length,
+                };
+            }
+            catch {
+                searchFrom = start + 1;
+            }
+        }
+        return null;
+    };
+    const injectLinks = (content) => {
+        const markdown = content.match(/\[([^\]]+)\]\(([^)]+)\)/);
+        if (markdown) {
+            let url = markdown[2];
+            if (url.startsWith('www.'))
+                url = `https://${url}`;
+            return {
+                elem: (jsx(Tooltip, { content: url, direction: "top", children: jsx(Link, { href: url, inline: true, target: "_blank", children: markdown[1] }) })),
+                index: markdown.index,
+                length: markdown[0].length,
+            };
+        }
+        const bareDomainTlds = 'com|org|net|edu|gov|mil|int|info|biz|co|io|ai|app|dev|me|tv|cc|ly|sh|so|gg|fm|ws|xyz|tech|cloud|store|online|site|shop|blog|news|link|page|uk|us|ca|de|fr|jp|cn|ru|br|in|au|it|es|nl|se|no|fi|pl|ch|be|at|dk|cz|gr|hu|ie|pt|ro|tr|kr|mx|za|sg|hk|tw|nz|il|ae|ua';
+        const matches = content.match(new RegExp(`(https?:\\/\\/[^\\s<>"']+|www\\.[^\\s<>"']+|[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?(?:\\.[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?)*\\.(?:${bareDomainTlds})\\b[^\\s<>"']*)`, 'i'));
+        if (!matches)
+            return null;
+        let url = matches[0];
+        if (url.startsWith('www.'))
+            url = `https://${url}`;
+        return {
+            elem: (jsx(Tooltip, { content: url, direction: "top", children: jsx(Link, { href: url, inline: true, target: "_blank", children: matches[0] }) })),
+            index: matches.index,
+            length: matches[0].length,
+        };
+    };
+    const injectButtons = (content) => {
+        if (!onButtonClick)
+            return null;
+        const matches = content.match(/\[(.*?):(.*?)\|([^\]]+)\]/);
+        if (!matches)
+            return null;
+        const [data, label] = matches[0]
+            .replace('[', '')
+            .replace(']', '')
+            .split('|');
+        const [varName, value] = data.split(':');
+        return {
+            elem: (jsx(Button, { variant: "default", size: "s", round: true, onClick: () => onButtonClick({ text: label, [varName]: value }), children: label })),
+            index: matches.index,
+            length: matches[0].length,
+        };
+    };
+    const headingTags = ['h1', 'h2', 'h3', 'h4', 'h5', 'h6'];
+    const processCellContent = (value, depth = 0) => applyInjectors(value, [
+        injectCodeBlock,
+        injectPrettyJson,
+        ...(depth === 0
+            ? [
+                (content) => {
+                    const matches = content.match(/(^|\n)(#{1,6})\s+([^\n]+)/);
+                    if (!matches)
+                        return null;
+                    const Tag = headingTags[Math.min(matches[2].length, 6) - 1];
+                    return {
+                        elem: React__default.createElement(Tag, {}, ...processCellContent(matches[3], depth + 1)),
+                        index: matches.index,
+                        length: matches[0].length,
+                    };
+                },
+            ]
+            : []),
+        injectLines,
+        injectLinks,
+        injectBold,
+        injectItalic,
+        injectBullet,
+        injectNumbered,
+        injectButtons,
+    ]);
+    const injectHeading = (content) => {
+        const matches = content.match(/(^|\n)(#{1,6})\s+([^\n]+)/);
+        if (!matches)
+            return null;
+        const Tag = headingTags[Math.min(matches[2].length, 6) - 1];
+        return {
+            elem: React__default.createElement(Tag, {}, ...processCellContent(matches[3], 1)),
+            index: matches.index,
+            length: matches[0].length,
+        };
+    };
+    const injectTables = (content) => {
+        const withSep = content.match(/(\n|^)(\|[^\n]+\|\s*\n)(\|[\s:-]+(?:\|[\s:-]+)*\|\s*\n)((?:\|[^\n]+\|\s*\n?)+)/);
+        const withoutSep = withSep
+            ? null
+            : content.match(/(\n|^)(\|[^\n]+\|\s*\n)((?:\|[^\n]+\|\s*\n?)+)/);
+        const matches = withSep || withoutSep;
+        if (!matches)
+            return null;
+        const hasSeparator = Boolean(withSep);
+        const headerRow = matches[2].trim();
+        const dataRows = (hasSeparator ? matches[4] : matches[3]).trim();
+        const headers = headerRow.split('|').map(cell => cell.trim()).slice(1, -1);
+        if (headers.length === 0)
+            return null;
+        const rows = dataRows
+            .split('\n')
+            .map(row => row.trim())
+            .filter(row => row.startsWith('|') && row.endsWith('|'))
+            .map(row => row.split('|').map(cell => cell.trim()).slice(1, -1))
+            .filter(row => row.length > 0);
+        if (rows.length === 0)
+            return null;
+        const maxCols = Math.max(headers.length, ...rows.map(row => row.length));
+        const paddedHeaders = [
+            ...headers,
+            ...Array(maxCols - headers.length).fill(''),
+        ];
+        const columns = paddedHeaders.map((header, idx) => ({
+            id: `col-${idx}`,
+            label: processCellContent(header),
+            dataField: `col-${idx}`,
+            render: (data) => processCellContent(data[`col-${idx}`] || ''),
+        }));
+        const tableData = rows.map((row, rowIdx) => {
+            const rowData = { id: `row-${rowIdx}` };
+            paddedHeaders.forEach((_, colIdx) => {
+                rowData[`col-${colIdx}`] = row[colIdx] || '';
+            });
+            return rowData;
+        });
+        return {
+            elem: (jsx(Table, { size: "s", variant: "plain", columns: columns, data: tableData, className: S.table })),
+            index: matches.index + (matches[1]?.length || 0),
+            length: matches[0].length - (matches[1]?.length || 0),
+        };
+    };
+    return (jsx("div", { className: className, children: applyInjectors(text, [
+            injectTables,
+            injectCodeBlock,
+            injectPrettyJson,
+            injectHeading,
+            injectLines,
+            injectLinks,
+            injectBold,
+            injectItalic,
+            injectBullet,
+            injectNumbered,
+            injectButtons,
+        ]) }));
+}
+
+export { FormattedText };

package/dist/esm/src/components/FormattedText/FormattedText.styl.js

@@ -0,0 +1,7 @@
+import styleInject from '../../../node_modules/style-inject/dist/style-inject.es.js';
+
+var css_248z = ".FormattedText_bullet__vbqlq{display:inline-block;margin-bottom:2px;margin-left:var(--p-2);margin-right:2px}.FormattedText_bullet__vbqlq:before{background-color:var(--accent-color);border-radius:50%;content:\"\";display:block;height:6px;margin:0 4px;width:6px}.FormattedText_numberedIndex__rZ6Kt{font-feature-settings:\"tnum\";color:var(--accent-color);display:inline-block;font-variant-numeric:tabular-nums;margin-left:var(--p-2);margin-right:6px;min-width:1.25em}.FormattedText_line__c2bmE{background-color:var(--accent-color-alpha-200);border-radius:2px;height:2px;margin:var(--p-2) 0;width:100%}.FormattedText_codeBlock__Xrbvn,.FormattedText_codeInline__jCbNL{background-color:var(--decent-color-alpha-400);border-radius:var(--p-2);box-shadow:0 1px 1px var(--accent-color-alpha-50),inset 0 1px 1px var(--decent-color-alpha-500);font-family:monospace;-webkit-user-select:text;-moz-user-select:text;user-select:text}.FormattedText_codeInline__jCbNL{border-radius:3px;display:inline;font-size:90%;padding:0 4px}.FormattedText_codeBlock__Xrbvn,.FormattedText_jsonPre__qOGmo{display:block;font-size:90%;margin:var(--p-2) 0;overflow-x:auto;padding:var(--p-2);white-space:pre-wrap}.FormattedText_jsonPre__qOGmo{background-color:var(--decent-color-alpha-300);border-radius:var(--p-2);box-shadow:0 1px 1px var(--accent-color-alpha-50),inset 0 1px 1px var(--accent-color-alpha-50);font-family:monospace;max-width:100%;-webkit-user-select:text;-moz-user-select:text;user-select:text}.FormattedText_table__ipMMS{margin-bottom:10px}";
+var S = {"bullet":"FormattedText_bullet__vbqlq","numberedIndex":"FormattedText_numberedIndex__rZ6Kt","line":"FormattedText_line__c2bmE","codeInline":"FormattedText_codeInline__jCbNL","codeBlock":"FormattedText_codeBlock__Xrbvn","jsonPre":"FormattedText_jsonPre__qOGmo","table":"FormattedText_table__ipMMS"};
+styleInject(css_248z);
+
+export { S as default };

package/dist/esm/src/components/InputFile/InputFile.js

@@ -35,14 +35,14 @@ import '../Card/Card.js';
 import '../Router/context.js';
 import '../Router/Link/Link.styl.js';
 import '../Table/Table.styl.js';
-import '../Chat/ChatFormattedText.styl.js';
+import '../FormattedText/FormattedText.styl.js';
 import '../Expand/Expand.styl.js';
 import '../Chat/ChatMessage.styl.js';
 import '../PromptComposer/PromptComposer.js';
 import '../Chat/ChatPrompt.styl.js';
+import '../TextShimmer/TextShimmer.js';
 import '../ThinkingOutline/ThinkingOutline.styl.js';
 import '../Chat/ChatView.styl.js';
-import '../TextShimmer/TextShimmer.js';
 import '../Container/Container.js';
 import '../DatePicker/DatePicker.styl.js';
 import 'moment';
@@ -67,6 +67,7 @@ import '../Menu/Menu.js';
 import '../NestedMenu/NestedMenu.js';
 import '../Notifications/store.js';
 import '../Notifications/Notifications.styl.js';
+import '../Nudge/Nudge.styl.js';
 import '../PopupMenu/PopupMenu.styl.js';
 import '../Progress/Progress.styl.js';
 import '@tiptap/extensions';

package/dist/esm/src/components/Menu/Menu.styl.js

@@ -1,6 +1,6 @@
 import styleInject from '../../../node_modules/style-inject/dist/style-inject.es.js';
 
-var css_248z = ".Menu_root__xhtlo{max-height:200px;width:100%}.keyboard .Menu_root__xhtlo{pointer-events:none}.Menu_item__VtmwS{align-items:center;animation:Menu_fadeIn__XRZkT .3s ease-out;cursor:pointer;display:flex;overflow:hidden;padding-bottom:0!important;padding-top:0!important;position:relative;text-align:left;text-overflow:ellipsis;-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:nowrap;width:100%}.Menu_item__VtmwS:first-child{border-top-left-radius:2px;border-top-right-radius:2px}.Menu_item__VtmwS:last-child{border-bottom-left-radius:2px;border-bottom-right-radius:2px}.Menu_size-xs__MSbRQ .Menu_item__VtmwS{font-size:14px;height:24px;padding:0 8px}.Menu_size-s__DA0r3 .Menu_item__VtmwS{font-size:16px;height:32px;padding:0 12px}.Menu_size-m__0EI47 .Menu_item__VtmwS{font-size:18px;height:40px;padding:0 16px}.Menu_size-l__PXpIm .Menu_item__VtmwS{font-size:22px;height:48px;padding:0 20px}.Menu_size-xl__U1WW8 .Menu_item__VtmwS{font-size:26px;height:56px;padding:0 24px}.Menu_item__VtmwS.Menu_selected__V71xy{background-color:var(--active-color-alpha-500)}.Menu_item__VtmwS.Menu_disabled__5afRm{cursor:not-allowed;opacity:.4}.keyboard .Menu_item__VtmwS.Menu_focused__FLWqW,.pointer .Menu_item__VtmwS:hover{box-shadow:inset 100vw 0 0 0 var(--accent-color-alpha-200)}.Menu_textOverflow__udsHR .Menu_item__VtmwS>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.Menu_group__6e-Ef{background-color:var(--decent-color);color:var(--accent-color);font-size:14px;font-weight:500;padding:8px 12px;pointer-events:none;position:sticky;top:0;z-index:1}.Menu_levelIndent__S6HXJ{--menu-indent-size:var(--p-3)}.Menu_levelIndent__S6HXJ.Menu_level-1__kueO2{padding-left:calc(var(--menu-indent-size)*2)}.Menu_levelIndent__S6HXJ.Menu_level-2__JZGkJ{padding-left:calc(var(--menu-indent-size)*3)}.Menu_levelIndent__S6HXJ.Menu_level-3__LFd-F{padding-left:calc(var(--menu-indent-size)*4)}.Menu_levelIndent__S6HXJ.Menu_level-4__2DUMl{padding-left:calc(var(--menu-indent-size)*5)}.Menu_levelIndent__S6HXJ.Menu_level-5__xpgvQ{padding-left:calc(var(--menu-indent-size)*6)}@keyframes Menu_fadeIn__XRZkT{0%{opacity:0}10%{opacity:0}to{opacity:1}}";
+var css_248z = ".Menu_root__xhtlo{max-height:200px;width:100%}.keyboard .Menu_root__xhtlo{pointer-events:none}.Menu_item__VtmwS{align-items:center;animation:Menu_fadeIn__XRZkT .3s ease-out;cursor:pointer;display:flex;overflow:hidden;padding-bottom:0!important;padding-top:0!important;position:relative;text-align:left;text-overflow:ellipsis;-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:nowrap;width:100%}.Menu_item__VtmwS:first-child{border-top-left-radius:2px;border-top-right-radius:2px}.Menu_item__VtmwS:last-child{border-bottom-left-radius:2px;border-bottom-right-radius:2px}.Menu_size-xs__MSbRQ .Menu_item__VtmwS{font-size:14px;height:24px;padding:0 8px}.Menu_size-s__DA0r3 .Menu_item__VtmwS{font-size:16px;height:32px;padding:0 12px}.Menu_size-m__0EI47 .Menu_item__VtmwS{font-size:18px;height:40px;padding:0 16px}.Menu_size-l__PXpIm .Menu_item__VtmwS{font-size:22px;height:48px;padding:0 20px}.Menu_size-xl__U1WW8 .Menu_item__VtmwS{font-size:26px;height:56px;padding:0 24px}.Menu_item__VtmwS.Menu_selected__V71xy{background-color:var(--active-color-alpha-500)}.Menu_item__VtmwS.Menu_disabled__5afRm{cursor:not-allowed;opacity:.4}.keyboard .Menu_item__VtmwS.Menu_focused__FLWqW,.pointer .Menu_item__VtmwS:hover{box-shadow:inset 100vw 0 0 0 var(--active-color-alpha-200)}.Menu_textOverflow__udsHR .Menu_item__VtmwS>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.Menu_group__6e-Ef{background-color:var(--decent-color);color:var(--accent-color);font-size:14px;font-weight:500;padding:8px 12px;pointer-events:none;position:sticky;top:0;z-index:1}.Menu_levelIndent__S6HXJ{--menu-indent-size:var(--p-3)}.Menu_levelIndent__S6HXJ.Menu_level-1__kueO2{padding-left:calc(var(--menu-indent-size)*2)}.Menu_levelIndent__S6HXJ.Menu_level-2__JZGkJ{padding-left:calc(var(--menu-indent-size)*3)}.Menu_levelIndent__S6HXJ.Menu_level-3__LFd-F{padding-left:calc(var(--menu-indent-size)*4)}.Menu_levelIndent__S6HXJ.Menu_level-4__2DUMl{padding-left:calc(var(--menu-indent-size)*5)}.Menu_levelIndent__S6HXJ.Menu_level-5__xpgvQ{padding-left:calc(var(--menu-indent-size)*6)}@keyframes Menu_fadeIn__XRZkT{0%{opacity:0}10%{opacity:0}to{opacity:1}}";
 var S = {"root":"Menu_root__xhtlo","item":"Menu_item__VtmwS","fadeIn":"Menu_fadeIn__XRZkT","size-xs":"Menu_size-xs__MSbRQ","size-s":"Menu_size-s__DA0r3","size-m":"Menu_size-m__0EI47","size-l":"Menu_size-l__PXpIm","size-xl":"Menu_size-xl__U1WW8","selected":"Menu_selected__V71xy","disabled":"Menu_disabled__5afRm","focused":"Menu_focused__FLWqW","textOverflow":"Menu_textOverflow__udsHR","group":"Menu_group__6e-Ef","levelIndent":"Menu_levelIndent__S6HXJ","level-1":"Menu_level-1__kueO2","level-2":"Menu_level-2__JZGkJ","level-3":"Menu_level-3__LFd-F","level-4":"Menu_level-4__2DUMl","level-5":"Menu_level-5__xpgvQ"};
 styleInject(css_248z);
 

package/dist/esm/src/components/NestedMenu/NestedMenu.js

@@ -17,7 +17,7 @@ function useMedia(query) {
     }, [query]);
     return matches;
 }
-function NestedMenuLabel({ children, className }) {
+function NestedMenuLabel({ children, className, }) {
     return jsx("span", { className: cn(S.label, className), children: children });
 }
 function NestedMenuItemRow({ children, className, danger, disabled, href, target, rel, onClick, }) {
@@ -104,7 +104,7 @@ function NestedMenuComponent({ trigger, items, open, onOpenChange, align = 'end'
         openSub(id, true);
     }
     function renderItems() {
-        return items.map(item => (jsxs("div", { className: S.itemWrap, onMouseEnter: () => onItemEnter(item.id), onMouseLeave: onItemLeave, children: [jsxs("button", { type: "button", className: cn(S.item, activeId === item.id && S.itemActive, item.danger && S.itemDanger, item.disabled && S.itemDisabled, item.className), role: "menuitem", disabled: item.disabled, "aria-haspopup": item.submenu ? 'menu' : undefined, "aria-expanded": item.submenu ? activeId === item.id : undefined, onClick: () => onItemClick(item.id), children: [item.icon && (jsx("span", { className: S.icon, "aria-hidden": true, children: item.icon })), jsx("span", { className: S.label, children: item.label }), item.hint != null && item.hint !== '' && (jsx("span", { className: S.hint, children: item.hint })), item.submenu && (jsx(Icon, { className: S.chevron, type: "chevronRight", size: "xs" }))] }), !stacked && activeId === item.id && item.submenu && (jsx("div", { className: cn(S.submenu, flipLeft && S.submenuLeft), role: "menu", onMouseEnter: () => {
+        return items.map(item => (jsxs("div", { className: S.itemWrap, onMouseEnter: () => onItemEnter(item.id), onMouseLeave: onItemLeave, children: [jsxs("button", { type: "button", className: cn(S.item, activeId === item.id && S.itemActive, item.danger && S.itemDanger, item.disabled && S.itemDisabled, item.wrap && S.multiline, item.className), role: "menuitem", disabled: item.disabled, "aria-haspopup": item.submenu ? 'menu' : undefined, "aria-expanded": item.submenu ? activeId === item.id : undefined, onClick: () => onItemClick(item.id), children: [item.icon && (jsx("span", { className: S.icon, "aria-hidden": true, children: item.icon })), jsx("span", { className: S.label, children: item.label }), item.hint != null && item.hint !== '' && (jsx("span", { className: S.hint, children: item.hint })), item.submenu && (jsx(Icon, { className: S.chevron, type: "chevronRight", size: "xs" }))] }), !stacked && activeId === item.id && item.submenu && (jsx("div", { className: cn(S.submenu, flipLeft && S.submenuLeft), role: "menu", onMouseEnter: () => {
                         window.clearTimeout(hoverTimer.current);
                     }, children: item.submenu }))] }, item.id)));
     }

package/dist/esm/src/components/NestedMenu/NestedMenu.styl.js

@@ -1,7 +1,7 @@
 import styleInject from '../../../node_modules/style-inject/dist/style-inject.es.js';
 
-var css_248z = ".NestedMenu_root__ybyGA{display:inline-flex;position:relative}.NestedMenu_trigger__zBeNI{display:inline-flex}.NestedMenu_popup__q0uYO{background:var(--decent-color);border:1px solid var(--accent-color-alpha-200);border-radius:10px;box-shadow:0 8px 28px rgba(0,0,0,.45);left:0;max-width:260px;min-width:200px;padding:4px;position:absolute;top:calc(100% + 6px);z-index:20}.NestedMenu_alignEnd__L4AZi{left:auto;right:0}.NestedMenu_itemWrap__Qmc0B{position:relative}.NestedMenu_back__dNsDV,.NestedMenu_item__tgbZm,.NestedMenu_row__48g5c{align-items:center;background:none;border:none;border-radius:6px;color:inherit;cursor:pointer;display:flex;font:inherit;font-size:13px;font-weight:500;gap:8px;letter-spacing:.01em;line-height:1.3;padding:6px 10px;text-align:left;text-decoration:none;width:100%}.NestedMenu_back__dNsDV.NestedMenu_itemActive__RfPZH,.NestedMenu_back__dNsDV:hover,.NestedMenu_item__tgbZm.NestedMenu_itemActive__RfPZH,.NestedMenu_item__tgbZm:hover,.NestedMenu_row__48g5c.NestedMenu_itemActive__RfPZH,.NestedMenu_row__48g5c:hover{background:var(--accent-color-alpha-100)}.NestedMenu_back__dNsDV.NestedMenu_itemDisabled__evVk1,.NestedMenu_back__dNsDV:disabled,.NestedMenu_item__tgbZm.NestedMenu_itemDisabled__evVk1,.NestedMenu_item__tgbZm:disabled,.NestedMenu_row__48g5c.NestedMenu_itemDisabled__evVk1,.NestedMenu_row__48g5c:disabled{cursor:default;opacity:.55;pointer-events:none}.NestedMenu_itemDanger__oAJbP{color:var(--active-color)}.NestedMenu_itemDanger__oAJbP .NestedMenu_icon__4g2Yp{color:inherit;opacity:1}.NestedMenu_icon__4g2Yp{display:inline-flex;flex-shrink:0;opacity:.55}.NestedMenu_icon__4g2Yp svg{display:block}.NestedMenu_label__Jnm6l{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.NestedMenu_hint__hotNP{flex-shrink:0;font-weight:400;opacity:.5}.NestedMenu_chevron__8i-Po{flex-shrink:0;opacity:.45}.NestedMenu_row__48g5c svg{color:var(--active-color);flex-shrink:0}.NestedMenu_submenu__Tx1Ll{background:var(--decent-color);border:1px solid var(--accent-color-alpha-200);border-radius:10px;box-shadow:0 8px 28px rgba(0,0,0,.45);left:calc(100% + 6px);max-height:min(360px,calc(100vh - 24px));max-width:280px;min-width:220px;overflow-x:hidden;overflow-y:auto;padding:4px;position:absolute;top:-4px;z-index:21}.NestedMenu_submenu__Tx1Ll:before{bottom:0;content:\"\";left:-6px;position:absolute;top:0;width:6px}.NestedMenu_submenuLeft__y18Nb{left:auto;right:calc(100% + 6px)}.NestedMenu_submenuLeft__y18Nb:before{left:auto;right:-6px}.NestedMenu_stacked__rMiOi{display:flex;flex-direction:column;max-height:min(360px,calc(100vh - 24px));overflow-y:auto}.NestedMenu_back__dNsDV{font-weight:650;margin-bottom:2px}.NestedMenu_stackedBody__Fbkma{min-width:0}";
-var S = {"root":"NestedMenu_root__ybyGA","trigger":"NestedMenu_trigger__zBeNI","popup":"NestedMenu_popup__q0uYO","alignEnd":"NestedMenu_alignEnd__L4AZi","itemWrap":"NestedMenu_itemWrap__Qmc0B","item":"NestedMenu_item__tgbZm","row":"NestedMenu_row__48g5c","back":"NestedMenu_back__dNsDV","itemActive":"NestedMenu_itemActive__RfPZH","itemDisabled":"NestedMenu_itemDisabled__evVk1","itemDanger":"NestedMenu_itemDanger__oAJbP","icon":"NestedMenu_icon__4g2Yp","label":"NestedMenu_label__Jnm6l","hint":"NestedMenu_hint__hotNP","chevron":"NestedMenu_chevron__8i-Po","submenu":"NestedMenu_submenu__Tx1Ll","submenuLeft":"NestedMenu_submenuLeft__y18Nb","stacked":"NestedMenu_stacked__rMiOi","stackedBody":"NestedMenu_stackedBody__Fbkma"};
+var css_248z = ".NestedMenu_root__ybyGA{display:inline-flex;position:relative}.NestedMenu_trigger__zBeNI{display:inline-flex}.NestedMenu_popup__q0uYO{background:var(--decent-color);border:1px solid var(--accent-color-alpha-200);border-radius:10px;box-shadow:0 8px 28px rgba(0,0,0,.45);display:flex;flex-direction:column;gap:1px;left:0;max-width:280px;min-width:200px;padding:4px;position:absolute;top:calc(100% + 6px);z-index:20}.NestedMenu_alignEnd__L4AZi{left:auto;right:0}.NestedMenu_itemWrap__Qmc0B{position:relative}.NestedMenu_back__dNsDV,.NestedMenu_item__tgbZm,.NestedMenu_row__48g5c{align-items:center;background:none;border:none;border-radius:6px;color:inherit;cursor:pointer;display:flex;font:inherit;font-size:13px;font-weight:500;gap:8px;letter-spacing:.01em;line-height:1.3;padding:6px 10px;text-align:left;text-decoration:none;width:100%}.NestedMenu_back__dNsDV:hover,.NestedMenu_item__tgbZm:hover,.NestedMenu_row__48g5c:hover{background:var(--accent-color-alpha-50)}.NestedMenu_back__dNsDV.NestedMenu_itemActive__RfPZH,.NestedMenu_item__tgbZm.NestedMenu_itemActive__RfPZH,.NestedMenu_row__48g5c.NestedMenu_itemActive__RfPZH{background:var(--accent-color-alpha-100)}.NestedMenu_back__dNsDV.NestedMenu_itemDisabled__evVk1,.NestedMenu_back__dNsDV:disabled,.NestedMenu_item__tgbZm.NestedMenu_itemDisabled__evVk1,.NestedMenu_item__tgbZm:disabled,.NestedMenu_row__48g5c.NestedMenu_itemDisabled__evVk1,.NestedMenu_row__48g5c:disabled{cursor:default;opacity:.55;pointer-events:none}.NestedMenu_itemDanger__oAJbP{color:var(--active-color)}.NestedMenu_itemDanger__oAJbP .NestedMenu_icon__4g2Yp{color:inherit;opacity:1}.NestedMenu_icon__4g2Yp{display:inline-flex;flex-shrink:0;opacity:.55}.NestedMenu_icon__4g2Yp svg{display:block}.NestedMenu_label__Jnm6l{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.NestedMenu_hint__hotNP{flex-shrink:0;font-weight:400;opacity:.5}.NestedMenu_multiline__MDdk-{grid-row-gap:2px;align-items:start;display:grid;grid-template-columns:auto minmax(0,1fr);min-width:252px;row-gap:2px}.NestedMenu_multiline__MDdk- .NestedMenu_label__Jnm6l{overflow:visible;text-overflow:clip}.NestedMenu_multiline__MDdk- .NestedMenu_hint__hotNP{grid-column:2;min-width:0;white-space:normal}.NestedMenu_chevron__8i-Po{flex-shrink:0;opacity:.45}.NestedMenu_row__48g5c svg{color:var(--active-color);flex-shrink:0}.NestedMenu_submenu__Tx1Ll{background:var(--decent-color);border:1px solid var(--accent-color-alpha-200);border-radius:10px;box-shadow:0 8px 28px rgba(0,0,0,.45);left:calc(100% + 6px);max-height:min(360px,calc(100vh - 24px));max-width:280px;min-width:220px;overflow-x:hidden;overflow-y:auto;padding:4px;position:absolute;top:-4px;z-index:21}.NestedMenu_submenu__Tx1Ll:before{bottom:0;content:\"\";left:-6px;position:absolute;top:0;width:6px}.NestedMenu_submenuLeft__y18Nb{left:auto;right:calc(100% + 6px)}.NestedMenu_submenuLeft__y18Nb:before{left:auto;right:-6px}.NestedMenu_stacked__rMiOi{display:flex;flex-direction:column;max-height:min(360px,calc(100vh - 24px));overflow-y:auto}.NestedMenu_back__dNsDV{font-weight:650;margin-bottom:2px}.NestedMenu_stackedBody__Fbkma{min-width:0}";
+var S = {"root":"NestedMenu_root__ybyGA","trigger":"NestedMenu_trigger__zBeNI","popup":"NestedMenu_popup__q0uYO","alignEnd":"NestedMenu_alignEnd__L4AZi","itemWrap":"NestedMenu_itemWrap__Qmc0B","item":"NestedMenu_item__tgbZm","row":"NestedMenu_row__48g5c","back":"NestedMenu_back__dNsDV","itemActive":"NestedMenu_itemActive__RfPZH","itemDisabled":"NestedMenu_itemDisabled__evVk1","itemDanger":"NestedMenu_itemDanger__oAJbP","icon":"NestedMenu_icon__4g2Yp","label":"NestedMenu_label__Jnm6l","hint":"NestedMenu_hint__hotNP","multiline":"NestedMenu_multiline__MDdk-","chevron":"NestedMenu_chevron__8i-Po","submenu":"NestedMenu_submenu__Tx1Ll","submenuLeft":"NestedMenu_submenuLeft__y18Nb","stacked":"NestedMenu_stacked__rMiOi","stackedBody":"NestedMenu_stackedBody__Fbkma"};
 styleInject(css_248z);
 
 export { S as default };

package/dist/esm/src/components/Nudge/Nudge.js

@@ -0,0 +1,15 @@
+import { jsx } from 'react/jsx-runtime';
+import cn from 'classnames';
+import S from './Nudge.styl.js';
+
+function Nudge({ className, children, ...props }) {
+    return (jsx("div", { className: cn(S.root, className), ...props, children: children }));
+}
+function NudgeText({ className, children, ...props }) {
+    return (jsx("p", { className: cn(S.text, className), ...props, children: children }));
+}
+function NudgeError({ className, children, ...props }) {
+    return (jsx("p", { className: cn(S.error, className), ...props, children: children }));
+}
+
+export { Nudge, NudgeError, NudgeText };

package/dist/esm/src/components/Nudge/Nudge.styl.js

@@ -0,0 +1,7 @@
+import styleInject from '../../../node_modules/style-inject/dist/style-inject.es.js';
+
+var css_248z = ".Nudge_root__cOnE-{align-items:flex-start;background:var(--decent-color-alpha-600);background-image:linear-gradient(to right,var(--active-color-alpha-100) 0,transparent 30%);border-bottom-right-radius:var(--p-2);border-top-right-radius:var(--p-2);display:flex;flex-direction:column;gap:12px;padding:14px 16px;position:relative}.Nudge_root__cOnE-:before{background:var(--active-color-alpha-600);border-radius:10px;bottom:0;content:\"\";left:0;position:absolute;top:0;width:5px}.Nudge_text__8IF7l{font-size:14px;line-height:1.45;margin:0;opacity:.85}.Nudge_error__qotmj{color:var(--active-color);font-size:14px;margin:0}";
+var S = {"root":"Nudge_root__cOnE-","text":"Nudge_text__8IF7l","error":"Nudge_error__qotmj"};
+styleInject(css_248z);
+
+export { S as default };

package/dist/esm/src/components/Tooltip/TooltipSimple.js

@@ -53,15 +53,15 @@ const useSimplePositionSetup = ({ triggerRef, tooltipRef, content, delay, direct
         };
         trigger.addEventListener('mouseenter', showTooltip);
         trigger.addEventListener('mouseleave', hideTooltip);
-        trigger.addEventListener('focus', showTooltip);
-        trigger.addEventListener('blur', hideTooltip);
+        trigger.addEventListener('focusin', showTooltip);
+        trigger.addEventListener('focusout', hideTooltip);
         return () => {
             clearTimeout(timeoutRef.current);
             clearTriggerTextStyles(tooltip);
             trigger.removeEventListener('mouseenter', showTooltip);
             trigger.removeEventListener('mouseleave', hideTooltip);
-            trigger.removeEventListener('focus', showTooltip);
-            trigger.removeEventListener('blur', hideTooltip);
+            trigger.removeEventListener('focusin', showTooltip);
+            trigger.removeEventListener('focusout', hideTooltip);
         };
     }, [content, delay, direction, tooltipRef, triggerRef]);
 };

package/dist/esm/src/tiptap/slash-mention/SlashSuggestionList.styl.js

@@ -1,6 +1,6 @@
 import styleInject from '../../../node_modules/style-inject/dist/style-inject.es.js';
 
-var css_248z = ".SlashSuggestionList_root__9KCb1{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:var(--decent-color-alpha-700);border-radius:8px;border-radius:var(--radius-lg,8px);box-shadow:inset 0 0 0 1px var(--accent-color-alpha-50),0 8px 24px rgba(0,0,0,.2);color:var(--foreground);max-width:90vw;min-width:220px;overflow:hidden;position:relative}.SlashSuggestionList_root__9KCb1:before{background-color:var(--accent-color-alpha-50);bottom:0;content:\"\";left:0;pointer-events:none;position:absolute;right:0;top:0}.dark .SlashSuggestionList_root__9KCb1{box-shadow:inset 0 0 0 1px var(--accent-color-alpha-50),0 8px 24px rgba(0,0,0,.5)}.SlashSuggestionList_menu__s-jK3{margin:0;max-height:40vh}.SlashSuggestionList_item__9JBeY{align-items:center;border-radius:var(--p-2);display:flex;flex-direction:row;gap:var(--p-2);height:auto!important;justify-content:flex-start;min-height:0;overflow:visible!important;padding:var(--p-1) var(--p-2)!important;position:relative;text-overflow:clip!important;white-space:normal!important;width:100%}.SlashSuggestionList_itemHighlighted__cStZr{box-shadow:inset 100vw 0 0 0 var(--accent-color-alpha-200)}.SlashSuggestionList_itemIcon__hTtxe{color:var(--accent-color-alpha-800);flex-shrink:0}.SlashSuggestionList_itemText__uwNbZ{align-items:flex-start;display:flex;flex-direction:column;min-width:0}.SlashSuggestionList_itemLabel__OMaov{font-weight:600}.SlashSuggestionList_itemDesc__fAdcA{color:var(--accent-color-alpha-600);font-size:80%;white-space:normal}.SlashSuggestionList_mention__aT45p{align-items:center;background:var(--muted);border-radius:var(--p-1);display:inline-flex;line-height:1.4;margin:0 var(--p-1);padding:0 var(--p-1);transition:background-color .1s ease-in-out;-webkit-user-select:none;-moz-user-select:none;user-select:none;vertical-align:baseline;white-space:nowrap}.SlashSuggestionList_mention__aT45p:hover{background-color:var(--accent-color-alpha-200)}";
+var css_248z = ".SlashSuggestionList_root__9KCb1{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:var(--decent-color-alpha-700);border-radius:8px;border-radius:var(--radius-lg,8px);box-shadow:inset 0 0 0 1px var(--accent-color-alpha-50),0 8px 24px rgba(0,0,0,.2);color:var(--foreground);max-width:90vw;min-width:220px;overflow:hidden;position:relative}.SlashSuggestionList_root__9KCb1:before{background-color:var(--accent-color-alpha-50);bottom:0;content:\"\";left:0;pointer-events:none;position:absolute;right:0;top:0}.dark .SlashSuggestionList_root__9KCb1{box-shadow:inset 0 0 0 1px var(--accent-color-alpha-50),0 8px 24px rgba(0,0,0,.5)}.SlashSuggestionList_menu__s-jK3{margin:0;max-height:40vh}.SlashSuggestionList_item__9JBeY{align-items:center;border-radius:var(--p-2);display:flex;flex-direction:row;gap:var(--p-2);height:auto!important;justify-content:flex-start;min-height:0;overflow:visible!important;padding:var(--p-1) var(--p-2)!important;position:relative;text-overflow:clip!important;white-space:normal!important;width:100%}.SlashSuggestionList_itemHighlighted__cStZr{box-shadow:inset 100vw 0 0 0 var(--active-color-alpha-200)}.SlashSuggestionList_itemIcon__hTtxe{color:var(--accent-color-alpha-800);flex-shrink:0}.SlashSuggestionList_itemText__uwNbZ{align-items:flex-start;display:flex;flex-direction:column;min-width:0}.SlashSuggestionList_itemLabel__OMaov{font-weight:600}.SlashSuggestionList_itemDesc__fAdcA{color:var(--accent-color-alpha-600);font-size:80%;white-space:normal}.SlashSuggestionList_mention__aT45p{align-items:center;background:var(--muted);border-radius:var(--p-1);display:inline-flex;line-height:1.4;margin:0 var(--p-1);padding:0 var(--p-1);transition:background-color .1s ease-in-out;-webkit-user-select:none;-moz-user-select:none;user-select:none;vertical-align:baseline;white-space:nowrap}.SlashSuggestionList_mention__aT45p:hover{background-color:var(--active-color-alpha-200)}";
 var S = {"root":"SlashSuggestionList_root__9KCb1","menu":"SlashSuggestionList_menu__s-jK3","item":"SlashSuggestionList_item__9JBeY","itemHighlighted":"SlashSuggestionList_itemHighlighted__cStZr","itemIcon":"SlashSuggestionList_itemIcon__hTtxe","itemText":"SlashSuggestionList_itemText__uwNbZ","itemLabel":"SlashSuggestionList_itemLabel__OMaov","itemDesc":"SlashSuggestionList_itemDesc__fAdcA","mention":"SlashSuggestionList_mention__aT45p"};
 styleInject(css_248z);
 

package/dist/esm/types/src/components/Chat/Chat.types.d.ts

@@ -1,4 +1,5 @@
 import type { ReactNode } from 'react';
+import type { FormattedTextProps } from '../FormattedText/FormattedText.types';
 export type ChatRole = 'USER' | 'AGENT' | 'SYSTEM';
 export type ChatContentPart = {
     type: string;
@@ -28,14 +29,7 @@ export type ChatMessageData = {
     content: string;
     createdAt?: string | Date;
 };
-export type ChatFormattedTextProps = {
-    text: string;
-    className?: string;
-    onButtonClick?: (params: {
-        text: string;
-        [name: string]: string;
-    }) => void;
-};
+export type ChatFormattedTextProps = FormattedTextProps;
 export type ChatMessageProps = {
     data: ChatMessageData;
     isStacked?: boolean;
@@ -46,7 +40,6 @@ export type ChatMessageProps = {
 export type ChatViewProps = {
     messages: ChatMessageData[];
     isPrompting?: boolean;
-    promptingLabel?: ReactNode;
     emptyLabel?: ReactNode;
     className?: string;
     messagesClassName?: string;
@@ -63,8 +56,11 @@ export type ChatPromptProps = {
     onChange: (value: string) => void;
     onSubmit: (value: string) => void;
     disabled?: boolean;
-    /** Orbiting glow on the prompt while the agent is generating. */
+    /** Orbiting glow on the prompt while the agent is generating. Hides the model selector. */
     isPrompting?: boolean;
+    /** Shown after the attach button. Falls back to `promptingLabel` while `isPrompting`. */
+    status?: ReactNode;
+    promptingLabel?: ReactNode;
     placeholder?: string;
     className?: string;
     /** Default true. Hidden file input + plus button (no STT / live voice). */

package/dist/esm/types/src/components/Chat/ChatFormattedText.d.ts

@@ -1,3 +1,2 @@
-import React from 'react';
 import type { ChatFormattedTextProps } from './types';
-export declare function ChatFormattedText({ text, className, onButtonClick, }: ChatFormattedTextProps): React.JSX.Element;
+export declare function ChatFormattedText(props: ChatFormattedTextProps): import("react").JSX.Element;

package/dist/esm/types/src/components/Chat/ChatPrompt.d.ts

@@ -1,2 +1,2 @@
 import type { ChatPromptProps } from './types';
-export declare function ChatPrompt({ value, onChange, onSubmit, disabled, isPrompting, placeholder, className, showAttach, onAttach, attachAccept, showModelSelector, models, model, onModelChange, }: ChatPromptProps): import("react").JSX.Element;
+export declare function ChatPrompt({ value, onChange, onSubmit, disabled, isPrompting, status, promptingLabel, placeholder, className, showAttach, onAttach, attachAccept, showModelSelector, models, model, onModelChange, }: ChatPromptProps): import("react").JSX.Element;

package/dist/esm/types/src/components/Chat/ChatView.d.ts

@@ -1,2 +1,2 @@
 import type { ChatViewProps } from './types';
-export declare function ChatView({ messages, isPrompting, promptingLabel, emptyLabel, className, messagesClassName, footer, onButtonClick, footerClassName, }: ChatViewProps): import("react").JSX.Element;
+export declare function ChatView({ messages, isPrompting, emptyLabel, className, messagesClassName, footer, onButtonClick, footerClassName, }: ChatViewProps): import("react").JSX.Element;

package/dist/esm/types/src/components/FormattedText/FormattedText.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import type { FormattedTextProps } from './FormattedText.types';
+export declare function FormattedText({ text, className, onButtonClick, }: FormattedTextProps): React.JSX.Element;

package/dist/esm/types/src/components/FormattedText/FormattedText.types.d.ts

@@ -0,0 +1,8 @@
+export type FormattedTextProps = {
+    text: string;
+    className?: string;
+    onButtonClick?: (params: {
+        text: string;
+        [name: string]: string;
+    }) => void;
+};

package/dist/esm/types/src/components/FormattedText/index.d.ts

@@ -0,0 +1,2 @@
+export { FormattedText } from './FormattedText';
+export type { FormattedTextProps } from './FormattedText.types';

package/dist/esm/types/src/components/NestedMenu/NestedMenu.d.ts

@@ -1,5 +1,5 @@
 import * as T from './NestedMenu.types';
-export declare function NestedMenuLabel({ children, className }: T.NestedMenuLabelProps): import("react").JSX.Element;
+export declare function NestedMenuLabel({ children, className, }: T.NestedMenuLabelProps): import("react").JSX.Element;
 export declare function NestedMenuItemRow({ children, className, danger, disabled, href, target, rel, onClick, }: T.NestedMenuRowProps): import("react").JSX.Element;
 declare function NestedMenuComponent({ trigger, items, open, onOpenChange, align, className, }: T.Props): import("react").JSX.Element;
 export declare const NestedMenu: typeof NestedMenuComponent & {

package/dist/esm/types/src/components/NestedMenu/NestedMenu.types.d.ts

@@ -4,6 +4,8 @@ export type NestedMenuItem = {
     label: ReactNode;
     icon?: ReactNode;
     hint?: ReactNode;
+    /** Wrap long hint/label onto additional lines instead of clipping. */
+    wrap?: boolean;
     submenu?: ReactNode;
     onSubmenuOpen?: () => void;
     onClick?: () => void;

package/dist/esm/types/src/components/Nudge/Nudge.d.ts

@@ -0,0 +1,16 @@
+import { type HTMLAttributes, type ReactNode } from 'react';
+export type NudgeProps = HTMLAttributes<HTMLDivElement> & {
+    className?: string;
+    children?: ReactNode;
+};
+export type NudgeTextProps = HTMLAttributes<HTMLParagraphElement> & {
+    className?: string;
+    children?: ReactNode;
+};
+export type NudgeErrorProps = HTMLAttributes<HTMLParagraphElement> & {
+    className?: string;
+    children?: ReactNode;
+};
+export declare function Nudge({ className, children, ...props }: NudgeProps): import("react").JSX.Element;
+export declare function NudgeText({ className, children, ...props }: NudgeTextProps): import("react").JSX.Element;
+export declare function NudgeError({ className, children, ...props }: NudgeErrorProps): import("react").JSX.Element;

package/dist/esm/types/src/components/Nudge/index.d.ts

@@ -0,0 +1,2 @@
+export { Nudge, NudgeError, NudgeText } from './Nudge';
+export type { NudgeErrorProps, NudgeProps, NudgeTextProps } from './Nudge';

package/dist/esm/types/src/components/index.d.ts

@@ -17,6 +17,7 @@ export * from './DropZone/DropZone';
 export * from './Expand/Expand';
 export * from './Flex/Flex';
 export * from './Form/Form';
+export * from './FormattedText';
 export * from './Gap/Gap';
 export * from './Gallery/Gallery';
 export * from './GridLayout/GridLayout';
@@ -32,6 +33,7 @@ export * from './Menu/Menu';
 export * from './NestedMenu/NestedMenu';
 export type { NestedMenuItem, NestedMenuProps, } from './NestedMenu/NestedMenu.types';
 export * from './Notifications/Notifications';
+export * from './Nudge';
 export * from './Paranja/Paranja';
 export * from './Popup/Popup';
 export * from './Portal/Portal';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@homecode/ui",
-  "version": "5.9.2",
+  "version": "5.11.0",
   "description": "React UI components library",
   "scripts": {
     "tests": "jest",

package/dist/esm/src/components/Chat/ChatFormattedText.styl.js

@@ -1,7 +0,0 @@
-import styleInject from '../../../node_modules/style-inject/dist/style-inject.es.js';
-
-var css_248z = ".ChatFormattedText_bullet__CdKe7{display:inline-block;margin-bottom:2px;margin-left:var(--p-2);margin-right:2px}.ChatFormattedText_bullet__CdKe7:before{background-color:var(--accent-color);border-radius:50%;content:\"\";display:block;height:6px;margin:0 4px;width:6px}.ChatFormattedText_numberedIndex__bejS0{font-feature-settings:\"tnum\";color:var(--accent-color);display:inline-block;font-variant-numeric:tabular-nums;margin-left:var(--p-2);margin-right:6px;min-width:1.25em}.ChatFormattedText_line__1j8Sx{background-color:var(--accent-color-alpha-200);border-radius:2px;height:2px;margin:var(--p-2) 0;width:100%}.ChatFormattedText_codeBlock__Mm7Um,.ChatFormattedText_codeInline__gqRjp{background-color:var(--decent-color-alpha-400);border-radius:var(--p-2);box-shadow:0 1px 1px var(--accent-color-alpha-50),inset 0 1px 1px var(--decent-color-alpha-500);font-family:monospace;-webkit-user-select:text;-moz-user-select:text;user-select:text}.ChatFormattedText_codeInline__gqRjp{border-radius:3px;display:inline;font-size:90%;padding:0 4px}.ChatFormattedText_codeBlock__Mm7Um,.ChatFormattedText_jsonPre__m4NwI{display:block;font-size:90%;margin:var(--p-2) 0;overflow-x:auto;padding:var(--p-2);white-space:pre-wrap}.ChatFormattedText_jsonPre__m4NwI{background-color:var(--decent-color-alpha-300);border-radius:var(--p-2);box-shadow:0 1px 1px var(--accent-color-alpha-50),inset 0 1px 1px var(--accent-color-alpha-50);font-family:monospace;max-width:100%;-webkit-user-select:text;-moz-user-select:text;user-select:text}.ChatFormattedText_table__1rTGx{margin-bottom:10px}";
-var S = {"bullet":"ChatFormattedText_bullet__CdKe7","numberedIndex":"ChatFormattedText_numberedIndex__bejS0","line":"ChatFormattedText_line__1j8Sx","codeInline":"ChatFormattedText_codeInline__gqRjp","codeBlock":"ChatFormattedText_codeBlock__Mm7Um","jsonPre":"ChatFormattedText_jsonPre__m4NwI","table":"ChatFormattedText_table__1rTGx"};
-styleInject(css_248z);
-
-export { S as default };