@solidxai/core-ui 0.1.7-beta.1 → 0.1.7-beta.11

package/dist/components/core/solid-ai/SolidAiChat.js

@@ -70,6 +70,7 @@ import { useState, useEffect, useRef, useCallback } from "react";
 import ReactMarkdown from "react-markdown";
 import remarkGfm from "remark-gfm";
 import { loadSession } from "../../../adapters/auth/storage";
+import { SolidIcon } from "../../shad-cn-ui";
 import styles from "./SolidAiChat.module.css";
 // ── Constants ─────────────────────────────────────────────────────────────────
 var WS_URL = "ws://localhost:8765/ws/agent";
@@ -129,7 +130,7 @@ function CopyButton(_a) {
             }
         });
     }); };
-    return (_jsx("button", { className: styles.CopyBtn, onClick: handleCopy, title: "Copy", "aria-label": "Copy message", children: _jsx("i", { className: "pi ".concat(copied ? "pi-check" : "pi-copy"), style: { fontSize: "11px" } }) }));
+    return (_jsx("button", { className: styles.CopyBtn, onClick: handleCopy, title: "Copy", "aria-label": "Copy message", children: _jsx(SolidIcon, { name: copied ? "si-check" : "si-copy", style: { fontSize: "11px" }, "aria-hidden": true }) }));
 }
 function CodeBlock(_a) {
     var _this = this;
@@ -150,7 +151,7 @@ function CodeBlock(_a) {
             }
         });
     }); };
