@wealthx/shadcn 1.5.40 → 1.5.42

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

@@ -607,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
@@ -629,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,
@@ -640,6 +732,7 @@ function ChatInputArea({
   hint = DEFAULT_HINT,
   maxHeight = 160,
   autoFocus = false,
+  showMarkdownToolbar = false,
   className
 }) {
   const textareaRef = React4.useRef(null);
@@ -708,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,
             {
@@ -935,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,
@@ -952,13 +1096,20 @@ function SupportAgentPanel({
   onBack,
   onOpenConversation,
   onViewAllConversations,
+  hasMoreConversations = false,
+  onLoadMoreConversations,
+  isLoadingMoreConversations = false,
   className
 }) {
   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({
@@ -980,6 +1131,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,
     {
@@ -992,38 +1154,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  [✕] */
@@ -1038,23 +1207,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 */
@@ -1062,6 +1218,33 @@ 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) ? /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(import_jsx_runtime10.Fragment, { children: [
+            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
+            )),
+            hasMoreConversations && /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { className: "border-t border-border p-3", children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+              Button,
+              {
+                variant: "outline",
+                size: "sm",
+                className: "w-full",
+                disabled: isLoadingMoreConversations,
+                onClick: onLoadMoreConversations,
+                children: isLoadingMoreConversations ? "Loading..." : "Load more"
+              }
+            ) })
+          ] }) : /* @__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: [
@@ -1080,31 +1263,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",
@@ -1143,7 +1316,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-STN5QIWN.mjs";
+} from "../../../chunk-THOHFAW2.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";