@sybilion/uilib 1.2.21 → 1.2.23

package/dist/esm/components/icons/CsvIcon/CsvIcon.js

@@ -0,0 +1,8 @@
+import { jsx } from 'react/jsx-runtime';
+import CsvSvg from './csv.svg.js';
+
+function CsvIcon({ size = 32 }) {
+    return jsx(CsvSvg, { width: size, height: size, "aria-hidden": true });
+}
+
+export { CsvIcon };

package/dist/esm/components/icons/CsvIcon/csv.svg.js

@@ -0,0 +1,24 @@
+import * as React from 'react';
+
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+var SvgCsv = function SvgCsv(props) {
+  return /*#__PURE__*/React.createElement("svg", _extends({
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 24 24"
+  }, props), /*#__PURE__*/React.createElement("path", {
+    fill: "#00a04e",
+    d: "M4.433 1.174c25.194-.106-5.93.182 14.987-.001.405.004.405.004.61.129.109.19.116.352.112.566-.01 3.297-.015 6.595-.029 9.893l.112-.004c.562-.017-.045.002 1.004-.024.197.038.266.11.385.27.062 2.563.035 5.128.03 7.692-.039.197-.117.27-.272.394-.415.043-.841.014-1.259 0q.017 1.22.03 2.44a.56.56 0 0 1-.18.317c-1.942.17-14.937.077-15.717.084-.46-.005-.46-.005-.61-.148a.57.57 0 0 1-.11-.39c.009-.767.014-1.535.027-2.303-.372.013-.744.019-1.116.028-.196-.038-.26-.117-.385-.27-.074-2.558-.034-5.13-.03-7.693.04-.2.109-.272.272-.393.415-.044.842-.014 1.26 0-.062-3.337.028-6.676-.032-10.013a.8.8 0 0 1 .114-.446c.255-.155.505-.13.797-.128m-.008.903v9.684h14.817V2.077Zm2.19 12.183c-.49.664-.597 1.45-.48 2.25.143.74.644 1.272 1.34 1.497.75.238 2.112-.06 2.325-1.356-.66-.237-.696-.242-.841-.24-.34.863-1 1.085-1.484.676-.693-.587-.45-1.823-.145-2.373.124-.08.559-.318 1.077-.139.22.15.358.334.473.575.297-.028.58-.074.871-.145a1.35 1.35 0 0 0-.445-.935c-.785-.619-1.99-.479-2.69.19m4.068-.15c-.435.461-.303 1.023-.228 1.24.175.395.463.552.854.706.438.217 1.085.13 1.395.547.067.145.076.4-.142.548-.343.114-.711.156-1.048.003-.202-.197-.303-.386-.408-.648l-.872.048c.014.416.138.806.431 1.114.512.406 1.123.425 1.748.387.366-.05.696-.181.969-.435.268-.37.323-.713.29-1.162-.06-.317-.238-.57-.484-.775-.376-.221-.821-.317-1.24-.425-.252-.067-.58-.19-.648-.301-.069-.112-.027-.257.048-.34.075-.082.363-.112.581-.114a.67.67 0 0 1 .581.211c.066.111.1.217.145.34.31.01.615.008.92-.05-.048-.39-.115-.724-.422-.991-.71-.491-1.818-.481-2.47.098m3.231-.365c.386 1.447.95 2.848 1.453 4.261h.968c.239-.644 1.51-4.082 1.501-4.261h-.92c-.356.876-.657 2.013-.968 2.808l-.145.049-.037-.182c-.255-.903-.578-1.787-.883-2.675zm-9.49 6.343v1.937h14.817v-1.937z",
+    style: {
+      strokeWidth: 0.0484209
+    }
+  }), /*#__PURE__*/React.createElement("path", {
+    fill: "#009649",
+    d: "M6.402 9.406c3.535-.028 7.565.04 11-.002.29.005.619.093.61.468-.036.436-.435.468-.63.467-3.155.025-9.165-.022-11.117.001-.29-.004-.594-.13-.612-.468.02-.426.433-.468.749-.466m-.112-2.71c3.536-.028 7.565.04 11-.002.29.004.62.092.612.468-.037.436-.436.468-.63.467-3.156.024-9.166-.022-11.118.001-.291-.004-.594-.13-.612-.468.02-.426.433-.468.749-.466m-.075-2.822c3.536-.027 7.565.04 11-.001.29.004.619.092.611.468-.036.436-.436.467-.63.466-3.155.025-9.165-.021-11.117.002-.292-.004-.595-.13-.612-.468.019-.427.433-.469.748-.467",
+    style: {
+      strokeWidth: 0.0484209
+    }
+  }));
+};
+var CsvSvg = SvgCsv;
+
+export { CsvSvg as default };

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

@@ -42,7 +42,7 @@ function ChatChrome({ showResizeHandle, resizeHandle, onClose, isEmpty, renderPr
                                                 })
                                                 : null, isScriptComplete &&
                                                 onGenerateDashboard &&
-                                                !generatingDashboard ? (jsxs(Button, { type: "button", variant: "default", size: "lg", disabled: isLoading, onClick: onGenerateDashboardClick, children: [jsx(ChartLineIcon, {}), "Generate Dashboard"] })) : null] })), showInlinePresets && renderPresets('inline'), isLoading && isLastMessageFromUser && (jsx(TextShimmer, { duration: 1, spread: 5, className: S.loader, children: "Thinking..." }))] }) })), jsx("div", { className: cn(S.footer, footerClassName), children: jsx(Chat.Prompt, { onSubmit: onPromptSubmit, disabled: isLoading, prefillMessage: promptPrefill ?? undefined }) })] }) })] }));
+                                                !generatingDashboard ? (jsxs(Button, { type: "button", variant: "default", size: "lg", disabled: isLoading, onClick: onGenerateDashboardClick, children: [jsx(ChartLineIcon, {}), "Generate Dashboard"] })) : null] })), showInlinePresets && renderPresets('inline'), isLoading && isLastMessageFromUser && (jsx(TextShimmer, { duration: 1, spread: 5, className: S.loader, children: "Thinking..." }))] }) })), jsx("div", { className: cn(S.footer, footerClassName), children: jsx(Chat.Prompt, { onSubmit: onPromptSubmit, disabled: isLoading, prefillMessage: promptPrefill ?? undefined, showNotice: isEmpty }) })] }) })] }));
 }
 
 export { ChatChrome };

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

