@wealthx/shadcn 1.5.23 → 1.5.25

package/dist/components/ui/{ai-conversations.js → ai-conversations/index.js}

@@ -56,7 +56,7 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 ));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
-// src/components/ui/ai-conversations.tsx
+// src/components/ui/ai-conversations/index.tsx
 var ai_conversations_exports = {};
 __export(ai_conversations_exports, {
   AICollectedDataSection: () => AICollectedDataSection,
@@ -71,15 +71,8 @@ __export(ai_conversations_exports, {
   LeadInfoPanel: () => LeadInfoPanel
 });
 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");
+var import_react5 = require("react");
+var import_lucide_react7 = require("lucide-react");
 
 // src/lib/utils.ts
 var import_clsx = require("clsx");
@@ -165,8 +158,10 @@ function AvatarFallback(_a) {
   );
 }
 
-// src/components/ui/badge.tsx
+// src/components/ui/button.tsx
+var import_react = require("react");
 var import_class_variance_authority = require("class-variance-authority");
+var import_lucide_react = require("lucide-react");
 
 // src/lib/slot.tsx
 var React = __toESM(require("react"));
@@ -215,56 +210,9 @@ var Slot = React.forwardRef(
 );
 Slot.displayName = "Slot";
 
-// src/components/ui/badge.tsx
-var import_jsx_runtime2 = require("react/jsx-runtime");
-var badgeVariants = (0, import_class_variance_authority.cva)(
-  "inline-flex w-fit shrink-0 items-center justify-center gap-1 overflow-hidden rounded-full border border-transparent px-2.5 py-0.5 text-caption whitespace-nowrap transition-[color,box-shadow] focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 aria-invalid:border-destructive aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 [&>svg]:pointer-events-none [&>svg]:size-3",
-  {
-    variants: {
-      variant: {
-        default: "border-primary/40 bg-primary/10 text-foreground [a&]:hover:bg-primary/15",
-        secondary: "border-border bg-muted text-muted-foreground [a&]:hover:bg-muted/80",
-        destructive: "border-destructive/40 bg-destructive/10 text-destructive-text focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 [a&]:hover:bg-destructive/15",
-        success: "border-success/40 bg-success/10 text-success-text [a&]:hover:bg-success/15",
-        warning: "border-warning/40 bg-warning/10 text-warning-text [a&]:hover:bg-warning/15",
-        info: "border-info/40 bg-info/10 text-info-text [a&]:hover:bg-info/15",
-        outline: "border-border text-foreground [a&]:hover:bg-accent [a&]:hover:text-accent-foreground",
-        ghost: "[a&]:hover:bg-accent [a&]:hover:text-accent-foreground",
-        link: "text-primary underline-offset-4 [a&]:hover:underline"
-      }
-    },
-    defaultVariants: {
-      variant: "default"
-    }
-  }
-);
-function Badge(_a) {
-  var _b = _a, {
-    className,
-    variant = "default",
-    asChild = false
-  } = _b, props = __objRest(_b, [
-    "className",
-    "variant",
-    "asChild"
-  ]);
-  const Comp = asChild ? Slot : "span";
-  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
-    Comp,
-    __spreadValues({
-      className: cn(badgeVariants({ variant }), className),
-      "data-slot": "badge",
-      "data-variant": variant
-    }, props)
-  );
-}
-
 // src/components/ui/button.tsx
-var import_react = require("react");
-var import_class_variance_authority2 = require("class-variance-authority");
-var import_lucide_react = require("lucide-react");
-var import_jsx_runtime3 = require("react/jsx-runtime");
-var buttonVariants = (0, import_class_variance_authority2.cva)(
+var import_jsx_runtime2 = require("react/jsx-runtime");
+var buttonVariants = (0, import_class_variance_authority.cva)(
   "inline-flex shrink-0 cursor-pointer items-center justify-center gap-2 font-sans text-button whitespace-nowrap transition-all active:scale-[0.98] 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 dark:aria-invalid:ring-destructive/40 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
   {
     variants: {
@@ -317,7 +265,7 @@ var Button = (0, import_react.forwardRef)(function Button2(_a, ref) {
   ]);
   const Comp = asChild ? Slot : "button";
   const isIconOnly = size === "icon" || size === "icon-xs" || size === "icon-sm" || size === "icon-lg";
-  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
     Comp,
     __spreadProps(__spreadValues({
       className: cn(buttonVariants({ variant, size, className })),
@@ -328,127 +276,35 @@ var Button = (0, import_react.forwardRef)(function Button2(_a, ref) {
       ref,
       type
     }, props), {
-      children: loading ? /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_jsx_runtime3.Fragment, { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_lucide_react.Loader2, { "aria-hidden": "true", className: "animate-spin" }),
+      children: loading ? /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_jsx_runtime2.Fragment, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_lucide_react.Loader2, { "aria-hidden": "true", className: "animate-spin" }),
         !isIconOnly && children
       ] }) : children
     })
   );
 });
 
