@homecode/ui 5.8.0 → 5.9.0

package/dist/esm/index.js

@@ -6,6 +6,11 @@ export { Calendar } from './src/components/Calendar/Calendar.js';
 export { Checkbox } from './src/components/Checkbox/Checkbox.js';
 export { Chip } from './src/components/Chip/Chip.js';
 export { Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, LinkCard } from './src/components/Card/Card.js';
+export { ChatFormattedText } from './src/components/Chat/ChatFormattedText.js';
+export { ChatMessage } from './src/components/Chat/ChatMessage.js';
+export { ChatPrompt } from './src/components/Chat/ChatPrompt.js';
+export { ChatView } from './src/components/Chat/ChatView.js';
+export { getDisplayContent, getDisplayParts, isPlanMessageContent, parseSystemEvent } from './src/components/Chat/content.js';
 export { Container } from './src/components/Container/Container.js';
 export { DatePicker } from './src/components/DatePicker/DatePicker.js';
 export { DatePickerInput } from './src/components/DatePickerInput/DatePickerInput.js';
@@ -52,6 +57,7 @@ export { Spinner } from './src/components/Spinner/Spinner.js';
 export { Table } from './src/components/Table/Table.js';
 export { Tabs } from './src/components/Tabs/Tabs.js';
 export { TextShimmer } from './src/components/TextShimmer/TextShimmer.js';
+export { ThinkingOutline } from './src/components/ThinkingOutline/ThinkingOutline.js';
 export { TextWithDeferTooltip } from './src/components/TextWithDeferTooltip/TextWithDeferTooltip.js';
 export { Tooltip } from './src/components/Tooltip/Tooltip.js';
 export { H1, H2, H3, H4, H5, H6 } from './src/components/Text/Text.js';

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

@@ -27,6 +27,19 @@ import '../Checkbox/Checkbox.styl.js';
 import '../Chip/Chip.styl.js';
 import '../Tooltip/Tooltip.js';
 import '../Card/Card.js';
+import '../Router/context.js';
+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 '../Expand/Expand.styl.js';
+import '../Chat/ChatMessage.styl.js';
+import '../PromptComposer/PromptComposer.js';
+import '../ThinkingOutline/ThinkingOutline.styl.js';
+import '../Chat/ChatPrompt.styl.js';
+import '../TextShimmer/TextShimmer.js';
+import '../Chat/ChatView.styl.js';
 import '../Container/Container.js';
 import '../DatePicker/DatePicker.styl.js';
 import 'moment';
@@ -35,7 +48,6 @@ import '../Dialogue/Dialogue.js';
 import '../../tools/queryParams.js';
 import '../Draggable/Draggable.styl.js';
 import '../DropZone/DropZone.styl.js';
-import '../Expand/Expand.styl.js';
 import '../Flex/Flex.styl.js';
 import '../Form/Form.styl.js';
 import '../Form/Validator.js';
@@ -56,15 +68,12 @@ import '@tiptap/react';
 import { Menu } from '../Menu/Menu.js';
 import '../../tiptap/slash-mention/SlashSuggestionList.styl.js';
 import '../../services/i18n.js';
-import '../Portal/Portal.js';
-import '../Paranja/Paranja.styl.js';
 import '../LightBox/LightBox.styl.js';
 import '../NestedMenu/NestedMenu.js';
 import '../Notifications/store.js';
 import '../Notifications/Notifications.styl.js';
 import '../PopupMenu/PopupMenu.styl.js';
 import '../Progress/Progress.styl.js';
-import '../PromptComposer/PromptComposer.js';
 import '@tiptap/extensions';
 import '@tiptap/starter-kit';
 import '../PromptComposer/PromptComposer.styl.js';
@@ -72,9 +81,7 @@ import '../RadioGroup/RadioGroupContext.js';
 import '../RadioButton/RadioButton.styl.js';
 import '../RadioGroup/RadioGroup.styl.js';
 import '../Router/Router.js';
-import '../Table/Table.styl.js';
 import '../Tabs/Tabs.styl.js';
-import '../TextShimmer/TextShimmer.js';
 import '../TextWithDeferTooltip/TextWithDeferTooltip.styl.js';
 import '../Text/Text.js';
 import '../Theme/Theme.defaults.js';

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

@@ -1,6 +1,6 @@
 import styleInject from '../../../node_modules/style-inject/dist/style-inject.es.js';
 
