@wealthx/shadcn 1.5.23 → 1.5.25

package/dist/{chunk-K4GJTP6N.mjs → chunk-4FJC64FV.mjs}

@@ -37,15 +37,15 @@ import {
 import {
   Badge
 } from "./chunk-X6RC5UWB.mjs";
-import {
-  ToggleGroup,
-  ToggleGroupItem
-} from "./chunk-OWFQSXVD.mjs";
 import {
   Popover,
   PopoverContent,
   PopoverTrigger
 } from "./chunk-HB5BKRMH.mjs";
+import {
+  ToggleGroup,
+  ToggleGroupItem
+} from "./chunk-OWFQSXVD.mjs";
 import {
   Input
 } from "./chunk-LBTHZSBT.mjs";
@@ -58,58 +58,30 @@ import {
   getInitials
 } from "./chunk-AFML43VJ.mjs";
 
-// src/components/ui/ai-conversations.tsx
-import React, { useState } from "react";
-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,
-  Briefcase,
-  Calendar,
-  CheckCircle2,
-  ChevronLeft,
-  ChevronRight,
-  ChevronDown,
-  Flag,
-  HelpCircle,
-  Italic,
-  Link2,
-  Lock,
-  Mail,
-  MapPin,
-  MessageSquare,
-  MoreHorizontal,
-  Navigation,
-  Paperclip,
-  Phone,
-  PhoneCall,
-  Plus,
-  Search,
-  Send,
-  Underline,
-  UserCheck,
-  UserPlus,
-  Video
-} from "lucide-react";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+// src/components/ui/ai-conversations/index.tsx
+import { useState } from "react";
+import { ChevronLeft, MessageSquare as MessageSquare3, Search as Search2 } from "lucide-react";
+
+// src/components/ui/ai-conversations/list.tsx
+import { Flag, Mail, MessageSquare, Search } from "lucide-react";
+
+// src/components/ui/ai-conversations/helpers.tsx
+import { jsx } from "react/jsx-runtime";
 function displayContactName(name) {
   return name.trim() || "Website User";
 }
 var PANEL_HEADER_HEIGHT = "h-[94px]";