-// src/components/ui/input.tsx
-var import_jsx_runtime4 = require("react/jsx-runtime");
-function Input(_a) {
-  var _b = _a, { className, type } = _b, props = __objRest(_b, ["className", "type"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
-    "input",
-    __spreadValues({
-      className: cn(
-        "h-9 w-full min-w-0 border border-input bg-transparent px-3 py-1 text-body-medium font-sans shadow-xs transition-[color,box-shadow] outline-none selection:bg-primary selection:text-primary-foreground file:inline-flex file:h-7 file:border-0 file:bg-transparent file:text-label-medium file:text-foreground placeholder:font-normal placeholder:text-muted-foreground disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 dark:bg-input/30",
-        "focus-visible:border-primary focus-visible:ring-[3px] focus-visible:ring-primary/20",
-        "aria-invalid:border-destructive aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40",
-        className
-      ),
-      "data-slot": "input",
-      type
-    }, props)
-  );
-}
-
-// src/components/ui/dropdown-menu.tsx
+// src/components/ui/dialog.tsx
 var import_lucide_react2 = require("lucide-react");
-var import_menu = require("@base-ui/react/menu");
+var import_dialog = require("@base-ui/react/dialog");
 
 // src/lib/theme-provider.tsx
 var import_react2 = require("react");
-var import_jsx_runtime5 = require("react/jsx-runtime");
+var import_jsx_runtime3 = require("react/jsx-runtime");
 var ThemeVarsContext = (0, import_react2.createContext)({});
 function useThemeVars() {
   return (0, import_react2.useContext)(ThemeVarsContext);
 }
 
-// src/components/ui/dropdown-menu.tsx
-var import_jsx_runtime6 = require("react/jsx-runtime");
-function DropdownMenu(_a) {
-  var props = __objRest(_a, []);
-  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_menu.Menu.Root, __spreadValues({ "data-slot": "dropdown-menu" }, props));
-}
-function DropdownMenuTrigger(_a) {
-  var props = __objRest(_a, []);
-  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_menu.Menu.Trigger, __spreadValues({ "data-slot": "dropdown-menu-trigger" }, props));
-}
-function DropdownMenuContent(_a) {
-  var _b = _a, {
-    className,
-    sideOffset = 4,
-    style
-  } = _b, props = __objRest(_b, [
-    "className",
-    "sideOffset",
-    "style"
-  ]);
-  const themeVars = useThemeVars();
-  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_menu.Menu.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_menu.Menu.Positioner, { sideOffset, children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
-    import_menu.Menu.Popup,
-    __spreadValues({
-      className: cn(
-        "z-50 min-w-[8rem] overflow-x-hidden overflow-y-auto rounded-none border bg-popover p-1 text-popover-foreground shadow-md 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": "dropdown-menu-content",
-      style: __spreadValues(__spreadValues({}, themeVars), style)
-    }, props)
-  ) }) });
-}
-function DropdownMenuItem(_a) {
-  var _b = _a, {
-    className,
-    inset,
-    variant = "default"
-  } = _b, props = __objRest(_b, [
-    "className",
-    "inset",
-    "variant"
-  ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
-    import_menu.Menu.Item,
-    __spreadValues({
-      className: cn(
-        "relative flex cursor-default items-center gap-2 rounded-none px-2 py-1.5 text-body-small outline-hidden select-none focus:bg-accent focus:text-accent-foreground data-disabled:pointer-events-none data-disabled:opacity-50 data-inset:pl-8 data-[variant=destructive]:text-destructive data-[variant=destructive]:focus:bg-destructive/10 data-[variant=destructive]:focus:text-destructive dark:data-[variant=destructive]:focus:bg-destructive/20 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 [&_svg:not([class*='text-'])]:text-muted-foreground data-[variant=destructive]:*:[svg]:text-destructive!",
-        className
-      ),
-      "data-inset": inset,
-      "data-slot": "dropdown-menu-item",
-      "data-variant": variant
-    }, props)
-  );
-}
-function DropdownMenuSeparator(_a) {
-  var _b = _a, {
-    className
-  } = _b, props = __objRest(_b, [
-    "className"
-  ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
-    import_menu.Menu.Separator,
-    __spreadValues({
-      className: cn("-mx-1 my-1 h-px bg-border", className),
-      "data-slot": "dropdown-menu-separator"
-    }, props)
-  );
-}
-
 // src/components/ui/dialog.tsx
-var import_lucide_react3 = require("lucide-react");
-var import_dialog = require("@base-ui/react/dialog");
-var import_jsx_runtime7 = require("react/jsx-runtime");
+var import_jsx_runtime4 = require("react/jsx-runtime");
 function Dialog(_a) {
   var props = __objRest(_a, []);
-  return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_dialog.Dialog.Root, __spreadValues({ "data-slot": "dialog" }, props));
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_dialog.Dialog.Root, __spreadValues({ "data-slot": "dialog" }, props));
 }
 function DialogPortal(_a) {
   var props = __objRest(_a, []);
-  return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_dialog.Dialog.Portal, __spreadValues({ "data-slot": "dialog-portal" }, props));
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_dialog.Dialog.Portal, __spreadValues({ "data-slot": "dialog-portal" }, props));
 }
 function DialogOverlay(_a) {
   var _b = _a, {
@@ -456,7 +312,7 @@ function DialogOverlay(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
     import_dialog.Dialog.Backdrop,
     __spreadValues({
       className: cn(
@@ -502,9 +358,9 @@ function DialogContent(_a) {
   const themeVars = useThemeVars();
   const isAuto = size === "auto";
   const sizeStyle = isAuto ? { minWidth: minWidth != null ? minWidth : DIALOG_AUTO_MIN_WIDTH } : { maxWidth: DIALOG_MAX_WIDTHS[size] };
-  return /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(DialogPortal, { container: container != null ? container : void 0, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(DialogOverlay, { style: themeVars }),
-    /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(DialogPortal, { container: container != null ? container : void 0, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(DialogOverlay, { style: themeVars }),
+    /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
       import_dialog.Dialog.Popup,
       __spreadProps(__spreadValues({
         className: cn(
@@ -525,14 +381,14 @@ function DialogContent(_a) {
       }, props), {
         children: [
           children,
-          showCloseButton ? /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(
+          showCloseButton ? /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
             import_dialog.Dialog.Close,
             {
               className: "absolute top-4 right-4 inline-flex size-7 items-center justify-center transition-colors hover:bg-foreground/5 focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-border focus-visible:ring-offset-0 disabled:pointer-events-none [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
               "data-slot": "dialog-close",
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_lucide_react3.XIcon, {}),
-                /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { className: "sr-only", children: "Close" })
+                /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_lucide_react2.XIcon, {}),
+                /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { className: "sr-only", children: "Close" })
               ]
             }
           ) : null
@@ -547,7 +403,7 @@ function DialogHeader(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
     "div",
     __spreadValues({
       className: cn("flex flex-col gap-1.5", className),
@@ -565,7 +421,7 @@ function DialogFooter(_a) {
     "showCloseButton",
     "children"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
     "div",
     __spreadProps(__spreadValues({
       className: cn(
@@ -577,7 +433,7 @@ function DialogFooter(_a) {
     }, props), {
       children: [
         children,
-        showCloseButton ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+        showCloseButton ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
           import_dialog.Dialog.Close,
           {
             className: cn(buttonVariants({ variant: "outline" })),
@@ -591,7 +447,7 @@ function DialogFooter(_a) {
 }
 function DialogTitle(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
     import_dialog.Dialog.Title,
     __spreadValues({
       className: cn("text-h5 leading-none", className),
@@ -605,7 +461,7 @@ function DialogDescription(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
     import_dialog.Dialog.Description,
     __spreadValues({
       className: cn("text-body-small text-muted-foreground", className),
@@ -614,178 +470,16 @@ 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_runtime9 = require("react/jsx-runtime");
-function Separator(_a) {
-  var _b = _a, {
-    className,
-    orientation = "horizontal"
-  } = _b, props = __objRest(_b, [
-    "className",
-    "orientation"
-  ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
-    import_separator.Separator,
-    __spreadValues({
-      className: cn(
-        "shrink-0 bg-border data-[orientation=horizontal]:h-px data-[orientation=horizontal]:w-full data-[orientation=vertical]:h-full data-[orientation=vertical]:w-px",
-        className
-      ),
-      "data-orientation": orientation,
-      "data-slot": "separator"
-    }, props)
-  );
-}
-
-// 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_runtime10 = require("react/jsx-runtime");
-function Tabs(_a) {
-  var _b = _a, {
-    className,
-    orientation = "horizontal"
-  } = _b, props = __objRest(_b, [
-    "className",
-    "orientation"
-  ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
-    import_tabs.Tabs.Root,
-    __spreadValues({
-      className: cn(
-        "group/tabs flex gap-2 data-[orientation=horizontal]:flex-col",
-        className
-      ),
-      "data-orientation": orientation,
-      "data-slot": "tabs"
-    }, props)
-  );
-}
-var tabsListVariants = (0, import_class_variance_authority3.cva)(
-  "group/tabs-list inline-flex w-fit items-center justify-center gap-1 rounded-none p-[3px] text-muted-foreground group-data-[orientation=horizontal]/tabs:h-9 group-data-[orientation=vertical]/tabs:h-fit group-data-[orientation=vertical]/tabs:flex-col",
-  {
-    variants: {
-      variant: {
-        default: "bg-muted",
-        line: "bg-transparent p-0"
-      }
-    },
-    defaultVariants: {
-      variant: "default"
-    }
-  }
-);
-function TabsList(_a) {
-  var _b = _a, {
-    className,
-    variant = "default"
-  } = _b, props = __objRest(_b, [
-    "className",
-    "variant"
-  ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
-    import_tabs.Tabs.List,
-    __spreadValues({
-      className: cn(tabsListVariants({ variant }), className),
-      "data-slot": "tabs-list",
-      "data-variant": variant
-    }, props)
-  );
-}
-function TabsTrigger(_a) {
-  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
-    import_tabs.Tabs.Tab,
-    __spreadValues({
-      className: cn(
-        // Base layout & typography
-        "relative inline-flex h-[calc(100%-1px)] flex-1 items-center justify-center gap-1.5 whitespace-nowrap",
-        "rounded-none border border-transparent px-1.5 py-1 text-label-medium",
-        "text-muted-foreground transition-all",
-        // Vertical orientation
-        "group-data-[orientation=vertical]/tabs:w-full group-data-[orientation=vertical]/tabs:justify-start",
-        // Hover & focus
-        "hover:text-foreground",
-        "focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 focus-visible:outline-1 focus-visible:outline-ring",
-        // Disabled
-        "disabled:pointer-events-none disabled:opacity-50",
-        // Active state — Default variant: primary/10 bg + subtle shadow
-        // Base UI uses data-active attribute for the active/selected tab
-        "data-active:bg-primary/10 data-active:text-foreground",
-        "group-data-[variant=default]/tabs-list:data-active:shadow-sm",
-        // Active state — Line variant: suppress bg & shadow
-        "group-data-[variant=line]/tabs-list:data-active:bg-transparent",
-        "group-data-[variant=line]/tabs-list:data-active:shadow-none",
-        // Indicator pseudo-element (visible only for Line variant, active state)
-        "after:absolute after:bg-primary after:opacity-0 after:transition-opacity",
-        "group-data-[orientation=horizontal]/tabs:after:inset-x-0 group-data-[orientation=horizontal]/tabs:after:bottom-[-5px] group-data-[orientation=horizontal]/tabs:after:h-0.5",
-        "group-data-[orientation=vertical]/tabs:after:inset-y-0 group-data-[orientation=vertical]/tabs:after:-right-1 group-data-[orientation=vertical]/tabs:after:w-0.5",
-        "group-data-[variant=line]/tabs-list:data-active:after:opacity-100",
-        // SVG icons
-        "[&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
-        className
-      ),
-      "data-slot": "tabs-trigger"
-    }, props)
-  );
-}
-
 // src/components/ui/toggle-group.tsx
 var React3 = __toESM(require("react"));
 var import_toggle_group = require("@base-ui/react/toggle-group");
 var import_toggle2 = require("@base-ui/react/toggle");
 
 // src/components/ui/toggle.tsx
-var import_class_variance_authority4 = require("class-variance-authority");
+var import_class_variance_authority2 = require("class-variance-authority");
 var import_toggle = require("@base-ui/react/toggle");
-var import_jsx_runtime11 = require("react/jsx-runtime");
-var toggleVariants = (0, import_class_variance_authority4.cva)(
+var import_jsx_runtime5 = require("react/jsx-runtime");
+var toggleVariants = (0, import_class_variance_authority2.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",
   {
     variants: {
@@ -807,7 +501,7 @@ var toggleVariants = (0, import_class_variance_authority4.cva)(
 );
 
 // src/components/ui/toggle-group.tsx
-var import_jsx_runtime12 = require("react/jsx-runtime");
+var import_jsx_runtime6 = require("react/jsx-runtime");
 var ToggleGroupContext = React3.createContext({
   size: "default",
   variant: "default",
@@ -829,7 +523,7 @@ function ToggleGroup(_a) {
     "type",
     "children"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
     import_toggle_group.ToggleGroup,
     __spreadProps(__spreadValues({
       className: cn(
@@ -844,7 +538,7 @@ function ToggleGroup(_a) {
       multiple: type === "multiple",
       style: { "--gap": spacing }
     }, props), {
-      children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(ToggleGroupContext.Provider, { value: { variant, size, spacing }, children })
+      children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(ToggleGroupContext.Provider, { value: { variant, size, spacing }, children })
     })
   );
 }
@@ -861,7 +555,7 @@ function ToggleGroupItem(_a) {
     "size"
   ]);
   const context = React3.useContext(ToggleGroupContext);
-  return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
     import_toggle2.Toggle,
     __spreadProps(__spreadValues({
       className: cn(
@@ -884,33 +578,16 @@ function ToggleGroupItem(_a) {
   );
 }
 
-// src/components/ui/textarea.tsx
-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_runtime13.jsx)(
-    "textarea",
-    __spreadValues({
-      className: cn(
-        // WealthX: removed shadow-xs (flat panels), added font-sans
-        "flex field-sizing-content min-h-16 w-full border border-input bg-transparent px-3 py-2 text-body-medium font-sans transition-[color,box-shadow] outline-none placeholder:font-normal placeholder:text-muted-foreground focus-visible:border-primary focus-visible:ring-[3px] focus-visible:ring-primary/20 disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-destructive/20 dark:bg-input/30 dark:aria-invalid:ring-destructive/40",
-        className
-      ),
-      "data-slot": "textarea"
-    }, props)
-  );
-}
-
 // src/components/ui/tooltip.tsx
 var import_tooltip = require("@base-ui/react/tooltip");
-var import_jsx_runtime14 = require("react/jsx-runtime");
+var import_jsx_runtime7 = require("react/jsx-runtime");
 function TooltipProvider(_a) {
   var _b = _a, {
     delay = 0
   } = _b, props = __objRest(_b, [
     "delay"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
     import_tooltip.Tooltip.Provider,
     __spreadValues({
       "data-slot": "tooltip-provider",
@@ -920,11 +597,11 @@ function TooltipProvider(_a) {
 }
 function Tooltip(_a) {
   var props = __objRest(_a, []);
-  return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_tooltip.Tooltip.Root, __spreadValues({ "data-slot": "tooltip" }, props));
+  return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_tooltip.Tooltip.Root, __spreadValues({ "data-slot": "tooltip" }, props));
 }
 function TooltipTrigger(_a) {
   var props = __objRest(_a, []);
-  return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_tooltip.Tooltip.Trigger, __spreadValues({ "data-slot": "tooltip-trigger" }, props));
+  return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_tooltip.Tooltip.Trigger, __spreadValues({ "data-slot": "tooltip-trigger" }, props));
 }
 function TooltipContent(_a) {
   var _b = _a, {
@@ -941,36 +618,201 @@ function TooltipContent(_a) {
     "style"
   ]);
   const themeVars = useThemeVars();
-  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)(
+  return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_tooltip.Tooltip.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_tooltip.Tooltip.Positioner, { sideOffset, side, children: /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(
     import_tooltip.Tooltip.Popup,
     __spreadProps(__spreadValues({
       className: cn(
-        "relative z-50 w-fit animate-in overflow-visible bg-brand-secondary px-3 py-1.5 text-caption text-balance text-brand-secondary-foreground fade-in-0 zoom-in-95 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",
+        "relative z-50 w-fit animate-in overflow-visible bg-brand-secondary px-3 py-1.5 text-caption text-balance text-brand-secondary-foreground fade-in-0 zoom-in-95 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",
+        className
+      ),
+      "data-slot": "tooltip-content",
+      style: __spreadValues(__spreadValues({}, themeVars), style)
+    }, props), {
+      children: [
+        children,
+        /* @__PURE__ */ (0, import_jsx_runtime7.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/list.tsx
+var import_lucide_react3 = require("lucide-react");
+
+// src/components/ui/badge.tsx
+var import_class_variance_authority3 = require("class-variance-authority");
+var import_jsx_runtime8 = require("react/jsx-runtime");
+var badgeVariants = (0, import_class_variance_authority3.cva)(
+  "inline-flex w-fit shrink-0 items-center justify-center gap-1 overflow-hidden rounded-full border border-transparent px-2.5 py-0.5 text-caption whitespace-nowrap transition-[color,box-shadow] focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 aria-invalid:border-destructive aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 [&>svg]:pointer-events-none [&>svg]:size-3",
+  {
+    variants: {
+      variant: {
+        default: "border-primary/40 bg-primary/10 text-foreground [a&]:hover:bg-primary/15",
+        secondary: "border-border bg-muted text-muted-foreground [a&]:hover:bg-muted/80",
+        destructive: "border-destructive/40 bg-destructive/10 text-destructive-text focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 [a&]:hover:bg-destructive/15",
+        success: "border-success/40 bg-success/10 text-success-text [a&]:hover:bg-success/15",
+        warning: "border-warning/40 bg-warning/10 text-warning-text [a&]:hover:bg-warning/15",
+        info: "border-info/40 bg-info/10 text-info-text [a&]:hover:bg-info/15",
+        outline: "border-border text-foreground [a&]:hover:bg-accent [a&]:hover:text-accent-foreground",
+        ghost: "[a&]:hover:bg-accent [a&]:hover:text-accent-foreground",
+        link: "text-primary underline-offset-4 [a&]:hover:underline"
+      }
+    },
+    defaultVariants: {
+      variant: "default"
+    }
+  }
+);
+function Badge(_a) {
+  var _b = _a, {
+    className,
+    variant = "default",
+    asChild = false
+  } = _b, props = __objRest(_b, [
+    "className",
+    "variant",
+    "asChild"
+  ]);
+  const Comp = asChild ? Slot : "span";
+  return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+    Comp,
+    __spreadValues({
+      className: cn(badgeVariants({ variant }), className),
+      "data-slot": "badge",
+      "data-variant": variant
+    }, props)
+  );
+}
+
+// src/components/ui/input.tsx
+var import_jsx_runtime9 = require("react/jsx-runtime");
+function Input(_a) {
+  var _b = _a, { className, type } = _b, props = __objRest(_b, ["className", "type"]);
+  return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+    "input",
+    __spreadValues({
+      className: cn(
+        "h-9 w-full min-w-0 border border-input bg-transparent px-3 py-1 text-body-medium font-sans shadow-xs transition-[color,box-shadow] outline-none selection:bg-primary selection:text-primary-foreground file:inline-flex file:h-7 file:border-0 file:bg-transparent file:text-label-medium file:text-foreground placeholder:font-normal placeholder:text-muted-foreground disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 dark:bg-input/30",
+        "focus-visible:border-primary focus-visible:ring-[3px] focus-visible:ring-primary/20",
+        "aria-invalid:border-destructive aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40",
+        className
+      ),
+      "data-slot": "input",
+      type
+    }, props)
+  );
+}
+
+// src/components/ui/tabs.tsx
+var import_class_variance_authority4 = require("class-variance-authority");
+var import_tabs = require("@base-ui/react/tabs");
+var import_jsx_runtime10 = require("react/jsx-runtime");
+function Tabs(_a) {
+  var _b = _a, {
+    className,
+    orientation = "horizontal"
+  } = _b, props = __objRest(_b, [
+    "className",
+    "orientation"
+  ]);
+  return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+    import_tabs.Tabs.Root,
+    __spreadValues({
+      className: cn(
+        "group/tabs flex gap-2 data-[orientation=horizontal]:flex-col",
+        className
+      ),
+      "data-orientation": orientation,
+      "data-slot": "tabs"
+    }, props)
+  );
+}
+var tabsListVariants = (0, import_class_variance_authority4.cva)(
+  "group/tabs-list inline-flex w-fit items-center justify-center gap-1 rounded-none p-[3px] text-muted-foreground group-data-[orientation=horizontal]/tabs:h-9 group-data-[orientation=vertical]/tabs:h-fit group-data-[orientation=vertical]/tabs:flex-col",
+  {
+    variants: {
+      variant: {
+        default: "bg-muted",
+        line: "bg-transparent p-0"
+      }
+    },
+    defaultVariants: {
+      variant: "default"
+    }
+  }
+);
+function TabsList(_a) {
+  var _b = _a, {
+    className,
+    variant = "default"
+  } = _b, props = __objRest(_b, [
+    "className",
+    "variant"
+  ]);
+  return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+    import_tabs.Tabs.List,
+    __spreadValues({
+      className: cn(tabsListVariants({ variant }), className),
+      "data-slot": "tabs-list",
+      "data-variant": variant
+    }, props)
+  );
+}
+function TabsTrigger(_a) {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+    import_tabs.Tabs.Tab,
+    __spreadValues({
+      className: cn(
+        // Base layout & typography
+        "relative inline-flex h-[calc(100%-1px)] flex-1 items-center justify-center gap-1.5 whitespace-nowrap",
+        "rounded-none border border-transparent px-1.5 py-1 text-label-medium",
+        "text-muted-foreground transition-all",
+        // Vertical orientation
+        "group-data-[orientation=vertical]/tabs:w-full group-data-[orientation=vertical]/tabs:justify-start",
+        // Hover & focus
+        "hover:text-foreground",
+        "focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 focus-visible:outline-1 focus-visible:outline-ring",
+        // Disabled
+        "disabled:pointer-events-none disabled:opacity-50",
+        // Active state — Default variant: primary/10 bg + subtle shadow
+        // Base UI uses data-active attribute for the active/selected tab
+        "data-active:bg-primary/10 data-active:text-foreground",
+        "group-data-[variant=default]/tabs-list:data-active:shadow-sm",
+        // Active state — Line variant: suppress bg & shadow
+        "group-data-[variant=line]/tabs-list:data-active:bg-transparent",
+        "group-data-[variant=line]/tabs-list:data-active:shadow-none",
+        // Indicator pseudo-element (visible only for Line variant, active state)
+        "after:absolute after:bg-primary after:opacity-0 after:transition-opacity",
+        "group-data-[orientation=horizontal]/tabs:after:inset-x-0 group-data-[orientation=horizontal]/tabs:after:bottom-[-5px] group-data-[orientation=horizontal]/tabs:after:h-0.5",
+        "group-data-[orientation=vertical]/tabs:after:inset-y-0 group-data-[orientation=vertical]/tabs:after:-right-1 group-data-[orientation=vertical]/tabs:after:w-0.5",
+        "group-data-[variant=line]/tabs-list:data-active:after:opacity-100",
+        // SVG icons
+        "[&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
         className
       ),
-      "data-slot": "tooltip-content",
-      style: __spreadValues(__spreadValues({}, themeVars), style)
-    }, props), {
-      children: [
-        children,
-        /* @__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" })
-      ]
-    })
-  ) }) });
+      "data-slot": "tabs-trigger"
+    }, props)
+  );
 }
 
-// src/components/ui/ai-conversations.tsx
-var import_jsx_runtime15 = require("react/jsx-runtime");
+// src/components/ui/ai-conversations/helpers.tsx
+var import_jsx_runtime11 = require("react/jsx-runtime");
 function displayContactName(name) {
   return name.trim() || "Website User";
 }
 var PANEL_HEADER_HEIGHT = "h-[94px]";
-var APPOINTMENT_STATUS_LABEL = {
-  requested: "Lead requested",
-  confirmed: "Confirmed",
-  pending: "Pending confirmation",
-  cancelled: "Cancelled"
-};
+function ContactAvatar({
+  name,
+  size = "md",
+  className
+}) {
+  const avatarSize = size === "sm" ? "sm" : size === "lg" ? "lg" : "default";
+  return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(Avatar, { size: avatarSize, className, children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(AvatarFallback, { className: "font-semibold", children: getInitials(name) }) });
+}
+
+// src/components/ui/ai-conversations/list.tsx
+var import_jsx_runtime12 = require("react/jsx-runtime");
 var STATUS_CONFIG = {
   "ai-active": {
     label: "AI Active",
@@ -999,22 +841,18 @@ function ConversationStatusChip({
   className
 }) {
   const { label, variant, dotClass } = STATUS_CONFIG[status];
-  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) }),
+  return /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(Badge, { variant, className, children: [
+    showDot && /* @__PURE__ */ (0, import_jsx_runtime12.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_runtime15.jsx)(Avatar, { size: avatarSize, className, children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(AvatarFallback, { className: "font-semibold", children: getInitials(name) }) });
-}
 function ConversationListItem({
   data,
   isActive,
   onClick,
   onRead
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(
     "button",
     {
       type: "button",
@@ -1028,25 +866,25 @@ function ConversationListItem({
         isActive ? "bg-muted" : "hover:bg-muted/40"
       ),
       children: [
-        /* @__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_runtime12.jsx)(ContactAvatar, { name: data.contact.name }),
+        /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: "min-w-0 flex-1", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: "mb-1 flex items-center justify-between gap-2", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("span", { className: "truncate text-sm font-semibold text-foreground", children: displayContactName(data.contact.name) }),
+            /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: "flex shrink-0 items-center gap-1", children: [
+              data.status === "needs-attention" && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_lucide_react3.Flag, { className: "size-3 text-warning-text" }),
+              data.channel === "email" ? /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_lucide_react3.Mail, { className: "size-3 text-muted-foreground" }) : /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_lucide_react3.MessageSquare, { className: "size-3 text-muted-foreground" }),
+              /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("span", { className: "whitespace-nowrap text-xs text-muted-foreground", children: data.timestamp })
             ] })
           ] }),
-          /* @__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: [
+          /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: "mb-1.5 flex items-center justify-between gap-2", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: "flex min-w-0 items-center gap-1.5", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(ConversationStatusChip, { status: data.status, showDot: true }),
+              data.assignedTo && /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("span", { className: "truncate text-xs text-muted-foreground", children: [
                 "\u2192 ",
                 data.assignedTo
               ] })
             ] }),
-            data.unreadCount ? /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+            data.unreadCount ? /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
               Badge,
               {
                 variant: "default",
@@ -1055,8 +893,8 @@ function ConversationListItem({
               }
             ) : null
           ] }),
-          /* @__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: [
+          /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("p", { className: "line-clamp-2 text-sm leading-relaxed text-muted-foreground", children: [
+            data.lastMessageRole === "bot" ? /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("span", { className: "font-medium text-foreground/60", children: "AI: " }) : data.lastMessageRole === "advisor" ? /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("span", { className: "font-medium text-foreground/60", children: "You: " }) : data.lastMessageRole === "visitor" ? /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("span", { className: "font-medium text-foreground/60", children: [
               displayContactName(data.contact.name).split(" ")[0],
               ":",
               " "
@@ -1071,45 +909,36 @@ function ConversationListItem({
 function filterConversations(conversations, query, filter, channelFilter) {
   const q = query.toLowerCase();
   return conversations.filter((c) => {
-    var _a;
-    const matchesFilter = filter === "all" || (filter === "open" ? c.status !== "closed" : c.status === filter);
-    const matchesChannel = channelFilter === "all" || ((_a = c.channel) != null ? _a : "chat") === channelFilter;
+    var _a, _b;
+    const matchesFilter = filter === "all" || (filter === "emails" ? ((_a = c.channel) != null ? _a : "chat") === "email" : c.status === filter);
+    const matchesChannel = channelFilter === "all" || ((_b = c.channel) != null ? _b : "chat") === channelFilter;
     const matchesSearch = !q || c.contact.name.toLowerCase().includes(q) || c.lastMessage.toLowerCase().includes(q);
     return matchesFilter && matchesChannel && matchesSearch;
   });
 }
 var FILTER_TABS = [
   { id: "all", label: "All" },
-  { id: "open", label: "Open" },
-  { id: "ai-active", label: "AI Active" },
+  { id: "emails", label: "Emails" },
   { id: "needs-attention", label: "Urgent" },
-  { id: "closed", label: "Archived" }
+  { id: "closed", label: "Archived" },
+  { id: "ai-active", label: "AI Active" }
 ];
 function ConversationList({
   conversations,
   activeId,
   searchQuery = "",
   activeFilter = "all",
-  channelFilter: channelFilterProp = "all",
+  channelFilter = "all",
   hasMore,
   isLoadingMore,
   onSearchChange,
   onFilterChange,
-  onChannelFilterChange,
   onSelect,
   onRead,
   onLoadMore,
   className
 }) {
-  const [channelFilter, setChannelFilter] = (0, import_react3.useState)(channelFilterProp);
-  function handleChannelFilterChange(vals) {
-    const v = vals[0];
-    if (v) {
-      setChannelFilter(v);
-      onChannelFilterChange == null ? void 0 : onChannelFilterChange(v);
-    }
-  }
-  return /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(
     "div",
     {
       className: cn(
@@ -1117,50 +946,31 @@ function ConversationList({
         className
       ),
       children: [
-        /* @__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,
-                  onChange: (e) => onSearchChange == null ? void 0 : onSearchChange(e.target.value),
-                  placeholder: "Search conversations...",
-                  className: "h-8 pl-8 text-sm"
-                }
-              )
-            ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(
-              ToggleGroup,
+        /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: cn(PANEL_HEADER_HEIGHT, "flex shrink-0 flex-col"), children: [
+          /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", { className: "flex shrink-0 items-center border-b border-border px-3 py-2.5", children: /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: "relative flex-1", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_lucide_react3.Search, { className: "absolute left-2.5 top-1/2 size-3.5 -translate-y-1/2 text-muted-foreground" }),
+            /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+              Input,
               {
-                type: "single",
-                variant: "outline",
-                size: "sm",
-                spacing: 0,
-                value: [channelFilter],
-                onValueChange: handleChannelFilterChange,
-                className: "shrink-0",
-                children: [
-                  /* @__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" }) })
-                ]
+                value: searchQuery,
+                onChange: (e) => onSearchChange == null ? void 0 : onSearchChange(e.target.value),
+                placeholder: "Search conversations...",
+                className: "h-8 pl-8 text-sm"
               }
             )
-          ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("div", { className: "flex flex-1 items-center border-b border-border", children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+          ] }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", { className: "flex flex-1 items-center border-b border-border", children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
             Tabs,
             {
               value: activeFilter,
               onValueChange: (v) => v && (onFilterChange == null ? void 0 : onFilterChange(v)),
               className: "w-full",
-              children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+              children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
                 TabsList,
                 {
                   variant: "line",
                   className: "w-full justify-start gap-0 h-auto",
-                  children: FILTER_TABS.map((tab) => /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+                  children: FILTER_TABS.map((tab) => /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
                     TabsTrigger,
                     {
                       value: tab.id,
@@ -1174,17 +984,17 @@ function ConversationList({
             }
           ) })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("div", { className: "flex-1 overflow-y-auto", tabIndex: 0, children: (() => {
+        /* @__PURE__ */ (0, import_jsx_runtime12.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_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)(
+          return filtered.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: "flex flex-col items-center justify-center gap-2 p-8 text-muted-foreground", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_lucide_react3.MessageSquare, { className: "size-8 opacity-30" }),
+            /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("p", { className: "text-sm", children: "No conversations" }),
+            searchQuery && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
               Button,
               {
                 variant: "outline",
@@ -1193,7 +1003,7 @@ function ConversationList({
                 children: "Clear search"
               }
             ),
-            !searchQuery && activeFilter !== "all" && /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+            !searchQuery && activeFilter !== "all" && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
               Button,
               {
                 variant: "outline",
@@ -1202,8 +1012,8 @@ function ConversationList({
                 children: "Clear filter"
               }
             )
-          ] }) : /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(import_jsx_runtime15.Fragment, { children: [
-            filtered.map((item) => /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+          ] }) : /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(import_jsx_runtime12.Fragment, { children: [
+            filtered.map((item) => /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
               ConversationListItem,
               {
                 data: item,
@@ -1213,7 +1023,7 @@ function ConversationList({
               },
               item.id
             )),
-            hasMore && /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("div", { className: "border-t border-border p-3", children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+            hasMore && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", { className: "border-t border-border p-3", children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
               Button,
               {
                 variant: "outline",
@@ -1230,32 +1040,206 @@ function ConversationList({
     }
   );
 }
+
+// src/components/ui/ai-conversations/thread.tsx
+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_react5 = require("lucide-react");
+
+// src/components/ui/dropdown-menu.tsx
+var import_lucide_react4 = require("lucide-react");
+var import_menu = require("@base-ui/react/menu");
+var import_jsx_runtime13 = require("react/jsx-runtime");
+function DropdownMenu(_a) {
+  var props = __objRest(_a, []);
+  return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_menu.Menu.Root, __spreadValues({ "data-slot": "dropdown-menu" }, props));
+}
+function DropdownMenuTrigger(_a) {
+  var props = __objRest(_a, []);
+  return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_menu.Menu.Trigger, __spreadValues({ "data-slot": "dropdown-menu-trigger" }, props));
+}
+function DropdownMenuContent(_a) {
+  var _b = _a, {
+    className,
+    sideOffset = 4,
+    style
+  } = _b, props = __objRest(_b, [
+    "className",
+    "sideOffset",
+    "style"
+  ]);
+  const themeVars = useThemeVars();
+  return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_menu.Menu.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_menu.Menu.Positioner, { sideOffset, children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+    import_menu.Menu.Popup,
+    __spreadValues({
+      className: cn(
+        "z-50 min-w-[8rem] overflow-x-hidden overflow-y-auto rounded-none border bg-popover p-1 text-popover-foreground shadow-md 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": "dropdown-menu-content",
+      style: __spreadValues(__spreadValues({}, themeVars), style)
+    }, props)
+  ) }) });
+}
+function DropdownMenuItem(_a) {
+  var _b = _a, {
+    className,
+    inset,
+    variant = "default"
+  } = _b, props = __objRest(_b, [
+    "className",
+    "inset",
+    "variant"
+  ]);
+  return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+    import_menu.Menu.Item,
+    __spreadValues({
+      className: cn(
+        "relative flex cursor-default items-center gap-2 rounded-none px-2 py-1.5 text-body-small outline-hidden select-none focus:bg-accent focus:text-accent-foreground data-disabled:pointer-events-none data-disabled:opacity-50 data-inset:pl-8 data-[variant=destructive]:text-destructive data-[variant=destructive]:focus:bg-destructive/10 data-[variant=destructive]:focus:text-destructive dark:data-[variant=destructive]:focus:bg-destructive/20 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 [&_svg:not([class*='text-'])]:text-muted-foreground data-[variant=destructive]:*:[svg]:text-destructive!",
+        className
+      ),
+      "data-inset": inset,
+      "data-slot": "dropdown-menu-item",
+      "data-variant": variant
+    }, props)
+  );
+}
+function DropdownMenuSeparator(_a) {
+  var _b = _a, {
+    className
+  } = _b, props = __objRest(_b, [
+    "className"
+  ]);
+  return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+    import_menu.Menu.Separator,
+    __spreadValues({
+      className: cn("-mx-1 my-1 h-px bg-border", className),
+      "data-slot": "dropdown-menu-separator"
+    }, props)
+  );
+}
+
+// src/components/ui/popover.tsx
+var import_popover = require("@base-ui/react/popover");
+var import_jsx_runtime14 = require("react/jsx-runtime");
+function Popover(_a) {
+  var props = __objRest(_a, []);
+  return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_popover.Popover.Root, __spreadValues({ "data-slot": "popover" }, props));
+}
+function PopoverTrigger(_a) {
+  var props = __objRest(_a, []);
+  return /* @__PURE__ */ (0, import_jsx_runtime14.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_runtime14.jsx)(import_popover.Popover.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+    import_popover.Popover.Positioner,
+    {
+      className: "z-[200]",
+      align,
+      sideOffset,
+      children: /* @__PURE__ */ (0, import_jsx_runtime14.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_runtime15 = require("react/jsx-runtime");
+function Separator(_a) {
+  var _b = _a, {
+    className,
+    orientation = "horizontal"
+  } = _b, props = __objRest(_b, [
+    "className",
+    "orientation"
+  ]);
+  return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+    import_separator.Separator,
+    __spreadValues({
+      className: cn(
+        "shrink-0 bg-border data-[orientation=horizontal]:h-px data-[orientation=horizontal]:w-full data-[orientation=vertical]:h-full data-[orientation=vertical]:w-px",
+        className
+      ),
+      "data-orientation": orientation,
+      "data-slot": "separator"
+    }, props)
+  );
+}
+
+// src/components/ui/textarea.tsx
+var import_jsx_runtime16 = require("react/jsx-runtime");
+function Textarea(_a) {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+    "textarea",
+    __spreadValues({
+      className: cn(
+        // WealthX: removed shadow-xs (flat panels), added font-sans
+        "flex field-sizing-content min-h-16 w-full border border-input bg-transparent px-3 py-2 text-body-medium font-sans transition-[color,box-shadow] outline-none placeholder:font-normal placeholder:text-muted-foreground focus-visible:border-primary focus-visible:ring-[3px] focus-visible:ring-primary/20 disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-destructive/20 dark:bg-input/30 dark:aria-invalid:ring-destructive/40",
+        className
+      ),
+      "data-slot": "textarea"
+    }, props)
+  );
+}
+
+// src/components/ui/ai-conversations/thread.tsx
+var import_jsx_runtime17 = require("react/jsx-runtime");
 function BubbleAvatar({
   role,
   senderName
 }) {
   if (role === "bot") {
-    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" }) }) });
+    return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(Avatar, { size: "sm", children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(AvatarFallback, { className: "border border-border bg-muted", children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_lucide_react5.Bot, { className: "size-3.5 text-muted-foreground" }) }) });
   }
   if (role === "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_runtime17.jsx)(Avatar, { size: "sm", children: /* @__PURE__ */ (0, import_jsx_runtime17.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, { children: getInitials(senderName != null ? senderName : "?") }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(Avatar, { size: "sm", children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(AvatarFallback, { children: getInitials(senderName != null ? senderName : "?") }) });
 }
-function ChatBubble({ message, className }) {
-  const { role, content, timestamp, senderName } = message;
+function ChatBubble({ message, channel, className }) {
+  const { role, content, timestamp, senderName, subject } = message;
+  const isEmail = channel === "email";
   if (role === "system") {
-    return /* @__PURE__ */ (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" })
+    return /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: cn("my-2 flex items-center gap-3 px-2", className), children: [
+      /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(Separator, { className: "flex-1" }),
+      /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { className: "shrink-0 text-caption text-muted-foreground", children: content }),
+      /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(Separator, { className: "flex-1" })
     ] });
   }
   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_runtime15.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
     "div",
     {
       className: cn(
@@ -1264,29 +1248,59 @@ function ChatBubble({ message, className }) {
         className
       ),
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(BubbleAvatar, { role, senderName }),
-        /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(
+        /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(BubbleAvatar, { role, senderName }),
+        /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
           "div",
           {
             className: cn(
-              "flex max-w-[70%] flex-col gap-1",
+              "flex flex-col gap-1",
+              isEmail ? "max-w-[85%] w-full" : "max-w-[70%]",
               isAdvisor && "items-end"
             ),
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("span", { className: "text-caption text-muted-foreground", children: displayName }),
-              /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { className: "text-caption text-muted-foreground", children: displayName }),
+              /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
                 "div",
                 {
                   className: cn(
-                    "px-3 py-2 text-sm leading-relaxed break-words [&_a]:underline [&_p]:m-0",
-                    isBot && "border border-border bg-muted/60 text-foreground [&_a]:text-primary",
-                    isVisitor && "border border-border bg-background text-foreground [&_a]:text-primary",
-                    isAdvisor && "bg-primary text-primary-foreground [&_a]:text-primary-foreground"
+                    "text-sm leading-relaxed break-words",
+                    !isEmail && "px-3 py-2 [&_p]:m-0 [&_a]:underline",
+                    isEmail && [
+                      "border border-border bg-background px-4 py-3 w-full",
+                      "[&_p]:mb-2 [&_p:last-child]:mb-0",
+                      "[&_ul]:mb-2 [&_ul]:list-disc [&_ul]:pl-4",
+                      "[&_ol]:mb-2 [&_ol]:list-decimal [&_ol]:pl-4",
+                      "[&_li]:mb-0.5",
+                      "[&_h1]:mb-2 [&_h1]:text-sm [&_h1]:font-bold",
+                      "[&_h2]:mb-1.5 [&_h2]:text-sm [&_h2]:font-semibold",
+                      "[&_h3]:mb-1 [&_h3]:text-sm [&_h3]:font-medium",
+                      "[&_strong]:font-semibold [&_em]:italic",
+                      "[&_a]:underline [&_a]:text-primary",
+                      "[&_blockquote]:border-l-2 [&_blockquote]:border-border [&_blockquote]:pl-3 [&_blockquote]:text-muted-foreground [&_blockquote]:italic",
+                      "[&_hr]:my-3 [&_hr]:border-border"
+                    ],
+                    !isEmail && isBot && "border border-border bg-muted/60 text-foreground [&_a]:text-primary",
+                    !isEmail && isVisitor && "border border-border bg-background text-foreground [&_a]:text-primary",
+                    !isEmail && isAdvisor && "bg-primary text-primary-foreground [&_a]:text-primary-foreground",
+                    isEmail && isAdvisor && "bg-muted/30"
                   ),
-                  children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_react_markdown.default, { rehypePlugins: [import_rehype_raw.default, [import_rehype_sanitize.default, import_rehype_sanitize.defaultSchema]], children: content })
+                  children: [
+                    isEmail && subject && /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "mb-2.5 border-b border-border pb-2", children: [
+                      /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { className: "text-xs font-medium text-muted-foreground", children: "Subject:" }),
+                      " ",
+                      /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { className: "text-sm font-semibold text-foreground", children: subject })
+                    ] }),
+                    /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+                      import_react_markdown.default,
+                      {
+                        rehypePlugins: [import_rehype_raw.default, [import_rehype_sanitize.default, import_rehype_sanitize.defaultSchema]],
+                        children: content
+                      }
+                    )
+                  ]
                 }
               ),
-              timestamp && /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("span", { className: "text-caption text-muted-foreground", children: timestamp })
+              timestamp && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { className: "text-caption text-muted-foreground", children: timestamp })
             ]
           }
         )
@@ -1300,7 +1314,7 @@ function ComposerToolbarButton({
   pressed,
   onToggle
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
     "button",
     {
       type: "button",
@@ -1311,11 +1325,13 @@ function ComposerToolbarButton({
         "flex size-7 items-center justify-center transition-colors",
         pressed ? "bg-foreground text-background" : "text-muted-foreground hover:bg-muted hover:text-foreground"
       ),
-      children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(Icon, { className: "size-3.5" })
+      children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(Icon, { className: "size-3.5" })
     }
   );
 }
-function ComposerLinkPopover({ editor }) {
+function ComposerLinkPopover({
+  editor
+}) {
   const [open, setOpen] = import_react3.default.useState(false);
   const [url, setUrl] = import_react3.default.useState("");
   const handleApply = () => {
@@ -1325,7 +1341,7 @@ function ComposerLinkPopover({ editor }) {
     setOpen(false);
     setUrl("");
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
     Popover,
     {
       open,
@@ -1338,7 +1354,7 @@ function ComposerLinkPopover({ editor }) {
         setOpen(newOpen);
       },
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
           PopoverTrigger,
           {
             "aria-label": "Insert link",
@@ -1346,11 +1362,11 @@ function ComposerLinkPopover({ editor }) {
               "flex size-7 items-center justify-center transition-colors",
               (editor == null ? void 0 : editor.isActive("link")) ? "bg-foreground text-background" : "text-muted-foreground hover:bg-muted hover:text-foreground"
             ),
-            children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_lucide_react4.Link2, { className: "size-3.5" })
+            children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_lucide_react5.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)(
+        /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(PopoverContent, { className: "w-72 p-2", align: "start", children: /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "flex items-center gap-1.5", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
             "input",
             {
               type: "url",
@@ -1362,7 +1378,7 @@ function ComposerLinkPopover({ editor }) {
               autoFocus: true
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(Button, { size: "sm", className: "h-8 px-3", onClick: handleApply, children: "Apply" })
+          /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(Button, { size: "sm", className: "h-8 px-3", onClick: handleApply, children: "Apply" })
         ] }) })
       ]
     }
@@ -1372,8 +1388,8 @@ 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 }),
+  return /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "flex items-center gap-3 border-b border-border px-4 py-2.5", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { className: "w-14 shrink-0 text-sm text-muted-foreground", children: label }),
     children
   ] });
 }
@@ -1389,6 +1405,7 @@ function ChatComposer({
   onSendEmail,
   onTakeOver,
   onLetAiHandle,
+  emailReplySubject,
   className
 }) {
   const [channel, setChannel] = import_react3.default.useState(
@@ -1397,7 +1414,12 @@ function ChatComposer({
   const [emailTo, setEmailTo] = import_react3.default.useState(contactEmail);
   const [emailCc, setEmailCc] = import_react3.default.useState("");
   const [showCc, setShowCc] = import_react3.default.useState(false);
-  const [emailSubject, setEmailSubject] = import_react3.default.useState("");
+  const [emailSubject, setEmailSubject] = import_react3.default.useState(
+    emailReplySubject ? `Re: ${emailReplySubject}` : ""
+  );
+  const [emailMode, setEmailMode] = import_react3.default.useState(
+    emailReplySubject ? "reply" : "new"
+  );
   const [, forceUpdate] = import_react3.default.useReducer((x) => x + 1, 0);
   const editor = (0, import_react4.useEditor)({
     extensions: [
@@ -1417,7 +1439,21 @@ function ChatComposer({
     setChannel(c);
     onChannelChange == null ? void 0 : onChannelChange(c);
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(
+  const handleNewEmail = () => {
+    setEmailSubject("");
+    setEmailCc("");
+    setShowCc(false);
+    editor == null ? void 0 : editor.commands.clearContent();
+  };
+  const handleEmailModeChange = (mode2) => {
+    setEmailMode(mode2);
+    if (mode2 === "new") {
+      handleNewEmail();
+    } else {
+      setEmailSubject(emailReplySubject ? `Re: ${emailReplySubject}` : "");
+    }
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
     "div",
     {
       className: cn(
@@ -1425,27 +1461,27 @@ function ChatComposer({
         className
       ),
       children: [
-        isEmailIntegrated && /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("div", { className: "border-b border-border px-3 py-2", children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+        isEmailIntegrated && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", { className: "border-b border-border px-3 py-2", children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
           Tabs,
           {
             value: channel,
             onValueChange: (v) => v && handleChannelChange(v),
-            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" }),
+            children: /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(TabsList, { variant: "default", className: "w-full", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(TabsTrigger, { value: "chat", className: "flex-1 gap-1.5", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_lucide_react5.MessageSquare, { className: "size-3.5" }),
                 "Chat"
               ] }),
-              /* @__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" }),
+              /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(TabsTrigger, { value: "email", className: "flex-1 gap-1.5", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_lucide_react5.Mail, { className: "size-3.5" }),
                 "Email"
               ] })
             ] })
           }
         ) }),
-        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)(
+        mode === "ai" ? /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "flex items-center gap-2 bg-muted/30 px-4 py-2.5 text-[12px] text-muted-foreground", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_lucide_react5.Bot, { className: "size-3.5 shrink-0 text-muted-foreground" }),
+          /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { children: "AI is handling this conversation." }),
+          /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
             Button,
             {
               variant: "link",
@@ -1455,12 +1491,12 @@ function ChatComposer({
               children: "Take Over"
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("span", { children: "to reply directly." })
+          /* @__PURE__ */ (0, import_jsx_runtime17.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_runtime15.jsxs)("div", { className: "relative", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(
+          /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "relative", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
               "div",
               {
                 className: cn(
@@ -1469,8 +1505,8 @@ function ChatComposer({
                 ),
                 "aria-hidden": channel !== "email",
                 children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(ComposerEmailFieldRow, { label: "To", children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+                  /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(ComposerEmailFieldRow, { label: "To", children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
                       "input",
                       {
                         type: "email",
@@ -1480,7 +1516,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_runtime15.jsxs)(
+                    /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
                       "button",
                       {
                         type: "button",
@@ -1488,12 +1524,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_runtime15.jsx)(import_lucide_react4.ChevronDown, { className: "size-3.5" })
+                          /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_lucide_react5.ChevronDown, { className: "size-3.5" })
                         ]
                       }
                     )
                   ] }),
-                  showCc && /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(ComposerEmailFieldRow, { label: "CC", children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+                  showCc && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(ComposerEmailFieldRow, { label: "CC", children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
                     "input",
                     {
                       type: "email",
@@ -1503,7 +1539,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_runtime15.jsx)(ComposerEmailFieldRow, { label: "Subject", children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+                  /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(ComposerEmailFieldRow, { label: "Subject", children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
                     "input",
                     {
                       type: "text",
@@ -1513,68 +1549,96 @@ function ChatComposer({
                       className: "min-w-0 flex-1 bg-transparent text-base text-foreground outline-none placeholder:text-muted-foreground"
                     }
                   ) }),
-                  /* @__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)(
+                  /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_react4.EditorContent, { editor }),
+                  /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "flex items-center justify-between border-t border-border px-3 py-2", children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "flex items-center gap-0.5", children: [
+                      emailReplySubject && /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(import_jsx_runtime17.Fragment, { children: [
+                        /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
+                          ToggleGroup,
+                          {
+                            type: "single",
+                            variant: "outline",
+                            size: "sm",
+                            spacing: 0,
+                            value: [emailMode],
+                            onValueChange: (values) => {
+                              const v = values[0];
+                              if (v) handleEmailModeChange(v);
+                            },
+                            className: "mr-1.5",
+                            children: [
+                              /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(ToggleGroupItem, { value: "reply", children: "Reply" }),
+                              /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(ToggleGroupItem, { value: "new", children: "New email" })
+                            ]
+                          }
+                        ),
+                        /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(Separator, { orientation: "vertical", className: "mr-1.5 h-4" })
+                      ] }),
+                      /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
                         ComposerToolbarButton,
                         {
                           label: "Bold",
-                          icon: import_lucide_react4.Bold,
+                          icon: import_lucide_react5.Bold,
                           pressed: editor == null ? void 0 : editor.isActive("bold"),
                           onToggle: () => editor == null ? void 0 : editor.chain().focus().toggleBold().run()
                         }
                       ),
-                      /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+                      /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
                         ComposerToolbarButton,
                         {
                           label: "Italic",
-                          icon: import_lucide_react4.Italic,
+                          icon: import_lucide_react5.Italic,
                           pressed: editor == null ? void 0 : editor.isActive("italic"),
                           onToggle: () => editor == null ? void 0 : editor.chain().focus().toggleItalic().run()
                         }
                       ),
-                      /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+                      /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
                         ComposerToolbarButton,
                         {
                           label: "Underline",
-                          icon: import_lucide_react4.Underline,
+                          icon: import_lucide_react5.Underline,
                           pressed: editor == null ? void 0 : editor.isActive("underline"),
                           onToggle: () => editor == null ? void 0 : editor.chain().focus().toggleUnderline().run()
                         }
                       ),
-                      /* @__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_runtime17.jsx)(Separator, { orientation: "vertical", className: "mx-1.5 h-4" }),
+                      /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(ComposerLinkPopover, { editor }),
+                      /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(ComposerToolbarButton, { label: "Attach file", icon: import_lucide_react5.Paperclip })
                     ] }),
-                    /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(
-                      Button,
-                      {
-                        size: "sm",
-                        onClick: () => {
-                          var _a;
-                          const html = (_a = editor == null ? void 0 : editor.getHTML()) != null ? _a : "";
-                          onSendEmail == null ? void 0 : onSendEmail({
-                            content: html,
-                            to: emailTo,
-                            cc: emailCc,
-                            subject: emailSubject
-                          });
-                          editor == null ? void 0 : editor.commands.clearContent();
-                        },
-                        disabled: !editor || editor.isEmpty || !emailTo.trim(),
-                        children: [
-                          /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_lucide_react4.Send, { className: "mr-1.5 size-3.5" }),
-                          "Send Email"
-                        ]
-                      }
-                    )
+                    /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "flex items-center gap-2", children: [
+                      onLetAiHandle && /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(Button, { variant: "outline", size: "sm", onClick: onLetAiHandle, children: [
+                        /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_lucide_react5.Bot, { className: "mr-1.5 size-3.5" }),
+                        "Let AI Handle"
+                      ] }),
+                      /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
+                        Button,
+                        {
+                          size: "sm",
+                          onClick: () => {
+                            var _a;
+                            const html = (_a = editor == null ? void 0 : editor.getHTML()) != null ? _a : "";
+                            onSendEmail == null ? void 0 : onSendEmail({
+                              content: html,
+                              to: emailTo,
+                              cc: emailCc,
+                              subject: emailSubject
+                            });
+                            editor == null ? void 0 : editor.commands.clearContent();
+                          },
+                          disabled: !editor || editor.isEmpty || !emailTo.trim(),
+                          children: [
+                            /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_lucide_react5.Send, { className: "mr-1.5 size-3.5" }),
+                            "Send Email"
+                          ]
+                        }
+                      )
+                    ] })
                   ] })
                 ]
               }
             ),
-            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)(
+            channel === "chat" && /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "absolute inset-0 flex flex-col gap-3 p-4", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
                 Textarea,
                 {
                   value: inputValue,
@@ -1583,19 +1647,19 @@ function ChatComposer({
                   className: "min-h-0 flex-1 resize-none text-base"
                 }
               ),
-              /* @__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" }),
+              /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "flex items-center justify-between", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(Button, { variant: "outline", size: "sm", onClick: onLetAiHandle, children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_lucide_react5.Bot, { className: "mr-1.5 size-3.5" }),
                   "Let AI Handle"
                 ] }),
-                /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(
+                /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
                   Button,
                   {
                     size: "sm",
                     onClick: () => onSend == null ? void 0 : onSend(inputValue),
                     disabled: !inputValue.trim(),
                     children: [
-                      /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_lucide_react4.Send, { className: "mr-1.5 size-3.5" }),
+                      /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_lucide_react5.Send, { className: "mr-1.5 size-3.5" }),
                       "Send"
                     ]
                   }
@@ -1623,6 +1687,7 @@ function ChatThread({
   onSendEmail,
   onTakeOver,
   onLetAiHandle,
+  emailReplySubject,
   onReopen,
   onMarkUrgent,
   onUnmarkUrgent,
@@ -1675,8 +1740,8 @@ function ChatThread({
     const el = scrollRef.current;
     if (el) el.scrollTop = el.scrollHeight;
   }, [isAiTyping]);
-  return /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("div", { className: cn("flex flex-col bg-background", className), children: [
-    /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: cn("flex flex-col bg-background", className), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
       "div",
       {
         className: cn(
@@ -1684,7 +1749,7 @@ function ChatThread({
           "flex items-center gap-3 border-b border-border px-4"
         ),
         children: [
-          onBack && /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+          onBack && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
             Button,
             {
               variant: "ghost",
@@ -1692,28 +1757,28 @@ function ChatThread({
               className: "size-8 shrink-0 md:hidden",
               onClick: onBack,
               "aria-label": "Back to conversations",
-              children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_lucide_react4.ArrowLeft, { className: "size-4" })
+              children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_lucide_react5.ArrowLeft, { className: "size-4" })
             }
           ),
-          /* @__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 })
+          /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(ContactAvatar, { name: contact.name, size: "md" }),
+          /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "min-w-0 flex-1", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "flex items-center gap-2", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { className: "text-sm font-semibold text-foreground", children: displayContactName(contact.name) }),
+              /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(ConversationStatusChip, { status, showDot: true })
             ] }),
-            contact.email && /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("p", { className: "text-sm text-muted-foreground", children: contact.email })
+            contact.email && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("p", { className: "text-sm text-muted-foreground", children: contact.email })
           ] }),
-          /* @__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" }),
+          /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "flex shrink-0 items-center gap-2", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "hidden items-center gap-2 md:flex", children: [
+              isClosed && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(Button, { variant: "outline", size: "sm", onClick: onReopen, children: "Reopen" }),
+              !isClosed && aiIsHandling && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(Button, { size: "sm", onClick: onTakeOver, children: "Take Over" }),
+              !isClosed && !aiIsHandling && /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(Button, { variant: "outline", size: "sm", onClick: onLetAiHandle, children: [
+                /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_lucide_react5.Bot, { className: "mr-1.5 size-3.5" }),
                 "Let AI Handle"
               ] })
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(DropdownMenu, { children: [
-              /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(DropdownMenu, { children: [
+              /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
                 DropdownMenuTrigger,
                 {
                   className: cn(
@@ -1721,38 +1786,38 @@ function ChatThread({
                     "size-8"
                   ),
                   "aria-label": "More actions",
-                  children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_lucide_react4.MoreHorizontal, { className: "size-4" })
+                  children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_lucide_react5.MoreHorizontal, { className: "size-4" })
                 }
               ),
-              /* @__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)(
+              /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(DropdownMenuContent, { children: [
+                onShowLeadInfo && /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(import_jsx_runtime17.Fragment, { children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
                     DropdownMenuItem,
                     {
                       className: "md:hidden",
                       onClick: onShowLeadInfo,
                       children: [
-                        /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_lucide_react4.ChevronRight, { className: "mr-2 size-4" }),
+                        /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_lucide_react5.ChevronRight, { className: "mr-2 size-4" }),
                         "Lead Info"
                       ]
                     }
                   ),
-                  /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(DropdownMenuSeparator, { className: "md:hidden" })
+                  /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(DropdownMenuSeparator, { className: "md:hidden" })
                 ] }),
-                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" }),
+                status === "needs-attention" ? /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(DropdownMenuItem, { onClick: onUnmarkUrgent, children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_lucide_react5.Flag, { className: "mr-2 size-4" }),
                   "Unmark Urgent"
-                ] }) : /* @__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" }),
+                ] }) : /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(DropdownMenuItem, { onClick: onMarkUrgent, children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_lucide_react5.Flag, { className: "mr-2 size-4" }),
                   "Mark as Urgent"
                 ] }),
-                /* @__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" }),
+                /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(DropdownMenuItem, { onClick: onAssignToAdvisor, children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_lucide_react5.UserCheck, { className: "mr-2 size-4" }),
                   "Assign to advisor"
                 ] }),
-                /* @__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" }),
+                /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(DropdownMenuSeparator, {}),
+                /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(DropdownMenuItem, { onClick: onArchive, children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_lucide_react5.Archive, { className: "mr-2 size-4" }),
                   "Archive"
                 ] })
               ] })
@@ -1761,7 +1826,7 @@ function ChatThread({
         ]
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(
+    /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
       "div",
       {
         ref: scrollRef,
@@ -1769,29 +1834,29 @@ function ChatThread({
         className: "flex flex-1 flex-col gap-4 overflow-y-auto p-4",
         tabIndex: 0,
         children: [
-          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]" })
+          isLoadingMoreMessages && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", { className: "flex justify-center py-1 text-caption text-muted-foreground", children: "Loading older messages..." }),
+          messages.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "flex flex-1 flex-col items-center justify-center gap-2 text-muted-foreground", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_lucide_react5.MessageSquare, { className: "size-8 opacity-30" }),
+            /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("p", { className: "text-sm", children: "No messages yet" })
+          ] }) : messages.map((msg) => /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(ChatBubble, { message: msg, channel }, msg.id)),
+          isAiTyping && !isClosed && /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "flex gap-2.5", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(BubbleAvatar, { role: "bot" }),
+            /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "flex flex-col gap-1", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { className: "text-caption text-muted-foreground", children: "AI Assistant" }),
+              /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "flex items-center gap-1 border border-border bg-muted/60 px-3 py-2.5", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { className: "size-1.5 animate-bounce rounded-full bg-muted-foreground [animation-delay:0ms]" }),
+                /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { className: "size-1.5 animate-bounce rounded-full bg-muted-foreground [animation-delay:150ms]" }),
+                /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { className: "size-1.5 animate-bounce rounded-full bg-muted-foreground [animation-delay:300ms]" })
               ] })
             ] })
           ] })
         ]
       }
     ),
-    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)(
+    isClosed ? /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "flex items-center gap-3 border-t border-border bg-muted/30 px-4 py-3 text-sm text-muted-foreground", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_lucide_react5.Lock, { className: "size-3.5 shrink-0" }),
+      /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { children: "This conversation is closed." }),
+      /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
         Button,
         {
           variant: "outline",
@@ -1801,7 +1866,7 @@ function ChatThread({
           children: "Reopen"
         }
       )
-    ] }) : /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+    ] }) : /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
       ChatComposer,
       {
         mode,
@@ -1814,34 +1879,45 @@ function ChatThread({
         onSend,
         onSendEmail,
         onTakeOver,
-        onLetAiHandle
+        onLetAiHandle,
+        emailReplySubject
       }
     )
   ] });
 }
+
+// src/components/ui/ai-conversations/lead-panel.tsx
+var import_lucide_react6 = require("lucide-react");
+var import_jsx_runtime18 = require("react/jsx-runtime");
 function AICollectedDataSection({
   fields,
   className
 }) {
-  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)(
+  return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("div", { className: cn("flex flex-col", className), children: fields.map((field, i) => /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(
     "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_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" })
+        /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("span", { className: "shrink-0 text-sm text-muted-foreground", children: field.label }),
+        /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: "flex items-center gap-1.5", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("span", { className: "text-right text-sm font-medium text-foreground", children: field.value }),
+          field.confidence === "confirmed" ? /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_lucide_react6.CheckCircle2, { className: "size-3 shrink-0 text-success-text" }) : /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_lucide_react6.HelpCircle, { className: "size-3 shrink-0 text-warning-text" })
         ] })
       ]
     },
     i
   )) });
 }
+var APPOINTMENT_STATUS_LABEL = {
+  requested: "Lead requested",
+  confirmed: "Confirmed",
+  pending: "Pending confirmation",
+  cancelled: "Cancelled"
+};
 var MEETING_ICON = {
-  video: import_lucide_react4.Video,
-  phone: import_lucide_react4.Phone,
-  "in-person": import_lucide_react4.MapPin
+  video: import_lucide_react6.Video,
+  phone: import_lucide_react6.Phone,
+  "in-person": import_lucide_react6.MapPin
 };
 var MEETING_LABEL = {
   video: "Video Call",
@@ -1849,9 +1925,9 @@ var MEETING_LABEL = {
   "in-person": "In Person"
 };
 var MEETING_DETAIL_ICON = {
-  video: import_lucide_react4.Link2,
-  phone: import_lucide_react4.PhoneCall,
-  "in-person": import_lucide_react4.Navigation
+  video: import_lucide_react6.Link2,
+  phone: import_lucide_react6.PhoneCall,
+  "in-person": import_lucide_react6.Navigation
 };
 function MeetingDetailRow({
   meetingType,
@@ -1859,9 +1935,9 @@ function MeetingDetailRow({
 }) {
   const DetailIcon = MEETING_DETAIL_ICON[meetingType];
   const isLink = detail.startsWith("http");
-  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)(
+  return /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: "flex items-center gap-2", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(DetailIcon, { className: "size-4 shrink-0 text-muted-foreground" }),
+    isLink ? /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
       "a",
       {
         href: detail,
@@ -1870,7 +1946,7 @@ function MeetingDetailRow({
         className: "text-sm text-primary underline underline-offset-2 break-all hover:text-primary/80",
         children: detail
       }
-    ) : /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("span", { className: "text-sm text-muted-foreground break-all", children: detail })
+    ) : /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("span", { className: "text-sm text-muted-foreground break-all", children: detail })
   ] });
 }
 function AppointmentSection({
@@ -1883,23 +1959,23 @@ function AppointmentSection({
 }) {
   const AppointmentIcon = MEETING_ICON[appointment.meetingType];
   const canReschedule = !isAnonymous && !!onRescheduleAppointment;
-  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 })
+  return /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: "flex flex-col gap-2", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: "flex items-center gap-2", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_lucide_react6.Calendar, { className: "size-3.5 shrink-0 text-muted-foreground" }),
+      /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("span", { className: "text-sm font-medium text-foreground", children: appointment.datetime })
     ] }),
-    /* @__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] })
+    /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: "flex items-center gap-2", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(AppointmentIcon, { className: "size-4 shrink-0 text-muted-foreground" }),
+      /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("span", { className: "text-sm text-muted-foreground", children: MEETING_LABEL[appointment.meetingType] })
     ] }),
-    appointment.meetingDetail && /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+    appointment.meetingDetail && /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
       MeetingDetailRow,
       {
         meetingType: appointment.meetingType,
         detail: appointment.meetingDetail
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
       "span",
       {
         className: cn("text-sm font-medium", {
@@ -1911,9 +1987,9 @@ function AppointmentSection({
         children: APPOINTMENT_STATUS_LABEL[appointment.status]
       }
     ),
-    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)(
+    appointment.status === "requested" && /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: "flex gap-2 pt-1", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(Button, { size: "sm", className: "flex-1", onClick: onApproveAppointment, children: "Approve" }),
+      /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
         Button,
         {
           variant: "outline",
@@ -1923,7 +1999,7 @@ function AppointmentSection({
           children: "Decline"
         }
       ),
-      canReschedule && /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+      canReschedule && /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
         Button,
         {
           variant: "ghost",
@@ -1934,7 +2010,7 @@ function AppointmentSection({
         }
       )
     ] }),
-    (appointment.status === "confirmed" || appointment.status === "cancelled") && canReschedule && /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+    (appointment.status === "confirmed" || appointment.status === "cancelled") && canReschedule && /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
       Button,
       {
         variant: "outline",
@@ -1947,13 +2023,13 @@ function AppointmentSection({
   ] });
 }
 function PanelSectionHeader({ children }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("p", { className: "mb-2.5 text-overline text-muted-foreground", children });
+  return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("p", { className: "mb-2.5 text-overline text-muted-foreground", children });
 }
 function PanelSection({
   children,
   last = false
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("div", { className: cn("px-4 py-4", !last && "border-b border-border"), children });
+  return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("div", { className: cn("px-4 py-4", !last && "border-b border-border"), children });
 }
 function LeadInfoPanel({
   contact,
@@ -1979,8 +2055,8 @@ function LeadInfoPanel({
 }) {
   const isAnonymous = !contact.name.trim();
   const addToContactsDisabled = isAnonymous || isKnownContact;
-  return /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("div", { className: cn("flex flex-col bg-background", className), children: [
-    /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: cn("flex flex-col bg-background", className), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(
       "div",
       {
         className: cn(
@@ -1988,7 +2064,7 @@ function LeadInfoPanel({
           "flex items-center justify-between border-b border-border px-4"
         ),
         children: [
-          onBack && /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+          onBack && /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
             Button,
             {
               variant: "ghost",
@@ -1996,15 +2072,15 @@ function LeadInfoPanel({
               className: "size-8 shrink-0 md:hidden",
               onClick: onBack,
               "aria-label": "Back to conversation",
-              children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_lucide_react4.ArrowLeft, { className: "size-4" })
+              children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_lucide_react6.ArrowLeft, { className: "size-4" })
             }
           ),
-          /* @__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)(
+          /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("span", { className: "text-sm font-semibold text-foreground", children: "Lead Info" }),
+          onToggleCollapse && /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(Tooltip, { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
               TooltipTrigger,
               {
-                render: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+                render: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
                   Button,
                   {
                     variant: "ghost",
@@ -2012,8 +2088,8 @@ function LeadInfoPanel({
                     className: "size-7",
                     onClick: onToggleCollapse,
                     "aria-label": isCollapsed ? "Expand panel" : "Collapse panel",
-                    children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
-                      import_lucide_react4.ChevronRight,
+                    children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+                      import_lucide_react6.ChevronRight,
                       {
                         className: cn(
                           "size-4 transition-transform duration-150",
@@ -2025,26 +2101,26 @@ function LeadInfoPanel({
                 )
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(TooltipContent, { children: isCollapsed ? "Expand panel" : "Collapse panel" })
+            /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(TooltipContent, { children: isCollapsed ? "Expand panel" : "Collapse panel" })
           ] })
         ]
       }
     ),
-    !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 })
+    !isCollapsed && /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: "flex-1 overflow-y-auto", tabIndex: 0, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(PanelSection, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(PanelSectionHeader, { children: "Contact" }),
+        /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: "flex items-center gap-3", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(ContactAvatar, { name: contact.name, size: "lg" }),
+          /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: "min-w-0 flex-1", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("p", { className: "truncate text-sm font-semibold text-foreground", children: displayContactName(contact.name) }),
+            /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("p", { className: "text-sm text-muted-foreground", children: source }),
+            topic && /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(Badge, { variant: "secondary", className: "mt-1 text-xs", children: topic })
           ] })
         ] }),
-        (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)(
+        (contact.email || contact.phone || firstSeen) && /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: "mt-3 flex flex-col gap-1.5", children: [
+          contact.email && /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: "flex items-center gap-2 text-sm text-muted-foreground", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_lucide_react6.Mail, { className: "size-4 shrink-0" }),
+            /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
               "a",
               {
                 href: `mailto:${contact.email}`,
@@ -2053,9 +2129,9 @@ function LeadInfoPanel({
               }
             )
           ] }),
-          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)(
+          contact.phone && /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: "flex items-center gap-2 text-sm text-muted-foreground", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_lucide_react6.PhoneCall, { className: "size-4 shrink-0" }),
+            /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
               "a",
               {
                 href: `tel:${contact.phone}`,
@@ -2064,31 +2140,31 @@ function LeadInfoPanel({
               }
             )
           ] }),
-          firstSeen && /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("p", { className: "text-sm text-muted-foreground", children: [
+          firstSeen && /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("p", { className: "text-sm text-muted-foreground", children: [
             "First seen: ",
             firstSeen
           ] })
         ] })
       ] }),
-      /* @__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" }),
+      /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(PanelSection, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(PanelSectionHeader, { children: "AI-Collected Data" }),
+        aiFields.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(import_jsx_runtime18.Fragment, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(AICollectedDataSection, { fields: aiFields }),
+          /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: "mt-2.5 flex items-center gap-3 text-xs text-muted-foreground", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("span", { className: "flex items-center gap-1", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_lucide_react6.CheckCircle2, { className: "size-3 text-success-text" }),
               "confirmed"
             ] }),
-            /* @__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" }),
+            /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("span", { className: "flex items-center gap-1", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_lucide_react6.HelpCircle, { className: "size-3 text-warning-text" }),
               "estimated"
             ] })
           ] })
-        ] }) : /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("p", { className: "text-sm text-muted-foreground", children: "AI is still gathering information..." })
+        ] }) : /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("p", { className: "text-sm text-muted-foreground", children: "AI is still gathering information..." })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(PanelSection, { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(PanelSectionHeader, { children: "Appointment" }),
-        appointment ? /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(PanelSection, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(PanelSectionHeader, { children: "Appointment" }),
+        appointment ? /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
           AppointmentSection,
           {
             appointment,
@@ -2098,7 +2174,7 @@ function LeadInfoPanel({
             onDeclineAppointment,
             onRescheduleAppointment
           }
-        ) : /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(
+        ) : /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(
           Button,
           {
             variant: "outline",
@@ -2107,20 +2183,20 @@ function LeadInfoPanel({
             disabled: isAnonymous,
             onClick: onBookAppointment,
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_lucide_react4.Plus, { className: "mr-1.5 size-3.5" }),
+              /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_lucide_react6.Plus, { className: "mr-1.5 size-3.5" }),
               "Book Appointment"
             ]
           }
         )
       ] }),
-      /* @__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)(
+      /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(PanelSection, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(PanelSectionHeader, { children: "CRM Actions" }),
+        /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: "flex flex-col gap-2", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(Tooltip, { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
               TooltipTrigger,
               {
-                render: /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(
+                render: /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(
                   Button,
                   {
                     variant: "outline",
@@ -2129,16 +2205,16 @@ function LeadInfoPanel({
                     disabled: addToContactsDisabled,
                     onClick: onAddToContacts,
                     children: [
-                      /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_lucide_react4.UserPlus, { className: "mr-1.5 size-3.5" }),
+                      /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_lucide_react6.UserPlus, { className: "mr-1.5 size-3.5" }),
                       "Add to Contacts"
                     ]
                   }
                 )
               }
             ),
-            isKnownContact && /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(TooltipContent, { children: "Already in contacts" })
+            isKnownContact && /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(TooltipContent, { children: "Already in contacts" })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(
+          /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(
             Button,
             {
               variant: "outline",
@@ -2147,23 +2223,23 @@ function LeadInfoPanel({
               disabled: isAnonymous,
               onClick: onCreateOpportunity,
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_lucide_react4.Briefcase, { className: "mr-1.5 size-3.5" }),
+                /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_lucide_react6.Briefcase, { className: "mr-1.5 size-3.5" }),
                 "Add to CRM"
               ]
             }
           )
         ] })
       ] }),
-      /* @__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" }),
+      /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(PanelSection, { last: true, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: "mb-2.5 flex items-center justify-between", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("p", { className: "text-overline text-muted-foreground", children: "Internal Notes" }),
+          notesSaveStatus === "saving" && /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("span", { className: "text-xs text-muted-foreground", children: "Saving..." }),
+          notesSaveStatus === "saved" && /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("span", { className: "flex items-center gap-1 text-xs text-success-text", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_lucide_react6.CheckCircle2, { className: "size-3" }),
             "Saved"
           ] })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
           Textarea,
           {
             value: internalNotes,
@@ -2177,6 +2253,9 @@ function LeadInfoPanel({
     ] })
   ] });
 }
+
+// src/components/ui/ai-conversations/index.tsx
+var import_jsx_runtime19 = require("react/jsx-runtime");
 function ConversationsPage({
   conversations,
   activeConversationId,
@@ -2215,6 +2294,7 @@ function ConversationsPage({
   onSendEmail,
   onTakeOver,
   onLetAiHandle,
+  emailReplySubject,
   onReopen,
   onMarkUrgent,
   onUnmarkUrgent,
@@ -2232,7 +2312,7 @@ function ConversationsPage({
   onLoadMore,
   className
 }) {
-  const [mobilePanel, setMobilePanel] = (0, import_react3.useState)(
+  const [mobilePanel, setMobilePanel] = (0, import_react5.useState)(
     "list"
   );
   const handleSelectConversation = (id) => {
@@ -2243,12 +2323,12 @@ function ConversationsPage({
     onToggleLeadPanel == null ? void 0 : onToggleLeadPanel();
     setMobilePanel(showLeadPanel ? "chat" : "lead");
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(TooltipProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(TooltipProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(
     "div",
     {
       className: cn("flex h-full overflow-hidden bg-background", className),
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
           ConversationList,
           {
             conversations,
@@ -2266,12 +2346,11 @@ function ConversationsPage({
             onLoadMore,
             className: cn(
               "shrink-0 md:w-[320px]",
-              // Mobile: full width, visible only on list panel
               mobilePanel === "list" ? "flex w-full md:flex" : "hidden md:flex"
             )
           }
         ),
-        contact ? /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+        contact ? /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
           ChatThread,
           {
             contact,
@@ -2288,6 +2367,7 @@ function ConversationsPage({
             onSendEmail,
             onTakeOver,
             onLetAiHandle,
+            emailReplySubject,
             onReopen,
             onMarkUrgent,
             onUnmarkUrgent,
@@ -2304,31 +2384,29 @@ function ConversationsPage({
             )
           },
           contact.id
-        ) : /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+        ) : /* @__PURE__ */ (0, import_jsx_runtime19.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_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" })
+            children: /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: "flex flex-col items-center gap-2 text-muted-foreground", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_lucide_react7.MessageSquare, { className: "size-10 opacity-30" }),
+              /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("p", { className: "text-sm", children: "Select a conversation" })
             ] })
           }
         ),
-        contact && /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(import_jsx_runtime15.Fragment, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+        contact && /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(import_jsx_runtime19.Fragment, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
             "div",
             {
               className: cn(
-                // Mobile: full-width, instant show/hide based on mobilePanel
                 mobilePanel === "lead" ? "flex w-full shrink-0 flex-col" : "hidden",
-                // Desktop: always rendered, animate width open/close
                 "md:block md:shrink-0 md:overflow-hidden md:transition-[width] md:duration-200 md:ease-in-out",
                 showLeadPanel ? "md:w-[320px]" : "md:w-0"
               ),
-              children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+              children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
                 LeadInfoPanel,
                 {
                   contact,
@@ -2354,11 +2432,11 @@ function ConversationsPage({
               )
             }
           ),
-          !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)(
+          !showLeadPanel && onToggleLeadPanel && /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", { className: "hidden shrink-0 items-start border-l border-border pt-[29px] md:flex", children: /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(Tooltip, { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
               TooltipTrigger,
               {
-                render: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+                render: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
                   Button,
                   {
                     variant: "ghost",
@@ -2366,12 +2444,12 @@ function ConversationsPage({
                     className: "size-8",
                     "aria-label": "Show lead info",
                     onClick: handleToggleLeadPanel,
-                    children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_lucide_react4.ChevronLeft, { className: "size-4" })
+                    children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_lucide_react7.ChevronLeft, { className: "size-4" })
                   }
                 )
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(TooltipContent, { children: "Show lead info" })
+            /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(TooltipContent, { children: "Show lead info" })
           ] }) })
         ] })
       ]
@@ -2386,8 +2464,8 @@ function AiConvAssignAdvisorDialog({
   onValueChange,
   onConfirm
 }) {
-  const [search, setSearch] = (0, import_react3.useState)("");
-  const [roleFilter, setRoleFilter] = (0, import_react3.useState)("");
+  const [search, setSearch] = (0, import_react5.useState)("");
+  const [roleFilter, setRoleFilter] = (0, import_react5.useState)("");
   const roles = Array.from(
     new Set(advisors.map((a) => a.role).filter(Boolean))
   );
@@ -2401,13 +2479,13 @@ function AiConvAssignAdvisorDialog({
       setRoleFilter("");
     }
   };
-  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." })
+  return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(Dialog, { open, onOpenChange: handleOpenChange, children: /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(DialogContent, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(DialogHeader, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(DialogTitle, { children: "Assign to advisor" }),
+      /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(DialogDescription, { children: "Choose an advisor to handle this conversation." })
     ] }),
-    /* @__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)(
+    /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: "flex flex-col gap-0", children: [
+      roles.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", { className: "pb-3", children: /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(
         ToggleGroup,
         {
           type: "single",
@@ -2420,14 +2498,14 @@ function AiConvAssignAdvisorDialog({
             setRoleFilter(!v || v === "__all__" ? "" : v);
           },
           children: [
-            /* @__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_runtime19.jsx)(ToggleGroupItem, { value: "__all__", children: "All" }),
+            roles.map((role) => /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(ToggleGroupItem, { value: role, children: role }, role))
           ]
         }
       ) }),
-      /* @__PURE__ */ (0, import_jsx_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)(
+      /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: "flex items-center gap-2 border border-input px-3", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_lucide_react7.Search, { className: "size-4 shrink-0 text-muted-foreground" }),
+        /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
           "input",
           {
             type: "text",
@@ -2438,7 +2516,7 @@ function AiConvAssignAdvisorDialog({
           }
         )
       ] }),
-      /* @__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)(
+      /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", { className: "max-h-52 overflow-y-auto border border-t-0 border-input", children: filtered.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("p", { className: "py-6 text-center text-sm text-muted-foreground", children: "No advisors found." }) : filtered.map((advisor) => /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(
         "button",
         {
           type: "button",
@@ -2448,19 +2526,19 @@ function AiConvAssignAdvisorDialog({
             value === advisor.id && "bg-muted font-medium"
           ),
           children: [
-            /* @__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 })
+            /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(Avatar, { size: "sm", children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(AvatarFallback, { className: "font-semibold", children: advisor.initials }) }),
+            /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: "min-w-0 flex-1", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("p", { className: "truncate text-sm", children: advisor.name }),
+              advisor.role && /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("p", { className: "truncate text-xs text-muted-foreground", children: advisor.role })
             ] })
           ]
         },
         advisor.id
       )) })
     ] }),
-    /* @__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" })
+    /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(DialogFooter, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(Button, { variant: "outline", onClick: () => onOpenChange(false), children: "Cancel" }),
+      /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(Button, { onClick: onConfirm, children: "Assign" })
     ] })
   ] }) });
 }