@wealthx/shadcn 1.5.34 → 1.5.36

package/dist/{chunk-EEI4FLEE.mjs → chunk-DIH2NZZ3.mjs}

@@ -57,6 +57,10 @@ import {
   cn,
   getInitials
 } from "./chunk-AFML43VJ.mjs";
+import {
+  __spreadProps,
+  __spreadValues
+} from "./chunk-WNQUEZJF.mjs";
 
 // src/components/ui/ai-conversations/index.tsx
 import { useState } from "react";
@@ -178,8 +182,8 @@ function ConversationListItem({
 function filterConversations(conversations, query, filter, channelFilter) {
   const q = query.toLowerCase();
   return conversations.filter((c) => {
-    var _a, _b;
-    const matchesFilter = filter === "all" || (filter === "emails" ? ((_a = c.channel) != null ? _a : "chat") === "email" : c.status === filter);
+    var _a2, _b;
+    const matchesFilter = filter === "all" || (filter === "emails" ? ((_a2 = c.channel) != null ? _a2 : "chat") === "email" : c.status === filter);
     const matchesChannel = channelFilter === "all" || ((_b = c.channel) != null ? _b : "chat") === channelFilter;
     const matchesSearch = !q || c.contact.name.toLowerCase().includes(q) || c.lastMessage.toLowerCase().includes(q);
     return matchesFilter && matchesChannel && matchesSearch;
@@ -316,14 +320,11 @@ import { useEditor, EditorContent } from "@tiptap/react";
 import StarterKit from "@tiptap/starter-kit";
 import TiptapUnderline from "@tiptap/extension-underline";
 import TiptapLink from "@tiptap/extension-link";
-import ReactMarkdown from "react-markdown";
-import rehypeRaw from "rehype-raw";
-import rehypeSanitize, { defaultSchema } from "rehype-sanitize";
 import {
   Archive,
   ArrowLeft,
   Bold,
-  Bot,
+  Bot as Bot2,
   ChevronDown,
   ChevronRight,
   Flag as Flag2,
@@ -338,8 +339,18 @@ import {
   Underline,
   UserCheck
 } from "lucide-react";
-import { Fragment as Fragment2, jsx as jsx3, jsxs as jsxs2 } from "react/jsx-runtime";
-function BubbleAvatar({
+
+// src/components/ui/ai-conversations/bubble.tsx
+import ReactMarkdown from "react-markdown";
+import rehypeRaw from "rehype-raw";
+import rehypeSanitize, { defaultSchema } from "rehype-sanitize";
+import { Bot } from "lucide-react";
+import { jsx as jsx3, jsxs as jsxs2 } from "react/jsx-runtime";
+var _a;
+var EMAIL_SANITIZE_SCHEMA = __spreadProps(__spreadValues({}, defaultSchema), {
+  strip: ["script", "style", "head", ...(_a = defaultSchema.strip) != null ? _a : []]
+});
+function BubbleAvatar2({
   role,
   senderName
 }) {
@@ -351,16 +362,21 @@ function BubbleAvatar({
   }
   return /* @__PURE__ */ jsx3(Avatar, { size: "sm", children: /* @__PURE__ */ jsx3(AvatarFallback, { children: getInitials(senderName != null ? senderName : "?") }) });
 }
-function ChatBubble({ message, channel, className }) {
-  const { role, content, timestamp, senderName, subject } = message;
-  const isEmail = channel === "email";
-  if (role === "system") {
-    return /* @__PURE__ */ jsxs2("div", { className: cn("my-2 flex items-center gap-3 px-2", className), children: [
-      /* @__PURE__ */ jsx3(Separator, { className: "flex-1" }),
-      /* @__PURE__ */ jsx3("span", { className: "shrink-0 text-caption text-muted-foreground", children: content }),
-      /* @__PURE__ */ jsx3(Separator, { className: "flex-1" })
-    ] });
-  }
+function SystemDivider({
+  content,
+  className
+}) {
+  return /* @__PURE__ */ jsxs2("div", { className: cn("my-2 flex items-center gap-3 px-2", className), children: [
+    /* @__PURE__ */ jsx3(Separator, { className: "flex-1" }),
+    /* @__PURE__ */ jsx3("span", { className: "shrink-0 text-caption text-muted-foreground", children: content }),
+    /* @__PURE__ */ jsx3(Separator, { className: "flex-1" })
+  ] });
+}
+function ChatMessageBubble({
+  message,
+  className
+}) {
+  const { role, content, timestamp, senderName } = message;
   const isAdvisor = role === "advisor";
   const isBot = role === "bot";
   const isVisitor = role === "visitor";
@@ -374,13 +390,65 @@ function ChatBubble({ message, channel, className }) {
         className
       ),
       children: [
-        /* @__PURE__ */ jsx3(BubbleAvatar, { role, senderName }),
+        /* @__PURE__ */ jsx3(BubbleAvatar2, { role, senderName }),
         /* @__PURE__ */ jsxs2(
           "div",
           {
             className: cn(
-              "flex flex-col gap-1",
-              isEmail ? "max-w-[85%] w-full" : "max-w-[70%]",
+              "flex max-w-[70%] flex-col gap-1",
+              isAdvisor && "items-end"
+            ),
+            children: [
+              /* @__PURE__ */ jsx3("span", { className: "text-caption text-muted-foreground", children: displayName }),
+              /* @__PURE__ */ jsx3(
+                "div",
+                {
+                  className: cn(
+                    "break-words px-3 py-2 text-sm leading-relaxed [&_a]:underline [&_p]:m-0",
+                    isBot && "border border-border bg-muted/60 text-foreground [&_a]:text-primary",
+                    isVisitor && "border border-border bg-background text-foreground [&_a]:text-primary",
+                    isAdvisor && "bg-primary text-primary-foreground [&_a]:text-primary-foreground"
+                  ),
+                  children: /* @__PURE__ */ jsx3(
+                    ReactMarkdown,
+                    {
+                      rehypePlugins: [rehypeRaw, [rehypeSanitize, defaultSchema]],
+                      children: content
+                    }
+                  )
+                }
+              ),
+              timestamp && /* @__PURE__ */ jsx3("span", { className: "text-caption text-muted-foreground", children: timestamp })
+            ]
+          }
+        )
+      ]
+    }
+  );
+}
+function EmailMessageBubble({
+  message,
+  className
+}) {
+  const { role, content, timestamp, senderName, subject } = message;
+  const isAdvisor = role === "advisor";
+  const isBot = role === "bot";
+  const displayName = isBot ? "AI Assistant" : isAdvisor ? senderName != null ? senderName : "Advisor" : senderName != null ? senderName : "Lead";
+  return /* @__PURE__ */ jsxs2(
+    "div",
+    {
+      className: cn(
+        "flex gap-2.5",
+        isAdvisor ? "flex-row-reverse" : "flex-row",
+        className
+      ),
+      children: [
+        /* @__PURE__ */ jsx3(BubbleAvatar2, { role, senderName }),
+        /* @__PURE__ */ jsxs2(
+          "div",
+          {
+            className: cn(
+              "flex w-full max-w-[85%] flex-col gap-1",
               isAdvisor && "items-end"
             ),
             children: [
@@ -389,29 +457,24 @@ function ChatBubble({ message, channel, className }) {
                 "div",
                 {
                   className: cn(
-                    "text-sm leading-relaxed break-words",
-                    !isEmail && "px-3 py-2 [&_p]:m-0 [&_a]:underline",
-                    isEmail && [
-                      "border border-border bg-background px-4 py-3 w-full",
-                      "[&_p]:mb-2 [&_p:last-child]:mb-0",
-                      "[&_ul]:mb-2 [&_ul]:list-disc [&_ul]:pl-4",
-                      "[&_ol]:mb-2 [&_ol]:list-decimal [&_ol]:pl-4",
-                      "[&_li]:mb-0.5",
-                      "[&_h1]:mb-2 [&_h1]:text-sm [&_h1]:font-bold",
-                      "[&_h2]:mb-1.5 [&_h2]:text-sm [&_h2]:font-semibold",
-                      "[&_h3]:mb-1 [&_h3]:text-sm [&_h3]:font-medium",
-                      "[&_strong]:font-semibold [&_em]:italic",
-                      "[&_a]:underline [&_a]:text-primary",
-                      "[&_blockquote]:border-l-2 [&_blockquote]:border-border [&_blockquote]:pl-3 [&_blockquote]:text-muted-foreground [&_blockquote]:italic",
-                      "[&_hr]:my-3 [&_hr]:border-border"
-                    ],
-                    !isEmail && isBot && "border border-border bg-muted/60 text-foreground [&_a]:text-primary",
-                    !isEmail && isVisitor && "border border-border bg-background text-foreground [&_a]:text-primary",
-                    !isEmail && isAdvisor && "bg-primary text-primary-foreground [&_a]:text-primary-foreground",
-                    isEmail && isAdvisor && "bg-muted/30"
+                    "w-full min-w-0 break-words whitespace-pre-line border border-border bg-background px-4 py-3 text-sm leading-relaxed [overflow-wrap:anywhere]",
+                    "[&_p]:mb-2 [&_p:last-child]:mb-0",
+                    "[&_ul]:mb-2 [&_ul]:list-disc [&_ul]:pl-4",
+                    "[&_ol]:mb-2 [&_ol]:list-decimal [&_ol]:pl-4",
+                    "[&_li]:mb-0.5",
+                    "[&_h1]:mb-2 [&_h1]:text-sm [&_h1]:font-bold",
+                    "[&_h2]:mb-1.5 [&_h2]:text-sm [&_h2]:font-semibold",
+                    "[&_h3]:mb-1 [&_h3]:text-sm [&_h3]:font-medium",
+                    "[&_strong]:font-semibold [&_em]:italic",
+                    "[&_a]:text-primary [&_a]:underline",
+                    "[&_blockquote]:border-l-2 [&_blockquote]:border-border [&_blockquote]:pl-3 [&_blockquote]:italic [&_blockquote]:text-muted-foreground",
+                    "[&_hr]:my-3 [&_hr]:border-border",
+                    "[&_pre]:whitespace-pre-wrap [&_pre]:break-words [&_pre]:bg-transparent [&_pre]:p-0 [&_pre]:font-[inherit] [&_pre]:text-[length:inherit]",
+                    "[&_code]:whitespace-pre-wrap [&_code]:break-words [&_code]:bg-transparent [&_code]:p-0 [&_code]:font-[inherit] [&_code]:text-[length:inherit]",
+                    isAdvisor && "bg-muted/30"
                   ),
                   children: [
-                    isEmail && subject && /* @__PURE__ */ jsxs2("div", { className: "mb-2.5 border-b border-border pb-2", children: [
+                    subject && /* @__PURE__ */ jsxs2("div", { className: "mb-2.5 border-b border-border pb-2", children: [
                       /* @__PURE__ */ jsx3("span", { className: "text-xs font-medium text-muted-foreground", children: "Subject:" }),
                       " ",
                       /* @__PURE__ */ jsx3("span", { className: "text-sm font-semibold text-foreground", children: subject })
@@ -419,7 +482,7 @@ function ChatBubble({ message, channel, className }) {
                     /* @__PURE__ */ jsx3(
                       ReactMarkdown,
                       {
-                        rehypePlugins: [rehypeRaw, [rehypeSanitize, defaultSchema]],
+                        rehypePlugins: [rehypeRaw, [rehypeSanitize, EMAIL_SANITIZE_SCHEMA]],
                         children: content
                       }
                     )
@@ -434,13 +497,25 @@ function ChatBubble({ message, channel, className }) {
     }
   );
 }
+function ChatBubble({ message, channel, className }) {
+  if (message.role === "system") {
+    return /* @__PURE__ */ jsx3(SystemDivider, { content: message.content, className });
+  }
+  if (channel === "email") {
+    return /* @__PURE__ */ jsx3(EmailMessageBubble, { message, className });
+  }
+  return /* @__PURE__ */ jsx3(ChatMessageBubble, { message, className });
+}
+
+// src/components/ui/ai-conversations/thread.tsx
+import { Fragment as Fragment2, jsx as jsx4, jsxs as jsxs3 } from "react/jsx-runtime";
 function ComposerToolbarButton({
   label,
   icon: Icon,
   pressed,
   onToggle
 }) {
-  return /* @__PURE__ */ jsx3(
+  return /* @__PURE__ */ jsx4(
     "button",
     {
       type: "button",
@@ -451,7 +526,7 @@ function ComposerToolbarButton({
         "flex size-7 items-center justify-center transition-colors",
         pressed ? "bg-foreground text-background" : "text-muted-foreground hover:bg-muted hover:text-foreground"
       ),
-      children: /* @__PURE__ */ jsx3(Icon, { className: "size-3.5" })
+      children: /* @__PURE__ */ jsx4(Icon, { className: "size-3.5" })
     }
   );
 }
@@ -467,7 +542,7 @@ function ComposerLinkPopover({
     setOpen(false);
     setUrl("");
   };
-  return /* @__PURE__ */ jsxs2(
+  return /* @__PURE__ */ jsxs3(
     Popover,
     {
       open,
@@ -480,7 +555,7 @@ function ComposerLinkPopover({
         setOpen(newOpen);
       },
       children: [
-        /* @__PURE__ */ jsx3(
+        /* @__PURE__ */ jsx4(
           PopoverTrigger,
           {
             "aria-label": "Insert link",
@@ -488,11 +563,11 @@ function ComposerLinkPopover({
               "flex size-7 items-center justify-center transition-colors",
               (editor == null ? void 0 : editor.isActive("link")) ? "bg-foreground text-background" : "text-muted-foreground hover:bg-muted hover:text-foreground"
             ),
-            children: /* @__PURE__ */ jsx3(Link2, { className: "size-3.5" })
+            children: /* @__PURE__ */ jsx4(Link2, { className: "size-3.5" })
           }
         ),
-        /* @__PURE__ */ jsx3(PopoverContent, { className: "w-72 p-2", align: "start", children: /* @__PURE__ */ jsxs2("div", { className: "flex items-center gap-1.5", children: [
-          /* @__PURE__ */ jsx3(
+        /* @__PURE__ */ jsx4(PopoverContent, { className: "w-72 p-2", align: "start", children: /* @__PURE__ */ jsxs3("div", { className: "flex items-center gap-1.5", children: [
+          /* @__PURE__ */ jsx4(
             "input",
             {
               type: "url",
@@ -504,7 +579,7 @@ function ComposerLinkPopover({
               autoFocus: true
             }
           ),
-          /* @__PURE__ */ jsx3(Button, { size: "sm", className: "h-8 px-3", onClick: handleApply, children: "Apply" })
+          /* @__PURE__ */ jsx4(Button, { size: "sm", className: "h-8 px-3", onClick: handleApply, children: "Apply" })
         ] }) })
       ]
     }
@@ -514,8 +589,8 @@ function ComposerEmailFieldRow({
   label,
   children
 }) {
-  return /* @__PURE__ */ jsxs2("div", { className: "flex items-center gap-3 border-b border-border px-4 py-2.5", children: [
-    /* @__PURE__ */ jsx3("span", { className: "w-14 shrink-0 text-sm text-muted-foreground", children: label }),
+  return /* @__PURE__ */ jsxs3("div", { className: "flex items-center gap-3 border-b border-border px-4 py-2.5", children: [
+    /* @__PURE__ */ jsx4("span", { className: "w-14 shrink-0 text-sm text-muted-foreground", children: label }),
     children
   ] });
 }
@@ -580,7 +655,7 @@ function ChatComposer({
       setEmailSubject(emailReplySubject ? `Re: ${emailReplySubject}` : "");
     }
   };
-  return /* @__PURE__ */ jsxs2(
+  return /* @__PURE__ */ jsxs3(
     "div",
     {
       className: cn(
@@ -588,27 +663,27 @@ function ChatComposer({
         className
       ),
       children: [
-        isEmailIntegrated && /* @__PURE__ */ jsx3("div", { className: "border-b border-border px-3 py-2", children: /* @__PURE__ */ jsx3(
+        isEmailIntegrated && /* @__PURE__ */ jsx4("div", { className: "border-b border-border px-3 py-2", children: /* @__PURE__ */ jsx4(
           Tabs,
           {
             value: channel,
             onValueChange: (v) => v && handleChannelChange(v),
-            children: /* @__PURE__ */ jsxs2(TabsList, { variant: "default", className: "w-full", children: [
-              /* @__PURE__ */ jsxs2(TabsTrigger, { value: "chat", className: "flex-1 gap-1.5", children: [
-                /* @__PURE__ */ jsx3(MessageSquare2, { className: "size-3.5" }),
+            children: /* @__PURE__ */ jsxs3(TabsList, { variant: "default", className: "w-full", children: [
+              /* @__PURE__ */ jsxs3(TabsTrigger, { value: "chat", className: "flex-1 gap-1.5", children: [
+                /* @__PURE__ */ jsx4(MessageSquare2, { className: "size-3.5" }),
                 "Chat"
               ] }),
-              /* @__PURE__ */ jsxs2(TabsTrigger, { value: "email", className: "flex-1 gap-1.5", children: [
-                /* @__PURE__ */ jsx3(Mail2, { className: "size-3.5" }),
+              /* @__PURE__ */ jsxs3(TabsTrigger, { value: "email", className: "flex-1 gap-1.5", children: [
+                /* @__PURE__ */ jsx4(Mail2, { className: "size-3.5" }),
                 "Email"
               ] })
             ] })
           }
         ) }),
-        mode === "ai" ? /* @__PURE__ */ jsxs2("div", { className: "flex items-center gap-2 bg-muted/30 px-4 py-2.5 text-[12px] text-muted-foreground", children: [
-          /* @__PURE__ */ jsx3(Bot, { className: "size-3.5 shrink-0 text-muted-foreground" }),
-          /* @__PURE__ */ jsx3("span", { children: "AI is handling this conversation." }),
-          /* @__PURE__ */ jsx3(
+        mode === "ai" ? /* @__PURE__ */ jsxs3("div", { className: "flex items-center gap-2 bg-muted/30 px-4 py-2.5 text-[12px] text-muted-foreground", children: [
+          /* @__PURE__ */ jsx4(Bot2, { className: "size-3.5 shrink-0 text-muted-foreground" }),
+          /* @__PURE__ */ jsx4("span", { children: "AI is handling this conversation." }),
+          /* @__PURE__ */ jsx4(
             Button,
             {
               variant: "link",
@@ -618,12 +693,12 @@ function ChatComposer({
               children: "Take Over"
             }
           ),
-          /* @__PURE__ */ jsx3("span", { children: "to reply directly." })
+          /* @__PURE__ */ jsx4("span", { children: "to reply directly." })
         ] }) : (
           /* Email panel stays in normal flow to anchor container height;
              chat panel is an absolute overlay so both tabs share identical dimensions */
-          /* @__PURE__ */ jsxs2("div", { className: "relative", children: [
-            /* @__PURE__ */ jsxs2(
+          /* @__PURE__ */ jsxs3("div", { className: "relative", children: [
+            /* @__PURE__ */ jsxs3(
               "div",
               {
                 className: cn(
@@ -632,8 +707,8 @@ function ChatComposer({
                 ),
                 "aria-hidden": channel !== "email",
                 children: [
-                  /* @__PURE__ */ jsxs2(ComposerEmailFieldRow, { label: "To", children: [
-                    /* @__PURE__ */ jsx3(
+                  /* @__PURE__ */ jsxs3(ComposerEmailFieldRow, { label: "To", children: [
+                    /* @__PURE__ */ jsx4(
                       "input",
                       {
                         type: "email",
@@ -643,7 +718,7 @@ function ChatComposer({
                         className: "min-w-0 flex-1 bg-transparent text-base text-foreground outline-none placeholder:text-muted-foreground"
                       }
                     ),
-                    /* @__PURE__ */ jsxs2(
+                    /* @__PURE__ */ jsxs3(
                       "button",
                       {
                         type: "button",
@@ -651,12 +726,12 @@ function ChatComposer({
                         className: "flex shrink-0 items-center gap-0.5 text-sm text-muted-foreground hover:text-foreground",
                         children: [
                           "CC",
-                          /* @__PURE__ */ jsx3(ChevronDown, { className: "size-3.5" })
+                          /* @__PURE__ */ jsx4(ChevronDown, { className: "size-3.5" })
                         ]
                       }
                     )
                   ] }),
-                  showCc && /* @__PURE__ */ jsx3(ComposerEmailFieldRow, { label: "CC", children: /* @__PURE__ */ jsx3(
+                  showCc && /* @__PURE__ */ jsx4(ComposerEmailFieldRow, { label: "CC", children: /* @__PURE__ */ jsx4(
                     "input",
                     {
                       type: "email",
@@ -666,7 +741,7 @@ function ChatComposer({
                       className: "min-w-0 flex-1 bg-transparent text-base text-foreground outline-none placeholder:text-muted-foreground"
                     }
                   ) }),
-                  emailMode !== "reply" && /* @__PURE__ */ jsx3(ComposerEmailFieldRow, { label: "Subject", children: /* @__PURE__ */ jsx3(
+                  emailMode !== "reply" && /* @__PURE__ */ jsx4(ComposerEmailFieldRow, { label: "Subject", children: /* @__PURE__ */ jsx4(
                     "input",
                     {
                       type: "text",
@@ -676,11 +751,11 @@ function ChatComposer({
                       className: "min-w-0 flex-1 bg-transparent text-base text-foreground outline-none placeholder:text-muted-foreground"
                     }
                   ) }),
-                  /* @__PURE__ */ jsx3(EditorContent, { editor }),
-                  /* @__PURE__ */ jsxs2("div", { className: "flex items-center justify-between border-t border-border px-3 py-2", children: [
-                    /* @__PURE__ */ jsxs2("div", { className: "flex items-center gap-0.5", children: [
-                      emailReplySubject && /* @__PURE__ */ jsxs2(Fragment2, { children: [
-                        /* @__PURE__ */ jsxs2(
+                  /* @__PURE__ */ jsx4(EditorContent, { editor }),
+                  /* @__PURE__ */ jsxs3("div", { className: "flex items-center justify-between border-t border-border px-3 py-2", children: [
+                    /* @__PURE__ */ jsxs3("div", { className: "flex items-center gap-0.5", children: [
+                      emailReplySubject && /* @__PURE__ */ jsxs3(Fragment2, { children: [
+                        /* @__PURE__ */ jsxs3(
                           ToggleGroup,
                           {
                             type: "single",
@@ -694,14 +769,14 @@ function ChatComposer({
                             },
                             className: "mr-1.5",
                             children: [
-                              /* @__PURE__ */ jsx3(ToggleGroupItem, { value: "reply", children: "Reply" }),
-                              /* @__PURE__ */ jsx3(ToggleGroupItem, { value: "new", children: "New email" })
+                              /* @__PURE__ */ jsx4(ToggleGroupItem, { value: "reply", children: "Reply" }),
+                              /* @__PURE__ */ jsx4(ToggleGroupItem, { value: "new", children: "New email" })
                             ]
                           }
                         ),
-                        /* @__PURE__ */ jsx3(Separator, { orientation: "vertical", className: "mr-1.5 h-4" })
+                        /* @__PURE__ */ jsx4(Separator, { orientation: "vertical", className: "mr-1.5 h-4" })
                       ] }),
-                      /* @__PURE__ */ jsx3(
+                      /* @__PURE__ */ jsx4(
                         ComposerToolbarButton,
                         {
                           label: "Bold",
@@ -710,7 +785,7 @@ function ChatComposer({
                           onToggle: () => editor == null ? void 0 : editor.chain().focus().toggleBold().run()
                         }
                       ),
-                      /* @__PURE__ */ jsx3(
+                      /* @__PURE__ */ jsx4(
                         ComposerToolbarButton,
                         {
                           label: "Italic",
@@ -719,7 +794,7 @@ function ChatComposer({
                           onToggle: () => editor == null ? void 0 : editor.chain().focus().toggleItalic().run()
                         }
                       ),
-                      /* @__PURE__ */ jsx3(
+                      /* @__PURE__ */ jsx4(
                         ComposerToolbarButton,
                         {
                           label: "Underline",
@@ -728,17 +803,17 @@ function ChatComposer({
                           onToggle: () => editor == null ? void 0 : editor.chain().focus().toggleUnderline().run()
                         }
                       ),
-                      /* @__PURE__ */ jsx3(Separator, { orientation: "vertical", className: "mx-1.5 h-4" }),
-                      /* @__PURE__ */ jsx3(ComposerLinkPopover, { editor }),
-                      /* @__PURE__ */ jsx3(ComposerToolbarButton, { label: "Attach file", icon: Paperclip })
+                      /* @__PURE__ */ jsx4(Separator, { orientation: "vertical", className: "mx-1.5 h-4" }),
+                      /* @__PURE__ */ jsx4(ComposerLinkPopover, { editor }),
+                      /* @__PURE__ */ jsx4(ComposerToolbarButton, { label: "Attach file", icon: Paperclip })
                     ] }),
-                    /* @__PURE__ */ jsx3("div", { className: "flex items-center gap-2", children: /* @__PURE__ */ jsxs2(
+                    /* @__PURE__ */ jsx4("div", { className: "flex items-center gap-2", children: /* @__PURE__ */ jsxs3(
                       Button,
                       {
                         size: "sm",
                         onClick: () => {
-                          var _a;
-                          const html = (_a = editor == null ? void 0 : editor.getHTML()) != null ? _a : "";
+                          var _a2;
+                          const html = (_a2 = editor == null ? void 0 : editor.getHTML()) != null ? _a2 : "";
                           onSendEmail == null ? void 0 : onSendEmail({
                             content: html,
                             to: emailTo,
@@ -750,7 +825,7 @@ function ChatComposer({
                         },
                         disabled: !editor || editor.isEmpty || !emailTo.trim(),
                         children: [
-                          /* @__PURE__ */ jsx3(Send, { className: "mr-1.5 size-3.5" }),
+                          /* @__PURE__ */ jsx4(Send, { className: "mr-1.5 size-3.5" }),
                           "Send Email"
                         ]
                       }
@@ -759,8 +834,8 @@ function ChatComposer({
                 ]
               }
             ),
-            channel === "chat" && /* @__PURE__ */ jsxs2("div", { className: "absolute inset-0 flex flex-col gap-3 p-4", children: [
-              /* @__PURE__ */ jsx3(
+            channel === "chat" && /* @__PURE__ */ jsxs3("div", { className: "absolute inset-0 flex flex-col gap-3 p-4", children: [
+              /* @__PURE__ */ jsx4(
                 Textarea,
                 {
                   value: inputValue,
@@ -769,12 +844,12 @@ function ChatComposer({
                   className: "min-h-0 flex-1 resize-none text-base"
                 }
               ),
-              /* @__PURE__ */ jsxs2("div", { className: "flex items-center justify-between", children: [
-                initialChannelRef.current !== "email" && /* @__PURE__ */ jsxs2(Button, { variant: "outline", size: "sm", onClick: onLetAiHandle, children: [
-                  /* @__PURE__ */ jsx3(Bot, { className: "mr-1.5 size-3.5" }),
+              /* @__PURE__ */ jsxs3("div", { className: "flex items-center justify-between", children: [
+                initialChannelRef.current !== "email" && /* @__PURE__ */ jsxs3(Button, { variant: "outline", size: "sm", onClick: onLetAiHandle, children: [
+                  /* @__PURE__ */ jsx4(Bot2, { className: "mr-1.5 size-3.5" }),
                   "Let AI Handle"
                 ] }),
-                /* @__PURE__ */ jsxs2(
+                /* @__PURE__ */ jsxs3(
                   Button,
                   {
                     size: "sm",
@@ -782,7 +857,7 @@ function ChatComposer({
                     onClick: () => onSend == null ? void 0 : onSend(inputValue),
                     disabled: !inputValue.trim(),
                     children: [
-                      /* @__PURE__ */ jsx3(Send, { className: "mr-1.5 size-3.5" }),
+                      /* @__PURE__ */ jsx4(Send, { className: "mr-1.5 size-3.5" }),
                       "Send"
                     ]
                   }
@@ -839,13 +914,13 @@ function ChatThread({
   const prevLastMessageIdRef = React.useRef(void 0);
   const prevContactIdRef = React.useRef(contact.id);
   React.useLayoutEffect(() => {
-    var _a, _b;
+    var _a2, _b;
     const el = scrollRef.current;
     if (!el) return;
     if (preLoadScrollHeightRef.current !== null) {
       el.scrollTop = el.scrollHeight - preLoadScrollHeightRef.current;
       preLoadScrollHeightRef.current = null;
-      prevLastMessageIdRef.current = (_a = messages[messages.length - 1]) == null ? void 0 : _a.id;
+      prevLastMessageIdRef.current = (_a2 = messages[messages.length - 1]) == null ? void 0 : _a2.id;
       prevContactIdRef.current = contact.id;
       return;
     }
@@ -863,8 +938,8 @@ function ChatThread({
     const el = scrollRef.current;
     if (el) el.scrollTop = el.scrollHeight;
   }, [isAiTyping]);
-  return /* @__PURE__ */ jsxs2("div", { className: cn("flex flex-col bg-background", className), children: [
-    /* @__PURE__ */ jsxs2(
+  return /* @__PURE__ */ jsxs3("div", { className: cn("flex flex-col bg-background", className), children: [
+    /* @__PURE__ */ jsxs3(
       "div",
       {
         className: cn(
@@ -872,7 +947,7 @@ function ChatThread({
           "flex items-center gap-3 border-b border-border px-4"
         ),
         children: [
-          onBack && /* @__PURE__ */ jsx3(
+          onBack && /* @__PURE__ */ jsx4(
             Button,
             {
               variant: "ghost",
@@ -880,28 +955,28 @@ function ChatThread({
               className: "size-8 shrink-0 md:hidden",
               onClick: onBack,
               "aria-label": "Back to conversations",
-              children: /* @__PURE__ */ jsx3(ArrowLeft, { className: "size-4" })
+              children: /* @__PURE__ */ jsx4(ArrowLeft, { className: "size-4" })
             }
           ),
-          /* @__PURE__ */ jsx3(ContactAvatar, { name: contact.name, size: "md" }),
-          /* @__PURE__ */ jsxs2("div", { className: "min-w-0 flex-1", children: [
-            /* @__PURE__ */ jsxs2("div", { className: "flex items-center gap-2", children: [
-              /* @__PURE__ */ jsx3("span", { className: "text-sm font-semibold text-foreground", children: displayContactName(contact.name) }),
-              /* @__PURE__ */ jsx3(ConversationStatusChip, { status, showDot: true })
+          /* @__PURE__ */ jsx4(ContactAvatar, { name: contact.name, size: "md" }),
+          /* @__PURE__ */ jsxs3("div", { className: "min-w-0 flex-1", children: [
+            /* @__PURE__ */ jsxs3("div", { className: "flex items-center gap-2", children: [
+              /* @__PURE__ */ jsx4("span", { className: "text-sm font-semibold text-foreground", children: displayContactName(contact.name) }),
+              /* @__PURE__ */ jsx4(ConversationStatusChip, { status, showDot: true })
             ] }),
-            contact.email && /* @__PURE__ */ jsx3("p", { className: "text-sm text-muted-foreground", children: contact.email })
+            contact.email && /* @__PURE__ */ jsx4("p", { className: "text-sm text-muted-foreground", children: contact.email })
           ] }),
-          /* @__PURE__ */ jsxs2("div", { className: "flex shrink-0 items-center gap-2", children: [
-            /* @__PURE__ */ jsxs2("div", { className: "hidden items-center gap-2 md:flex", children: [
-              isClosed && /* @__PURE__ */ jsx3(Button, { variant: "outline", size: "sm", onClick: onReopen, children: "Reopen" }),
-              !isClosed && aiIsHandling && /* @__PURE__ */ jsx3(Button, { size: "sm", onClick: onTakeOver, children: "Take Over" }),
-              !isClosed && !aiIsHandling && channel !== "email" && /* @__PURE__ */ jsxs2(Button, { variant: "outline", size: "sm", onClick: onLetAiHandle, children: [
-                /* @__PURE__ */ jsx3(Bot, { className: "mr-1.5 size-3.5" }),
+          /* @__PURE__ */ jsxs3("div", { className: "flex shrink-0 items-center gap-2", children: [
+            /* @__PURE__ */ jsxs3("div", { className: "hidden items-center gap-2 md:flex", children: [
+              isClosed && /* @__PURE__ */ jsx4(Button, { variant: "outline", size: "sm", onClick: onReopen, children: "Reopen" }),
+              !isClosed && aiIsHandling && /* @__PURE__ */ jsx4(Button, { size: "sm", onClick: onTakeOver, children: "Take Over" }),
+              !isClosed && !aiIsHandling && channel !== "email" && /* @__PURE__ */ jsxs3(Button, { variant: "outline", size: "sm", onClick: onLetAiHandle, children: [
+                /* @__PURE__ */ jsx4(Bot2, { className: "mr-1.5 size-3.5" }),
                 "Let AI Handle"
               ] })
             ] }),
-            /* @__PURE__ */ jsxs2(DropdownMenu, { children: [
-              /* @__PURE__ */ jsx3(
+            /* @__PURE__ */ jsxs3(DropdownMenu, { children: [
+              /* @__PURE__ */ jsx4(
                 DropdownMenuTrigger,
                 {
                   className: cn(
@@ -909,38 +984,38 @@ function ChatThread({
                     "size-8"
                   ),
                   "aria-label": "More actions",
-                  children: /* @__PURE__ */ jsx3(MoreHorizontal, { className: "size-4" })
+                  children: /* @__PURE__ */ jsx4(MoreHorizontal, { className: "size-4" })
                 }
               ),
-              /* @__PURE__ */ jsxs2(DropdownMenuContent, { children: [
-                onShowLeadInfo && /* @__PURE__ */ jsxs2(Fragment2, { children: [
-                  /* @__PURE__ */ jsxs2(
+              /* @__PURE__ */ jsxs3(DropdownMenuContent, { children: [
+                onShowLeadInfo && /* @__PURE__ */ jsxs3(Fragment2, { children: [
+                  /* @__PURE__ */ jsxs3(
                     DropdownMenuItem,
                     {
                       className: "md:hidden",
                       onClick: onShowLeadInfo,
                       children: [
-                        /* @__PURE__ */ jsx3(ChevronRight, { className: "mr-2 size-4" }),
+                        /* @__PURE__ */ jsx4(ChevronRight, { className: "mr-2 size-4" }),
                         "Lead Info"
                       ]
                     }
                   ),
-                  /* @__PURE__ */ jsx3(DropdownMenuSeparator, { className: "md:hidden" })
+                  /* @__PURE__ */ jsx4(DropdownMenuSeparator, { className: "md:hidden" })
                 ] }),
-                status === "needs-attention" ? /* @__PURE__ */ jsxs2(DropdownMenuItem, { onClick: onUnmarkUrgent, children: [
-                  /* @__PURE__ */ jsx3(Flag2, { className: "mr-2 size-4" }),
+                status === "needs-attention" ? /* @__PURE__ */ jsxs3(DropdownMenuItem, { onClick: onUnmarkUrgent, children: [
+                  /* @__PURE__ */ jsx4(Flag2, { className: "mr-2 size-4" }),
                   "Unmark Urgent"
-                ] }) : /* @__PURE__ */ jsxs2(DropdownMenuItem, { onClick: onMarkUrgent, children: [
-                  /* @__PURE__ */ jsx3(Flag2, { className: "mr-2 size-4" }),
+                ] }) : /* @__PURE__ */ jsxs3(DropdownMenuItem, { onClick: onMarkUrgent, children: [
+                  /* @__PURE__ */ jsx4(Flag2, { className: "mr-2 size-4" }),
                   "Mark as Urgent"
                 ] }),
-                /* @__PURE__ */ jsxs2(DropdownMenuItem, { onClick: onAssignToAdvisor, children: [
-                  /* @__PURE__ */ jsx3(UserCheck, { className: "mr-2 size-4" }),
+                /* @__PURE__ */ jsxs3(DropdownMenuItem, { onClick: onAssignToAdvisor, children: [
+                  /* @__PURE__ */ jsx4(UserCheck, { className: "mr-2 size-4" }),
                   "Assign to advisor"
                 ] }),
-                /* @__PURE__ */ jsx3(DropdownMenuSeparator, {}),
-                /* @__PURE__ */ jsxs2(DropdownMenuItem, { onClick: onArchive, children: [
-                  /* @__PURE__ */ jsx3(Archive, { className: "mr-2 size-4" }),
+                /* @__PURE__ */ jsx4(DropdownMenuSeparator, {}),
+                /* @__PURE__ */ jsxs3(DropdownMenuItem, { onClick: onArchive, children: [
+                  /* @__PURE__ */ jsx4(Archive, { className: "mr-2 size-4" }),
                   "Archive"
                 ] })
               ] })
@@ -949,7 +1024,7 @@ function ChatThread({
         ]
       }
     ),
-    /* @__PURE__ */ jsxs2(
+    /* @__PURE__ */ jsxs3(
       "div",
       {
         ref: scrollRef,
@@ -957,29 +1032,29 @@ function ChatThread({
         className: "flex flex-1 flex-col gap-4 overflow-y-auto p-4",
         tabIndex: 0,
         children: [
-          isLoadingMoreMessages && /* @__PURE__ */ jsx3("div", { className: "flex justify-center py-1 text-caption text-muted-foreground", children: "Loading older messages..." }),
-          messages.length === 0 ? /* @__PURE__ */ jsxs2("div", { className: "flex flex-1 flex-col items-center justify-center gap-2 text-muted-foreground", children: [
-            /* @__PURE__ */ jsx3(MessageSquare2, { className: "size-8 opacity-30" }),
-            /* @__PURE__ */ jsx3("p", { className: "text-sm", children: "No messages yet" })
-          ] }) : messages.map((msg) => /* @__PURE__ */ jsx3(ChatBubble, { message: msg, channel }, msg.id)),
-          isAiTyping && !isClosed && /* @__PURE__ */ jsxs2("div", { className: "flex gap-2.5", children: [
-            /* @__PURE__ */ jsx3(BubbleAvatar, { role: "bot" }),
-            /* @__PURE__ */ jsxs2("div", { className: "flex flex-col gap-1", children: [
-              /* @__PURE__ */ jsx3("span", { className: "text-caption text-muted-foreground", children: "AI Assistant" }),
-              /* @__PURE__ */ jsxs2("div", { className: "flex items-center gap-1 border border-border bg-muted/60 px-3 py-2.5", children: [
-                /* @__PURE__ */ jsx3("span", { className: "size-1.5 animate-bounce rounded-full bg-muted-foreground [animation-delay:0ms]" }),
-                /* @__PURE__ */ jsx3("span", { className: "size-1.5 animate-bounce rounded-full bg-muted-foreground [animation-delay:150ms]" }),
-                /* @__PURE__ */ jsx3("span", { className: "size-1.5 animate-bounce rounded-full bg-muted-foreground [animation-delay:300ms]" })
+          isLoadingMoreMessages && /* @__PURE__ */ jsx4("div", { className: "flex justify-center py-1 text-caption text-muted-foreground", children: "Loading older messages..." }),
+          messages.length === 0 ? /* @__PURE__ */ jsxs3("div", { className: "flex flex-1 flex-col items-center justify-center gap-2 text-muted-foreground", children: [
+            /* @__PURE__ */ jsx4(MessageSquare2, { className: "size-8 opacity-30" }),
+            /* @__PURE__ */ jsx4("p", { className: "text-sm", children: "No messages yet" })
+          ] }) : messages.map((msg) => /* @__PURE__ */ jsx4(ChatBubble, { message: msg, channel }, msg.id)),
+          isAiTyping && !isClosed && /* @__PURE__ */ jsxs3("div", { className: "flex gap-2.5", children: [
+            /* @__PURE__ */ jsx4(BubbleAvatar, { role: "bot" }),
+            /* @__PURE__ */ jsxs3("div", { className: "flex flex-col gap-1", children: [
+              /* @__PURE__ */ jsx4("span", { className: "text-caption text-muted-foreground", children: "AI Assistant" }),
+              /* @__PURE__ */ jsxs3("div", { className: "flex items-center gap-1 border border-border bg-muted/60 px-3 py-2.5", children: [
+                /* @__PURE__ */ jsx4("span", { className: "size-1.5 animate-bounce rounded-full bg-muted-foreground [animation-delay:0ms]" }),
+                /* @__PURE__ */ jsx4("span", { className: "size-1.5 animate-bounce rounded-full bg-muted-foreground [animation-delay:150ms]" }),
+                /* @__PURE__ */ jsx4("span", { className: "size-1.5 animate-bounce rounded-full bg-muted-foreground [animation-delay:300ms]" })
               ] })
             ] })
           ] })
         ]
       }
     ),
-    isClosed ? /* @__PURE__ */ jsxs2("div", { className: "flex items-center gap-3 border-t border-border bg-muted/30 px-4 py-3 text-sm text-muted-foreground", children: [
-      /* @__PURE__ */ jsx3(Lock, { className: "size-3.5 shrink-0" }),
-      /* @__PURE__ */ jsx3("span", { children: "This conversation is closed." }),
-      /* @__PURE__ */ jsx3(
+    isClosed ? /* @__PURE__ */ jsxs3("div", { className: "flex items-center gap-3 border-t border-border bg-muted/30 px-4 py-3 text-sm text-muted-foreground", children: [
+      /* @__PURE__ */ jsx4(Lock, { className: "size-3.5 shrink-0" }),
+      /* @__PURE__ */ jsx4("span", { children: "This conversation is closed." }),
+      /* @__PURE__ */ jsx4(
         Button,
         {
           variant: "outline",
@@ -989,7 +1064,7 @@ function ChatThread({
           children: "Reopen"
         }
       )
-    ] }) : /* @__PURE__ */ jsx3(
+    ] }) : /* @__PURE__ */ jsx4(
       ChatComposer,
       {
         mode,
@@ -1027,20 +1102,20 @@ import {
   UserPlus,
   Video
 } from "lucide-react";
-import { Fragment as Fragment3, jsx as jsx4, jsxs as jsxs3 } from "react/jsx-runtime";
+import { Fragment as Fragment3, jsx as jsx5, jsxs as jsxs4 } from "react/jsx-runtime";
 function AICollectedDataSection({
   fields,
   className
 }) {
-  return /* @__PURE__ */ jsx4("div", { className: cn("flex flex-col", className), children: fields.map((field, i) => /* @__PURE__ */ jsxs3(
+  return /* @__PURE__ */ jsx5("div", { className: cn("flex flex-col", className), children: fields.map((field, i) => /* @__PURE__ */ jsxs4(
     "div",
     {
       className: "flex items-center justify-between gap-2 border-b border-border/40 py-1.5 last:border-b-0",
       children: [
-        /* @__PURE__ */ jsx4("span", { className: "shrink-0 text-sm text-muted-foreground", children: field.label }),
-        /* @__PURE__ */ jsxs3("div", { className: "flex items-center gap-1.5", children: [
-          /* @__PURE__ */ jsx4("span", { className: "text-right text-sm font-medium text-foreground", children: field.value }),
-          field.confidence === "confirmed" ? /* @__PURE__ */ jsx4(CheckCircle2, { className: "size-3 shrink-0 text-success-text" }) : /* @__PURE__ */ jsx4(HelpCircle, { className: "size-3 shrink-0 text-warning-text" })
+        /* @__PURE__ */ jsx5("span", { className: "shrink-0 text-sm text-muted-foreground", children: field.label }),
+        /* @__PURE__ */ jsxs4("div", { className: "flex items-center gap-1.5", children: [
+          /* @__PURE__ */ jsx5("span", { className: "text-right text-sm font-medium text-foreground", children: field.value }),
+          field.confidence === "confirmed" ? /* @__PURE__ */ jsx5(CheckCircle2, { className: "size-3 shrink-0 text-success-text" }) : /* @__PURE__ */ jsx5(HelpCircle, { className: "size-3 shrink-0 text-warning-text" })
         ] })
       ]
     },
@@ -1074,9 +1149,9 @@ function MeetingDetailRow({
 }) {
   const DetailIcon = MEETING_DETAIL_ICON[meetingType];
   const isLink = detail.startsWith("http");
-  return /* @__PURE__ */ jsxs3("div", { className: "flex items-center gap-2", children: [
-    /* @__PURE__ */ jsx4(DetailIcon, { className: "size-4 shrink-0 text-muted-foreground" }),
-    isLink ? /* @__PURE__ */ jsx4(
+  return /* @__PURE__ */ jsxs4("div", { className: "flex items-center gap-2", children: [
+    /* @__PURE__ */ jsx5(DetailIcon, { className: "size-4 shrink-0 text-muted-foreground" }),
+    isLink ? /* @__PURE__ */ jsx5(
       "a",
       {
         href: detail,
@@ -1085,7 +1160,7 @@ function MeetingDetailRow({
         className: "text-sm text-primary underline underline-offset-2 break-all hover:text-primary/80",
         children: detail
       }
-    ) : /* @__PURE__ */ jsx4("span", { className: "text-sm text-muted-foreground break-all", children: detail })
+    ) : /* @__PURE__ */ jsx5("span", { className: "text-sm text-muted-foreground break-all", children: detail })
   ] });
 }
 function AppointmentSection({
@@ -1098,23 +1173,23 @@ function AppointmentSection({
 }) {
   const AppointmentIcon = MEETING_ICON[appointment.meetingType];
   const canReschedule = !isAnonymous && !!onRescheduleAppointment;
-  return /* @__PURE__ */ jsxs3("div", { className: "flex flex-col gap-2", children: [
-    /* @__PURE__ */ jsxs3("div", { className: "flex items-center gap-2", children: [
-      /* @__PURE__ */ jsx4(Calendar, { className: "size-3.5 shrink-0 text-muted-foreground" }),
-      /* @__PURE__ */ jsx4("span", { className: "text-sm font-medium text-foreground", children: appointment.datetime })
+  return /* @__PURE__ */ jsxs4("div", { className: "flex flex-col gap-2", children: [
+    /* @__PURE__ */ jsxs4("div", { className: "flex items-center gap-2", children: [
+      /* @__PURE__ */ jsx5(Calendar, { className: "size-3.5 shrink-0 text-muted-foreground" }),
+      /* @__PURE__ */ jsx5("span", { className: "text-sm font-medium text-foreground", children: appointment.datetime })
     ] }),
-    /* @__PURE__ */ jsxs3("div", { className: "flex items-center gap-2", children: [
-      /* @__PURE__ */ jsx4(AppointmentIcon, { className: "size-4 shrink-0 text-muted-foreground" }),
-      /* @__PURE__ */ jsx4("span", { className: "text-sm text-muted-foreground", children: MEETING_LABEL[appointment.meetingType] })
+    /* @__PURE__ */ jsxs4("div", { className: "flex items-center gap-2", children: [
+      /* @__PURE__ */ jsx5(AppointmentIcon, { className: "size-4 shrink-0 text-muted-foreground" }),
+      /* @__PURE__ */ jsx5("span", { className: "text-sm text-muted-foreground", children: MEETING_LABEL[appointment.meetingType] })
     ] }),
-    appointment.meetingDetail && /* @__PURE__ */ jsx4(
+    appointment.meetingDetail && /* @__PURE__ */ jsx5(
       MeetingDetailRow,
       {
         meetingType: appointment.meetingType,
         detail: appointment.meetingDetail
       }
     ),
-    /* @__PURE__ */ jsx4(
+    /* @__PURE__ */ jsx5(
       "span",
       {
         className: cn("text-sm font-medium", {
@@ -1126,9 +1201,9 @@ function AppointmentSection({
         children: APPOINTMENT_STATUS_LABEL[appointment.status]
       }
     ),
-    appointment.status === "requested" && /* @__PURE__ */ jsxs3("div", { className: "flex gap-2 pt-1", children: [
-      /* @__PURE__ */ jsx4(Button, { size: "sm", className: "flex-1", onClick: onApproveAppointment, children: "Approve" }),
-      /* @__PURE__ */ jsx4(
+    appointment.status === "requested" && /* @__PURE__ */ jsxs4("div", { className: "flex gap-2 pt-1", children: [
+      /* @__PURE__ */ jsx5(Button, { size: "sm", className: "flex-1", onClick: onApproveAppointment, children: "Approve" }),
+      /* @__PURE__ */ jsx5(
         Button,
         {
           variant: "outline",
@@ -1138,7 +1213,7 @@ function AppointmentSection({
           children: "Decline"
         }
       ),
-      canReschedule && /* @__PURE__ */ jsx4(
+      canReschedule && /* @__PURE__ */ jsx5(
         Button,
         {
           variant: "ghost",
@@ -1149,7 +1224,7 @@ function AppointmentSection({
         }
       )
     ] }),
-    (appointment.status === "confirmed" || appointment.status === "cancelled") && canReschedule && /* @__PURE__ */ jsx4(
+    (appointment.status === "confirmed" || appointment.status === "cancelled") && canReschedule && /* @__PURE__ */ jsx5(
       Button,
       {
         variant: "outline",
@@ -1162,13 +1237,13 @@ function AppointmentSection({
   ] });
 }
 function PanelSectionHeader({ children }) {
-  return /* @__PURE__ */ jsx4("p", { className: "mb-2.5 text-overline text-muted-foreground", children });
+  return /* @__PURE__ */ jsx5("p", { className: "mb-2.5 text-overline text-muted-foreground", children });
 }
 function PanelSection({
   children,
   last = false
 }) {
-  return /* @__PURE__ */ jsx4("div", { className: cn("px-4 py-4", !last && "border-b border-border"), children });
+  return /* @__PURE__ */ jsx5("div", { className: cn("px-4 py-4", !last && "border-b border-border"), children });
 }
 function LeadInfoPanel({
   contact,
@@ -1194,8 +1269,8 @@ function LeadInfoPanel({
 }) {
   const isAnonymous = !contact.name.trim();
   const addToContactsDisabled = isAnonymous || isKnownContact;
-  return /* @__PURE__ */ jsxs3("div", { className: cn("flex flex-col bg-background", className), children: [
-    /* @__PURE__ */ jsxs3(
+  return /* @__PURE__ */ jsxs4("div", { className: cn("flex flex-col bg-background", className), children: [
+    /* @__PURE__ */ jsxs4(
       "div",
       {
         className: cn(
@@ -1203,7 +1278,7 @@ function LeadInfoPanel({
           "flex items-center justify-between border-b border-border px-4"
         ),
         children: [
-          onBack && /* @__PURE__ */ jsx4(
+          onBack && /* @__PURE__ */ jsx5(
             Button,
             {
               variant: "ghost",
@@ -1211,15 +1286,15 @@ function LeadInfoPanel({
               className: "size-8 shrink-0 md:hidden",
               onClick: onBack,
               "aria-label": "Back to conversation",
-              children: /* @__PURE__ */ jsx4(ArrowLeft2, { className: "size-4" })
+              children: /* @__PURE__ */ jsx5(ArrowLeft2, { className: "size-4" })
             }
           ),
-          /* @__PURE__ */ jsx4("span", { className: "text-sm font-semibold text-foreground", children: "Lead Info" }),
-          onToggleCollapse && /* @__PURE__ */ jsxs3(Tooltip, { children: [
-            /* @__PURE__ */ jsx4(
+          /* @__PURE__ */ jsx5("span", { className: "text-sm font-semibold text-foreground", children: "Lead Info" }),
+          onToggleCollapse && /* @__PURE__ */ jsxs4(Tooltip, { children: [
+            /* @__PURE__ */ jsx5(
               TooltipTrigger,
               {
-                render: /* @__PURE__ */ jsx4(
+                render: /* @__PURE__ */ jsx5(
                   Button,
                   {
                     variant: "ghost",
@@ -1227,7 +1302,7 @@ function LeadInfoPanel({
                     className: "size-7",
                     onClick: onToggleCollapse,
                     "aria-label": isCollapsed ? "Expand panel" : "Collapse panel",
-                    children: /* @__PURE__ */ jsx4(
+                    children: /* @__PURE__ */ jsx5(
                       ChevronRight2,
                       {
                         className: cn(
@@ -1240,26 +1315,26 @@ function LeadInfoPanel({
                 )
               }
             ),
-            /* @__PURE__ */ jsx4(TooltipContent, { children: isCollapsed ? "Expand panel" : "Collapse panel" })
+            /* @__PURE__ */ jsx5(TooltipContent, { children: isCollapsed ? "Expand panel" : "Collapse panel" })
           ] })
         ]
       }
     ),
-    !isCollapsed && /* @__PURE__ */ jsxs3("div", { className: "flex-1 overflow-y-auto", tabIndex: 0, children: [
-      /* @__PURE__ */ jsxs3(PanelSection, { children: [
-        /* @__PURE__ */ jsx4(PanelSectionHeader, { children: "Contact" }),
-        /* @__PURE__ */ jsxs3("div", { className: "flex items-center gap-3", children: [
-          /* @__PURE__ */ jsx4(ContactAvatar, { name: contact.name, size: "lg" }),
-          /* @__PURE__ */ jsxs3("div", { className: "min-w-0 flex-1", children: [
-            /* @__PURE__ */ jsx4("p", { className: "truncate text-sm font-semibold text-foreground", children: displayContactName(contact.name) }),
-            /* @__PURE__ */ jsx4("p", { className: "text-sm text-muted-foreground", children: source }),
-            topic && /* @__PURE__ */ jsx4(Badge, { variant: "secondary", className: "mt-1 text-xs", children: topic })
+    !isCollapsed && /* @__PURE__ */ jsxs4("div", { className: "flex-1 overflow-y-auto", tabIndex: 0, children: [
+      /* @__PURE__ */ jsxs4(PanelSection, { children: [
+        /* @__PURE__ */ jsx5(PanelSectionHeader, { children: "Contact" }),
+        /* @__PURE__ */ jsxs4("div", { className: "flex items-center gap-3", children: [
+          /* @__PURE__ */ jsx5(ContactAvatar, { name: contact.name, size: "lg" }),
+          /* @__PURE__ */ jsxs4("div", { className: "min-w-0 flex-1", children: [
+            /* @__PURE__ */ jsx5("p", { className: "truncate text-sm font-semibold text-foreground", children: displayContactName(contact.name) }),
+            /* @__PURE__ */ jsx5("p", { className: "text-sm text-muted-foreground", children: source }),
+            topic && /* @__PURE__ */ jsx5(Badge, { variant: "secondary", className: "mt-1 text-xs", children: topic })
           ] })
         ] }),
-        (contact.email || contact.phone || firstSeen) && /* @__PURE__ */ jsxs3("div", { className: "mt-3 flex flex-col gap-1.5", children: [
-          contact.email && /* @__PURE__ */ jsxs3("div", { className: "flex items-center gap-2 text-sm text-muted-foreground", children: [
-            /* @__PURE__ */ jsx4(Mail3, { className: "size-4 shrink-0" }),
-            /* @__PURE__ */ jsx4(
+        (contact.email || contact.phone || firstSeen) && /* @__PURE__ */ jsxs4("div", { className: "mt-3 flex flex-col gap-1.5", children: [
+          contact.email && /* @__PURE__ */ jsxs4("div", { className: "flex items-center gap-2 text-sm text-muted-foreground", children: [
+            /* @__PURE__ */ jsx5(Mail3, { className: "size-4 shrink-0" }),
+            /* @__PURE__ */ jsx5(
               "a",
               {
                 href: `mailto:${contact.email}`,
@@ -1268,9 +1343,9 @@ function LeadInfoPanel({
               }
             )
           ] }),
-          contact.phone && /* @__PURE__ */ jsxs3("div", { className: "flex items-center gap-2 text-sm text-muted-foreground", children: [
-            /* @__PURE__ */ jsx4(PhoneCall, { className: "size-4 shrink-0" }),
-            /* @__PURE__ */ jsx4(
+          contact.phone && /* @__PURE__ */ jsxs4("div", { className: "flex items-center gap-2 text-sm text-muted-foreground", children: [
+            /* @__PURE__ */ jsx5(PhoneCall, { className: "size-4 shrink-0" }),
+            /* @__PURE__ */ jsx5(
               "a",
               {
                 href: `tel:${contact.phone}`,
@@ -1279,31 +1354,31 @@ function LeadInfoPanel({
               }
             )
           ] }),
-          firstSeen && /* @__PURE__ */ jsxs3("p", { className: "text-sm text-muted-foreground", children: [
+          firstSeen && /* @__PURE__ */ jsxs4("p", { className: "text-sm text-muted-foreground", children: [
             "First seen: ",
             firstSeen
           ] })
         ] })
       ] }),
-      /* @__PURE__ */ jsxs3(PanelSection, { children: [
-        /* @__PURE__ */ jsx4(PanelSectionHeader, { children: "AI-Collected Data" }),
-        aiFields.length > 0 ? /* @__PURE__ */ jsxs3(Fragment3, { children: [
-          /* @__PURE__ */ jsx4(AICollectedDataSection, { fields: aiFields }),
-          /* @__PURE__ */ jsxs3("div", { className: "mt-2.5 flex items-center gap-3 text-xs text-muted-foreground", children: [
-            /* @__PURE__ */ jsxs3("span", { className: "flex items-center gap-1", children: [
-              /* @__PURE__ */ jsx4(CheckCircle2, { className: "size-3 text-success-text" }),
+      /* @__PURE__ */ jsxs4(PanelSection, { children: [
+        /* @__PURE__ */ jsx5(PanelSectionHeader, { children: "AI-Collected Data" }),
+        aiFields.length > 0 ? /* @__PURE__ */ jsxs4(Fragment3, { children: [
+          /* @__PURE__ */ jsx5(AICollectedDataSection, { fields: aiFields }),
+          /* @__PURE__ */ jsxs4("div", { className: "mt-2.5 flex items-center gap-3 text-xs text-muted-foreground", children: [
+            /* @__PURE__ */ jsxs4("span", { className: "flex items-center gap-1", children: [
+              /* @__PURE__ */ jsx5(CheckCircle2, { className: "size-3 text-success-text" }),
               "confirmed"
             ] }),
-            /* @__PURE__ */ jsxs3("span", { className: "flex items-center gap-1", children: [
-              /* @__PURE__ */ jsx4(HelpCircle, { className: "size-3 text-warning-text" }),
+            /* @__PURE__ */ jsxs4("span", { className: "flex items-center gap-1", children: [
+              /* @__PURE__ */ jsx5(HelpCircle, { className: "size-3 text-warning-text" }),
               "estimated"
             ] })
           ] })
-        ] }) : /* @__PURE__ */ jsx4("p", { className: "text-sm text-muted-foreground", children: "AI is still gathering information..." })
+        ] }) : /* @__PURE__ */ jsx5("p", { className: "text-sm text-muted-foreground", children: "AI is still gathering information..." })
       ] }),
-      /* @__PURE__ */ jsxs3(PanelSection, { children: [
-        /* @__PURE__ */ jsx4(PanelSectionHeader, { children: "Appointment" }),
-        appointment ? /* @__PURE__ */ jsx4(
+      /* @__PURE__ */ jsxs4(PanelSection, { children: [
+        /* @__PURE__ */ jsx5(PanelSectionHeader, { children: "Appointment" }),
+        appointment ? /* @__PURE__ */ jsx5(
           AppointmentSection,
           {
             appointment,
@@ -1313,7 +1388,7 @@ function LeadInfoPanel({
             onDeclineAppointment,
             onRescheduleAppointment
           }
-        ) : /* @__PURE__ */ jsxs3(
+        ) : /* @__PURE__ */ jsxs4(
           Button,
           {
             variant: "outline",
@@ -1322,20 +1397,20 @@ function LeadInfoPanel({
             disabled: isAnonymous,
             onClick: onBookAppointment,
             children: [
-              /* @__PURE__ */ jsx4(Plus, { className: "mr-1.5 size-3.5" }),
+              /* @__PURE__ */ jsx5(Plus, { className: "mr-1.5 size-3.5" }),
               "Book Appointment"
             ]
           }
         )
       ] }),
-      /* @__PURE__ */ jsxs3(PanelSection, { children: [
-        /* @__PURE__ */ jsx4(PanelSectionHeader, { children: "CRM Actions" }),
-        /* @__PURE__ */ jsxs3("div", { className: "flex flex-col gap-2", children: [
-          /* @__PURE__ */ jsxs3(Tooltip, { children: [
-            /* @__PURE__ */ jsx4(
+      /* @__PURE__ */ jsxs4(PanelSection, { children: [
+        /* @__PURE__ */ jsx5(PanelSectionHeader, { children: "CRM Actions" }),
+        /* @__PURE__ */ jsxs4("div", { className: "flex flex-col gap-2", children: [
+          /* @__PURE__ */ jsxs4(Tooltip, { children: [
+            /* @__PURE__ */ jsx5(
               TooltipTrigger,
               {
-                render: /* @__PURE__ */ jsxs3(
+                render: /* @__PURE__ */ jsxs4(
                   Button,
                   {
                     variant: "outline",
@@ -1344,16 +1419,16 @@ function LeadInfoPanel({
                     disabled: addToContactsDisabled,
                     onClick: onAddToContacts,
                     children: [
-                      /* @__PURE__ */ jsx4(UserPlus, { className: "mr-1.5 size-3.5" }),
+                      /* @__PURE__ */ jsx5(UserPlus, { className: "mr-1.5 size-3.5" }),
                       "Add to Contacts"
                     ]
                   }
                 )
               }
             ),
-            isKnownContact && /* @__PURE__ */ jsx4(TooltipContent, { children: "Already in contacts" })
+            isKnownContact && /* @__PURE__ */ jsx5(TooltipContent, { children: "Already in contacts" })
           ] }),
-          /* @__PURE__ */ jsxs3(
+          /* @__PURE__ */ jsxs4(
             Button,
             {
               variant: "outline",
@@ -1362,23 +1437,23 @@ function LeadInfoPanel({
               disabled: isAnonymous,
               onClick: onCreateOpportunity,
               children: [
-                /* @__PURE__ */ jsx4(Briefcase, { className: "mr-1.5 size-3.5" }),
+                /* @__PURE__ */ jsx5(Briefcase, { className: "mr-1.5 size-3.5" }),
                 "Add to CRM"
               ]
             }
           )
         ] })
       ] }),
-      /* @__PURE__ */ jsxs3(PanelSection, { last: true, children: [
-        /* @__PURE__ */ jsxs3("div", { className: "mb-2.5 flex items-center justify-between", children: [
-          /* @__PURE__ */ jsx4("p", { className: "text-overline text-muted-foreground", children: "Internal Notes" }),
-          notesSaveStatus === "saving" && /* @__PURE__ */ jsx4("span", { className: "text-xs text-muted-foreground", children: "Saving..." }),
-          notesSaveStatus === "saved" && /* @__PURE__ */ jsxs3("span", { className: "flex items-center gap-1 text-xs text-success-text", children: [
-            /* @__PURE__ */ jsx4(CheckCircle2, { className: "size-3" }),
+      /* @__PURE__ */ jsxs4(PanelSection, { last: true, children: [
+        /* @__PURE__ */ jsxs4("div", { className: "mb-2.5 flex items-center justify-between", children: [
+          /* @__PURE__ */ jsx5("p", { className: "text-overline text-muted-foreground", children: "Internal Notes" }),
+          notesSaveStatus === "saving" && /* @__PURE__ */ jsx5("span", { className: "text-xs text-muted-foreground", children: "Saving..." }),
+          notesSaveStatus === "saved" && /* @__PURE__ */ jsxs4("span", { className: "flex items-center gap-1 text-xs text-success-text", children: [
+            /* @__PURE__ */ jsx5(CheckCircle2, { className: "size-3" }),
             "Saved"
           ] })
         ] }),
-        /* @__PURE__ */ jsx4(
+        /* @__PURE__ */ jsx5(
           Textarea,
           {
             value: internalNotes,
@@ -1394,7 +1469,7 @@ function LeadInfoPanel({
 }
 
 // src/components/ui/ai-conversations/index.tsx
-import { Fragment as Fragment4, jsx as jsx5, jsxs as jsxs4 } from "react/jsx-runtime";
+import { Fragment as Fragment4, jsx as jsx6, jsxs as jsxs5 } from "react/jsx-runtime";
 function ConversationsPage({
   conversations,
   activeConversationId,
@@ -1462,12 +1537,12 @@ function ConversationsPage({
     onToggleLeadPanel == null ? void 0 : onToggleLeadPanel();
     setMobilePanel(showLeadPanel ? "chat" : "lead");
   };
-  return /* @__PURE__ */ jsx5(TooltipProvider, { children: /* @__PURE__ */ jsxs4(
+  return /* @__PURE__ */ jsx6(TooltipProvider, { children: /* @__PURE__ */ jsxs5(
     "div",
     {
       className: cn("flex h-full overflow-hidden bg-background", className),
       children: [
-        /* @__PURE__ */ jsx5(
+        /* @__PURE__ */ jsx6(
           ConversationList,
           {
             conversations,
@@ -1489,7 +1564,7 @@ function ConversationsPage({
             )
           }
         ),
-        contact ? /* @__PURE__ */ jsx5(
+        contact ? /* @__PURE__ */ jsx6(
           ChatThread,
           {
             contact,
@@ -1523,21 +1598,21 @@ function ConversationsPage({
             )
           },
           contact.id
-        ) : /* @__PURE__ */ jsx5(
+        ) : /* @__PURE__ */ jsx6(
           "div",
           {
             className: cn(
               "min-w-0 flex-1 items-center justify-center border-r border-border bg-muted/10",
               mobilePanel === "chat" ? "flex md:flex" : "hidden md:flex"
             ),
-            children: /* @__PURE__ */ jsxs4("div", { className: "flex flex-col items-center gap-2 text-muted-foreground", children: [
-              /* @__PURE__ */ jsx5(MessageSquare3, { className: "size-10 opacity-30" }),
-              /* @__PURE__ */ jsx5("p", { className: "text-sm", children: "Select a conversation" })
+            children: /* @__PURE__ */ jsxs5("div", { className: "flex flex-col items-center gap-2 text-muted-foreground", children: [
+              /* @__PURE__ */ jsx6(MessageSquare3, { className: "size-10 opacity-30" }),
+              /* @__PURE__ */ jsx6("p", { className: "text-sm", children: "Select a conversation" })
             ] })
           }
         ),
-        contact && /* @__PURE__ */ jsxs4(Fragment4, { children: [
-          /* @__PURE__ */ jsx5(
+        contact && /* @__PURE__ */ jsxs5(Fragment4, { children: [
+          /* @__PURE__ */ jsx6(
             "div",
             {
               className: cn(
@@ -1545,7 +1620,7 @@ function ConversationsPage({
                 "md:block md:shrink-0 md:overflow-hidden md:transition-[width] md:duration-200 md:ease-in-out",
                 showLeadPanel ? "md:w-[320px]" : "md:w-0"
               ),
-              children: /* @__PURE__ */ jsx5(
+              children: /* @__PURE__ */ jsx6(
                 LeadInfoPanel,
                 {
                   contact,
@@ -1571,11 +1646,11 @@ function ConversationsPage({
               )
             }
           ),
-          !showLeadPanel && onToggleLeadPanel && /* @__PURE__ */ jsx5("div", { className: "hidden shrink-0 items-start border-l border-border pt-[29px] md:flex", children: /* @__PURE__ */ jsxs4(Tooltip, { children: [
-            /* @__PURE__ */ jsx5(
+          !showLeadPanel && onToggleLeadPanel && /* @__PURE__ */ jsx6("div", { className: "hidden shrink-0 items-start border-l border-border pt-[29px] md:flex", children: /* @__PURE__ */ jsxs5(Tooltip, { children: [
+            /* @__PURE__ */ jsx6(
               TooltipTrigger,
               {
-                render: /* @__PURE__ */ jsx5(
+                render: /* @__PURE__ */ jsx6(
                   Button,
                   {
                     variant: "ghost",
@@ -1583,12 +1658,12 @@ function ConversationsPage({
                     className: "size-8",
                     "aria-label": "Show lead info",
                     onClick: handleToggleLeadPanel,
-                    children: /* @__PURE__ */ jsx5(ChevronLeft, { className: "size-4" })
+                    children: /* @__PURE__ */ jsx6(ChevronLeft, { className: "size-4" })
                   }
                 )
               }
             ),
-            /* @__PURE__ */ jsx5(TooltipContent, { children: "Show lead info" })
+            /* @__PURE__ */ jsx6(TooltipContent, { children: "Show lead info" })
           ] }) })
         ] })
       ]
@@ -1618,13 +1693,13 @@ function AiConvAssignAdvisorDialog({
       setRoleFilter("");
     }
   };
-  return /* @__PURE__ */ jsx5(Dialog, { open, onOpenChange: handleOpenChange, children: /* @__PURE__ */ jsxs4(DialogContent, { children: [
-    /* @__PURE__ */ jsxs4(DialogHeader, { children: [
-      /* @__PURE__ */ jsx5(DialogTitle, { children: "Assign to advisor" }),
-      /* @__PURE__ */ jsx5(DialogDescription, { children: "Choose an advisor to handle this conversation." })
+  return /* @__PURE__ */ jsx6(Dialog, { open, onOpenChange: handleOpenChange, children: /* @__PURE__ */ jsxs5(DialogContent, { children: [
+    /* @__PURE__ */ jsxs5(DialogHeader, { children: [
+      /* @__PURE__ */ jsx6(DialogTitle, { children: "Assign to advisor" }),
+      /* @__PURE__ */ jsx6(DialogDescription, { children: "Choose an advisor to handle this conversation." })
     ] }),
-    /* @__PURE__ */ jsxs4("div", { className: "flex flex-col gap-0", children: [
-      roles.length > 0 && /* @__PURE__ */ jsx5("div", { className: "pb-3", children: /* @__PURE__ */ jsxs4(
+    /* @__PURE__ */ jsxs5("div", { className: "flex flex-col gap-0", children: [
+      roles.length > 0 && /* @__PURE__ */ jsx6("div", { className: "pb-3", children: /* @__PURE__ */ jsxs5(
         ToggleGroup,
         {
           type: "single",
@@ -1637,14 +1712,14 @@ function AiConvAssignAdvisorDialog({
             setRoleFilter(!v || v === "__all__" ? "" : v);
           },
           children: [
-            /* @__PURE__ */ jsx5(ToggleGroupItem, { value: "__all__", children: "All" }),
-            roles.map((role) => /* @__PURE__ */ jsx5(ToggleGroupItem, { value: role, children: role }, role))
+            /* @__PURE__ */ jsx6(ToggleGroupItem, { value: "__all__", children: "All" }),
+            roles.map((role) => /* @__PURE__ */ jsx6(ToggleGroupItem, { value: role, children: role }, role))
           ]
         }
       ) }),
-      /* @__PURE__ */ jsxs4("div", { className: "flex items-center gap-2 border border-input px-3", children: [
-        /* @__PURE__ */ jsx5(Search2, { className: "size-4 shrink-0 text-muted-foreground" }),
-        /* @__PURE__ */ jsx5(
+      /* @__PURE__ */ jsxs5("div", { className: "flex items-center gap-2 border border-input px-3", children: [
+        /* @__PURE__ */ jsx6(Search2, { className: "size-4 shrink-0 text-muted-foreground" }),
+        /* @__PURE__ */ jsx6(
           "input",
           {
             type: "text",
@@ -1655,7 +1730,7 @@ function AiConvAssignAdvisorDialog({
           }
         )
       ] }),
-      /* @__PURE__ */ jsx5("div", { className: "max-h-52 overflow-y-auto border border-t-0 border-input", children: filtered.length === 0 ? /* @__PURE__ */ jsx5("p", { className: "py-6 text-center text-sm text-muted-foreground", children: "No advisors found." }) : filtered.map((advisor) => /* @__PURE__ */ jsxs4(
+      /* @__PURE__ */ jsx6("div", { className: "max-h-52 overflow-y-auto border border-t-0 border-input", children: filtered.length === 0 ? /* @__PURE__ */ jsx6("p", { className: "py-6 text-center text-sm text-muted-foreground", children: "No advisors found." }) : filtered.map((advisor) => /* @__PURE__ */ jsxs5(
         "button",
         {
           type: "button",
@@ -1665,19 +1740,19 @@ function AiConvAssignAdvisorDialog({
             value === advisor.id && "bg-muted font-medium"
           ),
           children: [
-            /* @__PURE__ */ jsx5(Avatar, { size: "sm", children: /* @__PURE__ */ jsx5(AvatarFallback, { className: "font-semibold", children: advisor.initials }) }),
-            /* @__PURE__ */ jsxs4("div", { className: "min-w-0 flex-1", children: [
-              /* @__PURE__ */ jsx5("p", { className: "truncate text-sm", children: advisor.name }),
-              advisor.role && /* @__PURE__ */ jsx5("p", { className: "truncate text-xs text-muted-foreground", children: advisor.role })
+            /* @__PURE__ */ jsx6(Avatar, { size: "sm", children: /* @__PURE__ */ jsx6(AvatarFallback, { className: "font-semibold", children: advisor.initials }) }),
+            /* @__PURE__ */ jsxs5("div", { className: "min-w-0 flex-1", children: [
+              /* @__PURE__ */ jsx6("p", { className: "truncate text-sm", children: advisor.name }),
+              advisor.role && /* @__PURE__ */ jsx6("p", { className: "truncate text-xs text-muted-foreground", children: advisor.role })
             ] })
           ]
         },
         advisor.id
       )) })
     ] }),
-    /* @__PURE__ */ jsxs4(DialogFooter, { children: [
-      /* @__PURE__ */ jsx5(Button, { variant: "outline", onClick: () => onOpenChange(false), children: "Cancel" }),
-      /* @__PURE__ */ jsx5(Button, { onClick: onConfirm, children: "Assign" })
+    /* @__PURE__ */ jsxs5(DialogFooter, { children: [
+      /* @__PURE__ */ jsx6(Button, { variant: "outline", onClick: () => onOpenChange(false), children: "Cancel" }),
+      /* @__PURE__ */ jsx6(Button, { onClick: onConfirm, children: "Assign" })
     ] })
   ] }) });
 }