-var css_248z = ".Card_root__khJ4u{background-color:var(--surface-color);border-radius:var(--border-radius-l);display:flex;flex-direction:column;gap:var(--p-5);max-height:100%;position:relative}.Card_root__khJ4u.Card_blur__VbZXN{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background-color:var(--decent-color-alpha-500)}.Card_root__khJ4u.Card_padding-xs__dd13Q{border-radius:var(--p-3);padding:var(--p-2)}.Card_root__khJ4u.Card_padding-s__S7iiZ{border-radius:var(--p-4);padding:var(--p-3)}.Card_root__khJ4u.Card_padding-m__thC3O{border-radius:var(--p-6);padding:var(--p-5)}.Card_root__khJ4u.Card_padding-l__gtTEF{border-radius:var(--p-8);padding:var(--p-8)}.Card_root__khJ4u.Card_padding-xl__y01o1{border-radius:var(--p-11);padding:var(--p-10)}.Card_header__LDTGV{align-items:flex-start;display:flex;gap:var(--p-5);justify-content:space-between}.Card_header__LDTGV:has([data-slot=card-action]){grid-template-columns:1fr auto}.Card_icon__aRlE5{align-items:center;border-radius:var(--p-2);box-shadow:inset 0 0 0 1px var(--decent-color-alpha-200);display:flex;flex-shrink:0;height:48px;justify-content:center;width:48px}.Card_icon__aRlE5.Card_withBackground__lIrjx{background-color:var(--accent-color-alpha-100);box-shadow:none}.Card_icon__aRlE5>img,.Card_icon__aRlE5>svg{height:20px;width:20px}.Card_headerText__hawuL{flex-grow:1;overflow:hidden}.Card_scroll__uDcXL{max-height:100%;overflow:hidden;padding-right:var(--p-5);width:calc(100% + var(--p-5))}.Card_scroll__uDcXL [data-slot=card-content]{padding-right:1px}.Card_centered__0YX4F,.Card_fullHeight__i3n8e{display:flex;flex-direction:column}.Card_centered__0YX4F{align-items:center;justify-content:center}.Card_fullHeight__i3n8e{flex-grow:1}.Card_description__RTQTR,.Card_title__Z1SQz{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.Card_title__Z1SQz{font-size:120%;font-weight:500;line-height:1.2}.Card_description__RTQTR{color:var(--accent-color-alpha-500);max-width:100%;word-break:break-word}.Card_action__viIuL{grid-row-span:2;align-self:start;grid-column-start:2;grid-row-start:1;justify-self:end}.Card_footer__T0DXA{align-items:center;display:flex;flex-shrink:0;justify-content:space-between;overflow:hidden}";
+var css_248z = ".Card_root__khJ4u{background-color:var(--surface-color);border-radius:var(--border-radius-l);display:flex;flex-direction:column;gap:var(--p-5);max-height:100%;position:relative}.Card_root__khJ4u.Card_blur__VbZXN{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background-color:var(--decent-color-alpha-500)}.Card_root__khJ4u.Card_padding-xs__dd13Q{border-radius:var(--p-3);padding:var(--p-2)}.Card_root__khJ4u.Card_padding-s__S7iiZ{border-radius:var(--p-4);padding:var(--p-3)}.Card_root__khJ4u.Card_padding-m__thC3O{border-radius:var(--p-6);padding:var(--p-5)}.Card_root__khJ4u.Card_padding-l__gtTEF{border-radius:var(--p-8);padding:var(--p-8)}.Card_root__khJ4u.Card_padding-xl__y01o1{border-radius:var(--p-11);padding:var(--p-10)}.Card_header__LDTGV{align-items:flex-start;display:flex;gap:var(--p-5);justify-content:space-between}.Card_header__LDTGV:has([data-slot=card-action]){grid-template-columns:1fr auto}.Card_icon__aRlE5{align-items:center;border-radius:var(--p-2);box-shadow:inset 0 0 0 1px var(--decent-color-alpha-200);display:flex;flex-shrink:0;height:48px;justify-content:center;width:48px}.Card_icon__aRlE5.Card_withBackground__lIrjx{background-color:var(--accent-color-alpha-100);box-shadow:none}.Card_icon__aRlE5>img,.Card_icon__aRlE5>svg{height:20px;width:20px}.Card_headerText__hawuL{flex-grow:1;overflow:hidden}.Card_scroll__uDcXL{max-height:100%;overflow:hidden;padding-right:var(--p-5);width:calc(100% + var(--p-5))}.Card_scroll__uDcXL [data-slot=card-content]{padding-right:1px}.Card_centered__0YX4F,.Card_fullHeight__i3n8e{display:flex;flex-direction:column}.Card_centered__0YX4F{align-items:center;justify-content:center}.Card_fullHeight__i3n8e{flex-grow:1}.Card_description__RTQTR,.Card_title__Z1SQz{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.Card_title__Z1SQz{font-size:120%;font-weight:500;line-height:1.2}.Card_description__RTQTR{color:var(--accent-color-alpha-500);max-width:100%;word-break:break-word}.Card_action__viIuL{grid-row-span:2;align-self:start;grid-column-start:2;grid-row-start:1;justify-self:end}.Card_footer__T0DXA{align-items:center;display:flex;flex-shrink:0;justify-content:space-between;overflow:visible}";
 var S = {"root":"Card_root__khJ4u","blur":"Card_blur__VbZXN","padding-xs":"Card_padding-xs__dd13Q","padding-s":"Card_padding-s__S7iiZ","padding-m":"Card_padding-m__thC3O","padding-l":"Card_padding-l__gtTEF","padding-xl":"Card_padding-xl__y01o1","header":"Card_header__LDTGV","icon":"Card_icon__aRlE5","withBackground":"Card_withBackground__lIrjx","headerText":"Card_headerText__hawuL","scroll":"Card_scroll__uDcXL","centered":"Card_centered__0YX4F","fullHeight":"Card_fullHeight__i3n8e","title":"Card_title__Z1SQz","description":"Card_description__RTQTR","action":"Card_action__viIuL","footer":"Card_footer__T0DXA"};
 styleInject(css_248z);
 

