@wealthx/shadcn 1.5.34 → 1.5.36

package/dist/components/ui/ai-conversations/index.js

@@ -72,7 +72,7 @@ __export(ai_conversations_exports, {
 });
 module.exports = __toCommonJS(ai_conversations_exports);
 var import_react5 = require("react");
-var import_lucide_react7 = require("lucide-react");
+var import_lucide_react8 = require("lucide-react");
 
 // src/lib/utils.ts
 var import_clsx = require("clsx");
@@ -120,8 +120,8 @@ function getInitials(name) {
 // src/components/ui/avatar.tsx
 var import_avatar = require("@base-ui/react/avatar");
 var import_jsx_runtime = require("react/jsx-runtime");
-function Avatar(_a) {
-  var _b = _a, {
+function Avatar(_a2) {
+  var _b = _a2, {
     className,
     size = "default"
   } = _b, props = __objRest(_b, [
@@ -140,8 +140,8 @@ function Avatar(_a) {
     }, props)
   );
 }
-function AvatarFallback(_a) {
-  var _b = _a, {
+function AvatarFallback(_a2) {
+  var _b = _a2, {
     className
   } = _b, props = __objRest(_b, [
     "className"
@@ -175,8 +175,8 @@ function mergeRefs(...refs) {
   };
 }
 var Slot = React.forwardRef(
-  (_a, forwardedRef) => {
-    var _b = _a, { children } = _b, props = __objRest(_b, ["children"]);
+  (_a2, forwardedRef) => {
+    var _b = _a2, { children } = _b, props = __objRest(_b, ["children"]);
     const child = React.Children.only(children);
     if (!React.isValidElement(child)) return null;
     const childProps = child.props;
@@ -243,8 +243,8 @@ var buttonVariants = (0, import_class_variance_authority.cva)(
     }
   }
 );
-var Button = (0, import_react.forwardRef)(function Button2(_a, ref) {
-  var _b = _a, {
+var Button = (0, import_react.forwardRef)(function Button2(_a2, ref) {
+  var _b = _a2, {
     className,
     variant,
     size,
@@ -298,16 +298,16 @@ function useThemeVars() {
 
 // src/components/ui/dialog.tsx
 var import_jsx_runtime4 = require("react/jsx-runtime");
-function Dialog(_a) {
-  var props = __objRest(_a, []);
+function Dialog(_a2) {
+  var props = __objRest(_a2, []);
   return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_dialog.Dialog.Root, __spreadValues({ "data-slot": "dialog" }, props));
 }
-function DialogPortal(_a) {
-  var props = __objRest(_a, []);
+function DialogPortal(_a2) {
+  var props = __objRest(_a2, []);
   return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_dialog.Dialog.Portal, __spreadValues({ "data-slot": "dialog-portal" }, props));
 }
-function DialogOverlay(_a) {
-  var _b = _a, {
+function DialogOverlay(_a2) {
+  var _b = _a2, {
     className
   } = _b, props = __objRest(_b, [
     "className"
@@ -335,8 +335,8 @@ var DIALOG_MAX_WIDTHS = {
   full: "100%"
 };
 var DIALOG_AUTO_MIN_WIDTH = "20rem";
-function DialogContent(_a) {
-  var _b = _a, {
+function DialogContent(_a2) {
+  var _b = _a2, {
     className,
     children,
     showCloseButton = true,
@@ -397,8 +397,8 @@ function DialogContent(_a) {
     )
   ] });
 }
-function DialogHeader(_a) {
-  var _b = _a, {
+function DialogHeader(_a2) {
+  var _b = _a2, {
     className
   } = _b, props = __objRest(_b, [
     "className"
@@ -411,8 +411,8 @@ function DialogHeader(_a) {
     }, props)
   );
 }
-function DialogFooter(_a) {
-  var _b = _a, {
+function DialogFooter(_a2) {
+  var _b = _a2, {
     className,
     showCloseButton = false,
     children
@@ -445,8 +445,8 @@ function DialogFooter(_a) {
     })
   );
 }
-function DialogTitle(_a) {
-  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+function DialogTitle(_a2) {
+  var _b = _a2, { className } = _b, props = __objRest(_b, ["className"]);
   return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
     import_dialog.Dialog.Title,
     __spreadValues({
@@ -455,8 +455,8 @@ function DialogTitle(_a) {
     }, props)
   );
 }
-function DialogDescription(_a) {
-  var _b = _a, {
+function DialogDescription(_a2) {
+  var _b = _a2, {
     className
   } = _b, props = __objRest(_b, [
     "className"
@@ -507,8 +507,8 @@ var ToggleGroupContext = React3.createContext({
   variant: "default",
   spacing: 0
 });
-function ToggleGroup(_a) {
-  var _b = _a, {
+function ToggleGroup(_a2) {
+  var _b = _a2, {
     className,
     variant,
     size,
@@ -542,8 +542,8 @@ function ToggleGroup(_a) {
     })
   );
 }
-function ToggleGroupItem(_a) {
-  var _b = _a, {
+function ToggleGroupItem(_a2) {
+  var _b = _a2, {
     className,
     children,
     variant,
@@ -581,8 +581,8 @@ function ToggleGroupItem(_a) {
 // src/components/ui/tooltip.tsx
 var import_tooltip = require("@base-ui/react/tooltip");
 var import_jsx_runtime7 = require("react/jsx-runtime");
-function TooltipProvider(_a) {
-  var _b = _a, {
+function TooltipProvider(_a2) {
+  var _b = _a2, {
     delay = 0
   } = _b, props = __objRest(_b, [
     "delay"
@@ -595,16 +595,16 @@ function TooltipProvider(_a) {
     }, props)
   );
 }
-function Tooltip(_a) {
-  var props = __objRest(_a, []);
+function Tooltip(_a2) {
+  var props = __objRest(_a2, []);
   return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_tooltip.Tooltip.Root, __spreadValues({ "data-slot": "tooltip" }, props));
 }
-function TooltipTrigger(_a) {
-  var props = __objRest(_a, []);
+function TooltipTrigger(_a2) {
+  var props = __objRest(_a2, []);
   return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_tooltip.Tooltip.Trigger, __spreadValues({ "data-slot": "tooltip-trigger" }, props));
 }
-function TooltipContent(_a) {
-  var _b = _a, {
+function TooltipContent(_a2) {
+  var _b = _a2, {
     className,
     sideOffset = 8,
     side,
@@ -663,8 +663,8 @@ var badgeVariants = (0, import_class_variance_authority3.cva)(
     }
   }
 );
-function Badge(_a) {
-  var _b = _a, {
+function Badge(_a2) {
+  var _b = _a2, {
     className,
     variant = "default",
     asChild = false
@@ -686,8 +686,8 @@ function Badge(_a) {
 
 // src/components/ui/input.tsx
 var import_jsx_runtime9 = require("react/jsx-runtime");
-function Input(_a) {
-  var _b = _a, { className, type } = _b, props = __objRest(_b, ["className", "type"]);
+function Input(_a2) {
+  var _b = _a2, { className, type } = _b, props = __objRest(_b, ["className", "type"]);
   return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
     "input",
     __spreadValues({
@@ -707,8 +707,8 @@ function Input(_a) {
 var import_class_variance_authority4 = require("class-variance-authority");
 var import_tabs = require("@base-ui/react/tabs");
 var import_jsx_runtime10 = require("react/jsx-runtime");
-function Tabs(_a) {
-  var _b = _a, {
+function Tabs(_a2) {
+  var _b = _a2, {
     className,
     orientation = "horizontal"
   } = _b, props = __objRest(_b, [
@@ -741,8 +741,8 @@ var tabsListVariants = (0, import_class_variance_authority4.cva)(
     }
   }
 );
-function TabsList(_a) {
-  var _b = _a, {
+function TabsList(_a2) {
+  var _b = _a2, {
     className,
     variant = "default"
   } = _b, props = __objRest(_b, [
@@ -758,8 +758,8 @@ function TabsList(_a) {
     }, props)
   );
 }
-function TabsTrigger(_a) {
-  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+function TabsTrigger(_a2) {
+  var _b = _a2, { className } = _b, props = __objRest(_b, ["className"]);
   return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
     import_tabs.Tabs.Tab,
     __spreadValues({
@@ -909,8 +909,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;
@@ -1047,25 +1047,22 @@ var import_react4 = require("@tiptap/react");
 var import_starter_kit = __toESM(require("@tiptap/starter-kit"));
 var import_extension_underline = __toESM(require("@tiptap/extension-underline"));
 var import_extension_link = __toESM(require("@tiptap/extension-link"));
-var import_react_markdown = __toESM(require("react-markdown"));
-var import_rehype_raw = __toESM(require("rehype-raw"));
-var import_rehype_sanitize = __toESM(require("rehype-sanitize"));
-var import_lucide_react5 = require("lucide-react");
+var import_lucide_react6 = require("lucide-react");
 
 // src/components/ui/dropdown-menu.tsx
 var import_lucide_react4 = require("lucide-react");
 var import_menu = require("@base-ui/react/menu");
 var import_jsx_runtime13 = require("react/jsx-runtime");
-function DropdownMenu(_a) {
-  var props = __objRest(_a, []);
+function DropdownMenu(_a2) {
+  var props = __objRest(_a2, []);
   return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_menu.Menu.Root, __spreadValues({ "data-slot": "dropdown-menu" }, props));
 }
-function DropdownMenuTrigger(_a) {
-  var props = __objRest(_a, []);
+function DropdownMenuTrigger(_a2) {
+  var props = __objRest(_a2, []);
   return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_menu.Menu.Trigger, __spreadValues({ "data-slot": "dropdown-menu-trigger" }, props));
 }
-function DropdownMenuContent(_a) {
-  var _b = _a, {
+function DropdownMenuContent(_a2) {
+  var _b = _a2, {
     className,
     sideOffset = 4,
     style
@@ -1087,8 +1084,8 @@ function DropdownMenuContent(_a) {
     }, props)
   ) }) });
 }
-function DropdownMenuItem(_a) {
-  var _b = _a, {
+function DropdownMenuItem(_a2) {
+  var _b = _a2, {
     className,
     inset,
     variant = "default"
@@ -1110,8 +1107,8 @@ function DropdownMenuItem(_a) {
     }, props)
   );
 }
-function DropdownMenuSeparator(_a) {
-  var _b = _a, {
+function DropdownMenuSeparator(_a2) {
+  var _b = _a2, {
     className
   } = _b, props = __objRest(_b, [
     "className"
@@ -1130,16 +1127,16 @@ var React4 = __toESM(require("react"));
 var import_popover = require("@base-ui/react/popover");
 var import_jsx_runtime14 = require("react/jsx-runtime");
 var PopoverPortalContext = React4.createContext(void 0);
-function Popover(_a) {
-  var props = __objRest(_a, []);
+function Popover(_a2) {
+  var props = __objRest(_a2, []);
   return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_popover.Popover.Root, __spreadValues({ "data-slot": "popover" }, props));
 }
-function PopoverTrigger(_a) {
-  var props = __objRest(_a, []);
+function PopoverTrigger(_a2) {
+  var props = __objRest(_a2, []);
   return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_popover.Popover.Trigger, __spreadValues({ "data-slot": "popover-trigger" }, props));
 }
-function PopoverContent(_a) {
-  var _b = _a, {
+function PopoverContent(_a2) {
+  var _b = _a2, {
     className,
     align = "center",
     sideOffset = 4,
@@ -1176,8 +1173,8 @@ function PopoverContent(_a) {
 // src/components/ui/separator.tsx
 var import_separator = require("@base-ui/react/separator");
 var import_jsx_runtime15 = require("react/jsx-runtime");
-function Separator(_a) {
-  var _b = _a, {
+function Separator(_a2) {
+  var _b = _a2, {
     className,
     orientation = "horizontal"
   } = _b, props = __objRest(_b, [
@@ -1199,8 +1196,8 @@ function Separator(_a) {
 
 // src/components/ui/textarea.tsx
 var import_jsx_runtime16 = require("react/jsx-runtime");
-function Textarea(_a) {
-  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+function Textarea(_a2) {
+  var _b = _a2, { className } = _b, props = __objRest(_b, ["className"]);
   return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
     "textarea",
     __spreadValues({
@@ -1214,9 +1211,17 @@ function Textarea(_a) {
   );
 }
 
-// src/components/ui/ai-conversations/thread.tsx
+// src/components/ui/ai-conversations/bubble.tsx
+var import_react_markdown = __toESM(require("react-markdown"));
+var import_rehype_raw = __toESM(require("rehype-raw"));
+var import_rehype_sanitize = __toESM(require("rehype-sanitize"));
+var import_lucide_react5 = require("lucide-react");
 var import_jsx_runtime17 = require("react/jsx-runtime");
-function BubbleAvatar({
+var _a;
+var EMAIL_SANITIZE_SCHEMA = __spreadProps(__spreadValues({}, import_rehype_sanitize.defaultSchema), {
+  strip: ["script", "style", "head", ...(_a = import_rehype_sanitize.defaultSchema.strip) != null ? _a : []]
+});
+function BubbleAvatar2({
   role,
   senderName
 }) {
@@ -1228,16 +1233,21 @@ function BubbleAvatar({
   }
   return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(Avatar, { size: "sm", children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(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__ */ (0, import_jsx_runtime17.jsxs)("div", { className: cn("my-2 flex items-center gap-3 px-2", className), children: [
-      /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(Separator, { className: "flex-1" }),
-      /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { className: "shrink-0 text-caption text-muted-foreground", children: content }),
-      /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(Separator, { className: "flex-1" })
-    ] });
-  }
+function SystemDivider({
+  content,
+  className
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: cn("my-2 flex items-center gap-3 px-2", className), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(Separator, { className: "flex-1" }),
+    /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { className: "shrink-0 text-caption text-muted-foreground", children: content }),
+    /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(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";
@@ -1251,13 +1261,65 @@ function ChatBubble({ message, channel, className }) {
         className
       ),
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(BubbleAvatar, { role, senderName }),
+        /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(BubbleAvatar2, { role, senderName }),
         /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
           "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__ */ (0, import_jsx_runtime17.jsx)("span", { className: "text-caption text-muted-foreground", children: displayName }),
+              /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+                "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__ */ (0, import_jsx_runtime17.jsx)(
+                    import_react_markdown.default,
+                    {
+                      rehypePlugins: [import_rehype_raw.default, [import_rehype_sanitize.default, import_rehype_sanitize.defaultSchema]],
+                      children: content
+                    }
+                  )
+                }
+              ),
+              timestamp && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("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__ */ (0, import_jsx_runtime17.jsxs)(
+    "div",
+    {
+      className: cn(
+        "flex gap-2.5",
+        isAdvisor ? "flex-row-reverse" : "flex-row",
+        className
+      ),
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(BubbleAvatar2, { role, senderName }),
+        /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
+          "div",
+          {
+            className: cn(
+              "flex w-full max-w-[85%] flex-col gap-1",
               isAdvisor && "items-end"
             ),
             children: [
@@ -1266,29 +1328,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__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "mb-2.5 border-b border-border pb-2", children: [
+                    subject && /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "mb-2.5 border-b border-border pb-2", children: [
                       /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { className: "text-xs font-medium text-muted-foreground", children: "Subject:" }),
                       " ",
                       /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { className: "text-sm font-semibold text-foreground", children: subject })
@@ -1296,7 +1353,7 @@ function ChatBubble({ message, channel, className }) {
                     /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
                       import_react_markdown.default,
                       {
-                        rehypePlugins: [import_rehype_raw.default, [import_rehype_sanitize.default, import_rehype_sanitize.defaultSchema]],
+                        rehypePlugins: [import_rehype_raw.default, [import_rehype_sanitize.default, EMAIL_SANITIZE_SCHEMA]],
                         children: content
                       }
                     )
@@ -1311,13 +1368,25 @@ function ChatBubble({ message, channel, className }) {
     }
   );
 }
+function ChatBubble({ message, channel, className }) {
+  if (message.role === "system") {
+    return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(SystemDivider, { content: message.content, className });
+  }
+  if (channel === "email") {
+    return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(EmailMessageBubble, { message, className });
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(ChatMessageBubble, { message, className });
+}
+
+// src/components/ui/ai-conversations/thread.tsx
+var import_jsx_runtime18 = require("react/jsx-runtime");
 function ComposerToolbarButton({
   label,
   icon: Icon,
   pressed,
   onToggle
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
     "button",
     {
       type: "button",
@@ -1328,7 +1397,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__ */ (0, import_jsx_runtime17.jsx)(Icon, { className: "size-3.5" })
+      children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(Icon, { className: "size-3.5" })
     }
   );
 }
@@ -1344,7 +1413,7 @@ function ComposerLinkPopover({
     setOpen(false);
     setUrl("");
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(
     Popover,
     {
       open,
@@ -1357,7 +1426,7 @@ function ComposerLinkPopover({
         setOpen(newOpen);
       },
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
           PopoverTrigger,
           {
             "aria-label": "Insert link",
@@ -1365,11 +1434,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__ */ (0, import_jsx_runtime17.jsx)(import_lucide_react5.Link2, { className: "size-3.5" })
+            children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_lucide_react6.Link2, { className: "size-3.5" })
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(PopoverContent, { className: "w-72 p-2", align: "start", children: /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "flex items-center gap-1.5", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(PopoverContent, { className: "w-72 p-2", align: "start", children: /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: "flex items-center gap-1.5", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
             "input",
             {
               type: "url",
@@ -1381,7 +1450,7 @@ function ComposerLinkPopover({
               autoFocus: true
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(Button, { size: "sm", className: "h-8 px-3", onClick: handleApply, children: "Apply" })
+          /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(Button, { size: "sm", className: "h-8 px-3", onClick: handleApply, children: "Apply" })
         ] }) })
       ]
     }
@@ -1391,8 +1460,8 @@ function ComposerEmailFieldRow({
   label,
   children
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "flex items-center gap-3 border-b border-border px-4 py-2.5", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { className: "w-14 shrink-0 text-sm text-muted-foreground", children: label }),
+  return /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: "flex items-center gap-3 border-b border-border px-4 py-2.5", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("span", { className: "w-14 shrink-0 text-sm text-muted-foreground", children: label }),
     children
   ] });
 }
@@ -1457,7 +1526,7 @@ function ChatComposer({
       setEmailSubject(emailReplySubject ? `Re: ${emailReplySubject}` : "");
     }
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(
     "div",
     {
       className: cn(
@@ -1465,27 +1534,27 @@ function ChatComposer({
         className
       ),
       children: [
-        isEmailIntegrated && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", { className: "border-b border-border px-3 py-2", children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+        isEmailIntegrated && /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("div", { className: "border-b border-border px-3 py-2", children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
           Tabs,
           {
             value: channel,
             onValueChange: (v) => v && handleChannelChange(v),
-            children: /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(TabsList, { variant: "default", className: "w-full", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(TabsTrigger, { value: "chat", className: "flex-1 gap-1.5", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_lucide_react5.MessageSquare, { className: "size-3.5" }),
+            children: /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(TabsList, { variant: "default", className: "w-full", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(TabsTrigger, { value: "chat", className: "flex-1 gap-1.5", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_lucide_react6.MessageSquare, { className: "size-3.5" }),
                 "Chat"
               ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(TabsTrigger, { value: "email", className: "flex-1 gap-1.5", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_lucide_react5.Mail, { className: "size-3.5" }),
+              /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(TabsTrigger, { value: "email", className: "flex-1 gap-1.5", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_lucide_react6.Mail, { className: "size-3.5" }),
                 "Email"
               ] })
             ] })
           }
         ) }),
-        mode === "ai" ? /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "flex items-center gap-2 bg-muted/30 px-4 py-2.5 text-[12px] text-muted-foreground", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_lucide_react5.Bot, { className: "size-3.5 shrink-0 text-muted-foreground" }),
-          /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { children: "AI is handling this conversation." }),
-          /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+        mode === "ai" ? /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: "flex items-center gap-2 bg-muted/30 px-4 py-2.5 text-[12px] text-muted-foreground", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_lucide_react6.Bot, { className: "size-3.5 shrink-0 text-muted-foreground" }),
+          /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("span", { children: "AI is handling this conversation." }),
+          /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
             Button,
             {
               variant: "link",
@@ -1495,12 +1564,12 @@ function ChatComposer({
               children: "Take Over"
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { children: "to reply directly." })
+          /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("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__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "relative", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
+          /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: "relative", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(
               "div",
               {
                 className: cn(
@@ -1509,8 +1578,8 @@ function ChatComposer({
                 ),
                 "aria-hidden": channel !== "email",
                 children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(ComposerEmailFieldRow, { label: "To", children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+                  /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(ComposerEmailFieldRow, { label: "To", children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
                       "input",
                       {
                         type: "email",
@@ -1520,7 +1589,7 @@ function ChatComposer({
                         className: "min-w-0 flex-1 bg-transparent text-base text-foreground outline-none placeholder:text-muted-foreground"
                       }
                     ),
-                    /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
+                    /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(
                       "button",
                       {
                         type: "button",
@@ -1528,12 +1597,12 @@ function ChatComposer({
                         className: "flex shrink-0 items-center gap-0.5 text-sm text-muted-foreground hover:text-foreground",
                         children: [
                           "CC",
-                          /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_lucide_react5.ChevronDown, { className: "size-3.5" })
+                          /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_lucide_react6.ChevronDown, { className: "size-3.5" })
                         ]
                       }
                     )
                   ] }),
-                  showCc && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(ComposerEmailFieldRow, { label: "CC", children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+                  showCc && /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(ComposerEmailFieldRow, { label: "CC", children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
                     "input",
                     {
                       type: "email",
@@ -1543,7 +1612,7 @@ function ChatComposer({
                       className: "min-w-0 flex-1 bg-transparent text-base text-foreground outline-none placeholder:text-muted-foreground"
                     }
                   ) }),
-                  emailMode !== "reply" && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(ComposerEmailFieldRow, { label: "Subject", children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+                  emailMode !== "reply" && /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(ComposerEmailFieldRow, { label: "Subject", children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
                     "input",
                     {
                       type: "text",
@@ -1553,11 +1622,11 @@ function ChatComposer({
                       className: "min-w-0 flex-1 bg-transparent text-base text-foreground outline-none placeholder:text-muted-foreground"
                     }
                   ) }),
-                  /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_react4.EditorContent, { editor }),
-                  /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "flex items-center justify-between border-t border-border px-3 py-2", children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "flex items-center gap-0.5", children: [
-                      emailReplySubject && /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(import_jsx_runtime17.Fragment, { children: [
-                        /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
+                  /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_react4.EditorContent, { editor }),
+                  /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: "flex items-center justify-between border-t border-border px-3 py-2", children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: "flex items-center gap-0.5", children: [
+                      emailReplySubject && /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(import_jsx_runtime18.Fragment, { children: [
+                        /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(
                           ToggleGroup,
                           {
                             type: "single",
@@ -1571,51 +1640,51 @@ function ChatComposer({
                             },
                             className: "mr-1.5",
                             children: [
-                              /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(ToggleGroupItem, { value: "reply", children: "Reply" }),
-                              /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(ToggleGroupItem, { value: "new", children: "New email" })
+                              /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(ToggleGroupItem, { value: "reply", children: "Reply" }),
+                              /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(ToggleGroupItem, { value: "new", children: "New email" })
                             ]
                           }
                         ),
-                        /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(Separator, { orientation: "vertical", className: "mr-1.5 h-4" })
+                        /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(Separator, { orientation: "vertical", className: "mr-1.5 h-4" })
                       ] }),
-                      /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+                      /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
                         ComposerToolbarButton,
                         {
                           label: "Bold",
-                          icon: import_lucide_react5.Bold,
+                          icon: import_lucide_react6.Bold,
                           pressed: editor == null ? void 0 : editor.isActive("bold"),
                           onToggle: () => editor == null ? void 0 : editor.chain().focus().toggleBold().run()
                         }
                       ),
-                      /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+                      /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
                         ComposerToolbarButton,
                         {
                           label: "Italic",
-                          icon: import_lucide_react5.Italic,
+                          icon: import_lucide_react6.Italic,
                           pressed: editor == null ? void 0 : editor.isActive("italic"),
                           onToggle: () => editor == null ? void 0 : editor.chain().focus().toggleItalic().run()
                         }
                       ),
-                      /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+                      /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
                         ComposerToolbarButton,
                         {
                           label: "Underline",
-                          icon: import_lucide_react5.Underline,
+                          icon: import_lucide_react6.Underline,
                           pressed: editor == null ? void 0 : editor.isActive("underline"),
                           onToggle: () => editor == null ? void 0 : editor.chain().focus().toggleUnderline().run()
                         }
                       ),
-                      /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(Separator, { orientation: "vertical", className: "mx-1.5 h-4" }),
-                      /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(ComposerLinkPopover, { editor }),
-                      /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(ComposerToolbarButton, { label: "Attach file", icon: import_lucide_react5.Paperclip })
+                      /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(Separator, { orientation: "vertical", className: "mx-1.5 h-4" }),
+                      /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(ComposerLinkPopover, { editor }),
+                      /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(ComposerToolbarButton, { label: "Attach file", icon: import_lucide_react6.Paperclip })
                     ] }),
-                    /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", { className: "flex items-center gap-2", children: /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
+                    /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("div", { className: "flex items-center gap-2", children: /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(
                       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,
@@ -1627,7 +1696,7 @@ function ChatComposer({
                         },
                         disabled: !editor || editor.isEmpty || !emailTo.trim(),
                         children: [
-                          /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_lucide_react5.Send, { className: "mr-1.5 size-3.5" }),
+                          /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_lucide_react6.Send, { className: "mr-1.5 size-3.5" }),
                           "Send Email"
                         ]
                       }
@@ -1636,8 +1705,8 @@ function ChatComposer({
                 ]
               }
             ),
-            channel === "chat" && /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "absolute inset-0 flex flex-col gap-3 p-4", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+            channel === "chat" && /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: "absolute inset-0 flex flex-col gap-3 p-4", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
                 Textarea,
                 {
                   value: inputValue,
@@ -1646,12 +1715,12 @@ function ChatComposer({
                   className: "min-h-0 flex-1 resize-none text-base"
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "flex items-center justify-between", children: [
-                initialChannelRef.current !== "email" && /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(Button, { variant: "outline", size: "sm", onClick: onLetAiHandle, children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_lucide_react5.Bot, { className: "mr-1.5 size-3.5" }),
+              /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: "flex items-center justify-between", children: [
+                initialChannelRef.current !== "email" && /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(Button, { variant: "outline", size: "sm", onClick: onLetAiHandle, children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_lucide_react6.Bot, { className: "mr-1.5 size-3.5" }),
                   "Let AI Handle"
                 ] }),
-                /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
+                /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(
                   Button,
                   {
                     size: "sm",
@@ -1659,7 +1728,7 @@ function ChatComposer({
                     onClick: () => onSend == null ? void 0 : onSend(inputValue),
                     disabled: !inputValue.trim(),
                     children: [
-                      /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_lucide_react5.Send, { className: "mr-1.5 size-3.5" }),
+                      /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_lucide_react6.Send, { className: "mr-1.5 size-3.5" }),
                       "Send"
                     ]
                   }
@@ -1716,13 +1785,13 @@ function ChatThread({
   const prevLastMessageIdRef = import_react3.default.useRef(void 0);
   const prevContactIdRef = import_react3.default.useRef(contact.id);
   import_react3.default.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;
     }
@@ -1740,8 +1809,8 @@ function ChatThread({
     const el = scrollRef.current;
     if (el) el.scrollTop = el.scrollHeight;
   }, [isAiTyping]);
-  return /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: cn("flex flex-col bg-background", className), children: [
-    /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: cn("flex flex-col bg-background", className), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(
       "div",
       {
         className: cn(
@@ -1749,7 +1818,7 @@ function ChatThread({
           "flex items-center gap-3 border-b border-border px-4"
         ),
         children: [
-          onBack && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+          onBack && /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
             Button,
             {
               variant: "ghost",
@@ -1757,28 +1826,28 @@ function ChatThread({
               className: "size-8 shrink-0 md:hidden",
               onClick: onBack,
               "aria-label": "Back to conversations",
-              children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_lucide_react5.ArrowLeft, { className: "size-4" })
+              children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_lucide_react6.ArrowLeft, { className: "size-4" })
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(ContactAvatar, { name: contact.name, size: "md" }),
-          /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "min-w-0 flex-1", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "flex items-center gap-2", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { className: "text-sm font-semibold text-foreground", children: displayContactName(contact.name) }),
-              /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(ConversationStatusChip, { status, showDot: true })
+          /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(ContactAvatar, { name: contact.name, size: "md" }),
+          /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: "min-w-0 flex-1", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: "flex items-center gap-2", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("span", { className: "text-sm font-semibold text-foreground", children: displayContactName(contact.name) }),
+              /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(ConversationStatusChip, { status, showDot: true })
             ] }),
-            contact.email && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("p", { className: "text-sm text-muted-foreground", children: contact.email })
+            contact.email && /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("p", { className: "text-sm text-muted-foreground", children: contact.email })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "flex shrink-0 items-center gap-2", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "hidden items-center gap-2 md:flex", children: [
-              isClosed && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(Button, { variant: "outline", size: "sm", onClick: onReopen, children: "Reopen" }),
-              !isClosed && aiIsHandling && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(Button, { size: "sm", onClick: onTakeOver, children: "Take Over" }),
-              !isClosed && !aiIsHandling && channel !== "email" && /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(Button, { variant: "outline", size: "sm", onClick: onLetAiHandle, children: [
-                /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_lucide_react5.Bot, { className: "mr-1.5 size-3.5" }),
+          /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: "flex shrink-0 items-center gap-2", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: "hidden items-center gap-2 md:flex", children: [
+              isClosed && /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(Button, { variant: "outline", size: "sm", onClick: onReopen, children: "Reopen" }),
+              !isClosed && aiIsHandling && /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(Button, { size: "sm", onClick: onTakeOver, children: "Take Over" }),
+              !isClosed && !aiIsHandling && channel !== "email" && /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(Button, { variant: "outline", size: "sm", onClick: onLetAiHandle, children: [
+                /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_lucide_react6.Bot, { className: "mr-1.5 size-3.5" }),
                 "Let AI Handle"
               ] })
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(DropdownMenu, { children: [
-              /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(DropdownMenu, { children: [
+              /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
                 DropdownMenuTrigger,
                 {
                   className: cn(
@@ -1786,38 +1855,38 @@ function ChatThread({
                     "size-8"
                   ),
                   "aria-label": "More actions",
-                  children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_lucide_react5.MoreHorizontal, { className: "size-4" })
+                  children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_lucide_react6.MoreHorizontal, { className: "size-4" })
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(DropdownMenuContent, { children: [
-                onShowLeadInfo && /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(import_jsx_runtime17.Fragment, { children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
+              /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(DropdownMenuContent, { children: [
+                onShowLeadInfo && /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(import_jsx_runtime18.Fragment, { children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(
                     DropdownMenuItem,
                     {
                       className: "md:hidden",
                       onClick: onShowLeadInfo,
                       children: [
-                        /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_lucide_react5.ChevronRight, { className: "mr-2 size-4" }),
+                        /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_lucide_react6.ChevronRight, { className: "mr-2 size-4" }),
                         "Lead Info"
                       ]
                     }
                   ),
-                  /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(DropdownMenuSeparator, { className: "md:hidden" })
+                  /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(DropdownMenuSeparator, { className: "md:hidden" })
                 ] }),
-                status === "needs-attention" ? /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(DropdownMenuItem, { onClick: onUnmarkUrgent, children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_lucide_react5.Flag, { className: "mr-2 size-4" }),
+                status === "needs-attention" ? /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(DropdownMenuItem, { onClick: onUnmarkUrgent, children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_lucide_react6.Flag, { className: "mr-2 size-4" }),
                   "Unmark Urgent"
-                ] }) : /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(DropdownMenuItem, { onClick: onMarkUrgent, children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_lucide_react5.Flag, { className: "mr-2 size-4" }),
+                ] }) : /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(DropdownMenuItem, { onClick: onMarkUrgent, children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_lucide_react6.Flag, { className: "mr-2 size-4" }),
                   "Mark as Urgent"
                 ] }),
-                /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(DropdownMenuItem, { onClick: onAssignToAdvisor, children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_lucide_react5.UserCheck, { className: "mr-2 size-4" }),
+                /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(DropdownMenuItem, { onClick: onAssignToAdvisor, children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_lucide_react6.UserCheck, { className: "mr-2 size-4" }),
                   "Assign to advisor"
                 ] }),
-                /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(DropdownMenuSeparator, {}),
-                /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(DropdownMenuItem, { onClick: onArchive, children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_lucide_react5.Archive, { className: "mr-2 size-4" }),
+                /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(DropdownMenuSeparator, {}),
+                /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(DropdownMenuItem, { onClick: onArchive, children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_lucide_react6.Archive, { className: "mr-2 size-4" }),
                   "Archive"
                 ] })
               ] })
@@ -1826,7 +1895,7 @@ function ChatThread({
         ]
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
+    /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(
       "div",
       {
         ref: scrollRef,
@@ -1834,29 +1903,29 @@ function ChatThread({
         className: "flex flex-1 flex-col gap-4 overflow-y-auto p-4",
         tabIndex: 0,
         children: [
-          isLoadingMoreMessages && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", { className: "flex justify-center py-1 text-caption text-muted-foreground", children: "Loading older messages..." }),
-          messages.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "flex flex-1 flex-col items-center justify-center gap-2 text-muted-foreground", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_lucide_react5.MessageSquare, { className: "size-8 opacity-30" }),
-            /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("p", { className: "text-sm", children: "No messages yet" })
-          ] }) : messages.map((msg) => /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(ChatBubble, { message: msg, channel }, msg.id)),
-          isAiTyping && !isClosed && /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "flex gap-2.5", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(BubbleAvatar, { role: "bot" }),
-            /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "flex flex-col gap-1", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { className: "text-caption text-muted-foreground", children: "AI Assistant" }),
-              /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "flex items-center gap-1 border border-border bg-muted/60 px-3 py-2.5", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { className: "size-1.5 animate-bounce rounded-full bg-muted-foreground [animation-delay:0ms]" }),
-                /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { className: "size-1.5 animate-bounce rounded-full bg-muted-foreground [animation-delay:150ms]" }),
-                /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { className: "size-1.5 animate-bounce rounded-full bg-muted-foreground [animation-delay:300ms]" })
+          isLoadingMoreMessages && /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("div", { className: "flex justify-center py-1 text-caption text-muted-foreground", children: "Loading older messages..." }),
+          messages.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: "flex flex-1 flex-col items-center justify-center gap-2 text-muted-foreground", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_lucide_react6.MessageSquare, { className: "size-8 opacity-30" }),
+            /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("p", { className: "text-sm", children: "No messages yet" })
+          ] }) : messages.map((msg) => /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(ChatBubble, { message: msg, channel }, msg.id)),
+          isAiTyping && !isClosed && /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: "flex gap-2.5", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(BubbleAvatar, { role: "bot" }),
+            /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: "flex flex-col gap-1", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("span", { className: "text-caption text-muted-foreground", children: "AI Assistant" }),
+              /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: "flex items-center gap-1 border border-border bg-muted/60 px-3 py-2.5", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("span", { className: "size-1.5 animate-bounce rounded-full bg-muted-foreground [animation-delay:0ms]" }),
+                /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("span", { className: "size-1.5 animate-bounce rounded-full bg-muted-foreground [animation-delay:150ms]" }),
+                /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("span", { className: "size-1.5 animate-bounce rounded-full bg-muted-foreground [animation-delay:300ms]" })
               ] })
             ] })
           ] })
         ]
       }
     ),
-    isClosed ? /* @__PURE__ */ (0, import_jsx_runtime17.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__ */ (0, import_jsx_runtime17.jsx)(import_lucide_react5.Lock, { className: "size-3.5 shrink-0" }),
-      /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { children: "This conversation is closed." }),
-      /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+    isClosed ? /* @__PURE__ */ (0, import_jsx_runtime18.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__ */ (0, import_jsx_runtime18.jsx)(import_lucide_react6.Lock, { className: "size-3.5 shrink-0" }),
+      /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("span", { children: "This conversation is closed." }),
+      /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
         Button,
         {
           variant: "outline",
@@ -1866,7 +1935,7 @@ function ChatThread({
           children: "Reopen"
         }
       )
-    ] }) : /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+    ] }) : /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
       ChatComposer,
       {
         mode,
@@ -1887,21 +1956,21 @@ function ChatThread({
 }
 
 // src/components/ui/ai-conversations/lead-panel.tsx
-var import_lucide_react6 = require("lucide-react");
-var import_jsx_runtime18 = require("react/jsx-runtime");
+var import_lucide_react7 = require("lucide-react");
+var import_jsx_runtime19 = require("react/jsx-runtime");
 function AICollectedDataSection({
   fields,
   className
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("div", { className: cn("flex flex-col", className), children: fields.map((field, i) => /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", { className: cn("flex flex-col", className), children: fields.map((field, i) => /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(
     "div",
     {
       className: "flex items-center justify-between gap-2 border-b border-border/40 py-1.5 last:border-b-0",
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("span", { className: "shrink-0 text-sm text-muted-foreground", children: field.label }),
-        /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: "flex items-center gap-1.5", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("span", { className: "text-right text-sm font-medium text-foreground", children: field.value }),
-          field.confidence === "confirmed" ? /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_lucide_react6.CheckCircle2, { className: "size-3 shrink-0 text-success-text" }) : /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_lucide_react6.HelpCircle, { className: "size-3 shrink-0 text-warning-text" })
+        /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("span", { className: "shrink-0 text-sm text-muted-foreground", children: field.label }),
+        /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: "flex items-center gap-1.5", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("span", { className: "text-right text-sm font-medium text-foreground", children: field.value }),
+          field.confidence === "confirmed" ? /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_lucide_react7.CheckCircle2, { className: "size-3 shrink-0 text-success-text" }) : /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_lucide_react7.HelpCircle, { className: "size-3 shrink-0 text-warning-text" })
         ] })
       ]
     },
@@ -1915,9 +1984,9 @@ var APPOINTMENT_STATUS_LABEL = {
   cancelled: "Cancelled"
 };
 var MEETING_ICON = {
-  video: import_lucide_react6.Video,
-  phone: import_lucide_react6.Phone,
-  "in-person": import_lucide_react6.MapPin
+  video: import_lucide_react7.Video,
+  phone: import_lucide_react7.Phone,
+  "in-person": import_lucide_react7.MapPin
 };
 var MEETING_LABEL = {
   video: "Video Call",
@@ -1925,9 +1994,9 @@ var MEETING_LABEL = {
   "in-person": "In Person"
 };
 var MEETING_DETAIL_ICON = {
-  video: import_lucide_react6.Link2,
-  phone: import_lucide_react6.PhoneCall,
-  "in-person": import_lucide_react6.Navigation
+  video: import_lucide_react7.Link2,
+  phone: import_lucide_react7.PhoneCall,
+  "in-person": import_lucide_react7.Navigation
 };
 function MeetingDetailRow({
   meetingType,
@@ -1935,9 +2004,9 @@ function MeetingDetailRow({
 }) {
   const DetailIcon = MEETING_DETAIL_ICON[meetingType];
   const isLink = detail.startsWith("http");
-  return /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: "flex items-center gap-2", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(DetailIcon, { className: "size-4 shrink-0 text-muted-foreground" }),
-    isLink ? /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: "flex items-center gap-2", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(DetailIcon, { className: "size-4 shrink-0 text-muted-foreground" }),
+    isLink ? /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
       "a",
       {
         href: detail,
@@ -1946,7 +2015,7 @@ function MeetingDetailRow({
         className: "text-sm text-primary underline underline-offset-2 break-all hover:text-primary/80",
         children: detail
       }
-    ) : /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("span", { className: "text-sm text-muted-foreground break-all", children: detail })
+    ) : /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("span", { className: "text-sm text-muted-foreground break-all", children: detail })
   ] });
 }
 function AppointmentSection({
@@ -1959,23 +2028,23 @@ function AppointmentSection({
 }) {
   const AppointmentIcon = MEETING_ICON[appointment.meetingType];
   const canReschedule = !isAnonymous && !!onRescheduleAppointment;
-  return /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: "flex flex-col gap-2", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: "flex items-center gap-2", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_lucide_react6.Calendar, { className: "size-3.5 shrink-0 text-muted-foreground" }),
-      /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("span", { className: "text-sm font-medium text-foreground", children: appointment.datetime })
+  return /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: "flex flex-col gap-2", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: "flex items-center gap-2", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_lucide_react7.Calendar, { className: "size-3.5 shrink-0 text-muted-foreground" }),
+      /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("span", { className: "text-sm font-medium text-foreground", children: appointment.datetime })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: "flex items-center gap-2", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(AppointmentIcon, { className: "size-4 shrink-0 text-muted-foreground" }),
-      /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("span", { className: "text-sm text-muted-foreground", children: MEETING_LABEL[appointment.meetingType] })
+    /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: "flex items-center gap-2", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(AppointmentIcon, { className: "size-4 shrink-0 text-muted-foreground" }),
+      /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("span", { className: "text-sm text-muted-foreground", children: MEETING_LABEL[appointment.meetingType] })
     ] }),
-    appointment.meetingDetail && /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+    appointment.meetingDetail && /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
       MeetingDetailRow,
       {
         meetingType: appointment.meetingType,
         detail: appointment.meetingDetail
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
       "span",
       {
         className: cn("text-sm font-medium", {
@@ -1987,9 +2056,9 @@ function AppointmentSection({
         children: APPOINTMENT_STATUS_LABEL[appointment.status]
       }
     ),
-    appointment.status === "requested" && /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: "flex gap-2 pt-1", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(Button, { size: "sm", className: "flex-1", onClick: onApproveAppointment, children: "Approve" }),
-      /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+    appointment.status === "requested" && /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: "flex gap-2 pt-1", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(Button, { size: "sm", className: "flex-1", onClick: onApproveAppointment, children: "Approve" }),
+      /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
         Button,
         {
           variant: "outline",
@@ -1999,7 +2068,7 @@ function AppointmentSection({
           children: "Decline"
         }
       ),
-      canReschedule && /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+      canReschedule && /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
         Button,
         {
           variant: "ghost",
@@ -2010,7 +2079,7 @@ function AppointmentSection({
         }
       )
     ] }),
-    (appointment.status === "confirmed" || appointment.status === "cancelled") && canReschedule && /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+    (appointment.status === "confirmed" || appointment.status === "cancelled") && canReschedule && /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
       Button,
       {
         variant: "outline",
@@ -2023,13 +2092,13 @@ function AppointmentSection({
   ] });
 }
 function PanelSectionHeader({ children }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("p", { className: "mb-2.5 text-overline text-muted-foreground", children });
+  return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("p", { className: "mb-2.5 text-overline text-muted-foreground", children });
 }
 function PanelSection({
   children,
   last = false
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("div", { className: cn("px-4 py-4", !last && "border-b border-border"), children });
+  return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", { className: cn("px-4 py-4", !last && "border-b border-border"), children });
 }
 function LeadInfoPanel({
   contact,
@@ -2055,8 +2124,8 @@ function LeadInfoPanel({
 }) {
   const isAnonymous = !contact.name.trim();
   const addToContactsDisabled = isAnonymous || isKnownContact;
-  return /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: cn("flex flex-col bg-background", className), children: [
-    /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: cn("flex flex-col bg-background", className), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(
       "div",
       {
         className: cn(
@@ -2064,7 +2133,7 @@ function LeadInfoPanel({
           "flex items-center justify-between border-b border-border px-4"
         ),
         children: [
-          onBack && /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+          onBack && /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
             Button,
             {
               variant: "ghost",
@@ -2072,15 +2141,15 @@ function LeadInfoPanel({
               className: "size-8 shrink-0 md:hidden",
               onClick: onBack,
               "aria-label": "Back to conversation",
-              children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_lucide_react6.ArrowLeft, { className: "size-4" })
+              children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_lucide_react7.ArrowLeft, { className: "size-4" })
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("span", { className: "text-sm font-semibold text-foreground", children: "Lead Info" }),
-          onToggleCollapse && /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(Tooltip, { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("span", { className: "text-sm font-semibold text-foreground", children: "Lead Info" }),
+          onToggleCollapse && /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(Tooltip, { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
               TooltipTrigger,
               {
-                render: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+                render: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
                   Button,
                   {
                     variant: "ghost",
@@ -2088,8 +2157,8 @@ function LeadInfoPanel({
                     className: "size-7",
                     onClick: onToggleCollapse,
                     "aria-label": isCollapsed ? "Expand panel" : "Collapse panel",
-                    children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
-                      import_lucide_react6.ChevronRight,
+                    children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+                      import_lucide_react7.ChevronRight,
                       {
                         className: cn(
                           "size-4 transition-transform duration-150",
@@ -2101,26 +2170,26 @@ function LeadInfoPanel({
                 )
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(TooltipContent, { children: isCollapsed ? "Expand panel" : "Collapse panel" })
+            /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(TooltipContent, { children: isCollapsed ? "Expand panel" : "Collapse panel" })
           ] })
         ]
       }
     ),
-    !isCollapsed && /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: "flex-1 overflow-y-auto", tabIndex: 0, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(PanelSection, { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(PanelSectionHeader, { children: "Contact" }),
-        /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: "flex items-center gap-3", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(ContactAvatar, { name: contact.name, size: "lg" }),
-          /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: "min-w-0 flex-1", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("p", { className: "truncate text-sm font-semibold text-foreground", children: displayContactName(contact.name) }),
-            /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("p", { className: "text-sm text-muted-foreground", children: source }),
-            topic && /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(Badge, { variant: "secondary", className: "mt-1 text-xs", children: topic })
+    !isCollapsed && /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: "flex-1 overflow-y-auto", tabIndex: 0, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(PanelSection, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(PanelSectionHeader, { children: "Contact" }),
+        /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: "flex items-center gap-3", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(ContactAvatar, { name: contact.name, size: "lg" }),
+          /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: "min-w-0 flex-1", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("p", { className: "truncate text-sm font-semibold text-foreground", children: displayContactName(contact.name) }),
+            /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("p", { className: "text-sm text-muted-foreground", children: source }),
+            topic && /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(Badge, { variant: "secondary", className: "mt-1 text-xs", children: topic })
           ] })
         ] }),
-        (contact.email || contact.phone || firstSeen) && /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: "mt-3 flex flex-col gap-1.5", children: [
-          contact.email && /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: "flex items-center gap-2 text-sm text-muted-foreground", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_lucide_react6.Mail, { className: "size-4 shrink-0" }),
-            /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+        (contact.email || contact.phone || firstSeen) && /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: "mt-3 flex flex-col gap-1.5", children: [
+          contact.email && /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: "flex items-center gap-2 text-sm text-muted-foreground", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_lucide_react7.Mail, { className: "size-4 shrink-0" }),
+            /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
               "a",
               {
                 href: `mailto:${contact.email}`,
@@ -2129,9 +2198,9 @@ function LeadInfoPanel({
               }
             )
           ] }),
-          contact.phone && /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: "flex items-center gap-2 text-sm text-muted-foreground", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_lucide_react6.PhoneCall, { className: "size-4 shrink-0" }),
-            /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+          contact.phone && /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: "flex items-center gap-2 text-sm text-muted-foreground", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_lucide_react7.PhoneCall, { className: "size-4 shrink-0" }),
+            /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
               "a",
               {
                 href: `tel:${contact.phone}`,
@@ -2140,31 +2209,31 @@ function LeadInfoPanel({
               }
             )
           ] }),
-          firstSeen && /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("p", { className: "text-sm text-muted-foreground", children: [
+          firstSeen && /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("p", { className: "text-sm text-muted-foreground", children: [
             "First seen: ",
             firstSeen
           ] })
         ] })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(PanelSection, { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(PanelSectionHeader, { children: "AI-Collected Data" }),
-        aiFields.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(import_jsx_runtime18.Fragment, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(AICollectedDataSection, { fields: aiFields }),
-          /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: "mt-2.5 flex items-center gap-3 text-xs text-muted-foreground", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("span", { className: "flex items-center gap-1", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_lucide_react6.CheckCircle2, { className: "size-3 text-success-text" }),
+      /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(PanelSection, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(PanelSectionHeader, { children: "AI-Collected Data" }),
+        aiFields.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(import_jsx_runtime19.Fragment, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(AICollectedDataSection, { fields: aiFields }),
+          /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: "mt-2.5 flex items-center gap-3 text-xs text-muted-foreground", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("span", { className: "flex items-center gap-1", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_lucide_react7.CheckCircle2, { className: "size-3 text-success-text" }),
               "confirmed"
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("span", { className: "flex items-center gap-1", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_lucide_react6.HelpCircle, { className: "size-3 text-warning-text" }),
+            /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("span", { className: "flex items-center gap-1", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_lucide_react7.HelpCircle, { className: "size-3 text-warning-text" }),
               "estimated"
             ] })
           ] })
-        ] }) : /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("p", { className: "text-sm text-muted-foreground", children: "AI is still gathering information..." })
+        ] }) : /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("p", { className: "text-sm text-muted-foreground", children: "AI is still gathering information..." })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(PanelSection, { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(PanelSectionHeader, { children: "Appointment" }),
-        appointment ? /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(PanelSection, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(PanelSectionHeader, { children: "Appointment" }),
+        appointment ? /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
           AppointmentSection,
           {
             appointment,
@@ -2174,7 +2243,7 @@ function LeadInfoPanel({
             onDeclineAppointment,
             onRescheduleAppointment
           }
-        ) : /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(
+        ) : /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(
           Button,
           {
             variant: "outline",
@@ -2183,20 +2252,20 @@ function LeadInfoPanel({
             disabled: isAnonymous,
             onClick: onBookAppointment,
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_lucide_react6.Plus, { className: "mr-1.5 size-3.5" }),
+              /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_lucide_react7.Plus, { className: "mr-1.5 size-3.5" }),
               "Book Appointment"
             ]
           }
         )
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(PanelSection, { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(PanelSectionHeader, { children: "CRM Actions" }),
-        /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: "flex flex-col gap-2", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(Tooltip, { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(PanelSection, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(PanelSectionHeader, { children: "CRM Actions" }),
+        /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: "flex flex-col gap-2", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(Tooltip, { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
               TooltipTrigger,
               {
-                render: /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(
+                render: /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(
                   Button,
                   {
                     variant: "outline",
@@ -2205,16 +2274,16 @@ function LeadInfoPanel({
                     disabled: addToContactsDisabled,
                     onClick: onAddToContacts,
                     children: [
-                      /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_lucide_react6.UserPlus, { className: "mr-1.5 size-3.5" }),
+                      /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_lucide_react7.UserPlus, { className: "mr-1.5 size-3.5" }),
                       "Add to Contacts"
                     ]
                   }
                 )
               }
             ),
-            isKnownContact && /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(TooltipContent, { children: "Already in contacts" })
+            isKnownContact && /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(TooltipContent, { children: "Already in contacts" })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(
+          /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(
             Button,
             {
               variant: "outline",
@@ -2223,23 +2292,23 @@ function LeadInfoPanel({
               disabled: isAnonymous,
               onClick: onCreateOpportunity,
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_lucide_react6.Briefcase, { className: "mr-1.5 size-3.5" }),
+                /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_lucide_react7.Briefcase, { className: "mr-1.5 size-3.5" }),
                 "Add to CRM"
               ]
             }
           )
         ] })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(PanelSection, { last: true, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: "mb-2.5 flex items-center justify-between", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("p", { className: "text-overline text-muted-foreground", children: "Internal Notes" }),
-          notesSaveStatus === "saving" && /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("span", { className: "text-xs text-muted-foreground", children: "Saving..." }),
-          notesSaveStatus === "saved" && /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("span", { className: "flex items-center gap-1 text-xs text-success-text", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_lucide_react6.CheckCircle2, { className: "size-3" }),
+      /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(PanelSection, { last: true, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: "mb-2.5 flex items-center justify-between", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("p", { className: "text-overline text-muted-foreground", children: "Internal Notes" }),
+          notesSaveStatus === "saving" && /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("span", { className: "text-xs text-muted-foreground", children: "Saving..." }),
+          notesSaveStatus === "saved" && /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("span", { className: "flex items-center gap-1 text-xs text-success-text", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_lucide_react7.CheckCircle2, { className: "size-3" }),
             "Saved"
           ] })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
           Textarea,
           {
             value: internalNotes,
@@ -2255,7 +2324,7 @@ function LeadInfoPanel({
 }
 
 // src/components/ui/ai-conversations/index.tsx
-var import_jsx_runtime19 = require("react/jsx-runtime");
+var import_jsx_runtime20 = require("react/jsx-runtime");
 function ConversationsPage({
   conversations,
   activeConversationId,
@@ -2323,12 +2392,12 @@ function ConversationsPage({
     onToggleLeadPanel == null ? void 0 : onToggleLeadPanel();
     setMobilePanel(showLeadPanel ? "chat" : "lead");
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(TooltipProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(TooltipProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(
     "div",
     {
       className: cn("flex h-full overflow-hidden bg-background", className),
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
           ConversationList,
           {
             conversations,
@@ -2350,7 +2419,7 @@ function ConversationsPage({
             )
           }
         ),
-        contact ? /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+        contact ? /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
           ChatThread,
           {
             contact,
@@ -2384,21 +2453,21 @@ function ConversationsPage({
             )
           },
           contact.id
-        ) : /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+        ) : /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
           "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__ */ (0, import_jsx_runtime19.jsxs)("div", { className: "flex flex-col items-center gap-2 text-muted-foreground", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_lucide_react7.MessageSquare, { className: "size-10 opacity-30" }),
-              /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("p", { className: "text-sm", children: "Select a conversation" })
+            children: /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("div", { className: "flex flex-col items-center gap-2 text-muted-foreground", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_lucide_react8.MessageSquare, { className: "size-10 opacity-30" }),
+              /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("p", { className: "text-sm", children: "Select a conversation" })
             ] })
           }
         ),
-        contact && /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(import_jsx_runtime19.Fragment, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+        contact && /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(import_jsx_runtime20.Fragment, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
             "div",
             {
               className: cn(
@@ -2406,7 +2475,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__ */ (0, import_jsx_runtime19.jsx)(
+              children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
                 LeadInfoPanel,
                 {
                   contact,
@@ -2432,11 +2501,11 @@ function ConversationsPage({
               )
             }
           ),
-          !showLeadPanel && onToggleLeadPanel && /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", { className: "hidden shrink-0 items-start border-l border-border pt-[29px] md:flex", children: /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(Tooltip, { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+          !showLeadPanel && onToggleLeadPanel && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("div", { className: "hidden shrink-0 items-start border-l border-border pt-[29px] md:flex", children: /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(Tooltip, { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
               TooltipTrigger,
               {
-                render: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+                render: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
                   Button,
                   {
                     variant: "ghost",
@@ -2444,12 +2513,12 @@ function ConversationsPage({
                     className: "size-8",
                     "aria-label": "Show lead info",
                     onClick: handleToggleLeadPanel,
-                    children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_lucide_react7.ChevronLeft, { className: "size-4" })
+                    children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_lucide_react8.ChevronLeft, { className: "size-4" })
                   }
                 )
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(TooltipContent, { children: "Show lead info" })
+            /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(TooltipContent, { children: "Show lead info" })
           ] }) })
         ] })
       ]
@@ -2479,13 +2548,13 @@ function AiConvAssignAdvisorDialog({
       setRoleFilter("");
     }
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(Dialog, { open, onOpenChange: handleOpenChange, children: /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(DialogContent, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(DialogHeader, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(DialogTitle, { children: "Assign to advisor" }),
-      /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(DialogDescription, { children: "Choose an advisor to handle this conversation." })
+  return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(Dialog, { open, onOpenChange: handleOpenChange, children: /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(DialogContent, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(DialogHeader, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(DialogTitle, { children: "Assign to advisor" }),
+      /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(DialogDescription, { children: "Choose an advisor to handle this conversation." })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: "flex flex-col gap-0", children: [
-      roles.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", { className: "pb-3", children: /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(
+    /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("div", { className: "flex flex-col gap-0", children: [
+      roles.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("div", { className: "pb-3", children: /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(
         ToggleGroup,
         {
           type: "single",
@@ -2498,14 +2567,14 @@ function AiConvAssignAdvisorDialog({
             setRoleFilter(!v || v === "__all__" ? "" : v);
           },
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(ToggleGroupItem, { value: "__all__", children: "All" }),
-            roles.map((role) => /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(ToggleGroupItem, { value: role, children: role }, role))
+            /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(ToggleGroupItem, { value: "__all__", children: "All" }),
+            roles.map((role) => /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(ToggleGroupItem, { value: role, children: role }, role))
           ]
         }
       ) }),
-      /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: "flex items-center gap-2 border border-input px-3", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_lucide_react7.Search, { className: "size-4 shrink-0 text-muted-foreground" }),
-        /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("div", { className: "flex items-center gap-2 border border-input px-3", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_lucide_react8.Search, { className: "size-4 shrink-0 text-muted-foreground" }),
+        /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
           "input",
           {
             type: "text",
@@ -2516,7 +2585,7 @@ function AiConvAssignAdvisorDialog({
           }
         )
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", { className: "max-h-52 overflow-y-auto border border-t-0 border-input", children: filtered.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("p", { className: "py-6 text-center text-sm text-muted-foreground", children: "No advisors found." }) : filtered.map((advisor) => /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(
+      /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("div", { className: "max-h-52 overflow-y-auto border border-t-0 border-input", children: filtered.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("p", { className: "py-6 text-center text-sm text-muted-foreground", children: "No advisors found." }) : filtered.map((advisor) => /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(
         "button",
         {
           type: "button",
@@ -2526,19 +2595,19 @@ function AiConvAssignAdvisorDialog({
             value === advisor.id && "bg-muted font-medium"
           ),
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(Avatar, { size: "sm", children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(AvatarFallback, { className: "font-semibold", children: advisor.initials }) }),
-            /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: "min-w-0 flex-1", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("p", { className: "truncate text-sm", children: advisor.name }),
-              advisor.role && /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("p", { className: "truncate text-xs text-muted-foreground", children: advisor.role })
+            /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(Avatar, { size: "sm", children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(AvatarFallback, { className: "font-semibold", children: advisor.initials }) }),
+            /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("div", { className: "min-w-0 flex-1", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("p", { className: "truncate text-sm", children: advisor.name }),
+              advisor.role && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("p", { className: "truncate text-xs text-muted-foreground", children: advisor.role })
             ] })
           ]
         },
         advisor.id
       )) })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(DialogFooter, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(Button, { variant: "outline", onClick: () => onOpenChange(false), children: "Cancel" }),
-      /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(Button, { onClick: onConfirm, children: "Assign" })
+    /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(DialogFooter, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(Button, { variant: "outline", onClick: () => onOpenChange(false), children: "Cancel" }),
+      /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(Button, { onClick: onConfirm, children: "Assign" })
     ] })
   ] }) });
 }