@wealthx/shadcn 1.5.39 → 1.5.40

package/dist/{chunk-R7M657QL.mjs → chunk-STN5QIWN.mjs}

@@ -17,6 +17,11 @@ import {
 import {
   cn
 } from "./chunk-AFML43VJ.mjs";
+import {
+  __objRest,
+  __spreadProps,
+  __spreadValues
+} from "./chunk-WNQUEZJF.mjs";
 
 // src/components/ui/support-agent/support-agent-primitives.tsx
 import * as React from "react";
@@ -285,6 +290,9 @@ function SupportAgentFAB({
 
 // src/components/ui/support-agent/support-agent-panel.tsx
 import * as React2 from "react";
+import ReactMarkdown from "react-markdown";
+import rehypeRaw from "rehype-raw";
+import rehypeSanitize, { defaultSchema } from "rehype-sanitize";
 import { Bot, ChevronLeft, ChevronRight, SquarePen, X as X2 } from "lucide-react";
 import { jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
 function SupportTypingIndicator() {
@@ -306,6 +314,21 @@ function SupportTypingIndicator() {
     }
   );
 }
+function StreamingStatus({ label }) {
+  if (!label) return /* @__PURE__ */ jsx3(SupportTypingIndicator, {});
+  return /* @__PURE__ */ jsxs3(
+    "span",
+    {
+      className: "flex items-center gap-1.5 text-sm text-muted-foreground",
+      role: "status",
+      "aria-label": `${label}\u2026`,
+      children: [
+        /* @__PURE__ */ jsx3("span", { children: label }),
+        /* @__PURE__ */ jsx3(SupportTypingIndicator, {})
+      ]
+    }
+  );
+}
 function MessageBubble({ message }) {
   const isUser = message.role === "user";
   const isEmpty = !message.content.trim();
@@ -328,7 +351,19 @@ function MessageBubble({ message }) {
             "data-slot": "support-message-bubble",
             "data-role": message.role,
             children: [
-              isEmpty && message.isStreaming ? /* @__PURE__ */ jsx3(SupportTypingIndicator, {}) : /* @__PURE__ */ jsx3("span", { className: "whitespace-pre-wrap break-words leading-relaxed", children: message.content }),
+              isEmpty && message.isStreaming ? /* @__PURE__ */ jsx3(StreamingStatus, { label: message.streamingLabel }) : isUser ? /* @__PURE__ */ jsx3("span", { className: "whitespace-pre-wrap break-words leading-relaxed", children: message.content }) : /* @__PURE__ */ jsx3("div", { className: "break-words text-sm leading-relaxed [&_a]:text-primary [&_a]:underline [&_p]:m-0 [&_p:not(:last-child)]:mb-2 [&_ul]:my-1 [&_ul]:list-disc [&_ul]:pl-4 [&_ol]:my-1 [&_ol]:list-decimal [&_ol]:pl-4 [&_li]:mb-0.5", children: /* @__PURE__ */ jsx3(
+                ReactMarkdown,
+                {
+                  rehypePlugins: [rehypeRaw, [rehypeSanitize, defaultSchema]],
+                  components: {
+                    a: (_a) => {
+                      var _b = _a, { node } = _b, props = __objRest(_b, ["node"]);
+                      return /* @__PURE__ */ jsx3("a", __spreadProps(__spreadValues({}, props), { target: "_blank", rel: "noopener noreferrer" }));
+                    }
+                  },
+                  children: message.content
+                }
+              ) }),
               message.isErrored && /* @__PURE__ */ jsx3("p", { className: "mt-1 text-xs opacity-70", children: "Failed to send. Please try again." })
             ]
           }

package/dist/components/ui/support-agent/index.js

@@ -508,6 +508,9 @@ function SupportAgentFAB({
 
 // src/components/ui/support-agent/support-agent-panel.tsx
 var React5 = __toESM(require("react"));
+var import_react_markdown = __toESM(require("react-markdown"));
+var import_rehype_raw = __toESM(require("rehype-raw"));
+var import_rehype_sanitize = __toESM(require("rehype-sanitize"));
 var import_lucide_react7 = require("lucide-react");
 
 // src/components/ui/sheet.tsx
@@ -850,6 +853,21 @@ function SupportTypingIndicator() {
     }
   );
 }
+function StreamingStatus({ label }) {
+  if (!label) return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(SupportTypingIndicator, {});
+  return /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(
+    "span",
+    {
+      className: "flex items-center gap-1.5 text-sm text-muted-foreground",
+      role: "status",
+      "aria-label": `${label}\u2026`,
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("span", { children: label }),
+        /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(SupportTypingIndicator, {})
+      ]
+    }
+  );
+}
 function MessageBubble({ message }) {
   const isUser = message.role === "user";
   const isEmpty = !message.content.trim();
@@ -872,7 +890,19 @@ function MessageBubble({ message }) {
             "data-slot": "support-message-bubble",
             "data-role": message.role,
             children: [
-              isEmpty && message.isStreaming ? /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(SupportTypingIndicator, {}) : /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("span", { className: "whitespace-pre-wrap break-words leading-relaxed", children: message.content }),
+              isEmpty && message.isStreaming ? /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(StreamingStatus, { label: message.streamingLabel }) : isUser ? /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("span", { className: "whitespace-pre-wrap break-words leading-relaxed", children: message.content }) : /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { className: "break-words text-sm leading-relaxed [&_a]:text-primary [&_a]:underline [&_p]:m-0 [&_p:not(:last-child)]:mb-2 [&_ul]:my-1 [&_ul]:list-disc [&_ul]:pl-4 [&_ol]:my-1 [&_ol]:list-decimal [&_ol]:pl-4 [&_li]:mb-0.5", children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+                import_react_markdown.default,
+                {
+                  rehypePlugins: [import_rehype_raw.default, [import_rehype_sanitize.default, import_rehype_sanitize.defaultSchema]],
+                  components: {
+                    a: (_a) => {
+                      var _b = _a, { node } = _b, props = __objRest(_b, ["node"]);
+                      return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("a", __spreadProps(__spreadValues({}, props), { target: "_blank", rel: "noopener noreferrer" }));
+                    }
+                  },
+                  children: message.content
+                }
+              ) }),
               message.isErrored && /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("p", { className: "mt-1 text-xs opacity-70", children: "Failed to send. Please try again." })
             ]
           }

package/dist/components/ui/support-agent/index.mjs

@@ -5,7 +5,7 @@ import {
   SupportContextChip,
   SupportStepGuideCard,
   SupportSuggestedQuestion
-} from "../../../chunk-R7M657QL.mjs";
+} from "../../../chunk-STN5QIWN.mjs";
 import "../../../chunk-GTAVSBDO.mjs";
 import "../../../chunk-EFHPSKVF.mjs";
 import "../../../chunk-H3PTREG6.mjs";

package/dist/index.js

@@ -7092,6 +7092,9 @@ function SupportAgentFAB({
 
 // src/components/ui/support-agent/support-agent-panel.tsx
 var React18 = __toESM(require("react"));
+var import_react_markdown2 = __toESM(require("react-markdown"));
+var import_rehype_raw2 = __toESM(require("rehype-raw"));
+var import_rehype_sanitize2 = __toESM(require("rehype-sanitize"));
 var import_lucide_react29 = require("lucide-react");
 var import_jsx_runtime47 = require("react/jsx-runtime");
 function SupportTypingIndicator() {
@@ -7113,6 +7116,21 @@ function SupportTypingIndicator() {
     }
   );
 }
+function StreamingStatus({ label }) {
+  if (!label) return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(SupportTypingIndicator, {});
+  return /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)(
+    "span",
+    {
+      className: "flex items-center gap-1.5 text-sm text-muted-foreground",
+      role: "status",
+      "aria-label": `${label}\u2026`,
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("span", { children: label }),
+        /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(SupportTypingIndicator, {})
+      ]
+    }
+  );
+}
 function MessageBubble({ message }) {
   const isUser = message.role === "user";
   const isEmpty = !message.content.trim();
@@ -7135,7 +7153,19 @@ function MessageBubble({ message }) {
             "data-slot": "support-message-bubble",
             "data-role": message.role,
             children: [
-              isEmpty && message.isStreaming ? /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(SupportTypingIndicator, {}) : /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("span", { className: "whitespace-pre-wrap break-words leading-relaxed", children: message.content }),
+              isEmpty && message.isStreaming ? /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(StreamingStatus, { label: message.streamingLabel }) : isUser ? /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("span", { className: "whitespace-pre-wrap break-words leading-relaxed", children: message.content }) : /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("div", { className: "break-words text-sm leading-relaxed [&_a]:text-primary [&_a]:underline [&_p]:m-0 [&_p:not(:last-child)]:mb-2 [&_ul]:my-1 [&_ul]:list-disc [&_ul]:pl-4 [&_ol]:my-1 [&_ol]:list-decimal [&_ol]:pl-4 [&_li]:mb-0.5", children: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
+                import_react_markdown2.default,
+                {
+                  rehypePlugins: [import_rehype_raw2.default, [import_rehype_sanitize2.default, import_rehype_sanitize2.defaultSchema]],
+                  components: {
+                    a: (_a2) => {
+                      var _b = _a2, { node } = _b, props = __objRest(_b, ["node"]);
+                      return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("a", __spreadProps(__spreadValues({}, props), { target: "_blank", rel: "noopener noreferrer" }));
+                    }
+                  },
+                  children: message.content
+                }
+              ) }),
               message.isErrored && /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("p", { className: "mt-1 text-xs opacity-70", children: "Failed to send. Please try again." })
             ]
           }

package/dist/index.mjs

@@ -50,7 +50,7 @@ import {
   SupportContextChip,
   SupportStepGuideCard,
   SupportSuggestedQuestion
-} from "./chunk-R7M657QL.mjs";
+} from "./chunk-STN5QIWN.mjs";
 import {
   TransactionsExpenseCategoriesDoughnutChart
 } from "./chunk-FGMDBJCF.mjs";