package/dist/esm/src/components/Chat/ChatFormattedText.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 './ChatFormattedText.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 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,
+        ]) }));
+}
+
+export { ChatFormattedText };

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

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

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

@@ -0,0 +1,50 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import cn from 'classnames';
+import { useMemo } from 'react';
+import { Expand } from '../Expand/Expand.js';
+import { Link } from '../Router/Link/Link.js';
+import { ChatFormattedText } from './ChatFormattedText.js';
+import S from './ChatMessage.styl.js';
+import { parseSystemEvent, getDisplayParts, getDisplayContent } from './content.js';
+
+function ChatMessage({ data, isStacked, className, onButtonClick, }) {
+    const { content, role, createdAt } = data;
+    const id = data.id;
+    const isSystem = role === 'SYSTEM';
+    const date = createdAt ? new Date(createdAt) : null;
+    const systemEvent = useMemo(() => (isSystem ? parseSystemEvent(content) : null), [isSystem, content]);
+    const parts = useMemo(() => (isSystem ? null : getDisplayParts(content)), [content, isSystem]);
+    const body = useMemo(() => {
+        if (parts) {
+            return (jsx("div", { className: S.parts, children: parts.map((part, i) => {
+                    if (part.type === 'text' && typeof part.text === 'string') {
+                        return (jsx(ChatFormattedText, { text: part.text, onButtonClick: onButtonClick }, i));
+                    }
+                    if (part.type === 'image_url' && part.image_url?.url) {
+                        return (jsx("img", { src: part.image_url.url, alt: "", className: S.mediaPart }, i));
+                    }
+                    if (part.type === 'video_url' && part.video_url?.url) {
+                        return (jsx("video", { src: part.video_url.url, controls: true, className: S.mediaPart }, i));
+                    }
+                    if (part.type === 'file' && part.file?.url) {
+                        return (jsx("div", { className: S.mediaPart, children: jsx(Link, { href: part.file.url, target: "_blank", rel: "noopener noreferrer", children: part.file.filename || 'Download' }) }, i));
+                    }
+                    if (part.type === 'input_audio' && part.input_audio?.data) {
+                        const format = part.input_audio.format || 'mp3';
+                        return (jsx("audio", { src: `data:audio/${format};base64,${part.input_audio.data}`, controls: true, className: S.mediaPart }, i));
+                    }
+                    return null;
+                }) }));
+        }
+        const text = isSystem
+            ? systemEvent?.body ?? content
+            : getDisplayContent(content);
+        return jsx(ChatFormattedText, { text: text, onButtonClick: onButtonClick });
+    }, [content, isSystem, onButtonClick, parts, systemEvent]);
+    return (jsxs("div", { className: cn(S.root, S[role], isStacked && S.stacked, className), "data-id": id, children: [date && !Number.isNaN(date.getTime()) && (jsx("div", { className: S.meta, children: date.toLocaleTimeString(undefined, {
+                    hour: 'numeric',
+                    minute: '2-digit',
+                }) })), jsx("div", { className: S.text, children: jsx("div", { className: S.textContent, children: isSystem ? (jsx(Expand, { className: S.systemFold, headerClassName: S.systemFoldTrigger, size: "s", isOpen: false, header: systemEvent?.summary || getDisplayContent(content), content: () => (jsx("div", { className: S.systemFoldContent, children: body })) })) : (body) }) })] }));
+}
+
+export { ChatMessage };

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