-    return (_jsxs("div", { className: styles.CodeBlockWrapper, children: [_jsxs("div", { className: styles.CodeBlockHeader, children: [_jsx("span", { className: styles.CodeLang, children: lang || "code" }), _jsxs("button", { className: styles.CodeCopyBtn, onClick: handleCopy, children: [_jsx("i", { className: "pi ".concat(copied ? "pi-check" : "pi-copy"), style: { fontSize: "11px" } }), copied ? "Copied" : "Copy"] })] }), _jsx("pre", { className: styles.CodePre, children: _jsx("code", { children: code }) })] }));
+    return (_jsxs("div", { className: styles.CodeBlockWrapper, children: [_jsxs("div", { className: styles.CodeBlockHeader, children: [_jsx("span", { className: styles.CodeLang, children: lang || "code" }), _jsxs("button", { className: styles.CodeCopyBtn, onClick: handleCopy, children: [_jsx(SolidIcon, { name: copied ? "si-check" : "si-copy", style: { fontSize: "11px" }, "aria-hidden": true }), copied ? "Copied" : "Copy"] })] }), _jsx("pre", { className: styles.CodePre, children: _jsx("code", { children: code }) })] }));
 }
 var markdownComponents = {
     code: function (_a) {
@@ -190,17 +191,17 @@ function getToolCategory(name) {
     }
     return "Tool";
 }
-function getToolIconClass(name) {
+function getToolIconName(name) {
     if (name === "bash")
-        return "pi-terminal";
+        return "si-terminal";
     var cat = getToolCategory(name);
     if (cat === "Read")
-        return "pi-search";
+        return "si-search";
     if (cat === "Create")
-        return "pi-file-edit";
+        return "si-file-edit";
     if (cat === "Chat")
-        return "pi-comments";
-    return "pi-cog";
+        return "si-comments";
+    return "si-cog";
 }
 function describeToolArgs(args) {
     var priority = ["cmd", "command", "query", "path", "file", "module_name", "model_name", "name", "id", "content"];
@@ -979,16 +980,17 @@ export var SolidAiChat = function () {
     var canSend = isConnected && !!sessionId && !!input.trim() && !isProcessing;
     var inputPlaceholder = !isConnected ? "Connecting to server…" : !sessionId ? "Establishing session…" : isProcessing ? "SolidX AI is thinking…" : "Message SolidX AI…";
     // ── Render ────────────────────────────────────────────────────────────────
-    return (_jsxs("div", { className: styles.Container, children: [_jsxs("header", { className: styles.Header, children: [_jsx("span", { className: "".concat(styles.StatusDot, " ").concat(isProcessing ? styles.StatusRunning : isConnected ? styles.StatusOnline : styles.StatusOffline) }), _jsxs("span", { className: styles.StatusLabel, children: [_jsx("i", { className: "pi ".concat(isConnected ? "pi-wifi" : "pi-times-circle"), style: { fontSize: "11px" } }), isConnected ? (isProcessing ? "Running…" : sessionId ? "Connected" : "Starting…") : "Offline"] }), _jsx("div", { className: styles.HeaderSpacer }), _jsxs("button", { className: styles.NewChatHeaderBtn, onClick: handleNewChat, title: "New conversation", children: [_jsx("i", { className: "pi pi-plus", style: { fontSize: "10px" } }), "New Chat"] }), _jsxs("div", { className: styles.SessionMenuAnchor, ref: sessionMenuRef, children: [_jsx("button", { className: styles.HamburgerBtn, onClick: handleToggleSessionMenu, title: "Session history", "aria-label": "Open session history", children: _jsx("i", { className: "pi pi-bars", style: { fontSize: "13px" } }) }), showSessionMenu && (_jsxs("div", { className: styles.SessionMenu, children: [_jsxs("button", { className: styles.SessionMenuNewChat, onClick: handleNewChat, children: [_jsx("i", { className: "pi pi-plus", style: { fontSize: "12px" } }), "New Chat"] }), _jsx("div", { className: styles.SessionMenuSectionLabel, children: "Recent Sessions" }), _jsx("div", { className: styles.SessionList, children: isLoadingSessions ? (_jsxs("div", { className: styles.SessionMenuLoading, children: [_jsx("i", { className: "pi pi-spin pi-spinner", style: { fontSize: "11px" } }), "Loading\u2026"] })) : sessions.length === 0 ? (_jsx("div", { className: styles.SessionMenuEmpty, children: "No past sessions found" })) : (sessions.map(function (s) { return (_jsxs("div", { className: "".concat(styles.SessionItem, " ").concat(s.session_id === activeHistoryId ? styles.SessionItemActive : ""), onClick: function () { return handleSelectSession(s.session_id); }, children: [_jsxs("div", { className: styles.SessionItemMain, children: [_jsx("span", { className: styles.SessionItemPreview, children: s.preview || "New conversation" }), _jsxs("span", { className: styles.SessionItemMeta, children: [formatSessionDate(s.created_at), s.total_steps > 0 && " \u00B7 ".concat(s.total_steps, " turn").concat(s.total_steps !== 1 ? "s" : "")] })] }), _jsx("button", { className: styles.SessionDeleteBtn, onClick: function (e) { return handleDeleteSession(e, s.session_id); }, disabled: isDeletingSessionId === s.session_id, title: "Delete conversation", children: _jsx("i", { className: "pi ".concat(isDeletingSessionId === s.session_id ? "pi-spin pi-spinner" : "pi-trash"), style: { fontSize: "11px" } }) })] }, s.session_id)); })) })] }))] })] }), !isConnected && (_jsxs("div", { className: styles.ReconnectBanner, children: [_jsx("i", { className: "pi pi-spin pi-spinner", style: { fontSize: "11px" } }), "Reconnecting\u2026"] })), _jsxs("div", { className: styles.MessageList, ref: scrollRef, children: [hasMoreHistory && (_jsx("div", { className: styles.LoadOlderWrap, children: _jsx("button", { className: styles.LoadOlderBtn, onClick: handleLoadOlder, disabled: isLoadingHistory, children: isLoadingHistory
-                                ? _jsxs(_Fragment, { children: [_jsx("i", { className: "pi pi-spin pi-spinner", style: { fontSize: "11px" } }), " Loading\u2026"] })
-                                : _jsxs(_Fragment, { children: [_jsx("i", { className: "pi pi-history", style: { fontSize: "11px" } }), " Load older messages"] }) }) })), isLoadingHistory && messages.length === 0 && (_jsxs("div", { className: styles.HistoryLoading, children: [_jsx("i", { className: "pi pi-spin pi-spinner", style: { fontSize: "16px" } }), _jsx("span", { children: "Loading conversation\u2026" })] })), messages.length === 0 && !isLoadingHistory && (_jsxs("div", { className: styles.EmptyState, children: [_jsx("div", { className: styles.EmptyIcon, children: _jsx("i", { className: "pi pi-comments", style: { fontSize: "28px" } }) }), _jsx("p", { className: styles.EmptyTitle, children: "How can I help you today?" }), _jsx("p", { className: styles.EmptySubtitle, children: "Ask me anything about your SolidX project." })] })), groupMessages(messages).map(function (group) {
+    return (_jsxs("div", { className: styles.Container, children: [_jsxs("header", { className: styles.Header, children: [_jsx("span", { className: "".concat(styles.StatusDot, " ").concat(isProcessing ? styles.StatusRunning : isConnected ? styles.StatusOnline : styles.StatusOffline) }), _jsxs("span", { className: styles.StatusLabel, children: [_jsx(SolidIcon, { name: isConnected ? "si-wifi" : "si-times-circle", style: { fontSize: "11px" }, "aria-hidden": true }), isConnected ? (isProcessing ? "Running…" : sessionId ? "Connected" : "Starting…") : "Offline"] }), _jsx("div", { className: styles.HeaderSpacer }), _jsxs("button", { className: styles.NewChatHeaderBtn, onClick: handleNewChat, title: "New conversation", children: [_jsx(SolidIcon, { name: "si-plus", style: { fontSize: "10px" }, "aria-hidden": true }), "New Chat"] }), _jsxs("div", { className: styles.SessionMenuAnchor, ref: sessionMenuRef, children: [_jsx("button", { className: styles.HamburgerBtn, onClick: handleToggleSessionMenu, title: "Session history", "aria-label": "Open session history", children: _jsx(SolidIcon, { name: "si-bars", style: { fontSize: "13px" }, "aria-hidden": true }) }), showSessionMenu && (_jsxs("div", { className: styles.SessionMenu, children: [_jsxs("button", { className: styles.SessionMenuNewChat, onClick: handleNewChat, children: [_jsx(SolidIcon, { name: "si-plus", style: { fontSize: "12px" }, "aria-hidden": true }), "New Chat"] }), _jsx("div", { className: styles.SessionMenuSectionLabel, children: "Recent Sessions" }), _jsx("div", { className: styles.SessionList, children: isLoadingSessions ? (_jsxs("div", { className: styles.SessionMenuLoading, children: [_jsx(SolidIcon, { name: "si-spinner", spin: true, style: { fontSize: "11px" }, "aria-hidden": true }), "Loading\u2026"] })) : sessions.length === 0 ? (_jsx("div", { className: styles.SessionMenuEmpty, children: "No past sessions found" })) : (sessions.map(function (s) { return (_jsxs("div", { className: "".concat(styles.SessionItem, " ").concat(s.session_id === activeHistoryId ? styles.SessionItemActive : ""), onClick: function () { return handleSelectSession(s.session_id); }, children: [_jsxs("div", { className: styles.SessionItemMain, children: [_jsx("span", { className: styles.SessionItemPreview, children: s.preview || "New conversation" }), _jsxs("span", { className: styles.SessionItemMeta, children: [formatSessionDate(s.created_at), s.total_steps > 0 && " \u00B7 ".concat(s.total_steps, " turn").concat(s.total_steps !== 1 ? "s" : "")] })] }), _jsx("button", { className: styles.SessionDeleteBtn, onClick: function (e) { return handleDeleteSession(e, s.session_id); }, disabled: isDeletingSessionId === s.session_id, title: "Delete conversation", children: _jsx(SolidIcon, { name: isDeletingSessionId === s.session_id ? "si-spinner" : "si-trash", spin: isDeletingSessionId === s.session_id, style: { fontSize: "11px" }, "aria-hidden": true }) })] }, s.session_id)); })) })] }))] })] }), !isConnected && (_jsxs("div", { className: styles.ReconnectBanner, children: [_jsx(SolidIcon, { name: "si-spinner", spin: true, style: { fontSize: "11px" }, "aria-hidden": true }), "Reconnecting\u2026"] })), _jsxs("div", { className: styles.MessageList, ref: scrollRef, children: [hasMoreHistory && (_jsx("div", { className: styles.LoadOlderWrap, children: _jsx("button", { className: styles.LoadOlderBtn, onClick: handleLoadOlder, disabled: isLoadingHistory, children: isLoadingHistory
+                                ? (_jsxs(_Fragment, { children: [_jsx(SolidIcon, { name: "si-spinner", spin: true, style: { fontSize: "11px" }, "aria-hidden": true }), " ", "Loading\u2026"] }))
+                                : (_jsxs(_Fragment, { children: [_jsx(SolidIcon, { name: "si-history", style: { fontSize: "11px" }, "aria-hidden": true }), " ", "Load older messages"] })) }) })), isLoadingHistory && messages.length === 0 && (_jsxs("div", { className: styles.HistoryLoading, children: [_jsx(SolidIcon, { name: "si-spinner", spin: true, style: { fontSize: "16px" }, "aria-hidden": true }), _jsx("span", { children: "Loading conversation\u2026" })] })), messages.length === 0 && !isLoadingHistory && (_jsxs("div", { className: styles.EmptyState, children: [_jsx("div", { className: styles.EmptyIcon, children: _jsx(SolidIcon, { name: "si-comments", style: { fontSize: "28px" }, "aria-hidden": true }) }), _jsx("p", { className: styles.EmptyTitle, children: "How can I help you today?" }), _jsx("p", { className: styles.EmptySubtitle, children: "Ask me anything about your SolidX project." })] })), groupMessages(messages).map(function (group) {
                         // ── User message ────────────────────────────────────────
                         if (group.kind === "user") {
                             var msg = group.msg;
-                            return (_jsxs("div", { className: "".concat(styles.Row, " ").concat(styles.RowUser), children: [_jsx("div", { className: "".concat(styles.Avatar, " ").concat(styles.AvatarUser), children: _jsx("i", { className: "pi pi-user", style: { fontSize: "12px" } }) }), _jsxs("div", { className: styles.BubbleGroup, children: [_jsx("div", { className: "".concat(styles.Bubble, " ").concat(styles.BubbleUser), children: _jsx("p", { className: styles.UserText, children: msg.content }) }), _jsxs("div", { className: "".concat(styles.BubbleMeta, " ").concat(styles.BubbleMetaUser), children: [_jsx("span", { className: styles.Timestamp, children: msg.timestamp.toLocaleTimeString([], { hour: "2-digit", minute: "2-digit" }) }), _jsx(CopyButton, { text: msg.content })] })] })] }, msg.id));
+                            return (_jsxs("div", { className: "".concat(styles.Row, " ").concat(styles.RowUser), children: [_jsx("div", { className: "".concat(styles.Avatar, " ").concat(styles.AvatarUser), children: _jsx(SolidIcon, { name: "si-user", style: { fontSize: "12px" }, "aria-hidden": true }) }), _jsxs("div", { className: styles.BubbleGroup, children: [_jsx("div", { className: "".concat(styles.Bubble, " ").concat(styles.BubbleUser), children: _jsx("p", { className: styles.UserText, children: msg.content }) }), _jsxs("div", { className: "".concat(styles.BubbleMeta, " ").concat(styles.BubbleMetaUser), children: [_jsx("span", { className: styles.Timestamp, children: msg.timestamp.toLocaleTimeString([], { hour: "2-digit", minute: "2-digit" }) }), _jsx(CopyButton, { text: msg.content })] })] })] }, msg.id));
                         }
                         // ── AI turn: avatar once, events + response stacked ─────
-                        return (_jsxs("div", { className: styles.AiTurnGroup, children: [_jsx("div", { className: styles.Avatar, children: _jsx("i", { className: "pi pi-android", style: { fontSize: "12px" } }) }), _jsx("div", { className: styles.AiTurnContent, children: group.msgs.flatMap(function (msg) {
+                        return (_jsxs("div", { className: styles.AiTurnGroup, children: [_jsx("div", { className: styles.Avatar, children: _jsx(SolidIcon, { name: "si-android", style: { fontSize: "12px" }, "aria-hidden": true }) }), _jsx("div", { className: styles.AiTurnContent, children: group.msgs.flatMap(function (msg) {
+                                        var _a;
                                         var items = [];
                                         if (msg.role === "event") {
                                             var active = msg.eventState === "active";
@@ -999,10 +1001,13 @@ export var SolidAiChat = function () {
                                                     status_4 === "warning" ? styles.ToolCardWarning :
                                                         status_4 === "error" ? styles.ToolCardError :
                                                             styles.ToolCardDone;
-                                                var statusIcon = status_4 === "running" ? "pi-spin pi-spinner" :
-                                                    status_4 === "warning" ? "pi-exclamation-triangle" :
-                                                        status_4 === "error" ? "pi-times-circle" :
-                                                            "pi-check-circle";
+                                                var statusIcon = status_4 === "running"
+                                                    ? { name: "si-spinner", spin: true }
+                                                    : status_4 === "warning"
+                                                        ? { name: "si-exclamation-triangle" }
+                                                        : status_4 === "error"
+                                                            ? { name: "si-times-circle" }
+                                                            : { name: "si-check-circle" };
                                                 var statusIconClass = status_4 === "warning" ? styles.ToolCardStatusWarning :
                                                     status_4 === "error" ? styles.ToolCardStatusError :
                                                         status_4 === "success" ? styles.ToolCardStatusDone :
@@ -1019,7 +1024,7 @@ export var SolidAiChat = function () {
                                                         return next;
                                                     }); }
                                                     : undefined;
-                                                items.push(_jsxs("div", { className: "".concat(styles.ToolCard, " ").concat(cardClass), children: [_jsxs("button", { className: styles.ToolCardHeaderBtn, onClick: toggleExpand, "data-expandable": hasExpandable && status_4 !== "running" ? "true" : undefined, children: [_jsx("i", { className: "pi ".concat(statusIcon, " ").concat(statusIconClass) }), _jsx("i", { className: "pi ".concat(getToolIconClass(msg.toolName), " ").concat(styles.ToolCardToolIcon) }), _jsx("span", { className: styles.ToolCardName, children: msg.toolName }), msg.toolDesc && _jsx("span", { className: styles.ToolCardDesc, title: msg.toolDesc, children: msg.toolDesc }), _jsx("span", { className: styles.ToolCardBadge, children: getToolCategory(msg.toolName) }), msg.durationMs != null && (_jsx("span", { className: styles.ToolCardDuration, children: formatDuration(msg.durationMs) })), hasExpandable && status_4 !== "running" && (_jsx("i", { className: "pi pi-chevron-right ".concat(styles.ToolCardChevron, " ").concat(isExpanded ? styles.ToolCardChevronOpen : "") }))] }), msg.toolProgress && msg.toolProgress.length > 0 && (_jsx("div", { className: styles.ToolCardProgress, children: msg.toolProgress.map(function (p, i) { return (_jsxs("div", { className: "".concat(styles.ToolProgressItem, " ").concat(p.status === "running" ? styles.ToolProgressRunning : styles.ToolProgressDone), children: [_jsx("i", { className: "pi ".concat(p.status === "running" ? "pi-spin pi-spinner" : "pi-check-circle"), style: { fontSize: "10px" } }), _jsx("span", { className: styles.ToolProgressLabel, children: p.label }), p.durationMs != null && p.status === "done" && (_jsx("span", { className: styles.ToolProgressDuration, children: formatDuration(p.durationMs) }))] }, i)); }) })), isExpanded && (msg.toolArgs || msg.toolOutput) && (_jsxs("div", { className: styles.ToolCardExpandable, children: [msg.toolArgs && Object.keys(msg.toolArgs).length > 0 && (_jsxs("div", { className: styles.ToolCardOutput, children: [_jsx("div", { className: styles.ToolOutputHeader, children: _jsx("span", { children: "Arguments" }) }), _jsx("pre", { className: styles.ToolOutputText, children: JSON.stringify(msg.toolArgs, null, 2) })] })), msg.toolOutput && (_jsxs("div", { className: styles.ToolCardOutput, children: [_jsx("div", { className: styles.ToolOutputHeader, children: _jsx("span", { children: "Result" }) }), _jsx("pre", { className: "".concat(styles.ToolOutputText, " ").concat(status_4 === "warning" ? styles.ToolOutputWarning : status_4 === "error" ? styles.ToolOutputError : ""), children: msg.toolOutputRaw || msg.toolOutput })] }))] }))] }, msg.id));
+                                                items.push(_jsxs("div", { className: "".concat(styles.ToolCard, " ").concat(cardClass), children: [_jsxs("button", { className: styles.ToolCardHeaderBtn, onClick: toggleExpand, "data-expandable": hasExpandable && status_4 !== "running" ? "true" : undefined, children: [_jsx(SolidIcon, { name: statusIcon.name, spin: statusIcon.spin, className: statusIconClass, "aria-hidden": true }), _jsx(SolidIcon, { name: getToolIconName((_a = msg.toolName) !== null && _a !== void 0 ? _a : ""), className: styles.ToolCardToolIcon, "aria-hidden": true }), _jsx("span", { className: styles.ToolCardName, children: msg.toolName }), msg.toolDesc && _jsx("span", { className: styles.ToolCardDesc, title: msg.toolDesc, children: msg.toolDesc }), _jsx("span", { className: styles.ToolCardBadge, children: getToolCategory(msg.toolName) }), msg.durationMs != null && (_jsx("span", { className: styles.ToolCardDuration, children: formatDuration(msg.durationMs) })), hasExpandable && status_4 !== "running" && (_jsx(SolidIcon, { name: "si-chevron-right", className: "".concat(styles.ToolCardChevron, " ").concat(isExpanded ? styles.ToolCardChevronOpen : ""), "aria-hidden": true }))] }), msg.toolProgress && msg.toolProgress.length > 0 && (_jsx("div", { className: styles.ToolCardProgress, children: msg.toolProgress.map(function (p, i) { return (_jsxs("div", { className: "".concat(styles.ToolProgressItem, " ").concat(p.status === "running" ? styles.ToolProgressRunning : styles.ToolProgressDone), children: [_jsx(SolidIcon, { name: p.status === "running" ? "si-spinner" : "si-check-circle", spin: p.status === "running", style: { fontSize: "10px" }, "aria-hidden": true }), _jsx("span", { className: styles.ToolProgressLabel, children: p.label }), p.durationMs != null && p.status === "done" && (_jsx("span", { className: styles.ToolProgressDuration, children: formatDuration(p.durationMs) }))] }, i)); }) })), isExpanded && (msg.toolArgs || msg.toolOutput) && (_jsxs("div", { className: styles.ToolCardExpandable, children: [msg.toolArgs && Object.keys(msg.toolArgs).length > 0 && (_jsxs("div", { className: styles.ToolCardOutput, children: [_jsx("div", { className: styles.ToolOutputHeader, children: _jsx("span", { children: "Arguments" }) }), _jsx("pre", { className: styles.ToolOutputText, children: JSON.stringify(msg.toolArgs, null, 2) })] })), msg.toolOutput && (_jsxs("div", { className: styles.ToolCardOutput, children: [_jsx("div", { className: styles.ToolOutputHeader, children: _jsx("span", { children: "Result" }) }), _jsx("pre", { className: "".concat(styles.ToolOutputText, " ").concat(status_4 === "warning" ? styles.ToolOutputWarning : status_4 === "error" ? styles.ToolOutputError : ""), children: msg.toolOutputRaw || msg.toolOutput })] }))] }))] }, msg.id));
                                                 return items;
                                             }
                                             // ── Thinking bubble: only show while active ──────
@@ -1030,7 +1035,7 @@ export var SolidAiChat = function () {
                                         }
                                         // ── Error bubble ────────────────────────────────────
                                         if (msg.isError) {
-                                            items.push(_jsxs("div", { className: styles.ErrorBubble, children: [_jsx("div", { className: styles.ErrorIcon, children: _jsx("i", { className: "pi pi-exclamation-circle", style: { fontSize: "13px" } }) }), _jsxs("div", { className: styles.ErrorContent, children: [_jsx("p", { className: styles.ErrorTitle, children: "Error" }), _jsx("p", { className: styles.ErrorText, children: msg.content })] })] }, msg.id));
+                                            items.push(_jsxs("div", { className: styles.ErrorBubble, children: [_jsx("div", { className: styles.ErrorIcon, children: _jsx(SolidIcon, { name: "si-exclamation-circle", style: { fontSize: "13px" }, "aria-hidden": true }) }), _jsxs("div", { className: styles.ErrorContent, children: [_jsx("p", { className: styles.ErrorTitle, children: "Error" }), _jsx("p", { className: styles.ErrorText, children: msg.content })] })] }, msg.id));
                                             return items;
                                         }
                                         // ── Assistant message ───────────────────────────────
@@ -1038,6 +1043,6 @@ export var SolidAiChat = function () {
                                         items.push(_jsxs("div", { className: styles.BubbleGroup, children: [_jsxs("div", { className: "".concat(styles.Bubble, " ").concat(styles.BubbleAssistant), children: [_jsx("div", { className: styles.MarkdownRoot, children: _jsx(ReactMarkdown, { remarkPlugins: [remarkGfm], components: markdownComponents, children: msg.content }) }), isStreaming && _jsx("span", { className: styles.StreamingCursor })] }), _jsxs("div", { className: "".concat(styles.BubbleMeta, " ").concat(styles.BubbleMetaAssistant), children: [_jsx("span", { className: styles.Timestamp, children: msg.timestamp.toLocaleTimeString([], { hour: "2-digit", minute: "2-digit" }) }), _jsx(CopyButton, { text: msg.content })] })] }, msg.id));
                                         return items;
                                     }) })] }, group.groupKey));
-                    })] }), _jsx("div", { className: styles.InputArea, children: _jsxs("div", { className: "".concat(styles.InputBox, " ").concat(!isConnected || !sessionId ? styles.InputBoxDisabled : ""), children: [_jsx("textarea", { ref: textareaRef, className: styles.Textarea, placeholder: inputPlaceholder, value: input, onChange: autoResize, onKeyDown: handleKeyDown, disabled: !isConnected || !sessionId || isProcessing, rows: 1 }), _jsx("button", { className: "".concat(styles.SendBtn, " ").concat(canSend ? styles.SendBtnActive : ""), disabled: !canSend, onClick: handleSend, "aria-label": "Send message", children: _jsx("i", { className: "pi pi-send", style: { fontSize: "12px" } }) })] }) })] }));
+                    })] }), _jsx("div", { className: styles.InputArea, children: _jsxs("div", { className: "".concat(styles.InputBox, " ").concat(!isConnected || !sessionId ? styles.InputBoxDisabled : ""), children: [_jsx("textarea", { ref: textareaRef, className: styles.Textarea, placeholder: inputPlaceholder, value: input, onChange: autoResize, onKeyDown: handleKeyDown, disabled: !isConnected || !sessionId || isProcessing, rows: 1 }), _jsx("button", { className: "".concat(styles.SendBtn, " ").concat(canSend ? styles.SendBtnActive : ""), disabled: !canSend, onClick: handleSend, "aria-label": "Send message", children: _jsx(SolidIcon, { name: "si-send", style: { fontSize: "12px" }, "aria-hidden": true }) })] }) })] }));
 };
 //# sourceMappingURL=SolidAiChat.js.map