-var APPOINTMENT_STATUS_LABEL = {
-  requested: "Lead requested",
-  confirmed: "Confirmed",
-  pending: "Pending confirmation",
-  cancelled: "Cancelled"
-};
+function ContactAvatar({
+  name,
+  size = "md",
+  className
+}) {
+  const avatarSize = size === "sm" ? "sm" : size === "lg" ? "lg" : "default";
+  return /* @__PURE__ */ jsx(Avatar, { size: avatarSize, className, children: /* @__PURE__ */ jsx(AvatarFallback, { className: "font-semibold", children: getInitials(name) }) });
+}
+
+// src/components/ui/ai-conversations/list.tsx
+import { Fragment, jsx as jsx2, jsxs } from "react/jsx-runtime";
 var STATUS_CONFIG = {
   "ai-active": {
     label: "AI Active",
@@ -139,14 +111,10 @@ function ConversationStatusChip({
 }) {
   const { label, variant, dotClass } = STATUS_CONFIG[status];
   return /* @__PURE__ */ jsxs(Badge, { variant, className, children: [
-    showDot && /* @__PURE__ */ jsx("span", { className: cn("size-1.5 shrink-0 rounded-full", dotClass) }),
+    showDot && /* @__PURE__ */ jsx2("span", { className: cn("size-1.5 shrink-0 rounded-full", dotClass) }),
     label
   ] });
 }
-function ContactAvatar({ name, size = "md", className }) {
-  const avatarSize = size === "sm" ? "sm" : size === "lg" ? "lg" : "default";
-  return /* @__PURE__ */ jsx(Avatar, { size: avatarSize, className, children: /* @__PURE__ */ jsx(AvatarFallback, { className: "font-semibold", children: getInitials(name) }) });
-}
 function ConversationListItem({
   data,
   isActive,
@@ -167,25 +135,25 @@ function ConversationListItem({
         isActive ? "bg-muted" : "hover:bg-muted/40"
       ),
       children: [
-        /* @__PURE__ */ jsx(ContactAvatar, { name: data.contact.name }),
+        /* @__PURE__ */ jsx2(ContactAvatar, { name: data.contact.name }),
         /* @__PURE__ */ jsxs("div", { className: "min-w-0 flex-1", children: [
           /* @__PURE__ */ jsxs("div", { className: "mb-1 flex items-center justify-between gap-2", children: [
-            /* @__PURE__ */ jsx("span", { className: "truncate text-sm font-semibold text-foreground", children: displayContactName(data.contact.name) }),
+            /* @__PURE__ */ jsx2("span", { className: "truncate text-sm font-semibold text-foreground", children: displayContactName(data.contact.name) }),
             /* @__PURE__ */ jsxs("div", { className: "flex shrink-0 items-center gap-1", children: [
-              data.status === "needs-attention" && /* @__PURE__ */ jsx(Flag, { className: "size-3 text-warning-text" }),
-              data.channel === "email" ? /* @__PURE__ */ jsx(Mail, { className: "size-3 text-muted-foreground" }) : /* @__PURE__ */ jsx(MessageSquare, { className: "size-3 text-muted-foreground" }),
-              /* @__PURE__ */ jsx("span", { className: "whitespace-nowrap text-xs text-muted-foreground", children: data.timestamp })
+              data.status === "needs-attention" && /* @__PURE__ */ jsx2(Flag, { className: "size-3 text-warning-text" }),
+              data.channel === "email" ? /* @__PURE__ */ jsx2(Mail, { className: "size-3 text-muted-foreground" }) : /* @__PURE__ */ jsx2(MessageSquare, { className: "size-3 text-muted-foreground" }),
+              /* @__PURE__ */ jsx2("span", { className: "whitespace-nowrap text-xs text-muted-foreground", children: data.timestamp })
             ] })
           ] }),
           /* @__PURE__ */ jsxs("div", { className: "mb-1.5 flex items-center justify-between gap-2", children: [
             /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 items-center gap-1.5", children: [
-              /* @__PURE__ */ jsx(ConversationStatusChip, { status: data.status, showDot: true }),
+              /* @__PURE__ */ jsx2(ConversationStatusChip, { status: data.status, showDot: true }),
               data.assignedTo && /* @__PURE__ */ jsxs("span", { className: "truncate text-xs text-muted-foreground", children: [
                 "\u2192 ",
                 data.assignedTo
               ] })
             ] }),
-            data.unreadCount ? /* @__PURE__ */ jsx(
+            data.unreadCount ? /* @__PURE__ */ jsx2(
               Badge,
               {
                 variant: "default",
@@ -195,7 +163,7 @@ function ConversationListItem({
             ) : null
           ] }),
           /* @__PURE__ */ jsxs("p", { className: "line-clamp-2 text-sm leading-relaxed text-muted-foreground", children: [
-            data.lastMessageRole === "bot" ? /* @__PURE__ */ jsx("span", { className: "font-medium text-foreground/60", children: "AI: " }) : data.lastMessageRole === "advisor" ? /* @__PURE__ */ jsx("span", { className: "font-medium text-foreground/60", children: "You: " }) : data.lastMessageRole === "visitor" ? /* @__PURE__ */ jsxs("span", { className: "font-medium text-foreground/60", children: [
+            data.lastMessageRole === "bot" ? /* @__PURE__ */ jsx2("span", { className: "font-medium text-foreground/60", children: "AI: " }) : data.lastMessageRole === "advisor" ? /* @__PURE__ */ jsx2("span", { className: "font-medium text-foreground/60", children: "You: " }) : data.lastMessageRole === "visitor" ? /* @__PURE__ */ jsxs("span", { className: "font-medium text-foreground/60", children: [
               displayContactName(data.contact.name).split(" ")[0],
               ":",
               " "
@@ -210,44 +178,35 @@ function ConversationListItem({
 function filterConversations(conversations, query, filter, channelFilter) {
   const q = query.toLowerCase();
   return conversations.filter((c) => {
-    var _a;
-    const matchesFilter = filter === "all" || (filter === "open" ? c.status !== "closed" : c.status === filter);
-    const matchesChannel = channelFilter === "all" || ((_a = c.channel) != null ? _a : "chat") === channelFilter;
+    var _a, _b;
+    const matchesFilter = filter === "all" || (filter === "emails" ? ((_a = c.channel) != null ? _a : "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;
   });
 }
 var FILTER_TABS = [
   { id: "all", label: "All" },
-  { id: "open", label: "Open" },
-  { id: "ai-active", label: "AI Active" },
+  { id: "emails", label: "Emails" },
   { id: "needs-attention", label: "Urgent" },
-  { id: "closed", label: "Archived" }
+  { id: "closed", label: "Archived" },
+  { id: "ai-active", label: "AI Active" }
 ];
 function ConversationList({
   conversations,
   activeId,
   searchQuery = "",
   activeFilter = "all",
-  channelFilter: channelFilterProp = "all",
+  channelFilter = "all",
   hasMore,
   isLoadingMore,
   onSearchChange,
   onFilterChange,
-  onChannelFilterChange,
   onSelect,
   onRead,
   onLoadMore,
   className
 }) {
-  const [channelFilter, setChannelFilter] = useState(channelFilterProp);
-  function handleChannelFilterChange(vals) {
-    const v = vals[0];
-    if (v) {
-      setChannelFilter(v);
-      onChannelFilterChange == null ? void 0 : onChannelFilterChange(v);
-    }
-  }
   return /* @__PURE__ */ jsxs(
     "div",
     {
@@ -257,49 +216,30 @@ function ConversationList({
       ),
       children: [
         /* @__PURE__ */ jsxs("div", { className: cn(PANEL_HEADER_HEIGHT, "flex shrink-0 flex-col"), children: [
-          /* @__PURE__ */ jsxs("div", { className: "flex shrink-0 items-center gap-2 border-b border-border px-3 py-2.5", children: [
-            /* @__PURE__ */ jsxs("div", { className: "relative flex-1", children: [
-              /* @__PURE__ */ jsx(Search, { className: "absolute left-2.5 top-1/2 size-3.5 -translate-y-1/2 text-muted-foreground" }),
-              /* @__PURE__ */ jsx(
-                Input,
-                {
-                  value: searchQuery,
-                  onChange: (e) => onSearchChange == null ? void 0 : onSearchChange(e.target.value),
-                  placeholder: "Search conversations...",
-                  className: "h-8 pl-8 text-sm"
-                }
-              )
-            ] }),
-            /* @__PURE__ */ jsxs(
-              ToggleGroup,
+          /* @__PURE__ */ jsx2("div", { className: "flex shrink-0 items-center border-b border-border px-3 py-2.5", children: /* @__PURE__ */ jsxs("div", { className: "relative flex-1", children: [
+            /* @__PURE__ */ jsx2(Search, { className: "absolute left-2.5 top-1/2 size-3.5 -translate-y-1/2 text-muted-foreground" }),
+            /* @__PURE__ */ jsx2(
+              Input,
               {
-                type: "single",
-                variant: "outline",
-                size: "sm",
-                spacing: 0,
-                value: [channelFilter],
-                onValueChange: handleChannelFilterChange,
-                className: "shrink-0",
-                children: [
-                  /* @__PURE__ */ jsx(ToggleGroupItem, { value: "all", "aria-label": "All channels", children: "All" }),
-                  /* @__PURE__ */ jsx(ToggleGroupItem, { value: "chat", "aria-label": "Chat", children: /* @__PURE__ */ jsx(MessageSquare, { className: "size-3.5" }) }),
-                  /* @__PURE__ */ jsx(ToggleGroupItem, { value: "email", "aria-label": "Email", children: /* @__PURE__ */ jsx(Mail, { className: "size-3.5" }) })
-                ]
+                value: searchQuery,
+                onChange: (e) => onSearchChange == null ? void 0 : onSearchChange(e.target.value),
+                placeholder: "Search conversations...",
+                className: "h-8 pl-8 text-sm"
               }
             )
-          ] }),
-          /* @__PURE__ */ jsx("div", { className: "flex flex-1 items-center border-b border-border", children: /* @__PURE__ */ jsx(
+          ] }) }),
+          /* @__PURE__ */ jsx2("div", { className: "flex flex-1 items-center border-b border-border", children: /* @__PURE__ */ jsx2(
             Tabs,
             {
               value: activeFilter,
               onValueChange: (v) => v && (onFilterChange == null ? void 0 : onFilterChange(v)),
               className: "w-full",
-              children: /* @__PURE__ */ jsx(
+              children: /* @__PURE__ */ jsx2(
                 TabsList,
                 {
                   variant: "line",
                   className: "w-full justify-start gap-0 h-auto",
-                  children: FILTER_TABS.map((tab) => /* @__PURE__ */ jsx(
+                  children: FILTER_TABS.map((tab) => /* @__PURE__ */ jsx2(
                     TabsTrigger,
                     {
                       value: tab.id,
@@ -313,7 +253,7 @@ function ConversationList({
             }
           ) })
         ] }),
-        /* @__PURE__ */ jsx("div", { className: "flex-1 overflow-y-auto", tabIndex: 0, children: (() => {
+        /* @__PURE__ */ jsx2("div", { className: "flex-1 overflow-y-auto", tabIndex: 0, children: (() => {
           const filtered = filterConversations(
             conversations,
             searchQuery,
@@ -321,9 +261,9 @@ function ConversationList({
             channelFilter
           );
           return filtered.length === 0 ? /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center justify-center gap-2 p-8 text-muted-foreground", children: [
-            /* @__PURE__ */ jsx(MessageSquare, { className: "size-8 opacity-30" }),
-            /* @__PURE__ */ jsx("p", { className: "text-sm", children: "No conversations" }),
-            searchQuery && /* @__PURE__ */ jsx(
+            /* @__PURE__ */ jsx2(MessageSquare, { className: "size-8 opacity-30" }),
+            /* @__PURE__ */ jsx2("p", { className: "text-sm", children: "No conversations" }),
+            searchQuery && /* @__PURE__ */ jsx2(
               Button,
               {
                 variant: "outline",
@@ -332,7 +272,7 @@ function ConversationList({
                 children: "Clear search"
               }
             ),
-            !searchQuery && activeFilter !== "all" && /* @__PURE__ */ jsx(
+            !searchQuery && activeFilter !== "all" && /* @__PURE__ */ jsx2(
               Button,
               {
                 variant: "outline",
@@ -342,7 +282,7 @@ function ConversationList({
               }
             )
           ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
-            filtered.map((item) => /* @__PURE__ */ jsx(
+            filtered.map((item) => /* @__PURE__ */ jsx2(
               ConversationListItem,
               {
                 data: item,
@@ -352,7 +292,7 @@ function ConversationList({
               },
               item.id
             )),
-            hasMore && /* @__PURE__ */ jsx("div", { className: "border-t border-border p-3", children: /* @__PURE__ */ jsx(
+            hasMore && /* @__PURE__ */ jsx2("div", { className: "border-t border-border p-3", children: /* @__PURE__ */ jsx2(
               Button,
               {
                 variant: "outline",
@@ -369,32 +309,63 @@ function ConversationList({
     }
   );
 }
+
+// src/components/ui/ai-conversations/thread.tsx
+import React from "react";
+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,
+  ChevronDown,
+  ChevronRight,
+  Flag as Flag2,
+  Italic,
+  Link2,
+  Lock,
+  Mail as Mail2,
+  MessageSquare as MessageSquare2,
+  MoreHorizontal,
+  Paperclip,
+  Send,
+  Underline,
+  UserCheck
+} from "lucide-react";
+import { Fragment as Fragment2, jsx as jsx3, jsxs as jsxs2 } from "react/jsx-runtime";
 function BubbleAvatar({
   role,
   senderName
 }) {
   if (role === "bot") {
-    return /* @__PURE__ */ jsx(Avatar, { size: "sm", children: /* @__PURE__ */ jsx(AvatarFallback, { className: "border border-border bg-muted", children: /* @__PURE__ */ jsx(Bot, { className: "size-3.5 text-muted-foreground" }) }) });
+    return /* @__PURE__ */ jsx3(Avatar, { size: "sm", children: /* @__PURE__ */ jsx3(AvatarFallback, { className: "border border-border bg-muted", children: /* @__PURE__ */ jsx3(Bot, { className: "size-3.5 text-muted-foreground" }) }) });
   }
   if (role === "advisor") {
-    return /* @__PURE__ */ jsx(Avatar, { size: "sm", children: /* @__PURE__ */ jsx(AvatarFallback, { className: "font-semibold", children: getInitials(senderName != null ? senderName : "Advisor") }) });
+    return /* @__PURE__ */ jsx3(Avatar, { size: "sm", children: /* @__PURE__ */ jsx3(AvatarFallback, { className: "font-semibold", children: getInitials(senderName != null ? senderName : "Advisor") }) });
   }
-  return /* @__PURE__ */ jsx(Avatar, { size: "sm", children: /* @__PURE__ */ jsx(AvatarFallback, { children: getInitials(senderName != null ? senderName : "?") }) });
+  return /* @__PURE__ */ jsx3(Avatar, { size: "sm", children: /* @__PURE__ */ jsx3(AvatarFallback, { children: getInitials(senderName != null ? senderName : "?") }) });
 }
-function ChatBubble({ message, className }) {
-  const { role, content, timestamp, senderName } = message;
+function ChatBubble({ message, channel, className }) {
+  const { role, content, timestamp, senderName, subject } = message;
+  const isEmail = channel === "email";
   if (role === "system") {
-    return /* @__PURE__ */ jsxs("div", { className: cn("my-2 flex items-center gap-3 px-2", className), children: [
-      /* @__PURE__ */ jsx(Separator, { className: "flex-1" }),
-      /* @__PURE__ */ jsx("span", { className: "shrink-0 text-caption text-muted-foreground", children: content }),
-      /* @__PURE__ */ jsx(Separator, { className: "flex-1" })
+    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" })
     ] });
   }
   const isAdvisor = role === "advisor";
   const isBot = role === "bot";
   const isVisitor = role === "visitor";
   const displayName = isBot ? "AI Assistant" : isAdvisor ? senderName != null ? senderName : "Advisor" : senderName != null ? senderName : "Lead";
-  return /* @__PURE__ */ jsxs(
+  return /* @__PURE__ */ jsxs2(
     "div",
     {
       className: cn(
@@ -403,29 +374,59 @@ function ChatBubble({ message, className }) {
         className
       ),
       children: [
-        /* @__PURE__ */ jsx(BubbleAvatar, { role, senderName }),
-        /* @__PURE__ */ jsxs(
+        /* @__PURE__ */ jsx3(BubbleAvatar, { role, senderName }),
+        /* @__PURE__ */ jsxs2(
           "div",
           {
             className: cn(
-              "flex max-w-[70%] flex-col gap-1",
+              "flex flex-col gap-1",
+              isEmail ? "max-w-[85%] w-full" : "max-w-[70%]",
               isAdvisor && "items-end"
             ),
             children: [
-              /* @__PURE__ */ jsx("span", { className: "text-caption text-muted-foreground", children: displayName }),
-              /* @__PURE__ */ jsx(
+              /* @__PURE__ */ jsx3("span", { className: "text-caption text-muted-foreground", children: displayName }),
+              /* @__PURE__ */ jsxs2(
                 "div",
                 {
                   className: cn(
-                    "px-3 py-2 text-sm leading-relaxed break-words [&_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"
+                    "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"
                   ),
-                  children: /* @__PURE__ */ jsx(ReactMarkdown, { rehypePlugins: [rehypeRaw, [rehypeSanitize, defaultSchema]], children: content })
+                  children: [
+                    isEmail && 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 })
+                    ] }),
+                    /* @__PURE__ */ jsx3(
+                      ReactMarkdown,
+                      {
+                        rehypePlugins: [rehypeRaw, [rehypeSanitize, defaultSchema]],
+                        children: content
+                      }
+                    )
+                  ]
                 }
               ),
-              timestamp && /* @__PURE__ */ jsx("span", { className: "text-caption text-muted-foreground", children: timestamp })
+              timestamp && /* @__PURE__ */ jsx3("span", { className: "text-caption text-muted-foreground", children: timestamp })
             ]
           }
         )
@@ -439,7 +440,7 @@ function ComposerToolbarButton({
   pressed,
   onToggle
 }) {
-  return /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsx3(
     "button",
     {
       type: "button",
@@ -450,11 +451,13 @@ 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__ */ jsx(Icon, { className: "size-3.5" })
+      children: /* @__PURE__ */ jsx3(Icon, { className: "size-3.5" })
     }
   );
 }
-function ComposerLinkPopover({ editor }) {
+function ComposerLinkPopover({
+  editor
+}) {
   const [open, setOpen] = React.useState(false);
   const [url, setUrl] = React.useState("");
   const handleApply = () => {
@@ -464,7 +467,7 @@ function ComposerLinkPopover({ editor }) {
     setOpen(false);
     setUrl("");
   };
-  return /* @__PURE__ */ jsxs(
+  return /* @__PURE__ */ jsxs2(
     Popover,
     {
       open,
@@ -477,7 +480,7 @@ function ComposerLinkPopover({ editor }) {
         setOpen(newOpen);
       },
       children: [
-        /* @__PURE__ */ jsx(
+        /* @__PURE__ */ jsx3(
           PopoverTrigger,
           {
             "aria-label": "Insert link",
@@ -485,11 +488,11 @@ function ComposerLinkPopover({ editor }) {
               "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__ */ jsx(Link2, { className: "size-3.5" })
+            children: /* @__PURE__ */ jsx3(Link2, { className: "size-3.5" })
           }
         ),
-        /* @__PURE__ */ jsx(PopoverContent, { className: "w-72 p-2", align: "start", children: /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1.5", children: [
-          /* @__PURE__ */ jsx(
+        /* @__PURE__ */ jsx3(PopoverContent, { className: "w-72 p-2", align: "start", children: /* @__PURE__ */ jsxs2("div", { className: "flex items-center gap-1.5", children: [
+          /* @__PURE__ */ jsx3(
             "input",
             {
               type: "url",
@@ -501,7 +504,7 @@ function ComposerLinkPopover({ editor }) {
               autoFocus: true
             }
           ),
-          /* @__PURE__ */ jsx(Button, { size: "sm", className: "h-8 px-3", onClick: handleApply, children: "Apply" })
+          /* @__PURE__ */ jsx3(Button, { size: "sm", className: "h-8 px-3", onClick: handleApply, children: "Apply" })
         ] }) })
       ]
     }
@@ -511,8 +514,8 @@ function ComposerEmailFieldRow({
   label,
   children
 }) {
-  return /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3 border-b border-border px-4 py-2.5", children: [
-    /* @__PURE__ */ jsx("span", { className: "w-14 shrink-0 text-sm text-muted-foreground", children: label }),
+  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 }),
     children
   ] });
 }
@@ -528,6 +531,7 @@ function ChatComposer({
   onSendEmail,
   onTakeOver,
   onLetAiHandle,
+  emailReplySubject,
   className
 }) {
   const [channel, setChannel] = React.useState(
@@ -536,7 +540,12 @@ function ChatComposer({
   const [emailTo, setEmailTo] = React.useState(contactEmail);
   const [emailCc, setEmailCc] = React.useState("");
   const [showCc, setShowCc] = React.useState(false);
-  const [emailSubject, setEmailSubject] = React.useState("");
+  const [emailSubject, setEmailSubject] = React.useState(
+    emailReplySubject ? `Re: ${emailReplySubject}` : ""
+  );
+  const [emailMode, setEmailMode] = React.useState(
+    emailReplySubject ? "reply" : "new"
+  );
   const [, forceUpdate] = React.useReducer((x) => x + 1, 0);
   const editor = useEditor({
     extensions: [
@@ -556,7 +565,21 @@ function ChatComposer({
     setChannel(c);
     onChannelChange == null ? void 0 : onChannelChange(c);
   };
-  return /* @__PURE__ */ jsxs(
+  const handleNewEmail = () => {
+    setEmailSubject("");
+    setEmailCc("");
+    setShowCc(false);
+    editor == null ? void 0 : editor.commands.clearContent();
+  };
+  const handleEmailModeChange = (mode2) => {
+    setEmailMode(mode2);
+    if (mode2 === "new") {
+      handleNewEmail();
+    } else {
+      setEmailSubject(emailReplySubject ? `Re: ${emailReplySubject}` : "");
+    }
+  };
+  return /* @__PURE__ */ jsxs2(
     "div",
     {
       className: cn(
@@ -564,27 +587,27 @@ function ChatComposer({
         className
       ),
       children: [
-        isEmailIntegrated && /* @__PURE__ */ jsx("div", { className: "border-b border-border px-3 py-2", children: /* @__PURE__ */ jsx(
+        isEmailIntegrated && /* @__PURE__ */ jsx3("div", { className: "border-b border-border px-3 py-2", children: /* @__PURE__ */ jsx3(
           Tabs,
           {
             value: channel,
             onValueChange: (v) => v && handleChannelChange(v),
-            children: /* @__PURE__ */ jsxs(TabsList, { variant: "default", className: "w-full", children: [
-              /* @__PURE__ */ jsxs(TabsTrigger, { value: "chat", className: "flex-1 gap-1.5", children: [
-                /* @__PURE__ */ jsx(MessageSquare, { className: "size-3.5" }),
+            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" }),
                 "Chat"
               ] }),
-              /* @__PURE__ */ jsxs(TabsTrigger, { value: "email", className: "flex-1 gap-1.5", children: [
-                /* @__PURE__ */ jsx(Mail, { className: "size-3.5" }),
+              /* @__PURE__ */ jsxs2(TabsTrigger, { value: "email", className: "flex-1 gap-1.5", children: [
+                /* @__PURE__ */ jsx3(Mail2, { className: "size-3.5" }),
                 "Email"
               ] })
             ] })
           }
         ) }),
-        mode === "ai" ? /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 bg-muted/30 px-4 py-2.5 text-[12px] text-muted-foreground", children: [
-          /* @__PURE__ */ jsx(Bot, { className: "size-3.5 shrink-0 text-muted-foreground" }),
-          /* @__PURE__ */ jsx("span", { children: "AI is handling this conversation." }),
-          /* @__PURE__ */ jsx(
+        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(
             Button,
             {
               variant: "link",
@@ -594,12 +617,12 @@ function ChatComposer({
               children: "Take Over"
             }
           ),
-          /* @__PURE__ */ jsx("span", { children: "to reply directly." })
+          /* @__PURE__ */ jsx3("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__ */ jsxs("div", { className: "relative", children: [
-            /* @__PURE__ */ jsxs(
+          /* @__PURE__ */ jsxs2("div", { className: "relative", children: [
+            /* @__PURE__ */ jsxs2(
               "div",
               {
                 className: cn(
@@ -608,8 +631,8 @@ function ChatComposer({
                 ),
                 "aria-hidden": channel !== "email",
                 children: [
-                  /* @__PURE__ */ jsxs(ComposerEmailFieldRow, { label: "To", children: [
-                    /* @__PURE__ */ jsx(
+                  /* @__PURE__ */ jsxs2(ComposerEmailFieldRow, { label: "To", children: [
+                    /* @__PURE__ */ jsx3(
                       "input",
                       {
                         type: "email",
@@ -619,7 +642,7 @@ function ChatComposer({
                         className: "min-w-0 flex-1 bg-transparent text-base text-foreground outline-none placeholder:text-muted-foreground"
                       }
                     ),
-                    /* @__PURE__ */ jsxs(
+                    /* @__PURE__ */ jsxs2(
                       "button",
                       {
                         type: "button",
@@ -627,12 +650,12 @@ function ChatComposer({
                         className: "flex shrink-0 items-center gap-0.5 text-sm text-muted-foreground hover:text-foreground",
                         children: [
                           "CC",
-                          /* @__PURE__ */ jsx(ChevronDown, { className: "size-3.5" })
+                          /* @__PURE__ */ jsx3(ChevronDown, { className: "size-3.5" })
                         ]
                       }
                     )
                   ] }),
-                  showCc && /* @__PURE__ */ jsx(ComposerEmailFieldRow, { label: "CC", children: /* @__PURE__ */ jsx(
+                  showCc && /* @__PURE__ */ jsx3(ComposerEmailFieldRow, { label: "CC", children: /* @__PURE__ */ jsx3(
                     "input",
                     {
                       type: "email",
@@ -642,7 +665,7 @@ function ChatComposer({
                       className: "min-w-0 flex-1 bg-transparent text-base text-foreground outline-none placeholder:text-muted-foreground"
                     }
                   ) }),
-                  /* @__PURE__ */ jsx(ComposerEmailFieldRow, { label: "Subject", children: /* @__PURE__ */ jsx(
+                  /* @__PURE__ */ jsx3(ComposerEmailFieldRow, { label: "Subject", children: /* @__PURE__ */ jsx3(
                     "input",
                     {
                       type: "text",
@@ -652,10 +675,32 @@ function ChatComposer({
                       className: "min-w-0 flex-1 bg-transparent text-base text-foreground outline-none placeholder:text-muted-foreground"
                     }
                   ) }),
-                  /* @__PURE__ */ jsx(EditorContent, { editor }),
-                  /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between border-t border-border px-3 py-2", children: [
-                    /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-0.5", children: [
-                      /* @__PURE__ */ jsx(
+                  /* @__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(
+                          ToggleGroup,
+                          {
+                            type: "single",
+                            variant: "outline",
+                            size: "sm",
+                            spacing: 0,
+                            value: [emailMode],
+                            onValueChange: (values) => {
+                              const v = values[0];
+                              if (v) handleEmailModeChange(v);
+                            },
+                            className: "mr-1.5",
+                            children: [
+                              /* @__PURE__ */ jsx3(ToggleGroupItem, { value: "reply", children: "Reply" }),
+                              /* @__PURE__ */ jsx3(ToggleGroupItem, { value: "new", children: "New email" })
+                            ]
+                          }
+                        ),
+                        /* @__PURE__ */ jsx3(Separator, { orientation: "vertical", className: "mr-1.5 h-4" })
+                      ] }),
+                      /* @__PURE__ */ jsx3(
                         ComposerToolbarButton,
                         {
                           label: "Bold",
@@ -664,7 +709,7 @@ function ChatComposer({
                           onToggle: () => editor == null ? void 0 : editor.chain().focus().toggleBold().run()
                         }
                       ),
-                      /* @__PURE__ */ jsx(
+                      /* @__PURE__ */ jsx3(
                         ComposerToolbarButton,
                         {
                           label: "Italic",
@@ -673,7 +718,7 @@ function ChatComposer({
                           onToggle: () => editor == null ? void 0 : editor.chain().focus().toggleItalic().run()
                         }
                       ),
-                      /* @__PURE__ */ jsx(
+                      /* @__PURE__ */ jsx3(
                         ComposerToolbarButton,
                         {
                           label: "Underline",
@@ -682,38 +727,44 @@ function ChatComposer({
                           onToggle: () => editor == null ? void 0 : editor.chain().focus().toggleUnderline().run()
                         }
                       ),
-                      /* @__PURE__ */ jsx(Separator, { orientation: "vertical", className: "mx-1.5 h-4" }),
-                      /* @__PURE__ */ jsx(ComposerLinkPopover, { editor }),
-                      /* @__PURE__ */ jsx(ComposerToolbarButton, { label: "Attach file", icon: Paperclip })
+                      /* @__PURE__ */ jsx3(Separator, { orientation: "vertical", className: "mx-1.5 h-4" }),
+                      /* @__PURE__ */ jsx3(ComposerLinkPopover, { editor }),
+                      /* @__PURE__ */ jsx3(ComposerToolbarButton, { label: "Attach file", icon: Paperclip })
                     ] }),
-                    /* @__PURE__ */ jsxs(
-                      Button,
-                      {
-                        size: "sm",
-                        onClick: () => {
-                          var _a;
-                          const html = (_a = editor == null ? void 0 : editor.getHTML()) != null ? _a : "";
-                          onSendEmail == null ? void 0 : onSendEmail({
-                            content: html,
-                            to: emailTo,
-                            cc: emailCc,
-                            subject: emailSubject
-                          });
-                          editor == null ? void 0 : editor.commands.clearContent();
-                        },
-                        disabled: !editor || editor.isEmpty || !emailTo.trim(),
-                        children: [
-                          /* @__PURE__ */ jsx(Send, { className: "mr-1.5 size-3.5" }),
-                          "Send Email"
-                        ]
-                      }
-                    )
+                    /* @__PURE__ */ jsxs2("div", { className: "flex items-center gap-2", children: [
+                      onLetAiHandle && /* @__PURE__ */ jsxs2(Button, { variant: "outline", size: "sm", onClick: onLetAiHandle, children: [
+                        /* @__PURE__ */ jsx3(Bot, { className: "mr-1.5 size-3.5" }),
+                        "Let AI Handle"
+                      ] }),
+                      /* @__PURE__ */ jsxs2(
+                        Button,
+                        {
+                          size: "sm",
+                          onClick: () => {
+                            var _a;
+                            const html = (_a = editor == null ? void 0 : editor.getHTML()) != null ? _a : "";
+                            onSendEmail == null ? void 0 : onSendEmail({
+                              content: html,
+                              to: emailTo,
+                              cc: emailCc,
+                              subject: emailSubject
+                            });
+                            editor == null ? void 0 : editor.commands.clearContent();
+                          },
+                          disabled: !editor || editor.isEmpty || !emailTo.trim(),
+                          children: [
+                            /* @__PURE__ */ jsx3(Send, { className: "mr-1.5 size-3.5" }),
+                            "Send Email"
+                          ]
+                        }
+                      )
+                    ] })
                   ] })
                 ]
               }
             ),
-            channel === "chat" && /* @__PURE__ */ jsxs("div", { className: "absolute inset-0 flex flex-col gap-3 p-4", children: [
-              /* @__PURE__ */ jsx(
+            channel === "chat" && /* @__PURE__ */ jsxs2("div", { className: "absolute inset-0 flex flex-col gap-3 p-4", children: [
+              /* @__PURE__ */ jsx3(
                 Textarea,
                 {
                   value: inputValue,
@@ -722,19 +773,19 @@ function ChatComposer({
                   className: "min-h-0 flex-1 resize-none text-base"
                 }
               ),
-              /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
-                /* @__PURE__ */ jsxs(Button, { variant: "outline", size: "sm", onClick: onLetAiHandle, children: [
-                  /* @__PURE__ */ jsx(Bot, { className: "mr-1.5 size-3.5" }),
+              /* @__PURE__ */ jsxs2("div", { className: "flex items-center justify-between", children: [
+                /* @__PURE__ */ jsxs2(Button, { variant: "outline", size: "sm", onClick: onLetAiHandle, children: [
+                  /* @__PURE__ */ jsx3(Bot, { className: "mr-1.5 size-3.5" }),
                   "Let AI Handle"
                 ] }),
-                /* @__PURE__ */ jsxs(
+                /* @__PURE__ */ jsxs2(
                   Button,
                   {
                     size: "sm",
                     onClick: () => onSend == null ? void 0 : onSend(inputValue),
                     disabled: !inputValue.trim(),
                     children: [
-                      /* @__PURE__ */ jsx(Send, { className: "mr-1.5 size-3.5" }),
+                      /* @__PURE__ */ jsx3(Send, { className: "mr-1.5 size-3.5" }),
                       "Send"
                     ]
                   }
@@ -762,6 +813,7 @@ function ChatThread({
   onSendEmail,
   onTakeOver,
   onLetAiHandle,
+  emailReplySubject,
   onReopen,
   onMarkUrgent,
   onUnmarkUrgent,
@@ -814,8 +866,8 @@ function ChatThread({
     const el = scrollRef.current;
     if (el) el.scrollTop = el.scrollHeight;
   }, [isAiTyping]);
-  return /* @__PURE__ */ jsxs("div", { className: cn("flex flex-col bg-background", className), children: [
-    /* @__PURE__ */ jsxs(
+  return /* @__PURE__ */ jsxs2("div", { className: cn("flex flex-col bg-background", className), children: [
+    /* @__PURE__ */ jsxs2(
       "div",
       {
         className: cn(
@@ -823,7 +875,7 @@ function ChatThread({
           "flex items-center gap-3 border-b border-border px-4"
         ),
         children: [
-          onBack && /* @__PURE__ */ jsx(
+          onBack && /* @__PURE__ */ jsx3(
             Button,
             {
               variant: "ghost",
@@ -831,28 +883,28 @@ function ChatThread({
               className: "size-8 shrink-0 md:hidden",
               onClick: onBack,
               "aria-label": "Back to conversations",
-              children: /* @__PURE__ */ jsx(ArrowLeft, { className: "size-4" })
+              children: /* @__PURE__ */ jsx3(ArrowLeft, { className: "size-4" })
             }
           ),
-          /* @__PURE__ */ jsx(ContactAvatar, { name: contact.name, size: "md" }),
-          /* @__PURE__ */ jsxs("div", { className: "min-w-0 flex-1", children: [
-            /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
-              /* @__PURE__ */ jsx("span", { className: "text-sm font-semibold text-foreground", children: displayContactName(contact.name) }),
-              /* @__PURE__ */ jsx(ConversationStatusChip, { status, showDot: true })
+          /* @__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 })
             ] }),
-            contact.email && /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: contact.email })
+            contact.email && /* @__PURE__ */ jsx3("p", { className: "text-sm text-muted-foreground", children: contact.email })
           ] }),
-          /* @__PURE__ */ jsxs("div", { className: "flex shrink-0 items-center gap-2", children: [
-            /* @__PURE__ */ jsxs("div", { className: "hidden items-center gap-2 md:flex", children: [
-              isClosed && /* @__PURE__ */ jsx(Button, { variant: "outline", size: "sm", onClick: onReopen, children: "Reopen" }),
-              !isClosed && aiIsHandling && /* @__PURE__ */ jsx(Button, { size: "sm", onClick: onTakeOver, children: "Take Over" }),
-              !isClosed && !aiIsHandling && /* @__PURE__ */ jsxs(Button, { variant: "outline", size: "sm", onClick: onLetAiHandle, children: [
-                /* @__PURE__ */ jsx(Bot, { className: "mr-1.5 size-3.5" }),
+          /* @__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 && /* @__PURE__ */ jsxs2(Button, { variant: "outline", size: "sm", onClick: onLetAiHandle, children: [
+                /* @__PURE__ */ jsx3(Bot, { className: "mr-1.5 size-3.5" }),
                 "Let AI Handle"
               ] })
             ] }),
-            /* @__PURE__ */ jsxs(DropdownMenu, { children: [
-              /* @__PURE__ */ jsx(
+            /* @__PURE__ */ jsxs2(DropdownMenu, { children: [
+              /* @__PURE__ */ jsx3(
                 DropdownMenuTrigger,
                 {
                   className: cn(
@@ -860,38 +912,38 @@ function ChatThread({
                     "size-8"
                   ),
                   "aria-label": "More actions",
-                  children: /* @__PURE__ */ jsx(MoreHorizontal, { className: "size-4" })
+                  children: /* @__PURE__ */ jsx3(MoreHorizontal, { className: "size-4" })
                 }
               ),
-              /* @__PURE__ */ jsxs(DropdownMenuContent, { children: [
-                onShowLeadInfo && /* @__PURE__ */ jsxs(Fragment, { children: [
-                  /* @__PURE__ */ jsxs(
+              /* @__PURE__ */ jsxs2(DropdownMenuContent, { children: [
+                onShowLeadInfo && /* @__PURE__ */ jsxs2(Fragment2, { children: [
+                  /* @__PURE__ */ jsxs2(
                     DropdownMenuItem,
                     {
                       className: "md:hidden",
                       onClick: onShowLeadInfo,
                       children: [
-                        /* @__PURE__ */ jsx(ChevronRight, { className: "mr-2 size-4" }),
+                        /* @__PURE__ */ jsx3(ChevronRight, { className: "mr-2 size-4" }),
                         "Lead Info"
                       ]
                     }
                   ),
-                  /* @__PURE__ */ jsx(DropdownMenuSeparator, { className: "md:hidden" })
+                  /* @__PURE__ */ jsx3(DropdownMenuSeparator, { className: "md:hidden" })
                 ] }),
-                status === "needs-attention" ? /* @__PURE__ */ jsxs(DropdownMenuItem, { onClick: onUnmarkUrgent, children: [
-                  /* @__PURE__ */ jsx(Flag, { className: "mr-2 size-4" }),
+                status === "needs-attention" ? /* @__PURE__ */ jsxs2(DropdownMenuItem, { onClick: onUnmarkUrgent, children: [
+                  /* @__PURE__ */ jsx3(Flag2, { className: "mr-2 size-4" }),
                   "Unmark Urgent"
-                ] }) : /* @__PURE__ */ jsxs(DropdownMenuItem, { onClick: onMarkUrgent, children: [
-                  /* @__PURE__ */ jsx(Flag, { className: "mr-2 size-4" }),
+                ] }) : /* @__PURE__ */ jsxs2(DropdownMenuItem, { onClick: onMarkUrgent, children: [
+                  /* @__PURE__ */ jsx3(Flag2, { className: "mr-2 size-4" }),
                   "Mark as Urgent"
                 ] }),
-                /* @__PURE__ */ jsxs(DropdownMenuItem, { onClick: onAssignToAdvisor, children: [
-                  /* @__PURE__ */ jsx(UserCheck, { className: "mr-2 size-4" }),
+                /* @__PURE__ */ jsxs2(DropdownMenuItem, { onClick: onAssignToAdvisor, children: [
+                  /* @__PURE__ */ jsx3(UserCheck, { className: "mr-2 size-4" }),
                   "Assign to advisor"
                 ] }),
-                /* @__PURE__ */ jsx(DropdownMenuSeparator, {}),
-                /* @__PURE__ */ jsxs(DropdownMenuItem, { onClick: onArchive, children: [
-                  /* @__PURE__ */ jsx(Archive, { className: "mr-2 size-4" }),
+                /* @__PURE__ */ jsx3(DropdownMenuSeparator, {}),
+                /* @__PURE__ */ jsxs2(DropdownMenuItem, { onClick: onArchive, children: [
+                  /* @__PURE__ */ jsx3(Archive, { className: "mr-2 size-4" }),
                   "Archive"
                 ] })
               ] })
@@ -900,7 +952,7 @@ function ChatThread({
         ]
       }
     ),
-    /* @__PURE__ */ jsxs(
+    /* @__PURE__ */ jsxs2(
       "div",
       {
         ref: scrollRef,
@@ -908,29 +960,29 @@ function ChatThread({
         className: "flex flex-1 flex-col gap-4 overflow-y-auto p-4",
         tabIndex: 0,
         children: [
-          isLoadingMoreMessages && /* @__PURE__ */ jsx("div", { className: "flex justify-center py-1 text-caption text-muted-foreground", children: "Loading older messages..." }),
-          messages.length === 0 ? /* @__PURE__ */ jsxs("div", { className: "flex flex-1 flex-col items-center justify-center gap-2 text-muted-foreground", children: [
-            /* @__PURE__ */ jsx(MessageSquare, { className: "size-8 opacity-30" }),
-            /* @__PURE__ */ jsx("p", { className: "text-sm", children: "No messages yet" })
-          ] }) : messages.map((msg) => /* @__PURE__ */ jsx(ChatBubble, { message: msg }, msg.id)),
-          isAiTyping && !isClosed && /* @__PURE__ */ jsxs("div", { className: "flex gap-2.5", children: [
-            /* @__PURE__ */ jsx(BubbleAvatar, { role: "bot" }),
-            /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-1", children: [
-              /* @__PURE__ */ jsx("span", { className: "text-caption text-muted-foreground", children: "AI Assistant" }),
-              /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1 border border-border bg-muted/60 px-3 py-2.5", children: [
-                /* @__PURE__ */ jsx("span", { className: "size-1.5 animate-bounce rounded-full bg-muted-foreground [animation-delay:0ms]" }),
-                /* @__PURE__ */ jsx("span", { className: "size-1.5 animate-bounce rounded-full bg-muted-foreground [animation-delay:150ms]" }),
-                /* @__PURE__ */ jsx("span", { className: "size-1.5 animate-bounce rounded-full bg-muted-foreground [animation-delay:300ms]" })
+          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]" })
               ] })
             ] })
           ] })
         ]
       }
     ),
-    isClosed ? /* @__PURE__ */ jsxs("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__ */ jsx(Lock, { className: "size-3.5 shrink-0" }),
-      /* @__PURE__ */ jsx("span", { children: "This conversation is closed." }),
-      /* @__PURE__ */ jsx(
+    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(
         Button,
         {
           variant: "outline",
@@ -940,7 +992,7 @@ function ChatThread({
           children: "Reopen"
         }
       )
-    ] }) : /* @__PURE__ */ jsx(
+    ] }) : /* @__PURE__ */ jsx3(
       ChatComposer,
       {
         mode,
@@ -953,30 +1005,57 @@ function ChatThread({
         onSend,
         onSendEmail,
         onTakeOver,
-        onLetAiHandle
+        onLetAiHandle,
+        emailReplySubject
       }
     )
   ] });
 }
+
+// src/components/ui/ai-conversations/lead-panel.tsx
+import {
+  ArrowLeft as ArrowLeft2,
+  Briefcase,
+  Calendar,
+  CheckCircle2,
+  ChevronRight as ChevronRight2,
+  HelpCircle,
+  Link2 as Link22,
+  Mail as Mail3,
+  MapPin,
+  Navigation,
+  Phone,
+  PhoneCall,
+  Plus,
+  UserPlus,
+  Video
+} from "lucide-react";
+import { Fragment as Fragment3, jsx as jsx4, jsxs as jsxs3 } from "react/jsx-runtime";
 function AICollectedDataSection({
   fields,
   className
 }) {
-  return /* @__PURE__ */ jsx("div", { className: cn("flex flex-col", className), children: fields.map((field, i) => /* @__PURE__ */ jsxs(
+  return /* @__PURE__ */ jsx4("div", { className: cn("flex flex-col", className), children: fields.map((field, i) => /* @__PURE__ */ jsxs3(
     "div",
     {
       className: "flex items-center justify-between gap-2 border-b border-border/40 py-1.5 last:border-b-0",
       children: [
-        /* @__PURE__ */ jsx("span", { className: "shrink-0 text-sm text-muted-foreground", children: field.label }),
-        /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1.5", children: [
-          /* @__PURE__ */ jsx("span", { className: "text-right text-sm font-medium text-foreground", children: field.value }),
-          field.confidence === "confirmed" ? /* @__PURE__ */ jsx(CheckCircle2, { className: "size-3 shrink-0 text-success-text" }) : /* @__PURE__ */ jsx(HelpCircle, { className: "size-3 shrink-0 text-warning-text" })
+        /* @__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" })
         ] })
       ]
     },
     i
   )) });
 }
+var APPOINTMENT_STATUS_LABEL = {
+  requested: "Lead requested",
+  confirmed: "Confirmed",
+  pending: "Pending confirmation",
+  cancelled: "Cancelled"
+};
 var MEETING_ICON = {
   video: Video,
   phone: Phone,
@@ -988,7 +1067,7 @@ var MEETING_LABEL = {
   "in-person": "In Person"
 };
 var MEETING_DETAIL_ICON = {
-  video: Link2,
+  video: Link22,
   phone: PhoneCall,
   "in-person": Navigation
 };
@@ -998,9 +1077,9 @@ function MeetingDetailRow({
 }) {
   const DetailIcon = MEETING_DETAIL_ICON[meetingType];
   const isLink = detail.startsWith("http");
-  return /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
-    /* @__PURE__ */ jsx(DetailIcon, { className: "size-4 shrink-0 text-muted-foreground" }),
-    isLink ? /* @__PURE__ */ jsx(
+  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(
       "a",
       {
         href: detail,
@@ -1009,7 +1088,7 @@ function MeetingDetailRow({
         className: "text-sm text-primary underline underline-offset-2 break-all hover:text-primary/80",
         children: detail
       }
-    ) : /* @__PURE__ */ jsx("span", { className: "text-sm text-muted-foreground break-all", children: detail })
+    ) : /* @__PURE__ */ jsx4("span", { className: "text-sm text-muted-foreground break-all", children: detail })
   ] });
 }
 function AppointmentSection({
@@ -1022,23 +1101,23 @@ function AppointmentSection({
 }) {
   const AppointmentIcon = MEETING_ICON[appointment.meetingType];
   const canReschedule = !isAnonymous && !!onRescheduleAppointment;
-  return /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-2", children: [
-    /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
-      /* @__PURE__ */ jsx(Calendar, { className: "size-3.5 shrink-0 text-muted-foreground" }),
-      /* @__PURE__ */ jsx("span", { className: "text-sm font-medium text-foreground", children: appointment.datetime })
+  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 })
     ] }),
-    /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
-      /* @__PURE__ */ jsx(AppointmentIcon, { className: "size-4 shrink-0 text-muted-foreground" }),
-      /* @__PURE__ */ jsx("span", { className: "text-sm text-muted-foreground", children: MEETING_LABEL[appointment.meetingType] })
+    /* @__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] })
     ] }),
-    appointment.meetingDetail && /* @__PURE__ */ jsx(
+    appointment.meetingDetail && /* @__PURE__ */ jsx4(
       MeetingDetailRow,
       {
         meetingType: appointment.meetingType,
         detail: appointment.meetingDetail
       }
     ),
-    /* @__PURE__ */ jsx(
+    /* @__PURE__ */ jsx4(
       "span",
       {
         className: cn("text-sm font-medium", {
@@ -1050,9 +1129,9 @@ function AppointmentSection({
         children: APPOINTMENT_STATUS_LABEL[appointment.status]
       }
     ),
-    appointment.status === "requested" && /* @__PURE__ */ jsxs("div", { className: "flex gap-2 pt-1", children: [
-      /* @__PURE__ */ jsx(Button, { size: "sm", className: "flex-1", onClick: onApproveAppointment, children: "Approve" }),
-      /* @__PURE__ */ jsx(
+    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(
         Button,
         {
           variant: "outline",
@@ -1062,7 +1141,7 @@ function AppointmentSection({
           children: "Decline"
         }
       ),
-      canReschedule && /* @__PURE__ */ jsx(
+      canReschedule && /* @__PURE__ */ jsx4(
         Button,
         {
           variant: "ghost",
@@ -1073,7 +1152,7 @@ function AppointmentSection({
         }
       )
     ] }),
-    (appointment.status === "confirmed" || appointment.status === "cancelled") && canReschedule && /* @__PURE__ */ jsx(
+    (appointment.status === "confirmed" || appointment.status === "cancelled") && canReschedule && /* @__PURE__ */ jsx4(
       Button,
       {
         variant: "outline",
@@ -1086,13 +1165,13 @@ function AppointmentSection({
   ] });
 }
 function PanelSectionHeader({ children }) {
-  return /* @__PURE__ */ jsx("p", { className: "mb-2.5 text-overline text-muted-foreground", children });
+  return /* @__PURE__ */ jsx4("p", { className: "mb-2.5 text-overline text-muted-foreground", children });
 }
 function PanelSection({
   children,
   last = false
 }) {
-  return /* @__PURE__ */ jsx("div", { className: cn("px-4 py-4", !last && "border-b border-border"), children });
+  return /* @__PURE__ */ jsx4("div", { className: cn("px-4 py-4", !last && "border-b border-border"), children });
 }
 function LeadInfoPanel({
   contact,
@@ -1118,8 +1197,8 @@ function LeadInfoPanel({
 }) {
   const isAnonymous = !contact.name.trim();
   const addToContactsDisabled = isAnonymous || isKnownContact;
-  return /* @__PURE__ */ jsxs("div", { className: cn("flex flex-col bg-background", className), children: [
-    /* @__PURE__ */ jsxs(
+  return /* @__PURE__ */ jsxs3("div", { className: cn("flex flex-col bg-background", className), children: [
+    /* @__PURE__ */ jsxs3(
       "div",
       {
         className: cn(
@@ -1127,7 +1206,7 @@ function LeadInfoPanel({
           "flex items-center justify-between border-b border-border px-4"
         ),
         children: [
-          onBack && /* @__PURE__ */ jsx(
+          onBack && /* @__PURE__ */ jsx4(
             Button,
             {
               variant: "ghost",
@@ -1135,15 +1214,15 @@ function LeadInfoPanel({
               className: "size-8 shrink-0 md:hidden",
               onClick: onBack,
               "aria-label": "Back to conversation",
-              children: /* @__PURE__ */ jsx(ArrowLeft, { className: "size-4" })
+              children: /* @__PURE__ */ jsx4(ArrowLeft2, { className: "size-4" })
             }
           ),
-          /* @__PURE__ */ jsx("span", { className: "text-sm font-semibold text-foreground", children: "Lead Info" }),
-          onToggleCollapse && /* @__PURE__ */ jsxs(Tooltip, { children: [
-            /* @__PURE__ */ jsx(
+          /* @__PURE__ */ jsx4("span", { className: "text-sm font-semibold text-foreground", children: "Lead Info" }),
+          onToggleCollapse && /* @__PURE__ */ jsxs3(Tooltip, { children: [
+            /* @__PURE__ */ jsx4(
               TooltipTrigger,
               {
-                render: /* @__PURE__ */ jsx(
+                render: /* @__PURE__ */ jsx4(
                   Button,
                   {
                     variant: "ghost",
@@ -1151,8 +1230,8 @@ function LeadInfoPanel({
                     className: "size-7",
                     onClick: onToggleCollapse,
                     "aria-label": isCollapsed ? "Expand panel" : "Collapse panel",
-                    children: /* @__PURE__ */ jsx(
-                      ChevronRight,
+                    children: /* @__PURE__ */ jsx4(
+                      ChevronRight2,
                       {
                         className: cn(
                           "size-4 transition-transform duration-150",
@@ -1164,26 +1243,26 @@ function LeadInfoPanel({
                 )
               }
             ),
-            /* @__PURE__ */ jsx(TooltipContent, { children: isCollapsed ? "Expand panel" : "Collapse panel" })
+            /* @__PURE__ */ jsx4(TooltipContent, { children: isCollapsed ? "Expand panel" : "Collapse panel" })
           ] })
         ]
       }
     ),
-    !isCollapsed && /* @__PURE__ */ jsxs("div", { className: "flex-1 overflow-y-auto", tabIndex: 0, children: [
-      /* @__PURE__ */ jsxs(PanelSection, { children: [
-        /* @__PURE__ */ jsx(PanelSectionHeader, { children: "Contact" }),
-        /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3", children: [
-          /* @__PURE__ */ jsx(ContactAvatar, { name: contact.name, size: "lg" }),
-          /* @__PURE__ */ jsxs("div", { className: "min-w-0 flex-1", children: [
-            /* @__PURE__ */ jsx("p", { className: "truncate text-sm font-semibold text-foreground", children: displayContactName(contact.name) }),
-            /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: source }),
-            topic && /* @__PURE__ */ jsx(Badge, { variant: "secondary", className: "mt-1 text-xs", children: topic })
+    !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 })
           ] })
         ] }),
-        (contact.email || contact.phone || firstSeen) && /* @__PURE__ */ jsxs("div", { className: "mt-3 flex flex-col gap-1.5", children: [
-          contact.email && /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 text-sm text-muted-foreground", children: [
-            /* @__PURE__ */ jsx(Mail, { className: "size-4 shrink-0" }),
-            /* @__PURE__ */ jsx(
+        (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(
               "a",
               {
                 href: `mailto:${contact.email}`,
@@ -1192,9 +1271,9 @@ function LeadInfoPanel({
               }
             )
           ] }),
-          contact.phone && /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 text-sm text-muted-foreground", children: [
-            /* @__PURE__ */ jsx(PhoneCall, { className: "size-4 shrink-0" }),
-            /* @__PURE__ */ jsx(
+          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(
               "a",
               {
                 href: `tel:${contact.phone}`,
@@ -1203,31 +1282,31 @@ function LeadInfoPanel({
               }
             )
           ] }),
-          firstSeen && /* @__PURE__ */ jsxs("p", { className: "text-sm text-muted-foreground", children: [
+          firstSeen && /* @__PURE__ */ jsxs3("p", { className: "text-sm text-muted-foreground", children: [
             "First seen: ",
             firstSeen
           ] })
         ] })
       ] }),
-      /* @__PURE__ */ jsxs(PanelSection, { children: [
-        /* @__PURE__ */ jsx(PanelSectionHeader, { children: "AI-Collected Data" }),
-        aiFields.length > 0 ? /* @__PURE__ */ jsxs(Fragment, { children: [
-          /* @__PURE__ */ jsx(AICollectedDataSection, { fields: aiFields }),
-          /* @__PURE__ */ jsxs("div", { className: "mt-2.5 flex items-center gap-3 text-xs text-muted-foreground", children: [
-            /* @__PURE__ */ jsxs("span", { className: "flex items-center gap-1", children: [
-              /* @__PURE__ */ jsx(CheckCircle2, { className: "size-3 text-success-text" }),
+      /* @__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" }),
               "confirmed"
             ] }),
-            /* @__PURE__ */ jsxs("span", { className: "flex items-center gap-1", children: [
-              /* @__PURE__ */ jsx(HelpCircle, { className: "size-3 text-warning-text" }),
+            /* @__PURE__ */ jsxs3("span", { className: "flex items-center gap-1", children: [
+              /* @__PURE__ */ jsx4(HelpCircle, { className: "size-3 text-warning-text" }),
               "estimated"
             ] })
           ] })
-        ] }) : /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: "AI is still gathering information..." })
+        ] }) : /* @__PURE__ */ jsx4("p", { className: "text-sm text-muted-foreground", children: "AI is still gathering information..." })
       ] }),
-      /* @__PURE__ */ jsxs(PanelSection, { children: [
-        /* @__PURE__ */ jsx(PanelSectionHeader, { children: "Appointment" }),
-        appointment ? /* @__PURE__ */ jsx(
+      /* @__PURE__ */ jsxs3(PanelSection, { children: [
+        /* @__PURE__ */ jsx4(PanelSectionHeader, { children: "Appointment" }),
+        appointment ? /* @__PURE__ */ jsx4(
           AppointmentSection,
           {
             appointment,
@@ -1237,7 +1316,7 @@ function LeadInfoPanel({
             onDeclineAppointment,
             onRescheduleAppointment
           }
-        ) : /* @__PURE__ */ jsxs(
+        ) : /* @__PURE__ */ jsxs3(
           Button,
           {
             variant: "outline",
@@ -1246,20 +1325,20 @@ function LeadInfoPanel({
             disabled: isAnonymous,
             onClick: onBookAppointment,
             children: [
-              /* @__PURE__ */ jsx(Plus, { className: "mr-1.5 size-3.5" }),
+              /* @__PURE__ */ jsx4(Plus, { className: "mr-1.5 size-3.5" }),
               "Book Appointment"
             ]
           }
         )
       ] }),
-      /* @__PURE__ */ jsxs(PanelSection, { children: [
-        /* @__PURE__ */ jsx(PanelSectionHeader, { children: "CRM Actions" }),
-        /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-2", children: [
-          /* @__PURE__ */ jsxs(Tooltip, { children: [
-            /* @__PURE__ */ jsx(
+      /* @__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(
               TooltipTrigger,
               {
-                render: /* @__PURE__ */ jsxs(
+                render: /* @__PURE__ */ jsxs3(
                   Button,
                   {
                     variant: "outline",
@@ -1268,16 +1347,16 @@ function LeadInfoPanel({
                     disabled: addToContactsDisabled,
                     onClick: onAddToContacts,
                     children: [
-                      /* @__PURE__ */ jsx(UserPlus, { className: "mr-1.5 size-3.5" }),
+                      /* @__PURE__ */ jsx4(UserPlus, { className: "mr-1.5 size-3.5" }),
                       "Add to Contacts"
                     ]
                   }
                 )
               }
             ),
-            isKnownContact && /* @__PURE__ */ jsx(TooltipContent, { children: "Already in contacts" })
+            isKnownContact && /* @__PURE__ */ jsx4(TooltipContent, { children: "Already in contacts" })
           ] }),
-          /* @__PURE__ */ jsxs(
+          /* @__PURE__ */ jsxs3(
             Button,
             {
               variant: "outline",
@@ -1286,23 +1365,23 @@ function LeadInfoPanel({
               disabled: isAnonymous,
               onClick: onCreateOpportunity,
               children: [
-                /* @__PURE__ */ jsx(Briefcase, { className: "mr-1.5 size-3.5" }),
+                /* @__PURE__ */ jsx4(Briefcase, { className: "mr-1.5 size-3.5" }),
                 "Add to CRM"
               ]
             }
           )
         ] })
       ] }),
-      /* @__PURE__ */ jsxs(PanelSection, { last: true, children: [
-        /* @__PURE__ */ jsxs("div", { className: "mb-2.5 flex items-center justify-between", children: [
-          /* @__PURE__ */ jsx("p", { className: "text-overline text-muted-foreground", children: "Internal Notes" }),
-          notesSaveStatus === "saving" && /* @__PURE__ */ jsx("span", { className: "text-xs text-muted-foreground", children: "Saving..." }),
-          notesSaveStatus === "saved" && /* @__PURE__ */ jsxs("span", { className: "flex items-center gap-1 text-xs text-success-text", children: [
-            /* @__PURE__ */ jsx(CheckCircle2, { className: "size-3" }),
+      /* @__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" }),
             "Saved"
           ] })
         ] }),
-        /* @__PURE__ */ jsx(
+        /* @__PURE__ */ jsx4(
           Textarea,
           {
             value: internalNotes,
@@ -1316,6 +1395,9 @@ function LeadInfoPanel({
     ] })
   ] });
 }
+
+// src/components/ui/ai-conversations/index.tsx
+import { Fragment as Fragment4, jsx as jsx5, jsxs as jsxs4 } from "react/jsx-runtime";
 function ConversationsPage({
   conversations,
   activeConversationId,
@@ -1354,6 +1436,7 @@ function ConversationsPage({
   onSendEmail,
   onTakeOver,
   onLetAiHandle,
+  emailReplySubject,
   onReopen,
   onMarkUrgent,
   onUnmarkUrgent,
@@ -1382,12 +1465,12 @@ function ConversationsPage({
     onToggleLeadPanel == null ? void 0 : onToggleLeadPanel();
     setMobilePanel(showLeadPanel ? "chat" : "lead");
   };
-  return /* @__PURE__ */ jsx(TooltipProvider, { children: /* @__PURE__ */ jsxs(
+  return /* @__PURE__ */ jsx5(TooltipProvider, { children: /* @__PURE__ */ jsxs4(
     "div",
     {
       className: cn("flex h-full overflow-hidden bg-background", className),
       children: [
-        /* @__PURE__ */ jsx(
+        /* @__PURE__ */ jsx5(
           ConversationList,
           {
             conversations,
@@ -1405,12 +1488,11 @@ function ConversationsPage({
             onLoadMore,
             className: cn(
               "shrink-0 md:w-[320px]",
-              // Mobile: full width, visible only on list panel
               mobilePanel === "list" ? "flex w-full md:flex" : "hidden md:flex"
             )
           }
         ),
-        contact ? /* @__PURE__ */ jsx(
+        contact ? /* @__PURE__ */ jsx5(
           ChatThread,
           {
             contact,
@@ -1427,6 +1509,7 @@ function ConversationsPage({
             onSendEmail,
             onTakeOver,
             onLetAiHandle,
+            emailReplySubject,
             onReopen,
             onMarkUrgent,
             onUnmarkUrgent,
@@ -1443,31 +1526,29 @@ function ConversationsPage({
             )
           },
           contact.id
-        ) : /* @__PURE__ */ jsx(
+        ) : /* @__PURE__ */ jsx5(
           "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__ */ jsxs("div", { className: "flex flex-col items-center gap-2 text-muted-foreground", children: [
-              /* @__PURE__ */ jsx(MessageSquare, { className: "size-10 opacity-30" }),
-              /* @__PURE__ */ jsx("p", { className: "text-sm", children: "Select a conversation" })
+            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" })
             ] })
           }
         ),
-        contact && /* @__PURE__ */ jsxs(Fragment, { children: [
-          /* @__PURE__ */ jsx(
+        contact && /* @__PURE__ */ jsxs4(Fragment4, { children: [
+          /* @__PURE__ */ jsx5(
             "div",
             {
               className: cn(
-                // Mobile: full-width, instant show/hide based on mobilePanel
                 mobilePanel === "lead" ? "flex w-full shrink-0 flex-col" : "hidden",
-                // Desktop: always rendered, animate width open/close
                 "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__ */ jsx(
+              children: /* @__PURE__ */ jsx5(
                 LeadInfoPanel,
                 {
                   contact,
@@ -1493,11 +1574,11 @@ function ConversationsPage({
               )
             }
           ),
-          !showLeadPanel && onToggleLeadPanel && /* @__PURE__ */ jsx("div", { className: "hidden shrink-0 items-start border-l border-border pt-[29px] md:flex", children: /* @__PURE__ */ jsxs(Tooltip, { children: [
-            /* @__PURE__ */ jsx(
+          !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(
               TooltipTrigger,
               {
-                render: /* @__PURE__ */ jsx(
+                render: /* @__PURE__ */ jsx5(
                   Button,
                   {
                     variant: "ghost",
@@ -1505,12 +1586,12 @@ function ConversationsPage({
                     className: "size-8",
                     "aria-label": "Show lead info",
                     onClick: handleToggleLeadPanel,
-                    children: /* @__PURE__ */ jsx(ChevronLeft, { className: "size-4" })
+                    children: /* @__PURE__ */ jsx5(ChevronLeft, { className: "size-4" })
                   }
                 )
               }
             ),
-            /* @__PURE__ */ jsx(TooltipContent, { children: "Show lead info" })
+            /* @__PURE__ */ jsx5(TooltipContent, { children: "Show lead info" })
           ] }) })
         ] })
       ]
@@ -1540,13 +1621,13 @@ function AiConvAssignAdvisorDialog({
       setRoleFilter("");
     }
   };
-  return /* @__PURE__ */ jsx(Dialog, { open, onOpenChange: handleOpenChange, children: /* @__PURE__ */ jsxs(DialogContent, { children: [
-    /* @__PURE__ */ jsxs(DialogHeader, { children: [
-      /* @__PURE__ */ jsx(DialogTitle, { children: "Assign to advisor" }),
-      /* @__PURE__ */ jsx(DialogDescription, { children: "Choose an advisor to handle this conversation." })
+  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." })
     ] }),
-    /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-0", children: [
-      roles.length > 0 && /* @__PURE__ */ jsx("div", { className: "pb-3", children: /* @__PURE__ */ jsxs(
+    /* @__PURE__ */ jsxs4("div", { className: "flex flex-col gap-0", children: [
+      roles.length > 0 && /* @__PURE__ */ jsx5("div", { className: "pb-3", children: /* @__PURE__ */ jsxs4(
         ToggleGroup,
         {
           type: "single",
@@ -1559,14 +1640,14 @@ function AiConvAssignAdvisorDialog({
             setRoleFilter(!v || v === "__all__" ? "" : v);
           },
           children: [
-            /* @__PURE__ */ jsx(ToggleGroupItem, { value: "__all__", children: "All" }),
-            roles.map((role) => /* @__PURE__ */ jsx(ToggleGroupItem, { value: role, children: role }, role))
+            /* @__PURE__ */ jsx5(ToggleGroupItem, { value: "__all__", children: "All" }),
+            roles.map((role) => /* @__PURE__ */ jsx5(ToggleGroupItem, { value: role, children: role }, role))
           ]
         }
       ) }),
-      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 border border-input px-3", children: [
-        /* @__PURE__ */ jsx(Search, { className: "size-4 shrink-0 text-muted-foreground" }),
-        /* @__PURE__ */ jsx(
+      /* @__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(
           "input",
           {
             type: "text",
@@ -1577,7 +1658,7 @@ function AiConvAssignAdvisorDialog({
           }
         )
       ] }),
-      /* @__PURE__ */ jsx("div", { className: "max-h-52 overflow-y-auto border border-t-0 border-input", children: filtered.length === 0 ? /* @__PURE__ */ jsx("p", { className: "py-6 text-center text-sm text-muted-foreground", children: "No advisors found." }) : filtered.map((advisor) => /* @__PURE__ */ jsxs(
+      /* @__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(
         "button",
         {
           type: "button",
@@ -1587,19 +1668,19 @@ function AiConvAssignAdvisorDialog({
             value === advisor.id && "bg-muted font-medium"
           ),
           children: [
-            /* @__PURE__ */ jsx(Avatar, { size: "sm", children: /* @__PURE__ */ jsx(AvatarFallback, { className: "font-semibold", children: advisor.initials }) }),
-            /* @__PURE__ */ jsxs("div", { className: "min-w-0 flex-1", children: [
-              /* @__PURE__ */ jsx("p", { className: "truncate text-sm", children: advisor.name }),
-              advisor.role && /* @__PURE__ */ jsx("p", { className: "truncate text-xs text-muted-foreground", children: advisor.role })
+            /* @__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 })
             ] })
           ]
         },
         advisor.id
       )) })
     ] }),
-    /* @__PURE__ */ jsxs(DialogFooter, { children: [
-      /* @__PURE__ */ jsx(Button, { variant: "outline", onClick: () => onOpenChange(false), children: "Cancel" }),
-      /* @__PURE__ */ jsx(Button, { onClick: onConfirm, children: "Assign" })
+    /* @__PURE__ */ jsxs4(DialogFooter, { children: [
+      /* @__PURE__ */ jsx5(Button, { variant: "outline", onClick: () => onOpenChange(false), children: "Cancel" }),
+      /* @__PURE__ */ jsx5(Button, { onClick: onConfirm, children: "Assign" })
     ] })
   ] }) });
 }