@wealthx/shadcn 1.5.17 → 1.5.19

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

@@ -72,6 +72,13 @@ __export(ai_conversations_exports, {
 });
 module.exports = __toCommonJS(ai_conversations_exports);
 var import_react3 = __toESM(require("react"));
+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_react4 = require("lucide-react");
 
 // src/lib/utils.ts
@@ -605,9 +612,54 @@ function DialogDescription(_a) {
   );
 }
 
+// src/components/ui/popover.tsx
+var import_popover = require("@base-ui/react/popover");
+var import_jsx_runtime8 = require("react/jsx-runtime");
+function Popover(_a) {
+  var props = __objRest(_a, []);
+  return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_popover.Popover.Root, __spreadValues({ "data-slot": "popover" }, props));
+}
+function PopoverTrigger(_a) {
+  var props = __objRest(_a, []);
+  return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_popover.Popover.Trigger, __spreadValues({ "data-slot": "popover-trigger" }, props));
+}
+function PopoverContent(_a) {
+  var _b = _a, {
+    className,
+    align = "center",
+    sideOffset = 4,
+    style
+  } = _b, props = __objRest(_b, [
+    "className",
+    "align",
+    "sideOffset",
+    "style"
+  ]);
+  const themeVars = useThemeVars();
+  return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_popover.Popover.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+    import_popover.Popover.Positioner,
+    {
+      className: "z-[200]",
+      align,
+      sideOffset,
+      children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+        import_popover.Popover.Popup,
+        __spreadValues({
+          className: cn(
+            "z-50 w-72 border border-border bg-popover p-4 text-popover-foreground shadow-md outline-hidden data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 data-ending-style:animate-out data-ending-style:fade-out-0 data-ending-style:zoom-out-95 data-ending-style:fill-mode-forwards data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95",
+            className
+          ),
+          "data-slot": "popover-content",
+          style: __spreadValues(__spreadValues({}, themeVars), style)
+        }, props)
+      )
+    }
+  ) });
+}
+
 // src/components/ui/separator.tsx
 var import_separator = require("@base-ui/react/separator");