@@ -0,0 +1,7 @@
+import styleInject from '../../../node_modules/style-inject/dist/style-inject.es.js';
+
+var css_248z = ".ChatMessage_root__JkQi6{align-items:flex-start;display:flex;flex-direction:column;max-width:100%;padding:0 var(--p-5) var(--p-2)}@media (max-width:768px){.ChatMessage_root__JkQi6{padding:0 var(--p-2) var(--p-2)}}.ChatMessage_root__JkQi6+.ChatMessage_root__JkQi6{margin-top:20px}.ChatMessage_root__JkQi6 .ChatMessage_textContent__O-pxi{padding:0}.ChatMessage_root__JkQi6.ChatMessage_USER__UEEuA{align-items:flex-end;padding-right:var(--p-5)}.ChatMessage_root__JkQi6.ChatMessage_USER__UEEuA .ChatMessage_text__CNGXE{background-color:var(--active-color-alpha-500);padding:6px var(--p-2)}.ChatMessage_root__JkQi6.ChatMessage_AGENT__fvHxv .ChatMessage_textContent__O-pxi,.ChatMessage_root__JkQi6.ChatMessage_AGENT__fvHxv .ChatMessage_text__CNGXE{width:100%!important}.ChatMessage_root__JkQi6.ChatMessage_AGENT__fvHxv .ChatMessage_text__CNGXE{padding-top:4px}.ChatMessage_root__JkQi6.ChatMessage_SYSTEM__bkOnf{align-items:stretch}.ChatMessage_root__JkQi6.ChatMessage_SYSTEM__bkOnf+.ChatMessage_root__JkQi6.ChatMessage_SYSTEM__bkOnf{margin-top:-6px!important}.ChatMessage_root__JkQi6.ChatMessage_SYSTEM__bkOnf .ChatMessage_text__CNGXE{font-size:90%;opacity:.8;padding:0;width:100%}.ChatMessage_root__JkQi6.ChatMessage_stacked__LoLL0 .ChatMessage_meta__lMww1{display:none}.ChatMessage_text__CNGXE{border-radius:14px;display:flex;flex-direction:row;max-width:100%;overflow:hidden;padding:var(--p-2);width:-moz-fit-content;width:fit-content}.ChatMessage_textContent__O-pxi{max-width:100%;text-align:left;white-space:pre-line;word-break:break-word}.ChatMessage_textContent__O-pxi h1,.ChatMessage_textContent__O-pxi h2,.ChatMessage_textContent__O-pxi h3,.ChatMessage_textContent__O-pxi h4,.ChatMessage_textContent__O-pxi h5,.ChatMessage_textContent__O-pxi h6{margin-top:1em}.ChatMessage_textContent__O-pxi a{margin-bottom:-.1em;margin-top:-.3em;padding:0 .3em .1em .4em!important}.ChatMessage_SYSTEM__bkOnf .ChatMessage_textContent__O-pxi a{margin-bottom:0;margin-top:0}.ChatMessage_meta__lMww1{font-size:11px;margin-bottom:4px;opacity:.5;padding:0 4px}.ChatMessage_parts__z7LHI{display:flex;flex-direction:column;gap:var(--p-2)}.ChatMessage_mediaPart__A67rQ{border-radius:var(--p-2);max-height:320px;max-width:100%}.ChatMessage_systemFold__FUSrL{width:100%}.ChatMessage_systemFoldTrigger__35Hnd{max-width:100%;overflow:hidden;padding:2px 10px;text-overflow:ellipsis;white-space:nowrap}.ChatMessage_systemFoldContent__0G-uw{padding:0 10px}";
+var S = {"root":"ChatMessage_root__JkQi6","textContent":"ChatMessage_textContent__O-pxi","USER":"ChatMessage_USER__UEEuA","text":"ChatMessage_text__CNGXE","AGENT":"ChatMessage_AGENT__fvHxv","SYSTEM":"ChatMessage_SYSTEM__bkOnf","stacked":"ChatMessage_stacked__LoLL0","meta":"ChatMessage_meta__lMww1","parts":"ChatMessage_parts__z7LHI","mediaPart":"ChatMessage_mediaPart__A67rQ","systemFold":"ChatMessage_systemFold__FUSrL","systemFoldTrigger":"ChatMessage_systemFoldTrigger__35Hnd","systemFoldContent":"ChatMessage_systemFoldContent__0G-uw"};
+styleInject(css_248z);
+
+export { S as default };

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

