@wealthx/shadcn 1.5.39 → 1.5.41

package/dist/components/ui/policy-ai/index.mjs

@@ -1,5 +1,8 @@
 import {
+  PolicyAIContextSidebar,
   PolicyAIFAB,
+  PolicyAIHistoryPanel,
+  PolicyAIPage,
   PolicyAIPanel,
   PolicyCitationPanel,
   PolicyComparisonTable,
@@ -7,13 +10,16 @@ import {
   PolicyRankedList,
   PolicySingleBankAnswer,
   PolicyVerdictBadge
-} from "../../../chunk-MGIDYXOP.mjs";
+} from "../../../chunk-DWNLBUDC.mjs";
+import "../../../chunk-MZI77ZMX.mjs";
 import "../../../chunk-FL7DEYUA.mjs";
 import "../../../chunk-FQYFPHDO.mjs";
 import "../../../chunk-3S6KVFF5.mjs";
+import "../../../chunk-3VDET466.mjs";
 import "../../../chunk-WE4YKBDE.mjs";
 import "../../../chunk-H6NQTIF4.mjs";
-import "../../../chunk-EFHPSKVF.mjs";
+import "../../../chunk-2GIYVERS.mjs";
+import "../../../chunk-EGM4DARZ.mjs";
 import "../../../chunk-BS75ICOO.mjs";
 import "../../../chunk-X6RC5UWB.mjs";
 import "../../../chunk-F3CU6KEI.mjs";