-var import_jsx_runtime8 = require("react/jsx-runtime");
+var import_jsx_runtime9 = require("react/jsx-runtime");
 function Separator(_a) {
   var _b = _a, {
     className,
@@ -616,7 +668,7 @@ function Separator(_a) {
     "className",
     "orientation"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
     import_separator.Separator,
     __spreadValues({
       className: cn(
@@ -632,7 +684,7 @@ function Separator(_a) {
 // src/components/ui/tabs.tsx
 var import_class_variance_authority3 = require("class-variance-authority");
 var import_tabs = require("@base-ui/react/tabs");
-var import_jsx_runtime9 = require("react/jsx-runtime");
+var import_jsx_runtime10 = require("react/jsx-runtime");
 function Tabs(_a) {
   var _b = _a, {
     className,
@@ -641,7 +693,7 @@ function Tabs(_a) {
     "className",
     "orientation"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
     import_tabs.Tabs.Root,
     __spreadValues({
       className: cn(
@@ -675,7 +727,7 @@ function TabsList(_a) {
     "className",
     "variant"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
     import_tabs.Tabs.List,
     __spreadValues({
       className: cn(tabsListVariants({ variant }), className),
@@ -686,7 +738,7 @@ function TabsList(_a) {
 }
 function TabsTrigger(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
     import_tabs.Tabs.Tab,
     __spreadValues({
       className: cn(
@@ -730,7 +782,7 @@ var import_toggle2 = require("@base-ui/react/toggle");
 // src/components/ui/toggle.tsx
 var import_class_variance_authority4 = require("class-variance-authority");
 var import_toggle = require("@base-ui/react/toggle");
-var import_jsx_runtime10 = require("react/jsx-runtime");
+var import_jsx_runtime11 = require("react/jsx-runtime");
 var toggleVariants = (0, import_class_variance_authority4.cva)(
   "inline-flex items-center justify-center gap-2 whitespace-nowrap transition-[color,box-shadow] outline-none focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-destructive/20 data-pressed:bg-primary/10 data-pressed:inset-ring data-pressed:inset-ring-primary data-pressed:text-foreground data-pressed:hover:bg-primary/10 data-pressed:hover:text-foreground dark:aria-invalid:ring-destructive/40 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
   {
@@ -753,7 +805,7 @@ var toggleVariants = (0, import_class_variance_authority4.cva)(
 );
 
 // src/components/ui/toggle-group.tsx
-var import_jsx_runtime11 = require("react/jsx-runtime");
+var import_jsx_runtime12 = require("react/jsx-runtime");
 var ToggleGroupContext = React3.createContext({
   size: "default",
   variant: "default",
@@ -775,7 +827,7 @@ function ToggleGroup(_a) {
     "type",
     "children"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
     import_toggle_group.ToggleGroup,
     __spreadProps(__spreadValues({
       className: cn(
@@ -790,7 +842,7 @@ function ToggleGroup(_a) {
       multiple: type === "multiple",
       style: { "--gap": spacing }
     }, props), {
-      children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(ToggleGroupContext.Provider, { value: { variant, size, spacing }, children })
+      children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(ToggleGroupContext.Provider, { value: { variant, size, spacing }, children })
     })
   );
 }
@@ -807,7 +859,7 @@ function ToggleGroupItem(_a) {
     "size"
   ]);
   const context = React3.useContext(ToggleGroupContext);
-  return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
     import_toggle2.Toggle,
     __spreadProps(__spreadValues({
       className: cn(
@@ -831,10 +883,10 @@ function ToggleGroupItem(_a) {
 }
 
 // src/components/ui/textarea.tsx
-var import_jsx_runtime12 = require("react/jsx-runtime");
+var import_jsx_runtime13 = require("react/jsx-runtime");
 function Textarea(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
     "textarea",
     __spreadValues({
       className: cn(
@@ -849,14 +901,14 @@ function Textarea(_a) {
 
 // src/components/ui/tooltip.tsx
 var import_tooltip = require("@base-ui/react/tooltip");
-var import_jsx_runtime13 = require("react/jsx-runtime");
+var import_jsx_runtime14 = require("react/jsx-runtime");
 function TooltipProvider(_a) {
   var _b = _a, {
     delay = 0
   } = _b, props = __objRest(_b, [
     "delay"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
     import_tooltip.Tooltip.Provider,
     __spreadValues({
       "data-slot": "tooltip-provider",
@@ -866,11 +918,11 @@ function TooltipProvider(_a) {
 }
 function Tooltip(_a) {
   var props = __objRest(_a, []);
-  return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_tooltip.Tooltip.Root, __spreadValues({ "data-slot": "tooltip" }, props));
+  return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_tooltip.Tooltip.Root, __spreadValues({ "data-slot": "tooltip" }, props));
 }
 function TooltipTrigger(_a) {
   var props = __objRest(_a, []);
-  return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_tooltip.Tooltip.Trigger, __spreadValues({ "data-slot": "tooltip-trigger" }, props));
+  return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_tooltip.Tooltip.Trigger, __spreadValues({ "data-slot": "tooltip-trigger" }, props));
 }
 function TooltipContent(_a) {
   var _b = _a, {
@@ -887,7 +939,7 @@ function TooltipContent(_a) {
     "style"
   ]);
   const themeVars = useThemeVars();
-  return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_tooltip.Tooltip.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_tooltip.Tooltip.Positioner, { sideOffset, side, children: /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_tooltip.Tooltip.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_tooltip.Tooltip.Positioner, { sideOffset, side, children: /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(
     import_tooltip.Tooltip.Popup,
     __spreadProps(__spreadValues({
       className: cn(
@@ -899,14 +951,14 @@ function TooltipContent(_a) {
     }, props), {
       children: [
         children,
-        /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_tooltip.Tooltip.Arrow, { className: "z-50 size-2.5 rotate-45 bg-brand-secondary data-[side=bottom]:-top-1 data-[side=left]:-right-1 data-[side=right]:-left-1 data-[side=top]:-bottom-1" })
+        /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_tooltip.Tooltip.Arrow, { className: "z-50 size-2.5 rotate-45 bg-brand-secondary data-[side=bottom]:-top-1 data-[side=left]:-right-1 data-[side=right]:-left-1 data-[side=top]:-bottom-1" })
       ]
     })
   ) }) });
 }
 
 // src/components/ui/ai-conversations.tsx
-var import_jsx_runtime14 = require("react/jsx-runtime");
+var import_jsx_runtime15 = require("react/jsx-runtime");
 function displayContactName(name) {
   return name.trim() || "Website User";
 }
@@ -945,14 +997,14 @@ function ConversationStatusChip({
   className
 }) {
   const { label, variant, dotClass } = STATUS_CONFIG[status];
-  return /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(Badge, { variant, className, children: [
-    showDot && /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("span", { className: cn("size-1.5 shrink-0 rounded-full", dotClass) }),
+  return /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(Badge, { variant, className, children: [
+    showDot && /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("span", { className: cn("size-1.5 shrink-0 rounded-full", dotClass) }),
     label
   ] });
 }
 function ContactAvatar({ name, size = "md", className }) {
   const avatarSize = size === "sm" ? "sm" : size === "lg" ? "lg" : "default";
-  return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(Avatar, { size: avatarSize, className, children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(AvatarFallback, { className: "font-semibold", children: getInitials(name) }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(Avatar, { size: avatarSize, className, children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(AvatarFallback, { className: "font-semibold", children: getInitials(name) }) });
 }
 function ConversationListItem({
   data,
@@ -960,7 +1012,7 @@ function ConversationListItem({
   onClick,
   onRead
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(
     "button",
     {
       type: "button",
@@ -974,25 +1026,25 @@ function ConversationListItem({
         isActive ? "bg-muted" : "hover:bg-muted/40"
       ),
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(ContactAvatar, { name: data.contact.name }),
-        /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: "min-w-0 flex-1", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: "mb-1 flex items-center justify-between gap-2", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("span", { className: "truncate text-sm font-semibold text-foreground", children: displayContactName(data.contact.name) }),
-            /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: "flex shrink-0 items-center gap-1", children: [
-              data.status === "needs-attention" && /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_lucide_react4.Flag, { className: "size-3 text-warning-text" }),
-              data.channel === "email" ? /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_lucide_react4.Mail, { className: "size-3 text-muted-foreground" }) : /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_lucide_react4.MessageSquare, { className: "size-3 text-muted-foreground" }),
-              /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("span", { className: "whitespace-nowrap text-xs text-muted-foreground", children: data.timestamp })
+        /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(ContactAvatar, { name: data.contact.name }),
+        /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("div", { className: "min-w-0 flex-1", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("div", { className: "mb-1 flex items-center justify-between gap-2", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("span", { className: "truncate text-sm font-semibold text-foreground", children: displayContactName(data.contact.name) }),
+            /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("div", { className: "flex shrink-0 items-center gap-1", children: [
+              data.status === "needs-attention" && /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_lucide_react4.Flag, { className: "size-3 text-warning-text" }),
+              data.channel === "email" ? /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_lucide_react4.Mail, { className: "size-3 text-muted-foreground" }) : /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_lucide_react4.MessageSquare, { className: "size-3 text-muted-foreground" }),
+              /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("span", { className: "whitespace-nowrap text-xs text-muted-foreground", children: data.timestamp })
             ] })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: "mb-1.5 flex items-center justify-between gap-2", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: "flex min-w-0 items-center gap-1.5", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(ConversationStatusChip, { status: data.status, showDot: true }),
-              data.assignedTo && /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("span", { className: "truncate text-xs text-muted-foreground", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("div", { className: "mb-1.5 flex items-center justify-between gap-2", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("div", { className: "flex min-w-0 items-center gap-1.5", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(ConversationStatusChip, { status: data.status, showDot: true }),
+              data.assignedTo && /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("span", { className: "truncate text-xs text-muted-foreground", children: [
                 "\u2192 ",
                 data.assignedTo
               ] })
             ] }),
-            data.unreadCount ? /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+            data.unreadCount ? /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
               Badge,
               {
                 variant: "default",
@@ -1001,8 +1053,8 @@ function ConversationListItem({
               }
             ) : null
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("p", { className: "line-clamp-2 text-sm leading-relaxed text-muted-foreground", children: [
-            data.lastMessageRole === "bot" ? /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("span", { className: "font-medium text-foreground/60", children: "AI: " }) : data.lastMessageRole === "advisor" ? /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("span", { className: "font-medium text-foreground/60", children: "You: " }) : data.lastMessageRole === "visitor" ? /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("span", { className: "font-medium text-foreground/60", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("p", { className: "line-clamp-2 text-sm leading-relaxed text-muted-foreground", children: [
+            data.lastMessageRole === "bot" ? /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("span", { className: "font-medium text-foreground/60", children: "AI: " }) : data.lastMessageRole === "advisor" ? /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("span", { className: "font-medium text-foreground/60", children: "You: " }) : data.lastMessageRole === "visitor" ? /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("span", { className: "font-medium text-foreground/60", children: [
               displayContactName(data.contact.name).split(" ")[0],
               ":",
               " "
@@ -1055,7 +1107,7 @@ function ConversationList({
       onChannelFilterChange == null ? void 0 : onChannelFilterChange(v);
     }
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(
     "div",
     {
       className: cn(
@@ -1063,11 +1115,11 @@ function ConversationList({
         className
       ),
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: cn(PANEL_HEADER_HEIGHT, "flex shrink-0 flex-col"), children: [
-          /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: "flex shrink-0 items-center gap-2 border-b border-border px-3 py-2.5", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: "relative flex-1", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_lucide_react4.Search, { className: "absolute left-2.5 top-1/2 size-3.5 -translate-y-1/2 text-muted-foreground" }),
-              /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("div", { className: cn(PANEL_HEADER_HEIGHT, "flex shrink-0 flex-col"), children: [
+          /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("div", { className: "flex shrink-0 items-center gap-2 border-b border-border px-3 py-2.5", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("div", { className: "relative flex-1", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_lucide_react4.Search, { className: "absolute left-2.5 top-1/2 size-3.5 -translate-y-1/2 text-muted-foreground" }),
+              /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
                 Input,
                 {
                   value: searchQuery,
@@ -1077,7 +1129,7 @@ function ConversationList({
                 }
               )
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(
+            /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(
               ToggleGroup,
               {
                 type: "single",
@@ -1088,25 +1140,25 @@ function ConversationList({
                 onValueChange: handleChannelFilterChange,
                 className: "shrink-0",
                 children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(ToggleGroupItem, { value: "all", "aria-label": "All channels", children: "All" }),
-                  /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(ToggleGroupItem, { value: "chat", "aria-label": "Chat", children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_lucide_react4.MessageSquare, { className: "size-3.5" }) }),
-                  /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(ToggleGroupItem, { value: "email", "aria-label": "Email", children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_lucide_react4.Mail, { className: "size-3.5" }) })
+                  /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(ToggleGroupItem, { value: "all", "aria-label": "All channels", children: "All" }),
+                  /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(ToggleGroupItem, { value: "chat", "aria-label": "Chat", children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_lucide_react4.MessageSquare, { className: "size-3.5" }) }),
+                  /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(ToggleGroupItem, { value: "email", "aria-label": "Email", children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_lucide_react4.Mail, { className: "size-3.5" }) })
                 ]
               }
             )
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", { className: "flex flex-1 items-center border-b border-border", children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("div", { className: "flex flex-1 items-center border-b border-border", children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
             Tabs,
             {
               value: activeFilter,
               onValueChange: (v) => v && (onFilterChange == null ? void 0 : onFilterChange(v)),
               className: "w-full",
-              children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+              children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
                 TabsList,
                 {
                   variant: "line",
                   className: "w-full justify-start gap-0 h-auto",
-                  children: FILTER_TABS.map((tab) => /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+                  children: FILTER_TABS.map((tab) => /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
                     TabsTrigger,
                     {
                       value: tab.id,
@@ -1120,17 +1172,17 @@ function ConversationList({
             }
           ) })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", { className: "flex-1 overflow-y-auto", tabIndex: 0, children: (() => {
+        /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("div", { className: "flex-1 overflow-y-auto", tabIndex: 0, children: (() => {
           const filtered = filterConversations(
             conversations,
             searchQuery,
             activeFilter,
             channelFilter
           );
-          return filtered.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: "flex flex-col items-center justify-center gap-2 p-8 text-muted-foreground", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_lucide_react4.MessageSquare, { className: "size-8 opacity-30" }),
-            /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("p", { className: "text-sm", children: "No conversations" }),
-            searchQuery && /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+          return filtered.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("div", { className: "flex flex-col items-center justify-center gap-2 p-8 text-muted-foreground", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_lucide_react4.MessageSquare, { className: "size-8 opacity-30" }),
+            /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("p", { className: "text-sm", children: "No conversations" }),
+            searchQuery && /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
               Button,
               {
                 variant: "outline",
@@ -1139,7 +1191,7 @@ function ConversationList({
                 children: "Clear search"
               }
             ),
-            !searchQuery && activeFilter !== "all" && /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+            !searchQuery && activeFilter !== "all" && /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
               Button,
               {
                 variant: "outline",
@@ -1148,8 +1200,8 @@ function ConversationList({
                 children: "Clear filter"
               }
             )
-          ] }) : /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(import_jsx_runtime14.Fragment, { children: [
-            filtered.map((item) => /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+          ] }) : /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(import_jsx_runtime15.Fragment, { children: [
+            filtered.map((item) => /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
               ConversationListItem,
               {
                 data: item,
@@ -1159,7 +1211,7 @@ function ConversationList({
               },
               item.id
             )),
-            hasMore && /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", { className: "border-t border-border p-3", children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+            hasMore && /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("div", { className: "border-t border-border p-3", children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
               Button,
               {
                 variant: "outline",
@@ -1181,27 +1233,27 @@ function BubbleAvatar({
   senderName
 }) {
   if (role === "bot") {
-    return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(Avatar, { size: "sm", children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(AvatarFallback, { className: "border border-border bg-muted", children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_lucide_react4.Bot, { className: "size-3.5 text-muted-foreground" }) }) });
+    return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(Avatar, { size: "sm", children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(AvatarFallback, { className: "border border-border bg-muted", children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_lucide_react4.Bot, { className: "size-3.5 text-muted-foreground" }) }) });
   }
   if (role === "advisor") {
-    return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(Avatar, { size: "sm", children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(AvatarFallback, { className: "font-semibold", children: getInitials(senderName != null ? senderName : "Advisor") }) });
+    return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(Avatar, { size: "sm", children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(AvatarFallback, { className: "font-semibold", children: getInitials(senderName != null ? senderName : "Advisor") }) });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(Avatar, { size: "sm", children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(AvatarFallback, { children: getInitials(senderName != null ? senderName : "?") }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(Avatar, { size: "sm", children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(AvatarFallback, { children: getInitials(senderName != null ? senderName : "?") }) });
 }
 function ChatBubble({ message, className }) {
   const { role, content, timestamp, senderName } = message;
   if (role === "system") {
-    return /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: cn("my-2 flex items-center gap-3 px-2", className), children: [
-      /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(Separator, { className: "flex-1" }),
-      /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("span", { className: "shrink-0 text-caption text-muted-foreground", children: content }),
-      /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(Separator, { className: "flex-1" })
+    return /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("div", { className: cn("my-2 flex items-center gap-3 px-2", className), children: [
+      /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(Separator, { className: "flex-1" }),
+      /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("span", { className: "shrink-0 text-caption text-muted-foreground", children: content }),
+      /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(Separator, { className: "flex-1" })
     ] });
   }
   const isAdvisor = role === "advisor";
   const isBot = role === "bot";
   const isVisitor = role === "visitor";
   const displayName = isBot ? "AI Assistant" : isAdvisor ? senderName != null ? senderName : "Advisor" : senderName != null ? senderName : "Lead";
-  return /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(
     "div",
     {
       className: cn(
@@ -1210,8 +1262,8 @@ function ChatBubble({ message, className }) {
         className
       ),
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(BubbleAvatar, { role, senderName }),
-        /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(
+        /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(BubbleAvatar, { role, senderName }),
+        /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(
           "div",
           {
             className: cn(
@@ -1219,20 +1271,20 @@ function ChatBubble({ message, className }) {
               isAdvisor && "items-end"
             ),
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("span", { className: "text-caption text-muted-foreground", children: displayName }),
-              /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("span", { className: "text-caption text-muted-foreground", children: displayName }),
+              /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
                 "div",
                 {
                   className: cn(
-                    "px-3 py-2 text-sm leading-relaxed",
-                    isBot && "border border-border bg-muted/60 text-foreground",
-                    isVisitor && "border border-border bg-background text-foreground",
-                    isAdvisor && "bg-primary text-primary-foreground"
+                    "px-3 py-2 text-sm leading-relaxed break-words [&_a]:underline [&_p]:m-0",
+                    isBot && "border border-border bg-muted/60 text-foreground [&_a]:text-primary",
+                    isVisitor && "border border-border bg-background text-foreground [&_a]:text-primary",
+                    isAdvisor && "bg-primary text-primary-foreground [&_a]:text-primary-foreground"
                   ),
-                  children: content
+                  children: /* @__PURE__ */ (0, import_jsx_runtime15.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_runtime14.jsx)("span", { className: "text-caption text-muted-foreground", children: timestamp })
+              timestamp && /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("span", { className: "text-caption text-muted-foreground", children: timestamp })
             ]
           }
         )
@@ -1240,6 +1292,89 @@ function ChatBubble({ message, className }) {
     }
   );
 }
+function ComposerToolbarButton({
+  label,
+  icon: Icon,
+  pressed,
+  onToggle
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+    "button",
+    {
+      type: "button",
+      "aria-label": label,
+      "aria-pressed": pressed,
+      onClick: onToggle,
+      className: cn(
+        "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_runtime15.jsx)(Icon, { className: "size-3.5" })
+    }
+  );
+}
+function ComposerLinkPopover({ editor }) {
+  const [open, setOpen] = import_react3.default.useState(false);
+  const [url, setUrl] = import_react3.default.useState("");
+  const handleApply = () => {
+    if (url.trim()) {
+      editor == null ? void 0 : editor.chain().focus().setLink({ href: url.trim() }).run();
+    }
+    setOpen(false);
+    setUrl("");
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(
+    Popover,
+    {
+      open,
+      onOpenChange: (newOpen) => {
+        if (newOpen && (editor == null ? void 0 : editor.isActive("link"))) {
+          editor.chain().focus().unsetLink().run();
+          return;
+        }
+        if (newOpen) setUrl("");
+        setOpen(newOpen);
+      },
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+          PopoverTrigger,
+          {
+            "aria-label": "Insert link",
+            className: cn(
+              "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_runtime15.jsx)(import_lucide_react4.Link2, { className: "size-3.5" })
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(PopoverContent, { className: "w-72 p-2", align: "start", children: /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("div", { className: "flex items-center gap-1.5", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+            "input",
+            {
+              type: "url",
+              value: url,
+              onChange: (e) => setUrl(e.target.value),
+              onKeyDown: (e) => e.key === "Enter" && handleApply(),
+              placeholder: "https://",
+              className: "min-w-0 flex-1 border border-border bg-transparent px-2 py-1.5 text-sm text-foreground outline-none placeholder:text-muted-foreground focus:border-primary",
+              autoFocus: true
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(Button, { size: "sm", className: "h-8 px-3", onClick: handleApply, children: "Apply" })
+        ] }) })
+      ]
+    }
+  );
+}
+function ComposerEmailFieldRow({
+  label,
+  children
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("div", { className: "flex items-center gap-3 border-b border-border px-4 py-2.5", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("span", { className: "w-14 shrink-0 text-sm text-muted-foreground", children: label }),
+    children
+  ] });
+}
 function ChatComposer({
   mode,
   channel: channelProp = "chat",
@@ -1261,44 +1396,26 @@ function ChatComposer({
   const [emailCc, setEmailCc] = import_react3.default.useState("");
   const [showCc, setShowCc] = import_react3.default.useState(false);
   const [emailSubject, setEmailSubject] = import_react3.default.useState("");
-  const [bold, setBold] = import_react3.default.useState(false);
-  const [italic, setItalic] = import_react3.default.useState(false);
-  const [underline, setUnderline] = import_react3.default.useState(false);
+  const [, forceUpdate] = import_react3.default.useReducer((x) => x + 1, 0);
+  const editor = (0, import_react4.useEditor)({
+    extensions: [
+      import_starter_kit.default,
+      import_extension_underline.default,
+      import_extension_link.default.configure({ openOnClick: false })
+    ],
+    content: "",
+    onTransaction: () => forceUpdate(),
+    editorProps: {
+      attributes: {
+        class: "min-h-[150px] px-4 py-3 text-base text-foreground outline-none prose prose-sm max-w-none [&_p]:m-0 [&_a]:text-primary [&_a]:underline [&_a]:cursor-pointer"
+      }
+    }
+  });
   const handleChannelChange = (c) => {
     setChannel(c);
     onChannelChange == null ? void 0 : onChannelChange(c);
   };
-  function ToolbarButton({
-    label,
-    icon: Icon,
-    pressed,
-    onToggle
-  }) {
-    return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
-      "button",
-      {
-        type: "button",
-        "aria-label": label,
-        "aria-pressed": pressed,
-        onClick: onToggle,
-        className: cn(
-          "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_runtime14.jsx)(Icon, { className: "size-3.5" })
-      }
-    );
-  }
-  function EmailFieldRow({
-    label,
-    children
-  }) {
-    return /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: "flex items-center gap-3 border-b border-border px-4 py-2.5", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("span", { className: "w-14 shrink-0 text-sm text-muted-foreground", children: label }),
-      children
-    ] });
-  }
-  return /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(
     "div",
     {
       className: cn(
@@ -1306,27 +1423,27 @@ function ChatComposer({
         className
       ),
       children: [
-        isEmailIntegrated && /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", { className: "border-b border-border px-3 py-2", children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+        isEmailIntegrated && /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("div", { className: "border-b border-border px-3 py-2", children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
           Tabs,
           {
             value: channel,
             onValueChange: (v) => v && handleChannelChange(v),
-            children: /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(TabsList, { variant: "default", className: "w-full", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(TabsTrigger, { value: "chat", className: "flex-1 gap-1.5", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_lucide_react4.MessageSquare, { className: "size-3.5" }),
+            children: /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(TabsList, { variant: "default", className: "w-full", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(TabsTrigger, { value: "chat", className: "flex-1 gap-1.5", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_lucide_react4.MessageSquare, { className: "size-3.5" }),
                 "Chat"
               ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(TabsTrigger, { value: "email", className: "flex-1 gap-1.5", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_lucide_react4.Mail, { className: "size-3.5" }),
+              /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(TabsTrigger, { value: "email", className: "flex-1 gap-1.5", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_lucide_react4.Mail, { className: "size-3.5" }),
                 "Email"
               ] })
             ] })
           }
         ) }),
-        mode === "ai" ? /* @__PURE__ */ (0, import_jsx_runtime14.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_runtime14.jsx)(import_lucide_react4.Bot, { className: "size-3.5 shrink-0 text-muted-foreground" }),
-          /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("span", { children: "AI is handling this conversation." }),
-          /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+        mode === "ai" ? /* @__PURE__ */ (0, import_jsx_runtime15.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_runtime15.jsx)(import_lucide_react4.Bot, { className: "size-3.5 shrink-0 text-muted-foreground" }),
+          /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("span", { children: "AI is handling this conversation." }),
+          /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
             Button,
             {
               variant: "link",
@@ -1336,12 +1453,12 @@ function ChatComposer({
               children: "Take Over"
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("span", { children: "to reply directly." })
+          /* @__PURE__ */ (0, import_jsx_runtime15.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_runtime14.jsxs)("div", { className: "relative", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(
+          /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("div", { className: "relative", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(
               "div",
               {
                 className: cn(
@@ -1350,8 +1467,8 @@ function ChatComposer({
                 ),
                 "aria-hidden": channel !== "email",
                 children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(EmailFieldRow, { label: "To", children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+                  /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(ComposerEmailFieldRow, { label: "To", children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
                       "input",
                       {
                         type: "email",
@@ -1361,7 +1478,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_runtime14.jsxs)(
+                    /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(
                       "button",
                       {
                         type: "button",
@@ -1369,12 +1486,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_runtime14.jsx)(import_lucide_react4.ChevronDown, { className: "size-3.5" })
+                          /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_lucide_react4.ChevronDown, { className: "size-3.5" })
                         ]
                       }
                     )
                   ] }),
-                  showCc && /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(EmailFieldRow, { label: "CC", children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+                  showCc && /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(ComposerEmailFieldRow, { label: "CC", children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
                     "input",
                     {
                       type: "email",
@@ -1384,7 +1501,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_runtime14.jsx)(EmailFieldRow, { label: "Subject", children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+                  /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(ComposerEmailFieldRow, { label: "Subject", children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
                     "input",
                     {
                       type: "text",
@@ -1394,62 +1511,58 @@ function ChatComposer({
                       className: "min-w-0 flex-1 bg-transparent text-base text-foreground outline-none placeholder:text-muted-foreground"
                     }
                   ) }),
-                  /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
-                    Textarea,
-                    {
-                      value: inputValue,
-                      onChange: (e) => onInputChange == null ? void 0 : onInputChange(e.target.value),
-                      placeholder: "Write your email...",
-                      rows: 6,
-                      className: "resize-y border-0 px-4 py-3 text-base shadow-none focus-visible:ring-0"
-                    }
-                  ),
-                  /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: "flex items-center justify-between border-t border-border px-3 py-2", children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: "flex items-center gap-0.5", children: [
-                      /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
-                        ToolbarButton,
+                  /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_react4.EditorContent, { editor }),
+                  /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("div", { className: "flex items-center justify-between border-t border-border px-3 py-2", children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("div", { className: "flex items-center gap-0.5", children: [
+                      /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+                        ComposerToolbarButton,
                         {
                           label: "Bold",
                           icon: import_lucide_react4.Bold,
-                          pressed: bold,
-                          onToggle: () => setBold((v) => !v)
+                          pressed: editor == null ? void 0 : editor.isActive("bold"),
+                          onToggle: () => editor == null ? void 0 : editor.chain().focus().toggleBold().run()
                         }
                       ),
-                      /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
-                        ToolbarButton,
+                      /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+                        ComposerToolbarButton,
                         {
                           label: "Italic",
                           icon: import_lucide_react4.Italic,
-                          pressed: italic,
-                          onToggle: () => setItalic((v) => !v)
+                          pressed: editor == null ? void 0 : editor.isActive("italic"),
+                          onToggle: () => editor == null ? void 0 : editor.chain().focus().toggleItalic().run()
                         }
                       ),
-                      /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
-                        ToolbarButton,
+                      /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+                        ComposerToolbarButton,
                         {
                           label: "Underline",
                           icon: import_lucide_react4.Underline,
-                          pressed: underline,
-                          onToggle: () => setUnderline((v) => !v)
+                          pressed: editor == null ? void 0 : editor.isActive("underline"),
+                          onToggle: () => editor == null ? void 0 : editor.chain().focus().toggleUnderline().run()
                         }
                       ),
-                      /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(Separator, { orientation: "vertical", className: "mx-1.5 h-4" }),
-                      /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(ToolbarButton, { label: "Link", icon: import_lucide_react4.Link2 }),
-                      /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(ToolbarButton, { label: "Attach file", icon: import_lucide_react4.Paperclip })
+                      /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(Separator, { orientation: "vertical", className: "mx-1.5 h-4" }),
+                      /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(ComposerLinkPopover, { editor }),
+                      /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(ComposerToolbarButton, { label: "Attach file", icon: import_lucide_react4.Paperclip })
                     ] }),
-                    /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(
+                    /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(
                       Button,
                       {
                         size: "sm",
-                        onClick: () => onSendEmail == null ? void 0 : onSendEmail({
-                          content: inputValue,
-                          to: emailTo,
-                          cc: emailCc,
-                          subject: emailSubject
-                        }),
-                        disabled: !inputValue.trim() || !emailTo.trim(),
+                        onClick: () => {
+                          var _a;
+                          const html = (_a = editor == null ? void 0 : editor.getHTML()) != null ? _a : "";
+                          onSendEmail == null ? void 0 : onSendEmail({
+                            content: html,
+                            to: emailTo,
+                            cc: emailCc,
+                            subject: emailSubject
+                          });
+                          editor == null ? void 0 : editor.commands.clearContent();
+                        },
+                        disabled: !editor || editor.isEmpty || !emailTo.trim(),
                         children: [
-                          /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_lucide_react4.Send, { className: "mr-1.5 size-3.5" }),
+                          /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_lucide_react4.Send, { className: "mr-1.5 size-3.5" }),
                           "Send Email"
                         ]
                       }
@@ -1458,8 +1571,8 @@ function ChatComposer({
                 ]
               }
             ),
-            channel === "chat" && /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: "absolute inset-0 flex flex-col gap-3 p-4", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+            channel === "chat" && /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("div", { className: "absolute inset-0 flex flex-col gap-3 p-4", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
                 Textarea,
                 {
                   value: inputValue,
@@ -1468,19 +1581,19 @@ function ChatComposer({
                   className: "min-h-0 flex-1 resize-none text-base"
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: "flex items-center justify-between", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(Button, { variant: "outline", size: "sm", onClick: onLetAiHandle, children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_lucide_react4.Bot, { className: "mr-1.5 size-3.5" }),
+              /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("div", { className: "flex items-center justify-between", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(Button, { variant: "outline", size: "sm", onClick: onLetAiHandle, children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_lucide_react4.Bot, { className: "mr-1.5 size-3.5" }),
                   "Let AI Handle"
                 ] }),
-                /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(
+                /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(
                   Button,
                   {
                     size: "sm",
                     onClick: () => onSend == null ? void 0 : onSend(inputValue),
                     disabled: !inputValue.trim(),
                     children: [
-                      /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_lucide_react4.Send, { className: "mr-1.5 size-3.5" }),
+                      /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_lucide_react4.Send, { className: "mr-1.5 size-3.5" }),
                       "Send"
                     ]
                   }
@@ -1560,8 +1673,8 @@ function ChatThread({
     const el = scrollRef.current;
     if (el) el.scrollTop = el.scrollHeight;
   }, [isAiTyping]);
-  return /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: cn("flex flex-col bg-background", className), children: [
-    /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("div", { className: cn("flex flex-col bg-background", className), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(
       "div",
       {
         className: cn(
@@ -1569,7 +1682,7 @@ function ChatThread({
           "flex items-center gap-3 border-b border-border px-4"
         ),
         children: [
-          onBack && /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+          onBack && /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
             Button,
             {
               variant: "ghost",
@@ -1577,28 +1690,28 @@ function ChatThread({
               className: "size-8 shrink-0 md:hidden",
               onClick: onBack,
               "aria-label": "Back to conversations",
-              children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_lucide_react4.ArrowLeft, { className: "size-4" })
+              children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_lucide_react4.ArrowLeft, { className: "size-4" })
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(ContactAvatar, { name: contact.name, size: "md" }),
-          /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: "min-w-0 flex-1", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: "flex items-center gap-2", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("span", { className: "text-sm font-semibold text-foreground", children: displayContactName(contact.name) }),
-              /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(ConversationStatusChip, { status, showDot: true })
+          /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(ContactAvatar, { name: contact.name, size: "md" }),
+          /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("div", { className: "min-w-0 flex-1", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("div", { className: "flex items-center gap-2", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("span", { className: "text-sm font-semibold text-foreground", children: displayContactName(contact.name) }),
+              /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(ConversationStatusChip, { status, showDot: true })
             ] }),
-            contact.email && /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("p", { className: "text-sm text-muted-foreground", children: contact.email })
+            contact.email && /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("p", { className: "text-sm text-muted-foreground", children: contact.email })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: "flex shrink-0 items-center gap-2", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: "hidden items-center gap-2 md:flex", children: [
-              isClosed && /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(Button, { variant: "outline", size: "sm", onClick: onReopen, children: "Reopen" }),
-              !isClosed && aiIsHandling && /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(Button, { size: "sm", onClick: onTakeOver, children: "Take Over" }),
-              !isClosed && !aiIsHandling && /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(Button, { variant: "outline", size: "sm", onClick: onLetAiHandle, children: [
-                /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_lucide_react4.Bot, { className: "mr-1.5 size-3.5" }),
+          /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("div", { className: "flex shrink-0 items-center gap-2", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("div", { className: "hidden items-center gap-2 md:flex", children: [
+              isClosed && /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(Button, { variant: "outline", size: "sm", onClick: onReopen, children: "Reopen" }),
+              !isClosed && aiIsHandling && /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(Button, { size: "sm", onClick: onTakeOver, children: "Take Over" }),
+              !isClosed && !aiIsHandling && /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(Button, { variant: "outline", size: "sm", onClick: onLetAiHandle, children: [
+                /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_lucide_react4.Bot, { className: "mr-1.5 size-3.5" }),
                 "Let AI Handle"
               ] })
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(DropdownMenu, { children: [
-              /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(DropdownMenu, { children: [
+              /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
                 DropdownMenuTrigger,
                 {
                   className: cn(
@@ -1606,38 +1719,38 @@ function ChatThread({
                     "size-8"
                   ),
                   "aria-label": "More actions",
-                  children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_lucide_react4.MoreHorizontal, { className: "size-4" })
+                  children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_lucide_react4.MoreHorizontal, { className: "size-4" })
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(DropdownMenuContent, { children: [
-                onShowLeadInfo && /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(import_jsx_runtime14.Fragment, { children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(
+              /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(DropdownMenuContent, { children: [
+                onShowLeadInfo && /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(import_jsx_runtime15.Fragment, { children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(
                     DropdownMenuItem,
                     {
                       className: "md:hidden",
                       onClick: onShowLeadInfo,
                       children: [
-                        /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_lucide_react4.ChevronRight, { className: "mr-2 size-4" }),
+                        /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_lucide_react4.ChevronRight, { className: "mr-2 size-4" }),
                         "Lead Info"
                       ]
                     }
                   ),
-                  /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(DropdownMenuSeparator, { className: "md:hidden" })
+                  /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(DropdownMenuSeparator, { className: "md:hidden" })
                 ] }),
-                status === "needs-attention" ? /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(DropdownMenuItem, { onClick: onUnmarkUrgent, children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_lucide_react4.Flag, { className: "mr-2 size-4" }),
+                status === "needs-attention" ? /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(DropdownMenuItem, { onClick: onUnmarkUrgent, children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_lucide_react4.Flag, { className: "mr-2 size-4" }),
                   "Unmark Urgent"
-                ] }) : /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(DropdownMenuItem, { onClick: onMarkUrgent, children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_lucide_react4.Flag, { className: "mr-2 size-4" }),
+                ] }) : /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(DropdownMenuItem, { onClick: onMarkUrgent, children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_lucide_react4.Flag, { className: "mr-2 size-4" }),
                   "Mark as Urgent"
                 ] }),
-                /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(DropdownMenuItem, { onClick: onAssignToAdvisor, children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_lucide_react4.UserCheck, { className: "mr-2 size-4" }),
+                /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(DropdownMenuItem, { onClick: onAssignToAdvisor, children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_lucide_react4.UserCheck, { className: "mr-2 size-4" }),
                   "Assign to advisor"
                 ] }),
-                /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(DropdownMenuSeparator, {}),
-                /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(DropdownMenuItem, { onClick: onArchive, children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_lucide_react4.Archive, { className: "mr-2 size-4" }),
+                /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(DropdownMenuSeparator, {}),
+                /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(DropdownMenuItem, { onClick: onArchive, children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_lucide_react4.Archive, { className: "mr-2 size-4" }),
                   "Archive"
                 ] })
               ] })
@@ -1646,7 +1759,7 @@ function ChatThread({
         ]
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(
+    /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(
       "div",
       {
         ref: scrollRef,
@@ -1654,29 +1767,29 @@ function ChatThread({
         className: "flex flex-1 flex-col gap-4 overflow-y-auto p-4",
         tabIndex: 0,
         children: [
-          isLoadingMoreMessages && /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", { className: "flex justify-center py-1 text-caption text-muted-foreground", children: "Loading older messages..." }),
-          messages.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: "flex flex-1 flex-col items-center justify-center gap-2 text-muted-foreground", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_lucide_react4.MessageSquare, { className: "size-8 opacity-30" }),
-            /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("p", { className: "text-sm", children: "No messages yet" })
-          ] }) : messages.map((msg) => /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(ChatBubble, { message: msg }, msg.id)),
-          isAiTyping && !isClosed && /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: "flex gap-2.5", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(BubbleAvatar, { role: "bot" }),
-            /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: "flex flex-col gap-1", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("span", { className: "text-caption text-muted-foreground", children: "AI Assistant" }),
-              /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: "flex items-center gap-1 border border-border bg-muted/60 px-3 py-2.5", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("span", { className: "size-1.5 animate-bounce rounded-full bg-muted-foreground [animation-delay:0ms]" }),
-                /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("span", { className: "size-1.5 animate-bounce rounded-full bg-muted-foreground [animation-delay:150ms]" }),
-                /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("span", { className: "size-1.5 animate-bounce rounded-full bg-muted-foreground [animation-delay:300ms]" })
+          isLoadingMoreMessages && /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("div", { className: "flex justify-center py-1 text-caption text-muted-foreground", children: "Loading older messages..." }),
+          messages.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("div", { className: "flex flex-1 flex-col items-center justify-center gap-2 text-muted-foreground", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_lucide_react4.MessageSquare, { className: "size-8 opacity-30" }),
+            /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("p", { className: "text-sm", children: "No messages yet" })
+          ] }) : messages.map((msg) => /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(ChatBubble, { message: msg }, msg.id)),
+          isAiTyping && !isClosed && /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("div", { className: "flex gap-2.5", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(BubbleAvatar, { role: "bot" }),
+            /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("div", { className: "flex flex-col gap-1", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("span", { className: "text-caption text-muted-foreground", children: "AI Assistant" }),
+              /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("div", { className: "flex items-center gap-1 border border-border bg-muted/60 px-3 py-2.5", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("span", { className: "size-1.5 animate-bounce rounded-full bg-muted-foreground [animation-delay:0ms]" }),
+                /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("span", { className: "size-1.5 animate-bounce rounded-full bg-muted-foreground [animation-delay:150ms]" }),
+                /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("span", { className: "size-1.5 animate-bounce rounded-full bg-muted-foreground [animation-delay:300ms]" })
               ] })
             ] })
           ] })
         ]
       }
     ),
-    isClosed ? /* @__PURE__ */ (0, import_jsx_runtime14.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_runtime14.jsx)(import_lucide_react4.Lock, { className: "size-3.5 shrink-0" }),
-      /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("span", { children: "This conversation is closed." }),
-      /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+    isClosed ? /* @__PURE__ */ (0, import_jsx_runtime15.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_runtime15.jsx)(import_lucide_react4.Lock, { className: "size-3.5 shrink-0" }),
+      /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("span", { children: "This conversation is closed." }),
+      /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
         Button,
         {
           variant: "outline",
@@ -1686,7 +1799,7 @@ function ChatThread({
           children: "Reopen"
         }
       )
-    ] }) : /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+    ] }) : /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
       ChatComposer,
       {
         mode,
@@ -1708,15 +1821,15 @@ function AICollectedDataSection({
   fields,
   className
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", { className: cn("flex flex-col", className), children: fields.map((field, i) => /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("div", { className: cn("flex flex-col", className), children: fields.map((field, i) => /* @__PURE__ */ (0, import_jsx_runtime15.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_runtime14.jsx)("span", { className: "shrink-0 text-sm text-muted-foreground", children: field.label }),
-        /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: "flex items-center gap-1.5", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("span", { className: "text-right text-sm font-medium text-foreground", children: field.value }),
-          field.confidence === "confirmed" ? /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_lucide_react4.CheckCircle2, { className: "size-3 shrink-0 text-success-text" }) : /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_lucide_react4.HelpCircle, { className: "size-3 shrink-0 text-warning-text" })
+        /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("span", { className: "shrink-0 text-sm text-muted-foreground", children: field.label }),
+        /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("div", { className: "flex items-center gap-1.5", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("span", { className: "text-right text-sm font-medium text-foreground", children: field.value }),
+          field.confidence === "confirmed" ? /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_lucide_react4.CheckCircle2, { className: "size-3 shrink-0 text-success-text" }) : /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_lucide_react4.HelpCircle, { className: "size-3 shrink-0 text-warning-text" })
         ] })
       ]
     },
@@ -1744,9 +1857,9 @@ function MeetingDetailRow({
 }) {
   const DetailIcon = MEETING_DETAIL_ICON[meetingType];
   const isLink = detail.startsWith("http");
-  return /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: "flex items-center gap-2", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(DetailIcon, { className: "size-4 shrink-0 text-muted-foreground" }),
-    isLink ? /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("div", { className: "flex items-center gap-2", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(DetailIcon, { className: "size-4 shrink-0 text-muted-foreground" }),
+    isLink ? /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
       "a",
       {
         href: detail,
@@ -1755,7 +1868,7 @@ function MeetingDetailRow({
         className: "text-sm text-primary underline underline-offset-2 break-all hover:text-primary/80",
         children: detail
       }
-    ) : /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("span", { className: "text-sm text-muted-foreground break-all", children: detail })
+    ) : /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("span", { className: "text-sm text-muted-foreground break-all", children: detail })
   ] });
 }
 function AppointmentSection({
@@ -1768,23 +1881,23 @@ function AppointmentSection({
 }) {
   const AppointmentIcon = MEETING_ICON[appointment.meetingType];
   const canReschedule = !isAnonymous && !!onRescheduleAppointment;
-  return /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: "flex flex-col gap-2", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: "flex items-center gap-2", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_lucide_react4.Calendar, { className: "size-3.5 shrink-0 text-muted-foreground" }),
-      /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("span", { className: "text-sm font-medium text-foreground", children: appointment.datetime })
+  return /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("div", { className: "flex flex-col gap-2", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("div", { className: "flex items-center gap-2", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_lucide_react4.Calendar, { className: "size-3.5 shrink-0 text-muted-foreground" }),
+      /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("span", { className: "text-sm font-medium text-foreground", children: appointment.datetime })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: "flex items-center gap-2", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(AppointmentIcon, { className: "size-4 shrink-0 text-muted-foreground" }),
-      /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("span", { className: "text-sm text-muted-foreground", children: MEETING_LABEL[appointment.meetingType] })
+    /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("div", { className: "flex items-center gap-2", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(AppointmentIcon, { className: "size-4 shrink-0 text-muted-foreground" }),
+      /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("span", { className: "text-sm text-muted-foreground", children: MEETING_LABEL[appointment.meetingType] })
     ] }),
-    appointment.meetingDetail && /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+    appointment.meetingDetail && /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
       MeetingDetailRow,
       {
         meetingType: appointment.meetingType,
         detail: appointment.meetingDetail
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
       "span",
       {
         className: cn("text-sm font-medium", {
@@ -1796,9 +1909,9 @@ function AppointmentSection({
         children: APPOINTMENT_STATUS_LABEL[appointment.status]
       }
     ),
-    appointment.status === "requested" && /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: "flex gap-2 pt-1", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(Button, { size: "sm", className: "flex-1", onClick: onApproveAppointment, children: "Approve" }),
-      /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+    appointment.status === "requested" && /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("div", { className: "flex gap-2 pt-1", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(Button, { size: "sm", className: "flex-1", onClick: onApproveAppointment, children: "Approve" }),
+      /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
         Button,
         {
           variant: "outline",
@@ -1808,7 +1921,7 @@ function AppointmentSection({
           children: "Decline"
         }
       ),
-      canReschedule && /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+      canReschedule && /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
         Button,
         {
           variant: "ghost",
@@ -1819,7 +1932,7 @@ function AppointmentSection({
         }
       )
     ] }),
-    (appointment.status === "confirmed" || appointment.status === "cancelled") && canReschedule && /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+    (appointment.status === "confirmed" || appointment.status === "cancelled") && canReschedule && /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
       Button,
       {
         variant: "outline",
@@ -1832,13 +1945,13 @@ function AppointmentSection({
   ] });
 }
 function PanelSectionHeader({ children }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("p", { className: "mb-2.5 text-overline text-muted-foreground", children });
+  return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("p", { className: "mb-2.5 text-overline text-muted-foreground", children });
 }
 function PanelSection({
   children,
   last = false
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", { className: cn("px-4 py-4", !last && "border-b border-border"), children });
+  return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("div", { className: cn("px-4 py-4", !last && "border-b border-border"), children });
 }
 function LeadInfoPanel({
   contact,
@@ -1864,8 +1977,8 @@ function LeadInfoPanel({
 }) {
   const isAnonymous = !contact.name.trim();
   const addToContactsDisabled = isAnonymous || isKnownContact;
-  return /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: cn("flex flex-col bg-background", className), children: [
-    /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("div", { className: cn("flex flex-col bg-background", className), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(
       "div",
       {
         className: cn(
@@ -1873,7 +1986,7 @@ function LeadInfoPanel({
           "flex items-center justify-between border-b border-border px-4"
         ),
         children: [
-          onBack && /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+          onBack && /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
             Button,
             {
               variant: "ghost",
@@ -1881,15 +1994,15 @@ function LeadInfoPanel({
               className: "size-8 shrink-0 md:hidden",
               onClick: onBack,
               "aria-label": "Back to conversation",
-              children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_lucide_react4.ArrowLeft, { className: "size-4" })
+              children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_lucide_react4.ArrowLeft, { className: "size-4" })
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("span", { className: "text-sm font-semibold text-foreground", children: "Lead Info" }),
-          onToggleCollapse && /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(Tooltip, { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("span", { className: "text-sm font-semibold text-foreground", children: "Lead Info" }),
+          onToggleCollapse && /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(Tooltip, { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
               TooltipTrigger,
               {
-                render: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+                render: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
                   Button,
                   {
                     variant: "ghost",
@@ -1897,7 +2010,7 @@ function LeadInfoPanel({
                     className: "size-7",
                     onClick: onToggleCollapse,
                     "aria-label": isCollapsed ? "Expand panel" : "Collapse panel",
-                    children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+                    children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
                       import_lucide_react4.ChevronRight,
                       {
                         className: cn(
@@ -1910,26 +2023,26 @@ function LeadInfoPanel({
                 )
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(TooltipContent, { children: isCollapsed ? "Expand panel" : "Collapse panel" })
+            /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(TooltipContent, { children: isCollapsed ? "Expand panel" : "Collapse panel" })
           ] })
         ]
       }
     ),
-    !isCollapsed && /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: "flex-1 overflow-y-auto", tabIndex: 0, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(PanelSection, { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(PanelSectionHeader, { children: "Contact" }),
-        /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: "flex items-center gap-3", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(ContactAvatar, { name: contact.name, size: "lg" }),
-          /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: "min-w-0 flex-1", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("p", { className: "truncate text-sm font-semibold text-foreground", children: displayContactName(contact.name) }),
-            /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("p", { className: "text-sm text-muted-foreground", children: source }),
-            topic && /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(Badge, { variant: "secondary", className: "mt-1 text-xs", children: topic })
+    !isCollapsed && /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("div", { className: "flex-1 overflow-y-auto", tabIndex: 0, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(PanelSection, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(PanelSectionHeader, { children: "Contact" }),
+        /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("div", { className: "flex items-center gap-3", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(ContactAvatar, { name: contact.name, size: "lg" }),
+          /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("div", { className: "min-w-0 flex-1", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("p", { className: "truncate text-sm font-semibold text-foreground", children: displayContactName(contact.name) }),
+            /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("p", { className: "text-sm text-muted-foreground", children: source }),
+            topic && /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(Badge, { variant: "secondary", className: "mt-1 text-xs", children: topic })
           ] })
         ] }),
-        (contact.email || contact.phone || firstSeen) && /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: "mt-3 flex flex-col gap-1.5", children: [
-          contact.email && /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: "flex items-center gap-2 text-sm text-muted-foreground", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_lucide_react4.Mail, { className: "size-4 shrink-0" }),
-            /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+        (contact.email || contact.phone || firstSeen) && /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("div", { className: "mt-3 flex flex-col gap-1.5", children: [
+          contact.email && /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("div", { className: "flex items-center gap-2 text-sm text-muted-foreground", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_lucide_react4.Mail, { className: "size-4 shrink-0" }),
+            /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
               "a",
               {
                 href: `mailto:${contact.email}`,
@@ -1938,9 +2051,9 @@ function LeadInfoPanel({
               }
             )
           ] }),
-          contact.phone && /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: "flex items-center gap-2 text-sm text-muted-foreground", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_lucide_react4.PhoneCall, { className: "size-4 shrink-0" }),
-            /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+          contact.phone && /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("div", { className: "flex items-center gap-2 text-sm text-muted-foreground", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_lucide_react4.PhoneCall, { className: "size-4 shrink-0" }),
+            /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
               "a",
               {
                 href: `tel:${contact.phone}`,
@@ -1949,31 +2062,31 @@ function LeadInfoPanel({
               }
             )
           ] }),
-          firstSeen && /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("p", { className: "text-sm text-muted-foreground", children: [
+          firstSeen && /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("p", { className: "text-sm text-muted-foreground", children: [
             "First seen: ",
             firstSeen
           ] })
         ] })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(PanelSection, { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(PanelSectionHeader, { children: "AI-Collected Data" }),
-        aiFields.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(import_jsx_runtime14.Fragment, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(AICollectedDataSection, { fields: aiFields }),
-          /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: "mt-2.5 flex items-center gap-3 text-xs text-muted-foreground", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("span", { className: "flex items-center gap-1", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_lucide_react4.CheckCircle2, { className: "size-3 text-success-text" }),
+      /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(PanelSection, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(PanelSectionHeader, { children: "AI-Collected Data" }),
+        aiFields.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(import_jsx_runtime15.Fragment, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(AICollectedDataSection, { fields: aiFields }),
+          /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("div", { className: "mt-2.5 flex items-center gap-3 text-xs text-muted-foreground", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("span", { className: "flex items-center gap-1", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_lucide_react4.CheckCircle2, { className: "size-3 text-success-text" }),
               "confirmed"
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("span", { className: "flex items-center gap-1", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_lucide_react4.HelpCircle, { className: "size-3 text-warning-text" }),
+            /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("span", { className: "flex items-center gap-1", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_lucide_react4.HelpCircle, { className: "size-3 text-warning-text" }),
               "estimated"
             ] })
           ] })
-        ] }) : /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("p", { className: "text-sm text-muted-foreground", children: "AI is still gathering information..." })
+        ] }) : /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("p", { className: "text-sm text-muted-foreground", children: "AI is still gathering information..." })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(PanelSection, { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(PanelSectionHeader, { children: "Appointment" }),
-        appointment ? /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(PanelSection, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(PanelSectionHeader, { children: "Appointment" }),
+        appointment ? /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
           AppointmentSection,
           {
             appointment,
@@ -1983,7 +2096,7 @@ function LeadInfoPanel({
             onDeclineAppointment,
             onRescheduleAppointment
           }
-        ) : /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(
+        ) : /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(
           Button,
           {
             variant: "outline",
@@ -1992,20 +2105,20 @@ function LeadInfoPanel({
             disabled: isAnonymous,
             onClick: onBookAppointment,
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_lucide_react4.Plus, { className: "mr-1.5 size-3.5" }),
+              /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_lucide_react4.Plus, { className: "mr-1.5 size-3.5" }),
               "Book Appointment"
             ]
           }
         )
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(PanelSection, { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(PanelSectionHeader, { children: "CRM Actions" }),
-        /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: "flex flex-col gap-2", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(Tooltip, { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(PanelSection, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(PanelSectionHeader, { children: "CRM Actions" }),
+        /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("div", { className: "flex flex-col gap-2", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(Tooltip, { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
               TooltipTrigger,
               {
-                render: /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(
+                render: /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(
                   Button,
                   {
                     variant: "outline",
@@ -2014,16 +2127,16 @@ function LeadInfoPanel({
                     disabled: addToContactsDisabled,
                     onClick: onAddToContacts,
                     children: [
-                      /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_lucide_react4.UserPlus, { className: "mr-1.5 size-3.5" }),
+                      /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_lucide_react4.UserPlus, { className: "mr-1.5 size-3.5" }),
                       "Add to Contacts"
                     ]
                   }
                 )
               }
             ),
-            isKnownContact && /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(TooltipContent, { children: "Already in contacts" })
+            isKnownContact && /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(TooltipContent, { children: "Already in contacts" })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(
+          /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(
             Button,
             {
               variant: "outline",
@@ -2032,23 +2145,23 @@ function LeadInfoPanel({
               disabled: isAnonymous,
               onClick: onCreateOpportunity,
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_lucide_react4.Briefcase, { className: "mr-1.5 size-3.5" }),
+                /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_lucide_react4.Briefcase, { className: "mr-1.5 size-3.5" }),
                 "Add to CRM"
               ]
             }
           )
         ] })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(PanelSection, { last: true, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: "mb-2.5 flex items-center justify-between", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("p", { className: "text-overline text-muted-foreground", children: "Internal Notes" }),
-          notesSaveStatus === "saving" && /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("span", { className: "text-xs text-muted-foreground", children: "Saving..." }),
-          notesSaveStatus === "saved" && /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("span", { className: "flex items-center gap-1 text-xs text-success-text", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_lucide_react4.CheckCircle2, { className: "size-3" }),
+      /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(PanelSection, { last: true, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("div", { className: "mb-2.5 flex items-center justify-between", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("p", { className: "text-overline text-muted-foreground", children: "Internal Notes" }),
+          notesSaveStatus === "saving" && /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("span", { className: "text-xs text-muted-foreground", children: "Saving..." }),
+          notesSaveStatus === "saved" && /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("span", { className: "flex items-center gap-1 text-xs text-success-text", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_lucide_react4.CheckCircle2, { className: "size-3" }),
             "Saved"
           ] })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
           Textarea,
           {
             value: internalNotes,
@@ -2128,12 +2241,12 @@ function ConversationsPage({
     onToggleLeadPanel == null ? void 0 : onToggleLeadPanel();
     setMobilePanel(showLeadPanel ? "chat" : "lead");
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(TooltipProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(TooltipProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(
     "div",
     {
       className: cn("flex h-full overflow-hidden bg-background", className),
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
           ConversationList,
           {
             conversations,
@@ -2156,7 +2269,7 @@ function ConversationsPage({
             )
           }
         ),
-        contact ? /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+        contact ? /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
           ChatThread,
           {
             contact,
@@ -2189,21 +2302,21 @@ function ConversationsPage({
             )
           },
           contact.id
-        ) : /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+        ) : /* @__PURE__ */ (0, import_jsx_runtime15.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_runtime14.jsxs)("div", { className: "flex flex-col items-center gap-2 text-muted-foreground", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_lucide_react4.MessageSquare, { className: "size-10 opacity-30" }),
-              /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("p", { className: "text-sm", children: "Select a conversation" })
+            children: /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("div", { className: "flex flex-col items-center gap-2 text-muted-foreground", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_lucide_react4.MessageSquare, { className: "size-10 opacity-30" }),
+              /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("p", { className: "text-sm", children: "Select a conversation" })
             ] })
           }
         ),
-        contact && /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(import_jsx_runtime14.Fragment, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+        contact && /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(import_jsx_runtime15.Fragment, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
             "div",
             {
               className: cn(
@@ -2213,7 +2326,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_runtime14.jsx)(
+              children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
                 LeadInfoPanel,
                 {
                   contact,
@@ -2239,11 +2352,11 @@ function ConversationsPage({
               )
             }
           ),
-          !showLeadPanel && onToggleLeadPanel && /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", { className: "hidden shrink-0 items-start border-l border-border pt-[29px] md:flex", children: /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(Tooltip, { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+          !showLeadPanel && onToggleLeadPanel && /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("div", { className: "hidden shrink-0 items-start border-l border-border pt-[29px] md:flex", children: /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(Tooltip, { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
               TooltipTrigger,
               {
-                render: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+                render: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
                   Button,
                   {
                     variant: "ghost",
@@ -2251,12 +2364,12 @@ function ConversationsPage({
                     className: "size-8",
                     "aria-label": "Show lead info",
                     onClick: handleToggleLeadPanel,
-                    children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_lucide_react4.ChevronLeft, { className: "size-4" })
+                    children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_lucide_react4.ChevronLeft, { className: "size-4" })
                   }
                 )
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(TooltipContent, { children: "Show lead info" })
+            /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(TooltipContent, { children: "Show lead info" })
           ] }) })
         ] })
       ]
@@ -2286,13 +2399,13 @@ function AiConvAssignAdvisorDialog({
       setRoleFilter("");
     }
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(Dialog, { open, onOpenChange: handleOpenChange, children: /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(DialogContent, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(DialogHeader, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(DialogTitle, { children: "Assign to advisor" }),
-      /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(DialogDescription, { children: "Choose an advisor to handle this conversation." })
+  return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(Dialog, { open, onOpenChange: handleOpenChange, children: /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(DialogContent, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(DialogHeader, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(DialogTitle, { children: "Assign to advisor" }),
+      /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(DialogDescription, { children: "Choose an advisor to handle this conversation." })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: "flex flex-col gap-0", children: [
-      roles.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", { className: "pb-3", children: /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(
+    /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("div", { className: "flex flex-col gap-0", children: [
+      roles.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("div", { className: "pb-3", children: /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(
         ToggleGroup,
         {
           type: "single",
@@ -2305,14 +2418,14 @@ function AiConvAssignAdvisorDialog({
             setRoleFilter(!v || v === "__all__" ? "" : v);
           },
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(ToggleGroupItem, { value: "__all__", children: "All" }),
-            roles.map((role) => /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(ToggleGroupItem, { value: role, children: role }, role))
+            /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(ToggleGroupItem, { value: "__all__", children: "All" }),
+            roles.map((role) => /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(ToggleGroupItem, { value: role, children: role }, role))
           ]
         }
       ) }),
-      /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: "flex items-center gap-2 border border-input px-3", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_lucide_react4.Search, { className: "size-4 shrink-0 text-muted-foreground" }),
-        /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("div", { className: "flex items-center gap-2 border border-input px-3", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_lucide_react4.Search, { className: "size-4 shrink-0 text-muted-foreground" }),
+        /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
           "input",
           {
             type: "text",
@@ -2323,7 +2436,7 @@ function AiConvAssignAdvisorDialog({
           }
         )
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", { className: "max-h-52 overflow-y-auto border border-t-0 border-input", children: filtered.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("p", { className: "py-6 text-center text-sm text-muted-foreground", children: "No advisors found." }) : filtered.map((advisor) => /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(
+      /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("div", { className: "max-h-52 overflow-y-auto border border-t-0 border-input", children: filtered.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("p", { className: "py-6 text-center text-sm text-muted-foreground", children: "No advisors found." }) : filtered.map((advisor) => /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(
         "button",
         {
           type: "button",
@@ -2333,19 +2446,19 @@ function AiConvAssignAdvisorDialog({
             value === advisor.id && "bg-muted font-medium"
           ),
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(Avatar, { size: "sm", children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(AvatarFallback, { className: "font-semibold", children: advisor.initials }) }),
-            /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: "min-w-0 flex-1", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("p", { className: "truncate text-sm", children: advisor.name }),
-              advisor.role && /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("p", { className: "truncate text-xs text-muted-foreground", children: advisor.role })
+            /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(Avatar, { size: "sm", children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(AvatarFallback, { className: "font-semibold", children: advisor.initials }) }),
+            /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("div", { className: "min-w-0 flex-1", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("p", { className: "truncate text-sm", children: advisor.name }),
+              advisor.role && /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("p", { className: "truncate text-xs text-muted-foreground", children: advisor.role })
             ] })
           ]
         },
         advisor.id
       )) })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(DialogFooter, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(Button, { variant: "outline", onClick: () => onOpenChange(false), children: "Cancel" }),
-      /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(Button, { onClick: onConfirm, children: "Assign" })
+    /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(DialogFooter, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(Button, { variant: "outline", onClick: () => onOpenChange(false), children: "Cancel" }),
+      /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(Button, { onClick: onConfirm, children: "Assign" })
     ] })
   ] }) });
 }