@@ -56,6 +56,20 @@ const injectBold = (content) => {
         length: matches[0].length,
     };
 };
+/** `_italic_` (underscore) — avoids clashing with `* ` bullet markers. */
+const injectItalic = (content) => {
+    const matches = content.match(/(?<![A-Za-z0-9])_([^_\n]+?)_(?![A-Za-z0-9])/);
+    if (!matches || matches.index === undefined)
+        return null;
+    if (isInsideHtmlListOrTable(content, matches.index)) {
+        return null;
+    }
+    return {
+        elem: jsx("em", { children: matches[1] }),
+        index: matches.index,
+        length: matches[0].length,
+    };
+};
 const injectBullet = (content) => {
     // Match bullet points: * or - followed by space
     // Match at start of string/line or after whitespace/colon (for nested bullets)
@@ -229,6 +243,33 @@ const isAllowedHref = (href) => {
         return true;
     return false;
 };
+const normalizeWwwToHttps = (raw) => {
+    const t = raw.trim();
+    if (/^www\./i.test(t))
+        return `https://${t}`;
+    return t;
+};
+/** Strip ASCII closing punctuation often pasted after URLs. */
+const stripTrailingUrlPunctuation = (s) => {
+    let u = s;
+    while (u.length > 0 && /[.,;:!?)}\]]$/u.test(u)) {
+        u = u.slice(0, -1);
+    }
+    return u;
+};
+function linkTargetRelForHref(href, explicitTarget) {
+    if (explicitTarget) {
+        const t = explicitTarget.trim();
+        if (t.toLowerCase() === '_blank') {
+            return { target: '_blank', rel: 'noopener noreferrer' };
+        }
+        return { target: t || undefined, rel: undefined };
+    }
+    if (/^https?:\/\//i.test(href) || /^mailto:/i.test(href)) {
+        return { target: '_blank', rel: 'noopener noreferrer' };
+    }
+    return { target: undefined, rel: undefined };
+}
 const runFormattingPipeline = (text, injectors) => {
     let result = [text];
     try {
@@ -260,6 +301,76 @@ const runFormattingPipeline = (text, injectors) => {
     }
     return result;
 };
+const linkLabelInjectors = [
+    injectHTMLTags,
+    injectBold,
+    injectItalic,
+    injectNewlines,
+];
+const injectMarkdownLink = (content) => {
+    const matches = content.match(/\[([^\]]+)\]\(([^)]+)\)/);
+    if (!matches || matches.index === undefined)
+        return null;
+    if (isInsideHtmlListOrTable(content, matches.index)) {
+        return null;
+    }
+    const href = normalizeWwwToHttps(matches[2].trim());
+    if (!isAllowedHref(href))
+        return null;
+    const { target, rel } = linkTargetRelForHref(href, undefined);
+    const label = matches[1];
+    return {
+        elem: (jsx("a", { href: href, target: target, rel: rel, children: runFormattingPipeline(label, linkLabelInjectors) })),
+        index: matches.index,
+        length: matches[0].length,
+    };
+};
+const injectAutolinkUrl = (content) => {
+    const candidates = [];
+    const reHttp = /https?:\/\/[^\s<>"']+/gi;
+    let hm;
+    while ((hm = reHttp.exec(content)) !== null) {
+        const href = stripTrailingUrlPunctuation(hm[0]);
+        if (href.length >= (href.startsWith('https://') ? 8 : 7) &&
+            isAllowedHref(href) &&
+            /^https?:\/\//i.test(href)) {
+            candidates.push({
+                index: hm.index,
+                length: href.length,
+                href,
+                display: href,
+            });
+        }
+    }
+    const reWww = /(^|[^A-Za-z0-9/])(www\.[^\s<>"']+)/gi;
+    while ((hm = reWww.exec(content)) !== null) {
+        const prefix = hm[1] ?? '';
+        const rawWww = hm[2];
+        const body = stripTrailingUrlPunctuation(rawWww);
+        const href = `https://${body}`;
+        if (body.length > 4 && isAllowedHref(href)) {
+            candidates.push({
+                index: hm.index + prefix.length,
+                length: body.length,
+                href,
+                display: body,
+            });
+        }
+    }
+    if (candidates.length === 0)
+        return null;
+    candidates.sort((a, b) => a.index - b.index);
+    const c = candidates[0];
+    if (isInsideHtmlListOrTable(content, c.index)) {
+        return null;
+    }
+    const { target, rel } = linkTargetRelForHref(c.href, undefined);
+    return {
+        elem: (jsx("a", { href: c.href, target: target, rel: rel, children: c.display })),
+        index: c.index,
+        length: c.length,
+    };
+};
 const injectAnchor = (content) => {
     const regex = /<a\s+([^>]+)>([\s\S]*?)<\/a\s*>/i;
     const matches = content.match(regex);
@@ -281,15 +392,9 @@ const injectAnchor = (content) => {
     if (!href || !isAllowedHref(href)) {
         return null;
     }
-    const opensNewTab = targetRaw.toLowerCase() === '_blank';
-    const target = opensNewTab ? '_blank' : targetRaw || undefined;
-    const rel = target === '_blank' ? 'noopener noreferrer' : undefined;
+    const { target, rel } = linkTargetRelForHref(href, targetRaw || undefined);
     return {
-        elem: (jsx("a", { href: href, target: target, rel: rel, children: runFormattingPipeline(inner, [
-                injectHTMLTags,
-                injectBold,
-                injectNewlines,
-            ]) })),
+        elem: (jsx("a", { href: href, target: target, rel: rel, children: runFormattingPipeline(inner, linkLabelInjectors) })),
         index: matches.index,
         length: matches[0].length,
     };
@@ -297,16 +402,22 @@ const injectAnchor = (content) => {
 const applyFormatting = (text) => runFormattingPipeline(text, [
     injectHeaders,
     injectAnchor,
+    injectMarkdownLink,
     injectHTMLTags,
     injectBullet,
     injectBold,
+    injectItalic,
+    injectAutolinkUrl,
     injectNewlines,
 ]);
 const applyFormattingInline = (text) => runFormattingPipeline(text, [
     injectAnchor,
+    injectMarkdownLink,
     injectHTMLTags,
     injectBold,
+    injectItalic,
+    injectAutolinkUrl,
     injectNewlines,
 ]);
 
-export { applyFormatting, applyFormattingInline, convertMarkdownTableToHTML, injectAnchor, injectBold, injectBullet, injectHeaders, injectNewlines };
+export { applyFormatting, applyFormattingInline, convertMarkdownTableToHTML, injectAnchor, injectBold, injectBullet, injectHeaders, injectItalic, injectNewlines };

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

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

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

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

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

@@ -1,6 +1,6 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { downloadTextFile } from '../../../../utils/downloadTextFile.js';
-import { CsvIcon } from './icons/CsvIcon.js';
+import { CsvIcon } from '../../../icons/CsvIcon/CsvIcon.js';
 import S from './ChatMessage.styl.js';
 
 const CSV_DOWNLOAD_HINT = 'Download .CSV file';

package/dist/esm/components/ui/Chat/ChatPrompt/ChatPrompt.helpers.js

@@ -0,0 +1,31 @@
+/** Keep in sync with `ChatPrompt.styl` `INPUT_MAX_HEIGHT` / `min-height`. */
+const PROMPT_INPUT_MAX_HEIGHT_PX = 200;
+const PROMPT_INPUT_MIN_HEIGHT_PX = 40;
+function chatPromptTextareaFloorPx(cs) {
+    const padY = (Number.parseFloat(cs.paddingTop) || 0) +
+        (Number.parseFloat(cs.paddingBottom) || 0);
+    const fs = Number.parseFloat(cs.fontSize) || 14;
+    const linePx = cs.lineHeight === 'normal'
+        ? fs * 1.25
+        : Number.parseFloat(cs.lineHeight) || fs * 1.25;
+    return Math.max(PROMPT_INPUT_MIN_HEIGHT_PX, Math.ceil(linePx + padY));
+}
+/** Autosizing textarea inside flex shells: empty → floor only; typed → collapse measure + clamp. */
+function syncChatPromptTextareaHeight(el, message) {
+    const floor = chatPromptTextareaFloorPx(getComputedStyle(el));
+    el.style.overflowY = 'hidden';
+    let contentHeight;
+    if (message === '') {
+        contentHeight = floor;
+    }
+    else {
+        el.style.height = '0';
+        contentHeight = el.scrollHeight;
+    }
+    const h = Math.min(Math.max(contentHeight, floor), PROMPT_INPUT_MAX_HEIGHT_PX);
+    el.style.height = `${h}px`;
+    el.style.overflowY =
+        contentHeight > PROMPT_INPUT_MAX_HEIGHT_PX ? 'auto' : 'hidden';
+}
+
+export { PROMPT_INPUT_MAX_HEIGHT_PX, PROMPT_INPUT_MIN_HEIGHT_PX, chatPromptTextareaFloorPx, syncChatPromptTextareaHeight };

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

@@ -1,14 +1,22 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
 import cn from 'classnames';
-import { useState, useEffect } from 'react';
+import { useState, useRef, useLayoutEffect, useEffect } from 'react';
 import useEvent from '../../../../hooks/useEvent.js';
 import { SendHorizontalIcon } from 'lucide-react';
 import { Button } from '../../Button/Button.js';
 import { Input } from '../../Input/Input.js';
+import { syncChatPromptTextareaHeight } from './ChatPrompt.helpers.js';
 import S from './ChatPrompt.styl.js';
 
-function ChatPrompt({ onSubmit, placeholder, className, footer, prefillMessage, }) {
+function ChatPrompt({ onSubmit, placeholder, className, footer, prefillMessage, showNotice = true, }) {
     const [message, setMessage] = useState('');
+    const inputRef = useRef(null);
+    useLayoutEffect(() => {
+        const el = inputRef.current;
+        if (!el)
+            return;
+        syncChatPromptTextareaHeight(el, message);
+    }, [message]);
     useEffect(() => {
         if (prefillMessage != null && prefillMessage !== '') {
             setMessage(prefillMessage);
@@ -32,7 +40,7 @@ function ChatPrompt({ onSubmit, placeholder, className, footer, prefillMessage,
             }
         },
     });
-    return (jsxs("form", { onSubmit: handleSubmit, className: cn(S.root, className), children: [jsx(Input, { type: "textarea", value: message, onChange: e => setMessage(e.target.value), placeholder: placeholder || 'Type a message...', className: cn(S.input) }), jsxs("div", { className: S.actions, children: [jsx(Button, { type: "submit", size: "sm", disabled: !message.trim(), children: jsx(SendHorizontalIcon, { size: 16 }) }), jsx("div", { className: S.notice, children: "Forecast Assistant can make mistakes." })] }), footer] }));
+    return (jsxs("form", { onSubmit: handleSubmit, className: cn(S.root, className), children: [jsxs("div", { className: S.composer, children: [showNotice ? (jsx("div", { className: S.notice, children: "Forecast Assistant can make mistakes." })) : null, jsx(Input, { ref: inputRef, type: "textarea", rows: 1, value: message, onChange: e => setMessage(e.target.value), placeholder: placeholder || 'Type a message...', className: cn(S.input) }), jsx("div", { className: S.submitColumn, children: jsx(Button, { type: "submit", size: "sm", disabled: !message.trim(), children: jsx(SendHorizontalIcon, { size: 16 }) }) })] }), footer] }));
 }
 
 export { ChatPrompt };

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

@@ -1,7 +1,7 @@
 import styleInject from 'style-inject';
 
-var css_248z = "@media (max-width:768px){:root{--page-x-padding:var(--p-6);--page-y-padding:var(--p-6)}}.ChatPrompt_root__5G5bq{align-items:center;display:flex;flex-direction:column;gap:var(--p-2);padding:var(--p-6);position:relative}.ChatPrompt_input__QPKBV{border:none;border-radius:0!important;flex:1;min-height:70px;padding:0!important;resize:none}.ChatPrompt_input__QPKBV,.ChatPrompt_input__QPKBV:focus{box-shadow:none!important}.ChatPrompt_actions__pUtB-{align-items:center;display:flex;flex-direction:row-reverse;gap:var(--p-2);justify-content:space-between;width:100%}.ChatPrompt_actions__pUtB->button:focus{box-shadow:0 0 0 2px var(--brand-color-500)!important}.ChatPrompt_actions__pUtB->button:first-child{border:none;position:relative;transition:all .2s}.ChatPrompt_actions__pUtB->button:first-child:focus{transform:scale(1.2)}.ChatPrompt_actions__pUtB->button:first-child:before{bottom:-100%;content:\"\";left:-100%;position:absolute;right:-100%;top:-100%}.ChatPrompt_actions__pUtB- .ChatPrompt_attachButton__gi-qF{background-color:var(--page-color);box-shadow:0 0 20px var(--background)}.ChatPrompt_notice__B-RyW{color:var(--muted-foreground);font-size:var(--text-xs);text-align:center;width:100%}@media (max-width:768px){.ChatPrompt_notice__B-RyW{font-size:10px}}";
-var S = {"root":"ChatPrompt_root__5G5bq","input":"ChatPrompt_input__QPKBV","actions":"ChatPrompt_actions__pUtB-","attachButton":"ChatPrompt_attachButton__gi-qF","notice":"ChatPrompt_notice__B-RyW"};
+var css_248z = "@media (max-width:768px){:root{--page-x-padding:var(--p-6);--page-y-padding:var(--p-6)}}.ChatPrompt_root__5G5bq{align-items:stretch;display:flex;flex-direction:column;gap:var(--p-2);padding:var(--p-6);padding-top:var(--p-5);position:relative}.ChatPrompt_composer__H3c3N{align-items:flex-end;display:flex;flex-direction:row;gap:var(--p-3);position:relative;width:100%}.ChatPrompt_notice__B-RyW{color:var(--muted-foreground);font-size:var(--text-xs);left:0;margin-bottom:var(--p-1);pointer-events:none;position:absolute;right:0;text-align:center;top:calc(var(--p-12)*-1)}@media (max-width:768px){.ChatPrompt_notice__B-RyW{font-size:10px}}.ChatPrompt_input__QPKBV{border:none;border-radius:0!important;flex:1;max-height:200px;min-height:40px;min-width:0;overflow-y:auto;padding:var(--p-2) 0 0!important;resize:none}.ChatPrompt_input__QPKBV,.ChatPrompt_input__QPKBV:focus{box-shadow:none!important}.ChatPrompt_submitColumn__0rY1R{align-items:center;display:flex;flex-direction:column;flex-shrink:0;justify-content:flex-end}.ChatPrompt_submitColumn__0rY1R>button:focus{box-shadow:0 0 0 2px var(--brand-color-500)!important}.ChatPrompt_submitColumn__0rY1R>button:first-child{border:none;position:relative;transition:all .2s}.ChatPrompt_submitColumn__0rY1R>button:first-child:focus{transform:scale(1.2)}.ChatPrompt_submitColumn__0rY1R>button:first-child:before{bottom:-100%;content:\"\";left:-100%;position:absolute;right:-100%;top:-100%}.ChatPrompt_submitColumn__0rY1R .ChatPrompt_attachButton__gi-qF{background-color:var(--page-color);box-shadow:0 0 20px var(--background)}";
+var S = {"root":"ChatPrompt_root__5G5bq","composer":"ChatPrompt_composer__H3c3N","notice":"ChatPrompt_notice__B-RyW","input":"ChatPrompt_input__QPKBV","submitColumn":"ChatPrompt_submitColumn__0rY1R","attachButton":"ChatPrompt_attachButton__gi-qF"};
 styleInject(css_248z);
 
 export { S as default };

package/dist/esm/components/ui/InteractiveContent/InteractiveContent.styl.js

@@ -1,6 +1,6 @@
 import styleInject from 'style-inject';
 
-var css_248z = ".InteractiveContent_root__FHnlY strong{font-weight:600}";
+var css_248z = ".InteractiveContent_root__FHnlY strong{font-weight:600}.InteractiveContent_root__FHnlY em{font-style:italic}.InteractiveContent_root__FHnlY a{color:var(--sb-green-600);text-decoration:underline;text-underline-offset:2px}.InteractiveContent_root__FHnlY a:hover{color:var(--sb-green-700)}.dark .InteractiveContent_root__FHnlY a{color:var(--sb-green-400)}.dark .InteractiveContent_root__FHnlY a:hover{color:var(--sb-green-300)}";
 var S = {"root":"InteractiveContent_root__FHnlY"};
 styleInject(css_248z);
 

package/dist/esm/index.js

@@ -26,6 +26,7 @@ export { ChatMessage } from './components/ui/Chat/ChatMessage/ChatMessage.js';
 export { ChatPrompt } from './components/ui/Chat/ChatPrompt/ChatPrompt.js';
 export { ChatPresets } from './components/ui/Chat/ChatPresets/ChatPresets.js';
 export { MessageRole } from './components/ui/Chat/Chat.types.js';
+export { CsvIcon } from './components/icons/CsvIcon/CsvIcon.js';
 export { Checkbox } from './components/ui/Checkbox/Checkbox.js';
 export { Dialog } from './components/ui/Dialog/Dialog.js';
 export { Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger } from './components/ui/Drawer/Drawer.js';

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

@@ -66,6 +66,8 @@ export interface ChatPromptProps {
     footer?: ReactNode;
     /** Deep link `?prompt=` — one-shot composer pre-fill (see useChatPanelChromeModel). */
     prefillMessage?: string | null;
+    /** Disclaimer above composer; default true. ChatChrome sets false when thread has messages. */
+    showNotice?: boolean;
 }
 export interface ChatMessageProps {
     role: MessageRole;

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

@@ -9,6 +9,12 @@ declare const injectBold: (content: string) => {
     index: number;
     length: number;
 };
+/** `_italic_` (underscore) — avoids clashing with `* ` bullet markers. */
+declare const injectItalic: (content: string) => {
+    elem: import("react/jsx-runtime").JSX.Element;
+    index: number;
+    length: number;
+};
 declare const injectBullet: (content: string) => {
     elem: import("react/jsx-runtime").JSX.Element;
     index: number;
@@ -28,4 +34,4 @@ type Injector = (content: string) => {
 declare const injectAnchor: Injector;
 declare const applyFormatting: (text: string) => React.ReactNode[];
 declare const applyFormattingInline: (text: string) => React.ReactNode[];
-export { injectHeaders, injectAnchor, injectBold, injectBullet, injectNewlines, convertMarkdownTableToHTML, applyFormatting, applyFormattingInline, };
+export { injectHeaders, injectAnchor, injectBold, injectItalic, injectBullet, injectNewlines, convertMarkdownTableToHTML, applyFormatting, applyFormattingInline, };

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

@@ -1,2 +1,2 @@
 import type { ChatPromptProps } from '../Chat.types';
-export declare function ChatPrompt({ onSubmit, placeholder, className, footer, prefillMessage, }: ChatPromptProps): import("react/jsx-runtime").JSX.Element;
+export declare function ChatPrompt({ onSubmit, placeholder, className, footer, prefillMessage, showNotice, }: ChatPromptProps): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,6 @@
+/** Keep in sync with `ChatPrompt.styl` `INPUT_MAX_HEIGHT` / `min-height`. */
+export declare const PROMPT_INPUT_MAX_HEIGHT_PX = 200;
+export declare const PROMPT_INPUT_MIN_HEIGHT_PX = 40;
+export declare function chatPromptTextareaFloorPx(cs: CSSStyleDeclaration): number;
+/** Autosizing textarea inside flex shells: empty → floor only; typed → collapse measure + clamp. */
+export declare function syncChatPromptTextareaHeight(el: HTMLTextAreaElement, message: string): void;

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

@@ -11,3 +11,4 @@ export { ChatPrompt } from './ChatPrompt';
 export { ChatPresets } from './ChatPresets';
 export type { Chat as ChatType, ChatSendMessagePayload, ChatProps, ChatPreset as ChatPresetType, Message, UserCsvAttachment, } from './Chat.types';
 export { MessageRole } from './Chat.types';
+export { CsvIcon } from '../../icons/CsvIcon/CsvIcon';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sybilion/uilib",
-  "version": "1.2.21",
+  "version": "1.2.23",
   "description": "Sybilion Design System — React UI components (Webpack + Stylus)",
   "publishConfig": {
     "access": "public",

package/src/components/icons/CsvIcon/CsvIcon.tsx

@@ -0,0 +1,5 @@
+import CsvSvg from './csv.svg';
+
+export function CsvIcon({ size = 32 }: { size?: number }) {
+  return <CsvSvg width={size} height={size} aria-hidden />;
+}

package/src/components/icons/CsvIcon/csv.svg

@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
+	<path fill="#00a04e" d="M4.433 1.174c25.194-.106-5.93.182 14.987-.001.405.004.405.004.61.129.109.19.116.352.112.566-.01 3.297-.015 6.595-.029 9.893l.112-.004c.562-.017-.045.002 1.004-.024.197.038.266.11.385.27.062 2.563.035 5.128.03 7.692-.039.197-.117.27-.272.394-.415.043-.841.014-1.259 0q.017 1.22.03 2.44a.56.56 0 0 1-.18.317c-1.942.17-14.937.077-15.717.084-.46-.005-.46-.005-.61-.148a.57.57 0 0 1-.11-.39c.009-.767.014-1.535.027-2.303-.372.013-.744.019-1.116.028-.196-.038-.26-.117-.385-.27-.074-2.558-.034-5.13-.03-7.693.04-.2.109-.272.272-.393.415-.044.842-.014 1.26 0-.062-3.337.028-6.676-.032-10.013a.8.8 0 0 1 .114-.446c.255-.155.505-.13.797-.128m-.008.903v9.684h14.817V2.077Zm2.19 12.183c-.49.664-.597 1.45-.48 2.25.143.74.644 1.272 1.34 1.497.75.238 2.112-.06 2.325-1.356-.66-.237-.696-.242-.841-.24-.34.863-1 1.085-1.484.676-.693-.587-.45-1.823-.145-2.373.124-.08.559-.318 1.077-.139.22.15.358.334.473.575.297-.028.58-.074.871-.145a1.35 1.35 0 0 0-.445-.935c-.785-.619-1.99-.479-2.69.19m4.068-.15c-.435.461-.303 1.023-.228 1.24.175.395.463.552.854.706.438.217 1.085.13 1.395.547.067.145.076.4-.142.548-.343.114-.711.156-1.048.003-.202-.197-.303-.386-.408-.648l-.872.048c.014.416.138.806.431 1.114.512.406 1.123.425 1.748.387.366-.05.696-.181.969-.435.268-.37.323-.713.29-1.162-.06-.317-.238-.57-.484-.775-.376-.221-.821-.317-1.24-.425-.252-.067-.58-.19-.648-.301-.069-.112-.027-.257.048-.34.075-.082.363-.112.581-.114a.67.67 0 0 1 .581.211c.066.111.1.217.145.34.31.01.615.008.92-.05-.048-.39-.115-.724-.422-.991-.71-.491-1.818-.481-2.47.098m3.231-.365c.386 1.447.95 2.848 1.453 4.261h.968c.239-.644 1.51-4.082 1.501-4.261h-.92c-.356.876-.657 2.013-.968 2.808l-.145.049-.037-.182c-.255-.903-.578-1.787-.883-2.675zm-9.49 6.343v1.937h14.817v-1.937z" style="stroke-width:.0484209" />
+	<path fill="#009649" d="M6.402 9.406c3.535-.028 7.565.04 11-.002.29.005.619.093.61.468-.036.436-.435.468-.63.467-3.155.025-9.165-.022-11.117.001-.29-.004-.594-.13-.612-.468.02-.426.433-.468.749-.466m-.112-2.71c3.536-.028 7.565.04 11-.002.29.004.62.092.612.468-.037.436-.436.468-.63.467-3.156.024-9.166-.022-11.118.001-.291-.004-.594-.13-.612-.468.02-.426.433-.468.749-.466m-.075-2.822c3.536-.027 7.565.04 11-.001.29.004.619.092.611.468-.036.436-.436.467-.63.466-3.155.025-9.165-.021-11.117.002-.292-.004-.595-.13-.612-.468.019-.427.433-.469.748-.467" style="stroke-width:.0484209" />
+</svg>

package/src/components/ui/Chat/Chat.types.ts

@@ -76,6 +76,8 @@ export interface ChatPromptProps {
   footer?: ReactNode;
   /** Deep link `?prompt=` — one-shot composer pre-fill (see useChatPanelChromeModel). */
   prefillMessage?: string | null;
+  /** Disclaimer above composer; default true. ChatChrome sets false when thread has messages. */
+  showNotice?: boolean;
 }
 
 export interface ChatMessageProps {

package/src/components/ui/Chat/ChatChrome/ChatChrome.tsx

@@ -199,6 +199,7 @@ export function ChatChrome({
               onSubmit={onPromptSubmit}
               disabled={isLoading}
               prefillMessage={promptPrefill ?? undefined}
+              showNotice={isEmpty}
             />
           </div>
         </Chat>

package/src/components/ui/Chat/ChatMessage/AgentMessageContent.helpers.tsx

@@ -77,6 +77,23 @@ const injectBold = (content: string) => {
   };
 };
 
+/** `_italic_` (underscore) — avoids clashing with `* ` bullet markers. */
+const injectItalic = (content: string) => {
+  const matches = content.match(/(?<![A-Za-z0-9])_([^_\n]+?)_(?![A-Za-z0-9])/);
+
+  if (!matches || matches.index === undefined) return null;
+
+  if (isInsideHtmlListOrTable(content, matches.index)) {
+    return null;
+  }
+
+  return {
+    elem: <em>{matches[1]}</em>,
+    index: matches.index,
+    length: matches[0].length,
+  };
+};
+
 const injectBullet = (content: string) => {
   // Match bullet points: * or - followed by space
   // Match at start of string/line or after whitespace/colon (for nested bullets)
@@ -281,6 +298,38 @@ const isAllowedHref = (href: string): boolean => {
   return false;
 };
 
+const normalizeWwwToHttps = (raw: string): string => {
+  const t = raw.trim();
+  if (/^www\./i.test(t)) return `https://${t}`;
+  return t;
+};
+
+/** Strip ASCII closing punctuation often pasted after URLs. */
+const stripTrailingUrlPunctuation = (s: string): string => {
+  let u = s;
+  while (u.length > 0 && /[.,;:!?)}\]]$/u.test(u)) {
+    u = u.slice(0, -1);
+  }
+  return u;
+};
+
+function linkTargetRelForHref(
+  href: string,
+  explicitTarget?: string,
+): { target?: string; rel?: string } {
+  if (explicitTarget) {
+    const t = explicitTarget.trim();
+    if (t.toLowerCase() === '_blank') {
+      return { target: '_blank', rel: 'noopener noreferrer' };
+    }
+    return { target: t || undefined, rel: undefined };
+  }
+  if (/^https?:\/\//i.test(href) || /^mailto:/i.test(href)) {
+    return { target: '_blank', rel: 'noopener noreferrer' };
+  }
+  return { target: undefined, rel: undefined };
+}
+
 type Injector = (
   content: string,
 ) => { elem: React.ReactNode; index: number; length: number } | null;
@@ -325,6 +374,100 @@ const runFormattingPipeline = (
   return result;
 };
 
+const linkLabelInjectors: Injector[] = [
+  injectHTMLTags,
+  injectBold,
+  injectItalic,
+  injectNewlines,
+];
+
+const injectMarkdownLink: Injector = (content: string) => {
+  const matches = content.match(/\[([^\]]+)\]\(([^)]+)\)/);
+
+  if (!matches || matches.index === undefined) return null;
+
+  if (isInsideHtmlListOrTable(content, matches.index)) {
+    return null;
+  }
+
+  const href = normalizeWwwToHttps(matches[2].trim());
+  if (!isAllowedHref(href)) return null;
+
+  const { target, rel } = linkTargetRelForHref(href, undefined);
+  const label = matches[1];
+
+  return {
+    elem: (
+      <a href={href} target={target} rel={rel}>
+        {runFormattingPipeline(label, linkLabelInjectors)}
+      </a>
+    ),
+    index: matches.index,
+    length: matches[0].length,
+  };
+};
+
+const injectAutolinkUrl: Injector = (content: string) => {
+  type Cand = { index: number; length: number; href: string; display: string };
+
+  const candidates: Cand[] = [];
+
+  const reHttp = /https?:\/\/[^\s<>"']+/gi;
+  let hm: RegExpExecArray | null;
+  while ((hm = reHttp.exec(content)) !== null) {
+    const href = stripTrailingUrlPunctuation(hm[0]);
+    if (
+      href.length >= (href.startsWith('https://') ? 8 : 7) &&
+      isAllowedHref(href) &&
+      /^https?:\/\//i.test(href)
+    ) {
+      candidates.push({
+        index: hm.index,
+        length: href.length,
+        href,
+        display: href,
+      });
+    }
+  }
+
+  const reWww = /(^|[^A-Za-z0-9/])(www\.[^\s<>"']+)/gi;
+  while ((hm = reWww.exec(content)) !== null) {
+    const prefix = hm[1] ?? '';
+    const rawWww = hm[2];
+    const body = stripTrailingUrlPunctuation(rawWww);
+    const href = `https://${body}`;
+    if (body.length > 4 && isAllowedHref(href)) {
+      candidates.push({
+        index: hm.index + prefix.length,
+        length: body.length,
+        href,
+        display: body,
+      });
+    }
+  }
+
+  if (candidates.length === 0) return null;
+
+  candidates.sort((a, b) => a.index - b.index);
+  const c = candidates[0]!;
+
+  if (isInsideHtmlListOrTable(content, c.index)) {
+    return null;
+  }
+
+  const { target, rel } = linkTargetRelForHref(c.href, undefined);
+
+  return {
+    elem: (
+      <a href={c.href} target={target} rel={rel}>
+        {c.display}
+      </a>
+    ),
+    index: c.index,
+    length: c.length,
+  };
+};
+
 const injectAnchor: Injector = (content: string) => {
   const regex = /<a\s+([^>]+)>([\s\S]*?)<\/a\s*>/i;
   const matches = content.match(regex);
@@ -356,18 +499,12 @@ const injectAnchor: Injector = (content: string) => {
     return null;
   }
 
-  const opensNewTab = targetRaw.toLowerCase() === '_blank';
-  const target = opensNewTab ? '_blank' : targetRaw || undefined;
-  const rel = target === '_blank' ? 'noopener noreferrer' : undefined;
+  const { target, rel } = linkTargetRelForHref(href, targetRaw || undefined);
 
   return {
     elem: (
       <a href={href} target={target} rel={rel}>
-        {runFormattingPipeline(inner, [
-          injectHTMLTags,
-          injectBold,
-          injectNewlines,
-        ])}
+        {runFormattingPipeline(inner, linkLabelInjectors)}
       </a>
     ),
     index: matches.index!,
@@ -379,17 +516,23 @@ const applyFormatting = (text: string): React.ReactNode[] =>
   runFormattingPipeline(text, [
     injectHeaders,
     injectAnchor,
+    injectMarkdownLink,
     injectHTMLTags,
     injectBullet,
     injectBold,
+    injectItalic,
+    injectAutolinkUrl,
     injectNewlines,
   ]);
 
 const applyFormattingInline = (text: string): React.ReactNode[] =>
   runFormattingPipeline(text, [
     injectAnchor,
+    injectMarkdownLink,
     injectHTMLTags,
     injectBold,
+    injectItalic,
+    injectAutolinkUrl,
     injectNewlines,
   ]);
 
@@ -397,6 +540,7 @@ export {
   injectHeaders,
   injectAnchor,
   injectBold,
+  injectItalic,
   injectBullet,
   injectNewlines,
   convertMarkdownTableToHTML,

package/src/components/ui/Chat/ChatMessage/ChatMessage.styl

@@ -8,7 +8,6 @@
 
 .text
   max-width 100%
-  // padding 0 var(--p-4)
   font-size var(--text-sm)
   color var(--text-secondary)
   width fit-content
@@ -43,19 +42,17 @@
     font inherit
     display flex
     align-items center
-    gap var(--p-4)
+    gap var(--p-2)
     padding var(--p-3)
     padding-right var(--p-4)
-    background-color var(--sb-slate-100)
+    background-color var(--background)
     box-shadow 0 0 0 1px var(--border)
-    border-radius var(--p-4)
-    border-bottom-right-radius 0
+    border-radius var(--p-3)
     width fit-content
     max-width 100%
     text-align left
     cursor pointer
     transition background-color 150ms
-    color var(--sb-green-600)
 
     &:hover
       background-color var(--sb-gray-50)
@@ -66,7 +63,6 @@
 
     :global(.dark) &
       background-color var(--sb-gray-800)
-      color var(--sb-green-400)
 
       &:hover
         background-color var(--sb-gray-900)
@@ -86,13 +82,12 @@
     min-width 0
 
   .userCsvCardTitle
-    font-size var(--text-base)
-    font-weight 600
+    font-size var(--text-sm)
+    font-weight 500
     line-height 1.4
-    color var(--text-secondary)
 
   .userCsvCardSubtitle
-    font-size var(--text-sm)
+    font-size var(--text-xs)
     color var(--muted-foreground)
     line-height 1.4
 

package/src/components/ui/Chat/ChatMessage/ChatMessage.tsx

@@ -1,5 +1,7 @@
 import cn from 'classnames';
 
+import { InteractiveContent } from '#uilib/components/ui/InteractiveContent';
+
 import { TextShimmer } from '../../TextShimmer';
 import {
   type ChatMessageProps,
@@ -48,7 +50,9 @@ export function ChatMessage({
         />
       ) : (
         <div className={S.userColumn}>
-          <div className={S.text}>{text}</div>
+          <div className={S.text}>
+            <InteractiveContent text={text} />
+          </div>
           {userCsvAttachment ? (
             <UserCsvAttachmentBubble attachment={userCsvAttachment} />
           ) : null}

package/src/components/ui/Chat/ChatMessage/UserCsvAttachmentBubble.tsx

@@ -1,7 +1,7 @@
-import type { UserCsvAttachment } from '../Chat.types';
 import { downloadTextFile } from '#uilib/utils/downloadTextFile';
 
-import { CsvIcon } from './icons/CsvIcon';
+import { CsvIcon } from '../../../icons/CsvIcon/CsvIcon';
+import type { UserCsvAttachment } from '../Chat.types';
 import S from './ChatMessage.styl';
 
 const CSV_DOWNLOAD_HINT = 'Download .CSV file';

package/src/components/ui/Chat/ChatPrompt/ChatPrompt.helpers.ts

@@ -0,0 +1,43 @@
+/** Keep in sync with `ChatPrompt.styl` `INPUT_MAX_HEIGHT` / `min-height`. */
+export const PROMPT_INPUT_MAX_HEIGHT_PX = 200;
+export const PROMPT_INPUT_MIN_HEIGHT_PX = 40;
+
+export function chatPromptTextareaFloorPx(cs: CSSStyleDeclaration): number {
+  const padY =
+    (Number.parseFloat(cs.paddingTop) || 0) +
+    (Number.parseFloat(cs.paddingBottom) || 0);
+  const fs = Number.parseFloat(cs.fontSize) || 14;
+  const linePx =
+    cs.lineHeight === 'normal'
+      ? fs * 1.25
+      : Number.parseFloat(cs.lineHeight) || fs * 1.25;
+
+  return Math.max(PROMPT_INPUT_MIN_HEIGHT_PX, Math.ceil(linePx + padY));
+}
+
+/** Autosizing textarea inside flex shells: empty → floor only; typed → collapse measure + clamp. */
+export function syncChatPromptTextareaHeight(
+  el: HTMLTextAreaElement,
+  message: string,
+): void {
+  const floor = chatPromptTextareaFloorPx(getComputedStyle(el));
+
+  el.style.overflowY = 'hidden';
+
+  let contentHeight: number;
+  if (message === '') {
+    contentHeight = floor;
+  } else {
+    el.style.height = '0';
+    contentHeight = el.scrollHeight;
+  }
+
+  const h = Math.min(
+    Math.max(contentHeight, floor),
+    PROMPT_INPUT_MAX_HEIGHT_PX,
+  );
+
+  el.style.height = `${h}px`;
+  el.style.overflowY =
+    contentHeight > PROMPT_INPUT_MAX_HEIGHT_PX ? 'auto' : 'hidden';
+}

package/src/components/ui/Chat/ChatPrompt/ChatPrompt.styl

@@ -1,33 +1,60 @@
 @import 'lib/theme.styl';
 
+INPUT_MAX_HEIGHT = 200px
+
 .root
   position relative
   display flex
   flex-direction column
   gap var(--p-2)
-  align-items center
+  align-items stretch
   padding var(--p-6)
+  padding-top var(--p-5)
+
+.composer
+  position relative
+  display flex
+  flex-direction row
+  align-items flex-end
+  gap var(--p-3)
+  width 100%
+
+.notice
+  position absolute
+  top calc(-1 * var(--p-12))
+  left 0
+  right 0
+  margin-bottom var(--p-1)
+
+  font-size var(--text-xs)
+  text-align center
+  color var(--muted-foreground)
+  pointer-events none
+
+  @media (max-width MOBILE)
+    font-size 10px
 
 .input
   flex 1
-  min-height 70px
+  min-width 0
+  min-height 40px
+  max-height INPUT_MAX_HEIGHT
   resize none
+  overflow-y auto
   border none
-  padding 0 !important
+  padding var(--p-2) 0 0 !important
   border-radius 0 !important
   box-shadow none !important
 
   &:focus
     box-shadow none !important
 
-.actions
+.submitColumn
   display flex
+  flex-direction column
+  flex-shrink 0
   align-items center
-  flex-direction row-reverse
-  justify-content space-between
-  gap var(--p-2)
-
-  width 100%
+  justify-content flex-end
 
   & > button:focus
     box-shadow 0 0 0 2px var(--brand-color-500) !important
@@ -52,14 +79,3 @@
   .attachButton
     background-color var(--page-color)
     box-shadow 0 0 20px var(--background)
-
-.notice
-  font-size var(--text-xs)
-  text-align center
-  color var(--muted-foreground)
-  width 100%
-  // padding 0 var(--p-9)
-  // text-align center
-
-  @media (max-width MOBILE)
-    font-size 10px

package/src/components/ui/Chat/ChatPrompt/ChatPrompt.styl.d.ts

@@ -1,11 +1,12 @@
 // This file is automatically generated.
 // Please do not change this file!
 interface CssExports {
-  'actions': string;
   'attachButton': string;
+  'composer': string;
   'input': string;
   'notice': string;
   'root': string;
+  'submitColumn': string;
 }
 export const cssExports: CssExports;
 export default cssExports;

package/src/components/ui/Chat/ChatPrompt/ChatPrompt.tsx

@@ -1,5 +1,5 @@
 import cn from 'classnames';
-import { FormEvent, useEffect, useState } from 'react';
+import { FormEvent, useEffect, useLayoutEffect, useRef, useState } from 'react';
 
 import useEvent from '#uilib/hooks/useEvent';
 import { SendHorizontalIcon } from 'lucide-react';
@@ -7,6 +7,7 @@ import { SendHorizontalIcon } from 'lucide-react';
 import { Button } from '../../Button';
 import { Input } from '../../Input';
 import type { ChatPromptProps } from '../Chat.types';
+import { syncChatPromptTextareaHeight } from './ChatPrompt.helpers';
 import S from './ChatPrompt.styl';
 
 export function ChatPrompt({
@@ -15,8 +16,16 @@ export function ChatPrompt({
   className,
   footer,
   prefillMessage,
+  showNotice = true,
 }: ChatPromptProps) {
   const [message, setMessage] = useState('');
+  const inputRef = useRef<HTMLTextAreaElement>(null);
+
+  useLayoutEffect(() => {
+    const el = inputRef.current;
+    if (!el) return;
+    syncChatPromptTextareaHeight(el, message);
+  }, [message]);
 
   useEffect(() => {
     if (prefillMessage != null && prefillMessage !== '') {
@@ -47,20 +56,26 @@ export function ChatPrompt({
 
   return (
     <form onSubmit={handleSubmit} className={cn(S.root, className)}>
-      <Input
-        type="textarea"
-        value={message}
-        onChange={e => setMessage(e.target.value)}
-        placeholder={placeholder || 'Type a message...'}
-        className={cn(S.input)}
-      />
+      <div className={S.composer}>
+        {showNotice ? (
+          <div className={S.notice}>Forecast Assistant can make mistakes.</div>
+        ) : null}
 
-      <div className={S.actions}>
-        <Button type="submit" size="sm" disabled={!message.trim()}>
-          <SendHorizontalIcon size={16} />
-        </Button>
+        <Input
+          ref={inputRef}
+          type="textarea"
+          rows={1}
+          value={message}
+          onChange={e => setMessage(e.target.value)}
+          placeholder={placeholder || 'Type a message...'}
+          className={cn(S.input)}
+        />
 
-        <div className={S.notice}>Forecast Assistant can make mistakes.</div>
+        <div className={S.submitColumn}>
+          <Button type="submit" size="sm" disabled={!message.trim()}>
+            <SendHorizontalIcon size={16} />
+          </Button>
+        </div>
 
         {/* <Button
           variant="outline"

package/src/components/ui/Chat/index.ts

@@ -24,3 +24,4 @@ export type {
   UserCsvAttachment,
 } from './Chat.types';
 export { MessageRole } from './Chat.types';
+export { CsvIcon } from '../../icons/CsvIcon/CsvIcon';

package/src/components/ui/InteractiveContent/InteractiveContent.styl

@@ -1,3 +1,20 @@
 .root
   strong
     font-weight 600
+
+  em
+    font-style italic
+
+  a
+    color var(--sb-green-600)
+    text-decoration underline
+    text-underline-offset 2px
+
+    &:hover
+      color var(--sb-green-700)
+
+    :global(.dark) &
+      color var(--sb-green-400)
+
+      &:hover
+        color var(--sb-green-300)

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

@@ -1,8 +0,0 @@
-import { jsx } from 'react/jsx-runtime';
-import { FileSpreadsheet } from 'lucide-react';
-
-function CsvIcon({ size = 32 }) {
-    return (jsx(FileSpreadsheet, { size: size, "aria-hidden": true, strokeWidth: 1.75, color: "currentColor" }));
-}
-
-export { CsvIcon };

package/src/components/ui/Chat/ChatMessage/icons/CsvIcon.tsx

@@ -1,7 +0,0 @@
-import { FileSpreadsheet } from 'lucide-react';
-
-export function CsvIcon({ size = 32 }: { size?: number }) {
-  return (
-    <FileSpreadsheet size={size} aria-hidden strokeWidth={1.75} color="currentColor" />
-  );
-}