@@ -0,0 +1,50 @@
+import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
+import cn from 'classnames';
+import { useRef, useState } from 'react';
+import { Button } from '../Button/Button.js';
+import { Icon } from '../Icon/Icon.js';
+import { PromptComposer } from '../PromptComposer/PromptComposer.js';
+import { Select2 } from '../Select/Select2.js';
+import { ThinkingOutline } from '../ThinkingOutline/ThinkingOutline.js';
+import { Tooltip } from '../Tooltip/Tooltip.js';
+import S from './ChatPrompt.styl.js';
+
+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, }) {
+    const fileInputRef = useRef(null);
+    const [uncontrolledModel, setUncontrolledModel] = useState(model ?? models[0]?.id ?? 'auto');
+    const modelId = model ?? uncontrolledModel;
+    const canSubmit = !disabled && Boolean(value.trim());
+    const setModel = (id) => {
+        if (model === undefined)
+            setUncontrolledModel(id);
+        onModelChange?.(id);
+    };
+    return (jsxs("div", { className: cn(S.root, className), children: [jsx(ThinkingOutline, { active: isPrompting }), jsx(PromptComposer, { className: S.composer, disabled: disabled, placeholder: placeholder, prefillMessage: value, allowEnterSubmit: true, onChange: onChange, onSubmit: text => {
+                    const next = text.trim();
+                    if (!next || disabled)
+                        return;
+                    onSubmit(next);
+                } }), jsxs("div", { className: S.buttons, 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, 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" }) }) })] }))] })] }));
+}
+
+export { ChatPrompt };

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

@@ -0,0 +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"};
+styleInject(css_248z);
+
+export { S as default };

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

@@ -0,0 +1,30 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import cn from 'classnames';
+import { useRef, useEffect } from 'react';
+import { Scroll } from '../Scroll/Scroll.js';
+import { TextShimmer } from '../TextShimmer/TextShimmer.js';
+import { scrollTo } from '../../tools/scroll.js';
+import { ChatMessage } from './ChatMessage.js';
+import S from './ChatView.styl.js';
+import { isPlanMessageContent } from './content.js';
+
+function ChatView({ messages, isPrompting, promptingLabel = 'Thinking…', emptyLabel = 'Start the conversation', className, messagesClassName, footer, onButtonClick, }) {
+    const listRef = useRef(null);
+    const visible = messages.filter(message => !isPlanMessageContent(message.content));
+    useEffect(() => {
+        const scroller = listRef.current;
+        if (scroller)
+            scrollTo(scroller, 0, scroller.scrollHeight + 80);
+    }, [visible.length, isPrompting]);
+    return (jsxs("div", { className: cn(S.root, className), children: [jsxs(Scroll, { y: true, fadeSize: "l", autoHide: true, className: S.messages, innerClassName: cn(S.messagesInner, messagesClassName), onInnerRef: elem => {
+                    listRef.current = elem;
+                }, children: [visible.length === 0 && jsx("div", { className: S.empty, children: emptyLabel }), visible.map((message, index) => {
+                        const prev = visible[index - 1];
+                        const isStacked = Boolean(prev) &&
+                            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}`));
+                    })] }), isPrompting && (jsx("div", { className: S.status, children: jsx(TextShimmer, { children: promptingLabel }) })), footer && jsx("div", { className: S.footer, children: footer })] }));
+}
+
+export { ChatView };

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

@@ -0,0 +1,7 @@
+import styleInject from '../../../node_modules/style-inject/dist/style-inject.es.js';
+
+var css_248z = ".ChatView_root__fRLUe{display:flex;flex-direction:column;height:100%;min-height:0;width:100%}.ChatView_messages__XjC53{flex:1;min-height:0}.ChatView_messagesInner__oRfmN{display:flex;flex-direction:column;padding:var(--p-10) calc(50% - 300px) 0}.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{flex-shrink:0;overflow:visible;padding-top:0}";
+var S = {"root":"ChatView_root__fRLUe","messages":"ChatView_messages__XjC53","messagesInner":"ChatView_messagesInner__oRfmN","empty":"ChatView_empty__5yGXV","status":"ChatView_status__PpDvZ","footer":"ChatView_footer__huDww"};
+styleInject(css_248z);
+
+export { S as default };

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

@@ -0,0 +1,96 @@
+const PLAN_TYPES = new Set([
+    'planCreated',
+    'planStatusUpdate',
+    'planStepUpdate',
+    'planStepChunk',
+]);
+function isPlanMessageContent(content) {
+    try {
+        const parsed = JSON.parse(content);
+        if (parsed.planId)
+            return true;
+        if (typeof parsed.type === 'string' && PLAN_TYPES.has(parsed.type)) {
+            return true;
+        }
+    }
+    catch {
+        // plain text
+    }
+    return false;
+}
+function getDisplayContent(content) {
+    try {
+        const parsed = JSON.parse(content);
+        if (parsed.type === 'userPrompt' && typeof parsed.display === 'string') {
+            return parsed.display;
+        }
+        if (Array.isArray(parsed.parts)) {
+            return parsed.parts
+                .filter(part => part.type === 'text' && typeof part.text === 'string')
+                .map(part => part.text)
+                .join('\n');
+        }
+    }
+    catch {
+        // plain text
+    }
+    return content;
+}
+function getDisplayParts(content) {
+    try {
+        const parsed = JSON.parse(content);
+        if (Array.isArray(parsed.parts) && parsed.parts.length > 0) {
+            return parsed.parts;
+        }
+    }
+    catch {
+        // plain text
+    }
+    return null;
+}
+function parseSystemEvent(content) {
+    try {
+        const parsed = JSON.parse(content);
+        if (parsed.systemEventType && parsed.systemData) {
+            switch (parsed.systemEventType) {
+                case 'agent-selected':
+                    return {
+                        summary: `Agent switched to: ${parsed.systemData.agentId || 'Auto'}`,
+                        body: content,
+                    };
+                case 'function-call':
+                    return {
+                        summary: `Called function: ${parsed.systemData.functionName}`,
+                        body: content,
+                    };
+                case 'error':
+                    return {
+                        summary: `Error: ${parsed.systemData.errorMessage}`,
+                        body: content,
+                    };
+                case 'conversation-stopped':
+                    return { summary: 'Conversation stopped', body: content };
+                default:
+                    return { summary: parsed.systemEventType, body: content };
+            }
+        }
+        if (parsed.type === 'toolInvocation' && parsed.name) {
+            if (parsed.phase === 'invoked') {
+                return { summary: `Calling ${parsed.name}…`, body: content };
+            }
+            if (parsed.ok === false) {
+                return {
+                    summary: `${parsed.name} failed${parsed.error ? `: ${parsed.error}` : ''}`,
+                    body: content,
+                };
+            }
+            return { summary: `${parsed.name} result`, body: content };
+        }
+    }
+    catch {
+        // not structured
+    }
+    return null;
+}
+
+export { getDisplayContent, getDisplayParts, isPlanMessageContent, parseSystemEvent };

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

@@ -16,8 +16,10 @@ function Dialogue({ open, onOpenChange, disabled, trigger, title, subtitle, icon
     const [isMounted, setIsMounted] = useState(false);
     const [isAnimating, setIsAnimating] = useState(false);
     const dialogRef = useRef(null);
+    const onOpenChangeRef = useRef(onOpenChange);
     const titleId = useId();
     const descriptionId = useId();
+    onOpenChangeRef.current = onOpenChange;
     useEffect(() => {
         setIsMounted(true);
     }, []);
@@ -49,7 +51,7 @@ function Dialogue({ open, onOpenChange, disabled, trigger, title, subtitle, icon
         }
         const handleKeyDown = (e) => {
             if (e.key === 'Escape') {
-                onOpenChange(false);
+                onOpenChangeRef.current(false);
                 return;
             }
             if (e.key === 'Tab' && focusableElements.length > 0) {
@@ -72,7 +74,7 @@ function Dialogue({ open, onOpenChange, disabled, trigger, title, subtitle, icon
                 previousActiveElement.focus();
             }
         };
-    }, [open, onOpenChange]);
+    }, [open]);
     useEffect(() => {
         if (!open)
             return;

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

@@ -32,6 +32,17 @@ import '../Checkbox/Checkbox.styl.js';
 import '../Chip/Chip.styl.js';
 import '../Tooltip/Tooltip.js';
 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 '../Expand/Expand.styl.js';
+import '../Chat/ChatMessage.styl.js';
+import '../PromptComposer/PromptComposer.js';
+import '../ThinkingOutline/ThinkingOutline.styl.js';
+import '../Chat/ChatPrompt.styl.js';
+import '../TextShimmer/TextShimmer.js';
+import '../Chat/ChatView.styl.js';
 import '../Container/Container.js';
 import '../DatePicker/DatePicker.styl.js';
 import 'moment';
@@ -39,7 +50,6 @@ import '../DatePickerInput/DatePickerInput.styl.js';
 import '../Dialogue/Dialogue.js';
 import { Draggable } from '../Draggable/Draggable.js';
 import '../DropZone/DropZone.styl.js';
-import '../Expand/Expand.styl.js';
 import '../Flex/Flex.styl.js';
 import '../Form/Form.styl.js';
 import '../Form/Validator.js';
@@ -59,7 +69,6 @@ import '../Notifications/store.js';
 import '../Notifications/Notifications.styl.js';
 import '../PopupMenu/PopupMenu.styl.js';
 import '../Progress/Progress.styl.js';
-import '../PromptComposer/PromptComposer.js';
 import '@tiptap/extensions';
 import '@tiptap/react';
 import '@tiptap/starter-kit';
@@ -72,9 +81,7 @@ import '../RadioGroup/RadioGroupContext.js';
 import '../RadioButton/RadioButton.styl.js';
 import '../RadioGroup/RadioGroup.styl.js';
 import '../Router/Router.js';
-import '../Table/Table.styl.js';
 import '../Tabs/Tabs.styl.js';
-import '../TextShimmer/TextShimmer.js';
 import '../TextWithDeferTooltip/TextWithDeferTooltip.styl.js';
 import '../Text/Text.js';
 import '../Theme/Theme.defaults.js';

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

@@ -0,0 +1,9 @@
+import { jsx } from 'react/jsx-runtime';
+import cn from 'classnames';
+import S from './ThinkingOutline.styl.js';
+
+function ThinkingOutline({ active, className }) {
+    return (jsx("div", { className: cn(S.root, active && S.active, className), children: jsx("div", { className: S.bloom }) }));
+}
+
+export { ThinkingOutline };

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

@@ -0,0 +1,7 @@
+import styleInject from '../../../node_modules/style-inject/dist/style-inject.es.js';
+
+var css_248z = "@property --promptGlowAngle{syntax:\"<angle>\";inherits:true;initial-value:0deg}.ThinkingOutline_root__rvvBG{animation:ThinkingOutline_orbitGlow__3bK-F 3.5s linear infinite;border-radius:inherit;inset:0;opacity:0;pointer-events:none;position:absolute;transition:opacity .5s ease-out}.ThinkingOutline_root__rvvBG.ThinkingOutline_active__-66iV{opacity:1}.ThinkingOutline_root__rvvBG:before{background:conic-gradient(from var(--promptGlowAngle),var(--active-color) 0deg,var(--active-color-alpha-300) 48deg,transparent 80deg,transparent 100deg,var(--active-color-alpha-300) 132deg,var(--active-color) 180deg,var(--active-color-alpha-300) 228deg,transparent 260deg,transparent 280deg,var(--active-color-alpha-300) 312deg,var(--active-color) 1turn);border-radius:inherit;content:\"\";inset:0;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;padding:1.5px;position:absolute}.ThinkingOutline_bloom__XKYD5{border-radius:inherit;filter:blur(20px);inset:0;opacity:.55;position:absolute}.ThinkingOutline_bloom__XKYD5:before{background:conic-gradient(from var(--promptGlowAngle),var(--active-color) 0deg,var(--active-color-alpha-300) 48deg,transparent 80deg,transparent 100deg,var(--active-color-alpha-300) 132deg,var(--active-color) 180deg,var(--active-color-alpha-300) 228deg,transparent 260deg,transparent 280deg,var(--active-color-alpha-300) 312deg,var(--active-color) 1turn);border-radius:inherit;content:\"\";inset:0;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;padding:6px;position:absolute}@media (prefers-reduced-motion:reduce){.ThinkingOutline_root__rvvBG{animation:none}}@keyframes ThinkingOutline_orbitGlow__3bK-F{0%{--promptGlowAngle:-30deg}25%{--promptGlowAngle:30deg}50%{--promptGlowAngle:150deg}75%{--promptGlowAngle:210deg}to{--promptGlowAngle:330deg}}";
+var S = {"root":"ThinkingOutline_root__rvvBG","orbitGlow":"ThinkingOutline_orbitGlow__3bK-F","active":"ThinkingOutline_active__-66iV","bloom":"ThinkingOutline_bloom__XKYD5"};
+styleInject(css_248z);
+
+export { S as default };

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

@@ -0,0 +1,78 @@
+import type { ReactNode } from 'react';
+export type ChatRole = 'USER' | 'AGENT' | 'SYSTEM';
+export type ChatContentPart = {
+    type: string;
+    text?: string;
+    image_url?: {
+        url?: string;
+        filePath?: string;
+        filename?: string;
+    };
+    video_url?: {
+        url?: string;
+        filePath?: string;
+    };
+    file?: {
+        url?: string;
+        filePath?: string;
+        filename?: string;
+    };
+    input_audio?: {
+        data?: string;
+        format?: string;
+    };
+};
+export type ChatMessageData = {
+    id?: string;
+    role: ChatRole;
+    content: string;
+    createdAt?: string | Date;
+};
+export type ChatFormattedTextProps = {
+    text: string;
+    className?: string;
+    onButtonClick?: (params: {
+        text: string;
+        [name: string]: string;
+    }) => void;
+};
+export type ChatMessageProps = {
+    data: ChatMessageData;
+    isStacked?: boolean;
+    isLastMessage?: boolean;
+    className?: string;
+    onButtonClick?: ChatFormattedTextProps['onButtonClick'];
+};
+export type ChatViewProps = {
+    messages: ChatMessageData[];
+    isPrompting?: boolean;
+    promptingLabel?: ReactNode;
+    emptyLabel?: ReactNode;
+    className?: string;
+    messagesClassName?: string;
+    footer?: ReactNode;
+    onButtonClick?: ChatFormattedTextProps['onButtonClick'];
+};
+export type ChatPromptModel = {
+    id: string;
+    label: string;
+};
+export type ChatPromptProps = {
+    value: string;
+    onChange: (value: string) => void;
+    onSubmit: (value: string) => void;
+    disabled?: boolean;
+    /** Orbiting glow on the prompt while the agent is generating. */
+    isPrompting?: boolean;
+    placeholder?: string;
+    className?: string;
+    /** Default true. Hidden file input + plus button (no STT / live voice). */
+    showAttach?: boolean;
+    onAttach?: (files: File[]) => void;
+    attachAccept?: string;
+    /** Default true. Compact model dropdown (e.g. Auto Router). */
+    showModelSelector?: boolean;
+    models?: ChatPromptModel[];
+    model?: string;
+    onModelChange?: (id: string) => void;
+};

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

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

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

@@ -0,0 +1,2 @@
+import type { ChatMessageProps } from './types';
+export declare function ChatMessage({ data, isStacked, className, onButtonClick, }: ChatMessageProps): import("react").JSX.Element;

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

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

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

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

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

@@ -0,0 +1,8 @@
+import type { ChatContentPart } from './types';
+export declare function isPlanMessageContent(content: string): boolean;
+export declare function getDisplayContent(content: string): string;
+export declare function getDisplayParts(content: string): ChatContentPart[] | null;
+export declare function parseSystemEvent(content: string): {
+    summary: string;
+    body: string;
+} | null;

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

@@ -0,0 +1,6 @@
+export { ChatFormattedText } from './ChatFormattedText';
+export { ChatMessage } from './ChatMessage';
+export { ChatPrompt } from './ChatPrompt';
+export { ChatView } from './ChatView';
+export { getDisplayContent, getDisplayParts, isPlanMessageContent, parseSystemEvent, } from './content';
+export type { ChatContentPart, ChatFormattedTextProps, ChatMessageData, ChatMessageProps, ChatPromptModel, ChatPromptProps, ChatRole, ChatViewProps, } from './types';

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

@@ -0,0 +1 @@
+export type { ChatContentPart, ChatFormattedTextProps, ChatMessageData, ChatMessageProps, ChatPromptModel, ChatPromptProps, ChatRole, ChatViewProps, } from './Chat.types';

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

@@ -1,5 +1,4 @@
 import * as T from './NestedMenu.types';
-export type { NestedMenuItem, Props as NestedMenuProps, } from './NestedMenu.types';
 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;
@@ -7,3 +6,4 @@ export declare const NestedMenu: typeof NestedMenuComponent & {
     Item: typeof NestedMenuItemRow;
     Label: typeof NestedMenuLabel;
 };
+export {};

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

@@ -19,6 +19,7 @@ export type Props = {
     align?: 'start' | 'end';
     className?: string;
 };
+export type NestedMenuProps = Props;
 export type NestedMenuRowProps = {
     children: ReactNode;
     className?: string;

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

@@ -0,0 +1,5 @@
+export type ThinkingOutlineProps = {
+    active?: boolean;
+    className?: string;
+};
+export declare function ThinkingOutline({ active, className }: ThinkingOutlineProps): import("react").JSX.Element;

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

@@ -0,0 +1,2 @@
+export { ThinkingOutline } from './ThinkingOutline';
+export type { ThinkingOutlineProps } from './ThinkingOutline';

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

@@ -6,6 +6,7 @@ export * from './Calendar/Calendar';
 export * from './Checkbox/Checkbox';
 export * from './Chip/Chip';
 export * from './Card';
+export * from './Chat';
 export * from './Container/Container';
 export * from './DatePicker/DatePicker';
 export * from './DatePickerInput/DatePickerInput';
@@ -29,6 +30,7 @@ export * from './Lazy/Lazy';
 export * from './LightBox/LightBox';
 export * from './Menu/Menu';
 export * from './NestedMenu/NestedMenu';
+export type { NestedMenuItem, NestedMenuProps, } from './NestedMenu/NestedMenu.types';
 export * from './Notifications/Notifications';
 export * from './Paranja/Paranja';
 export * from './Popup/Popup';
@@ -50,6 +52,7 @@ export * from './Spinner/Spinner';
 export * from './Table/Table';
 export * from './Tabs/Tabs';
 export * from './TextShimmer/TextShimmer';
+export * from './ThinkingOutline';
 export * from './TextWithDeferTooltip';
 export * from './Tooltip/Tooltip';
 export * from './Text/Text';

package/package.json

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