@@ -25,7 +31,10 @@ import "../../../chunk-R4HCRDU5.mjs";
 import "../../../chunk-AFML43VJ.mjs";
 import "../../../chunk-WNQUEZJF.mjs";
 export {
+  PolicyAIContextSidebar,
   PolicyAIFAB,
+  PolicyAIHistoryPanel,
+  PolicyAIPage,
   PolicyAIPanel,
   PolicyCitationPanel,
   PolicyComparisonTable,

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
@@ -604,6 +607,7 @@ function SheetContent(_a) {
 
 // src/components/ui/chat-input-area.tsx
 var React4 = __toESM(require("react"));
+var import_react_dom = require("react-dom");
 var import_lucide_react5 = require("lucide-react");
 
 // src/components/ui/textarea.tsx
@@ -626,6 +630,97 @@ function Textarea(_a) {
 // src/components/ui/chat-input-area.tsx
 var import_jsx_runtime8 = require("react/jsx-runtime");
 var DEFAULT_HINT = "Enter to send \xB7 Shift+Enter for new line";
+var TOOLBAR_ITEMS = [
+  {
+    type: "button",
+    icon: import_lucide_react5.Bold,
+    label: "Bold",
+    title: "Bold (Ctrl+B)",
+    before: "**",
+    after: "**",
+    placeholder: "bold text"
+  },
+  {
+    type: "button",
+    icon: import_lucide_react5.Italic,
+    label: "Italic",
+    title: "Italic (Ctrl+I)",
+    before: "*",
+    after: "*",
+    placeholder: "italic text"
+  },
+  {
+    type: "button",
+    icon: import_lucide_react5.Code,
+    label: "Inline code",
+    title: "Inline code",
+    before: "`",
+    after: "`",
+    placeholder: "code"
+  },
+  { type: "divider" },
+  {
+    type: "button",
+    icon: import_lucide_react5.Code2,
+    label: "Code block",
+    title: "Code block",
+    before: "```\n",
+    after: "\n```",
+    placeholder: "code block"
+  }
+];
+function applyMarkdown(textarea, before, after, placeholder, onChange) {
+  const start = textarea.selectionStart;
+  const end = textarea.selectionEnd;
+  const selected = textarea.value.slice(start, end);
+  const insertion = selected || placeholder;
+  const next = textarea.value.slice(0, start) + before + insertion + after + textarea.value.slice(end);
+  const newStart = start + before.length;
+  const newEnd = newStart + insertion.length;
+  (0, import_react_dom.flushSync)(() => onChange(next));
+  textarea.focus();
+  textarea.setSelectionRange(newStart, newEnd);
+}
+var MarkdownToolbar = React4.memo(function MarkdownToolbar2({
+  textareaRef,
+  onChange,
+  disabled
+}) {
+  const handleFormat = React4.useCallback(
+    (e) => {
+      if (!textareaRef.current) return;
+      const { before, after, placeholder } = e.currentTarget.dataset;
+      applyMarkdown(textareaRef.current, before, after, placeholder, onChange);
+    },
+    [textareaRef, onChange]
+  );
+  return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { className: "flex items-center gap-0.5 border-b border-border px-2 py-1", children: TOOLBAR_ITEMS.map(
+    (item, i) => item.type === "divider" ? /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+      "span",
+      {
+        className: "mx-0.5 h-3.5 w-px bg-border",
+        "aria-hidden": "true"
+      },
+      i
+    ) : /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+      Button,
+      {
+        variant: "ghost",
+        size: "icon-sm",
+        type: "button",
+        title: item.title,
+        "aria-label": item.label,
+        disabled,
+        "data-before": item.before,
+        "data-after": item.after,
+        "data-placeholder": item.placeholder,
+        onClick: handleFormat,
+        children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(item.icon, { className: "size-3.5", "aria-hidden": "true" })
+      },
+      item.label
+    )
+  ) });
+});
 function ChatInputArea({
   value,
   onChange,
@@ -637,6 +732,7 @@ function ChatInputArea({
   hint = DEFAULT_HINT,
   maxHeight = 160,
   autoFocus = false,
+  showMarkdownToolbar = false,
   className
 }) {
   const textareaRef = React4.useRef(null);
@@ -705,6 +801,14 @@ function ChatInputArea({
       className: cn("flex flex-col gap-1.5", className),
       children: [
         /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: "border border-border bg-background flex flex-col focus-within:ring-1 focus-within:ring-ring", children: [
+          showMarkdownToolbar && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+            MarkdownToolbar,
+            {
+              textareaRef,
+              onChange,
+              disabled
+            }
+          ),
           /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
             Textarea,
             {
@@ -850,6 +954,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 +991,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." })
             ]
           }
@@ -905,6 +1036,49 @@ function RichContentRenderer({ richContent }) {
   }
   return null;
 }
+function CloseButton({ onClick }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(
+    Button,
+    {
+      variant: "ghost",
+      size: "icon",
+      className: "size-7 shrink-0",
+      onClick,
+      title: "Close",
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_lucide_react7.X, { className: "size-3.5" }),
+        /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("span", { className: "sr-only", children: "Close" })
+      ]
+    }
+  );
+}
+function ConversationRow({
+  conv,
+  onClick,
+  className
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(
+    "button",
+    {
+      type: "button",
+      onClick,
+      className: cn(
+        "flex w-full items-center justify-between gap-2 text-left text-sm text-foreground hover:bg-muted/50",
+        className
+      ),
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("span", { className: "flex-1 truncate", children: conv.title }),
+        /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+          import_lucide_react7.ChevronRight,
+          {
+            className: "size-3.5 shrink-0 text-muted-foreground",
+            "aria-hidden": "true"
+          }
+        )
+      ]
+    }
+  );
+}
 function SupportAgentPanel({
   open,
   onClose,
@@ -926,9 +1100,13 @@ function SupportAgentPanel({
 }) {
   var _a;
   const [inputValue, setInputValue] = React5.useState("");
+  const [showAllConversations, setShowAllConversations] = React5.useState(false);
   const messagesEndRef = React5.useRef(null);
   const hasMessages = messages.length > 0;
   const isChatMode = hasMessages && !!conversationTitle;
+  React5.useEffect(() => {
+    if (!open) setShowAllConversations(false);
+  }, [open]);
   React5.useEffect(() => {
     if (!messagesEndRef.current) return;
     messagesEndRef.current.scrollIntoView({
@@ -950,6 +1128,17 @@ function SupportAgentPanel({
     [onSendMessage]
   );
   const hasRecents = !!(recentConversations == null ? void 0 : recentConversations.length);
+  const recentsPreview = React5.useMemo(
+    () => {
+      var _a2;
+      return (_a2 = recentConversations == null ? void 0 : recentConversations.slice(0, 3)) != null ? _a2 : [];
+    },
+    [recentConversations]
+  );
+  const handleViewAll = React5.useCallback(() => {
+    setShowAllConversations(true);
+    onViewAllConversations == null ? void 0 : onViewAllConversations();
+  }, [onViewAllConversations]);
   return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(Sheet, { open, onOpenChange: (o) => !o && onClose(), children: /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(
     SheetContent,
     {
@@ -962,38 +1151,45 @@ function SupportAgentPanel({
       "data-slot": "support-agent-panel",
       children: [
         /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: "shrink-0 border-b border-border px-3 py-2.5", children: [
-          isChatMode ? (
-            /* Chat mode: [←]  Conversation title  [✕] */
+          showAllConversations ? (
+            /* All-conversations mode: [←]  All conversations  [✕] */
             /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: "flex items-center gap-1", children: [
-              onBack && /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(
+              /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(
                 Button,
                 {
                   variant: "ghost",
                   size: "icon",
                   className: "size-7 shrink-0",
-                  onClick: onBack,
-                  title: "Back to conversations",
+                  onClick: () => setShowAllConversations(false),
+                  title: "Back",
                   children: [
                     /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_lucide_react7.ChevronLeft, { className: "size-3.5" }),
                     /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("span", { className: "sr-only", children: "Back" })
                   ]
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("span", { className: "flex-1 truncate px-1 text-sm font-medium text-foreground", children: conversationTitle }),
-              /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(
+              /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("span", { className: "flex-1 truncate px-1 text-sm font-medium text-foreground", children: "All conversations" }),
+              /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(CloseButton, { onClick: onClose })
+            ] })
+          ) : isChatMode ? (
+            /* Chat mode: [←]  Conversation title  [✕] */
+            /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: "flex items-center gap-1", children: [
+              onBack && /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(
                 Button,
                 {
                   variant: "ghost",
                   size: "icon",
                   className: "size-7 shrink-0",
-                  onClick: onClose,
-                  title: "Close",
+                  onClick: onBack,
+                  title: "Back to conversations",
                   children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_lucide_react7.X, { className: "size-3.5" }),
-                    /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("span", { className: "sr-only", children: "Close" })
+                    /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_lucide_react7.ChevronLeft, { className: "size-3.5" }),
+                    /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("span", { className: "sr-only", children: "Back" })
                   ]
                 }
-              )
+              ),
+              /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("span", { className: "flex-1 truncate px-1 text-sm font-medium text-foreground", children: conversationTitle }),
+              /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(CloseButton, { onClick: onClose })
             ] })
           ) : (
             /* Home mode: [Bot icon]  Support Assistant  [✕] */
@@ -1008,23 +1204,10 @@ function SupportAgentPanel({
                 ) }),
                 /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("span", { className: "text-sm font-semibold text-foreground", children: "Support Assistant" })
               ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(
-                Button,
-                {
-                  variant: "ghost",
-                  size: "icon",
-                  className: "size-7",
-                  onClick: onClose,
-                  title: "Close",
-                  children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_lucide_react7.X, { className: "size-3.5" }),
-                    /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("span", { className: "sr-only", children: "Close" })
-                  ]
-                }
-              )
+              /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(CloseButton, { onClick: onClose })
             ] })
           ),
-          context && /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { className: "mt-2", children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(SupportContextChip, { context }) })
+          context && !showAllConversations && /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { className: "mt-2", children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(SupportContextChip, { context }) })
         ] }),
         /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { className: "flex flex-1 flex-col overflow-y-auto", children: isLoading ? (
           /* Loading state */
@@ -1032,6 +1215,20 @@ function SupportAgentPanel({
             /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(Spinner, { size: "lg", className: "text-muted-foreground" }),
             /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("p", { className: "text-sm text-muted-foreground", children: "Loading\u2026" })
           ] }) })
+        ) : showAllConversations ? (
+          /* All conversations — full scrollable list (Jira Rovo pattern) */
+          /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { className: "flex flex-col", children: (recentConversations == null ? void 0 : recentConversations.length) ? recentConversations.map((conv) => /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+            ConversationRow,
+            {
+              conv,
+              onClick: () => {
+                setShowAllConversations(false);
+                onOpenConversation == null ? void 0 : onOpenConversation(conv.id);
+              },
+              className: "border-b border-border px-4 py-3"
+            },
+            conv.id
+          )) : /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("p", { className: "p-4 text-sm text-muted-foreground", children: "No conversations yet." }) })
         ) : !hasMessages ? (
           /* Home state — Rovo pattern: New Chat CTA + Recents + Suggested */
           /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: "flex flex-col gap-5 p-4", children: [
@@ -1050,31 +1247,21 @@ function SupportAgentPanel({
             ),
             hasRecents && /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: "flex flex-col gap-1", children: [
               /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("p", { className: "px-1 text-xs font-medium uppercase tracking-wide text-muted-foreground", children: "Recents" }),
-              /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { className: "flex flex-col", children: recentConversations.map((conv) => /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(
-                "button",
+              /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { className: "flex flex-col", children: recentsPreview.map((conv) => /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+                ConversationRow,
                 {
-                  type: "button",
+                  conv,
                   onClick: () => onOpenConversation == null ? void 0 : onOpenConversation(conv.id),
-                  className: "flex w-full items-center justify-between gap-2 px-1 py-2.5 text-left text-sm text-foreground hover:bg-muted/50",
-                  children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("span", { className: "flex-1 truncate", children: conv.title }),
-                    /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
-                      import_lucide_react7.ChevronRight,
-                      {
-                        className: "size-3.5 shrink-0 text-muted-foreground",
-                        "aria-hidden": "true"
-                      }
-                    )
-                  ]
+                  className: "px-1 py-2.5"
                 },
                 conv.id
               )) }),
-              onViewAllConversations && /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(
+              /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(
                 Button,
                 {
                   variant: "ghost",
                   size: "sm",
-                  onClick: onViewAllConversations,
+                  onClick: handleViewAll,
                   className: "h-auto w-fit gap-0.5 px-1 py-1 text-xs text-muted-foreground hover:bg-transparent hover:text-foreground",
                   children: [
                     "View all conversations",
@@ -1113,7 +1300,8 @@ function SupportAgentPanel({
             onAttachFile,
             onAttachImage,
             disabled: isLoading || isStreaming,
-            placeholder: "Ask anything\u2026"
+            placeholder: "Ask anything\u2026",
+            showMarkdownToolbar: true
           }
         ) })
       ]

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

@@ -5,9 +5,9 @@ import {
   SupportContextChip,
   SupportStepGuideCard,
   SupportSuggestedQuestion
-} from "../../../chunk-R7M657QL.mjs";
+} from "../../../chunk-GIQGZFP6.mjs";
 import "../../../chunk-GTAVSBDO.mjs";
-import "../../../chunk-EFHPSKVF.mjs";
+import "../../../chunk-EGM4DARZ.mjs";
 import "../../../chunk-H3PTREG6.mjs";
 import "../../../chunk-BS75ICOO.mjs";
 import "../../../chunk-JVMXMFBB.mjs";