@wealthx/shadcn 1.5.25 → 1.5.27

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

@@ -76,7 +76,7 @@ var __async = (__this, __arguments, generator) => {
   });
 };
 
-// src/components/ui/ai-builder.tsx
+// src/components/ui/ai-builder/index.tsx
 var ai_builder_exports = {};
 __export(ai_builder_exports, {
   AgentCard: () => AgentCard,
@@ -86,11 +86,12 @@ __export(ai_builder_exports, {
   ServiceConfigurationModal: () => ServiceConfigurationModal
 });
 module.exports = __toCommonJS(ai_builder_exports);
-var import_react4 = require("react");
+
+// src/components/ui/ai-builder/agent-card.tsx
 var import_lucide_react3 = require("lucide-react");
 
-// src/components/ui/avatar.tsx
-var import_avatar = require("@base-ui/react/avatar");
+// src/components/ui/badge.tsx
+var import_class_variance_authority = require("class-variance-authority");
 
 // src/lib/utils.ts
 var import_clsx = require("clsx");
@@ -131,59 +132,6 @@ function cn(...inputs) {
   return twMerge((0, import_clsx.clsx)(inputs));
 }
 
-// src/components/ui/avatar.tsx
-var import_jsx_runtime = require("react/jsx-runtime");
-function Avatar(_a) {
-  var _b = _a, {
-    className,
-    size = "default"
-  } = _b, props = __objRest(_b, [
-    "className",
-    "size"
-  ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-    import_avatar.Avatar.Root,
-    __spreadValues({
-      className: cn(
-        "group/avatar relative flex size-8 shrink-0 rounded-full select-none data-[size=lg]:size-10 data-[size=sm]:size-6",
-        className
-      ),
-      "data-size": size,
-      "data-slot": "avatar"
-    }, props)
-  );
-}
-function AvatarImage(_a) {
-  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-    import_avatar.Avatar.Image,
-    __spreadValues({
-      className: cn("aspect-square size-full rounded-full", className),
-      "data-slot": "avatar-image"
-    }, props)
-  );
-}
-function AvatarFallback(_a) {
-  var _b = _a, {
-    className
-  } = _b, props = __objRest(_b, [
-    "className"
-  ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-    import_avatar.Avatar.Fallback,
-    __spreadValues({
-      className: cn(
-        "flex size-full items-center justify-center rounded-full overflow-hidden bg-muted text-body-small font-sans text-muted-foreground group-data-[size=sm]/avatar:text-caption",
-        className
-      ),
-      "data-slot": "avatar-fallback"
-    }, props)
-  );
-}
-
-// src/components/ui/badge.tsx
-var import_class_variance_authority = require("class-variance-authority");
-
 // src/lib/slot.tsx
 var React = __toESM(require("react"));
 function mergeRefs(...refs) {
@@ -232,7 +180,7 @@ var Slot = React.forwardRef(
 Slot.displayName = "Slot";
 
 // src/components/ui/badge.tsx
-var import_jsx_runtime2 = require("react/jsx-runtime");
+var import_jsx_runtime = 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",
   {
@@ -265,7 +213,7 @@ function Badge(_a) {
     "asChild"
   ]);
   const Comp = asChild ? Slot : "span";
-  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
     Comp,
     __spreadValues({
       className: cn(badgeVariants({ variant }), className),
@@ -279,7 +227,7 @@ function Badge(_a) {
 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 import_jsx_runtime2 = require("react/jsx-runtime");
 var buttonVariants = (0, import_class_variance_authority2.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",
   {
@@ -333,7 +281,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 })),
@@ -344,8 +292,8 @@ 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
     })
@@ -353,10 +301,10 @@ var Button = (0, import_react.forwardRef)(function Button2(_a, ref) {
 });
 
 // src/components/ui/card.tsx
-var import_jsx_runtime4 = require("react/jsx-runtime");
+var import_jsx_runtime3 = require("react/jsx-runtime");
 function Card(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
     "div",
     __spreadValues({
       className: cn(
@@ -369,7 +317,7 @@ function Card(_a) {
 }
 function CardContent(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
     "div",
     __spreadValues({
       className: cn("px-6", className),
@@ -384,21 +332,21 @@ 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_runtime4 = require("react/jsx-runtime");
 var ThemeVarsContext = (0, import_react2.createContext)({});
 function useThemeVars() {
   return (0, import_react2.useContext)(ThemeVarsContext);
 }
 
 // src/components/ui/dialog.tsx
-var import_jsx_runtime6 = require("react/jsx-runtime");
+var import_jsx_runtime5 = require("react/jsx-runtime");
 function Dialog(_a) {
   var props = __objRest(_a, []);
-  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_dialog.Dialog.Root, __spreadValues({ "data-slot": "dialog" }, props));
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_dialog.Dialog.Root, __spreadValues({ "data-slot": "dialog" }, props));
 }
 function DialogPortal(_a) {
   var props = __objRest(_a, []);
-  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_dialog.Dialog.Portal, __spreadValues({ "data-slot": "dialog-portal" }, props));
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_dialog.Dialog.Portal, __spreadValues({ "data-slot": "dialog-portal" }, props));
 }
 function DialogOverlay(_a) {
   var _b = _a, {
@@ -406,7 +354,7 @@ function DialogOverlay(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
     import_dialog.Dialog.Backdrop,
     __spreadValues({
       className: cn(
@@ -452,9 +400,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_runtime6.jsxs)(DialogPortal, { container: container != null ? container : void 0, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(DialogOverlay, { style: themeVars }),
-    /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(DialogPortal, { container: container != null ? container : void 0, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(DialogOverlay, { style: themeVars }),
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
       import_dialog.Dialog.Popup,
       __spreadProps(__spreadValues({
         className: cn(
@@ -475,14 +423,14 @@ function DialogContent(_a) {
       }, props), {
         children: [
           children,
-          showCloseButton ? /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(
+          showCloseButton ? /* @__PURE__ */ (0, import_jsx_runtime5.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_runtime6.jsx)(import_lucide_react2.XIcon, {}),
-                /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: "sr-only", children: "Close" })
+                /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_lucide_react2.XIcon, {}),
+                /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { className: "sr-only", children: "Close" })
               ]
             }
           ) : null
@@ -497,7 +445,7 @@ function DialogHeader(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
     "div",
     __spreadValues({
       className: cn("flex flex-col gap-1.5", className),
@@ -515,7 +463,7 @@ function DialogFooter(_a) {
     "showCloseButton",
     "children"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
     "div",
     __spreadProps(__spreadValues({
       className: cn(
@@ -527,7 +475,7 @@ function DialogFooter(_a) {
     }, props), {
       children: [
         children,
-        showCloseButton ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+        showCloseButton ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
           import_dialog.Dialog.Close,
           {
             className: cn(buttonVariants({ variant: "outline" })),
@@ -541,10 +489,10 @@ function DialogFooter(_a) {
 }
 function DialogTitle(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
     import_dialog.Dialog.Title,
     __spreadValues({
-      className: cn("text-h5 leading-none", className),
+      className: cn("text-h5", className),
       "data-slot": "dialog-title"
     }, props)
   );
@@ -555,7 +503,7 @@ function DialogDescription(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
     import_dialog.Dialog.Description,
     __spreadValues({
       className: cn("text-body-small text-muted-foreground", className),
@@ -567,7 +515,7 @@ function DialogDescription(_a) {
 // src/components/ui/switch.tsx
 var import_react3 = require("react");
 var import_switch = require("@base-ui/react/switch");
-var import_jsx_runtime7 = require("react/jsx-runtime");
+var import_jsx_runtime6 = require("react/jsx-runtime");
 function Switch(_a) {
   var _b = _a, {
     className,
@@ -576,7 +524,7 @@ function Switch(_a) {
     "className",
     "size"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
     import_switch.Switch.Root,
     __spreadProps(__spreadValues({
       className: cn(
@@ -593,7 +541,7 @@ function Switch(_a) {
       "data-size": size,
       "data-slot": "switch"
     }, props), {
-      children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
         import_switch.Switch.Thumb,
         {
           className: cn(
@@ -609,8 +557,8 @@ function Switch(_a) {
   );
 }
 
-// src/components/ui/ai-builder.tsx
-var import_jsx_runtime8 = require("react/jsx-runtime");
+// src/components/ui/ai-builder/agent-card.tsx
+var import_jsx_runtime7 = require("react/jsx-runtime");
 var AGENT_FEATURES = [
   {
     title: "Lead Capture",
@@ -640,7 +588,7 @@ function AgentCard({
   className
 }) {
   const { id, title, description, tags, isEnabled, infoBadge, isComingSoon } = agent;
-  return /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(
     Card,
     {
       className: cn(
@@ -649,9 +597,9 @@ function AgentCard({
         className
       ),
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: "flex items-start justify-between gap-2", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: "flex flex-1 items-center gap-2 min-w-0", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "flex items-start justify-between gap-2", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "flex flex-1 items-center gap-2 min-w-0", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
               "span",
               {
                 className: cn(
@@ -660,11 +608,11 @@ function AgentCard({
                 )
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { className: "truncate text-sm font-semibold leading-tight", children: title }),
-            isComingSoon && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Badge, { variant: "outline", className: "shrink-0 text-xs", children: "Coming Soon" })
+            /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { className: "truncate text-sm font-semibold leading-tight", children: title }),
+            isComingSoon && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(Badge, { variant: "outline", className: "shrink-0 text-xs", children: "Coming Soon" })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: "flex shrink-0 items-center gap-1", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "flex shrink-0 items-center gap-1", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
               Switch,
               {
                 checked: isEnabled,
@@ -673,7 +621,7 @@ function AgentCard({
                 "aria-label": `Toggle ${title}`
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
               Button,
               {
                 variant: "ghost",
@@ -681,15 +629,15 @@ function AgentCard({
                 className: "h-7 w-7",
                 onClick: () => onMenuClick(id),
                 "aria-label": `View details for ${title}`,
-                children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_lucide_react3.MoreHorizontal, { className: "h-4 w-4" })
+                children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_lucide_react3.MoreHorizontal, { className: "h-4 w-4" })
               }
             )
           ] })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("p", { className: "text-muted-foreground text-xs leading-relaxed flex-1", children: description }),
-        /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: "flex flex-col gap-2", children: [
-          infoBadge && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("p", { className: "bg-info/10 text-info px-2 py-1 text-xs", children: infoBadge }),
-          tags.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { className: "flex flex-wrap gap-1", children: tags.map((tag) => /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Badge, { variant: "secondary", className: "text-xs", children: tag }, tag)) })
+        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("p", { className: "text-muted-foreground text-xs leading-relaxed flex-1", children: description }),
+        /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "flex flex-col gap-2", children: [
+          infoBadge && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("p", { className: "bg-info/10 text-info px-2 py-1 text-xs", children: infoBadge }),
+          tags.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { className: "flex flex-wrap gap-1", children: tags.map((tag) => /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(Badge, { variant: "secondary", className: "text-xs", children: tag }, tag)) })
         ] })
       ]
     }
@@ -702,13 +650,13 @@ function AgentMenuModal({
   description = "AI-powered lead management that works around the clock to grow your mortgage business.",
   features = AGENT_FEATURES
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Dialog, { open, onOpenChange, children: /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(DialogContent, { className: "max-w-lg", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(DialogHeader, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(DialogTitle, { children: agentTitle }),
-      /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(DialogDescription, { children: description })
+  return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(Dialog, { open, onOpenChange, children: /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(DialogContent, { className: "max-w-lg", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(DialogHeader, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(DialogTitle, { children: agentTitle }),
+      /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(DialogDescription, { children: description })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { className: "flex flex-col gap-3 py-2", children: features.map((feature, index) => /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: "flex gap-3", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { className: "flex flex-col gap-3 py-2", children: features.map((feature, index) => /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "flex gap-3", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
         Badge,
         {
           variant: "default",
@@ -716,13 +664,71 @@ function AgentMenuModal({
           children: index + 1
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: "flex flex-col gap-0.5", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("p", { className: "text-sm font-semibold", children: feature.title }),
-        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("p", { className: "text-muted-foreground text-xs leading-relaxed", children: feature.description })
+      /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "flex flex-col gap-0.5", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("p", { className: "text-sm font-semibold", children: feature.title }),
+        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("p", { className: "text-muted-foreground text-xs leading-relaxed", children: feature.description })
       ] })
     ] }, feature.title)) })
   ] }) });
 }
+
+// src/components/ui/ai-builder/integration-card.tsx
+var import_react4 = require("react");
+var import_lucide_react4 = require("lucide-react");
+
+// src/components/ui/avatar.tsx
+var import_avatar = require("@base-ui/react/avatar");
+var import_jsx_runtime8 = require("react/jsx-runtime");
+function Avatar(_a) {
+  var _b = _a, {
+    className,
+    size = "default"
+  } = _b, props = __objRest(_b, [
+    "className",
+    "size"
+  ]);
+  return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+    import_avatar.Avatar.Root,
+    __spreadValues({
+      className: cn(
+        "group/avatar relative flex size-8 shrink-0 rounded-full select-none data-[size=lg]:size-10 data-[size=sm]:size-6",
+        className
+      ),
+      "data-size": size,
+      "data-slot": "avatar"
+    }, props)
+  );
+}
+function AvatarImage(_a) {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+    import_avatar.Avatar.Image,
+    __spreadValues({
+      className: cn("aspect-square size-full rounded-full", className),
+      "data-slot": "avatar-image"
+    }, props)
+  );
+}
+function AvatarFallback(_a) {
+  var _b = _a, {
+    className
+  } = _b, props = __objRest(_b, [
+    "className"
+  ]);
+  return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+    import_avatar.Avatar.Fallback,
+    __spreadValues({
+      className: cn(
+        "flex size-full items-center justify-center rounded-full overflow-hidden bg-muted text-body-small font-sans text-muted-foreground group-data-[size=sm]/avatar:text-caption",
+        className
+      ),
+      "data-slot": "avatar-fallback"
+    }, props)
+  );
+}
+
+// src/components/ui/ai-builder/integration-card.tsx
+var import_jsx_runtime9 = require("react/jsx-runtime");
 function IntegrationServiceCard({
   title,
   imageUrl,
@@ -733,7 +739,7 @@ function IntegrationServiceCard({
   onSettingsClick,
   className
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(
     Card,
     {
       className: cn(
@@ -743,19 +749,19 @@ function IntegrationServiceCard({
       ),
       onClick: !isConnected ? onCardClick : void 0,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: "flex items-start gap-3", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(Avatar, { className: "h-10 w-10 shrink-0", children: [
-            imageUrl && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(AvatarImage, { src: imageUrl, alt: title }),
-            /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(AvatarFallback, { className: iconNode ? "bg-transparent p-0.5" : "", children: iconNode != null ? iconNode : /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_lucide_react3.User, { className: "h-5 w-5" }) })
+        /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: "flex items-start gap-3", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(Avatar, { className: "h-10 w-10 shrink-0", children: [
+            imageUrl && /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(AvatarImage, { src: imageUrl, alt: title }),
+            /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(AvatarFallback, { className: iconNode ? "bg-transparent p-0.5" : "", children: iconNode != null ? iconNode : /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_lucide_react4.User, { className: "h-5 w-5" }) })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { className: "flex min-w-0 flex-1 flex-col gap-0.5", children: /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: "flex items-center gap-2", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { className: "text-base font-semibold", children: title }),
-            isConnected && /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(Badge, { variant: "success", className: "gap-1 text-xs", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_lucide_react3.CheckCircle2, { className: "h-3 w-3" }),
+          /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { className: "flex min-w-0 flex-1 flex-col gap-0.5", children: /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: "flex items-center gap-2", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("span", { className: "text-base font-semibold", children: title }),
+            isConnected && /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(Badge, { variant: "success", className: "gap-1 text-xs", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_lucide_react4.CheckCircle2, { className: "h-3 w-3" }),
               "Connected"
             ] })
           ] }) }),
-          isConnected && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+          isConnected && /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
             Button,
             {
               variant: "ghost",
@@ -766,11 +772,11 @@ function IntegrationServiceCard({
                 onSettingsClick();
               },
               "aria-label": `Settings for ${title}`,
-              children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_lucide_react3.Settings, { className: "h-4 w-4" })
+              children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_lucide_react4.Settings, { className: "h-4 w-4" })
             }
           )
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("p", { className: "text-sm leading-relaxed text-muted-foreground", children: description })
+        /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("p", { className: "text-sm leading-relaxed text-muted-foreground", children: description })
       ]
     }
   );
@@ -791,29 +797,76 @@ function IntegrationInstructionCard({
     } catch (e) {
     }
   });
-  return /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(Card, { className: cn("flex flex-col gap-3 p-4", className), children: [
-    /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: "flex items-center justify-between gap-2", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("h3", { className: "text-sm font-semibold", children: title }),
-      /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(Card, { className: cn("flex flex-col gap-3 p-4", className), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: "flex items-center justify-between gap-2", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("h3", { className: "text-sm font-semibold", children: title }),
+      /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
         Button,
         {
           variant: "outline",
           size: "sm",
           className: "h-7 gap-1.5 text-xs",
           onClick: handleCopy,
-          children: copied ? /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(import_jsx_runtime8.Fragment, { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_lucide_react3.Check, { className: "h-3 w-3" }),
+          children: copied ? /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(import_jsx_runtime9.Fragment, { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_lucide_react4.Check, { className: "h-3 w-3" }),
             "Copied"
-          ] }) : /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(import_jsx_runtime8.Fragment, { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_lucide_react3.Copy, { className: "h-3 w-3" }),
+          ] }) : /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(import_jsx_runtime9.Fragment, { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_lucide_react4.Copy, { className: "h-3 w-3" }),
             "Copy"
           ] })
         }
       )
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("pre", { className: "bg-muted overflow-x-auto p-3 text-xs leading-relaxed", children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("code", { children: codeBlock }) })
+    /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("pre", { className: "bg-muted overflow-x-auto p-3 text-xs leading-relaxed", children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("code", { children: codeBlock }) })
   ] });
 }
+
+// src/components/ui/ai-builder/service-config-modal.tsx
+var import_lucide_react6 = require("lucide-react");
+
+// src/components/ui/checkbox.tsx
+var import_react5 = require("react");
+var import_lucide_react5 = require("lucide-react");
+var import_checkbox = require("@base-ui/react/checkbox");
+var import_jsx_runtime10 = require("react/jsx-runtime");
+function Checkbox(_a) {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+    import_checkbox.Checkbox.Root,
+    __spreadProps(__spreadValues({
+      className: cn(
+        "peer group inline-flex size-4 shrink-0 border border-input shadow-xs transition-all outline-none",
+        "focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50",
+        "disabled:cursor-not-allowed disabled:opacity-50",
+        "aria-invalid:border-destructive aria-invalid:ring-destructive/20",
+        "data-checked:border-primary data-checked:bg-primary data-checked:text-primary-foreground",
+        "data-indeterminate:border-primary data-indeterminate:bg-primary data-indeterminate:text-primary-foreground",
+        // Dark mode (upstream shadcn)
+        "dark:bg-input/30 dark:aria-invalid:ring-destructive/40 dark:data-checked:bg-primary",
+        // Stacked (2 attr selectors) → wins over single-attr rules above
+        "aria-invalid:data-checked:border-destructive aria-invalid:data-checked:bg-destructive aria-invalid:data-checked:text-destructive-foreground",
+        "aria-invalid:data-indeterminate:border-destructive aria-invalid:data-indeterminate:bg-destructive aria-invalid:data-indeterminate:text-destructive-foreground",
+        className
+      ),
+      "data-slot": "checkbox"
+    }, props), {
+      children: /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(
+        import_checkbox.Checkbox.Indicator,
+        {
+          className: "grid place-content-center text-current transition-none",
+          "data-slot": "checkbox-indicator",
+          children: [
+            /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_lucide_react5.CheckIcon, { className: "size-3.5 group-data-indeterminate:hidden" }),
+            /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_lucide_react5.MinusIcon, { className: "size-3.5 hidden group-data-indeterminate:block" })
+          ]
+        }
+      )
+    })
+  );
+}
+
+// src/components/ui/ai-builder/service-config-modal.tsx
+var import_jsx_runtime11 = require("react/jsx-runtime");
 function ServiceConfigurationModal({
   open,
   onOpenChange,
@@ -827,62 +880,62 @@ function ServiceConfigurationModal({
   onDisconnect,
   onReconnect
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Dialog, { open, onOpenChange, children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(DialogContent, { className: "max-w-md", children: isConnected ? /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(import_jsx_runtime8.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(DialogHeader, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(DialogTitle, { children: serviceTitle }),
-      /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(DialogDescription, { children: "Manage your integration settings." })
+  return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(Dialog, { open, onOpenChange, children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(DialogContent, { className: "max-w-md", children: isConnected ? /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(import_jsx_runtime11.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(DialogHeader, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(DialogTitle, { children: serviceTitle }),
+      /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(DialogDescription, { children: "Manage your integration settings." })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: "flex flex-col gap-4 py-2", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: "flex items-center gap-2 px-3 py-2 text-xs font-medium bg-success/10 text-success", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_lucide_react3.CheckCircle2, { className: "h-3.5 w-3.5 shrink-0" }),
+    /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { className: "flex flex-col gap-4 py-2", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { className: "flex items-center gap-2 px-3 py-2 text-xs font-medium bg-success/10 text-success", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_lucide_react6.CheckCircle2, { className: "h-3.5 w-3.5 shrink-0" }),
         "Active \u2014 integration is running"
       ] }),
-      serviceData && /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(import_jsx_runtime8.Fragment, { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: "flex flex-col gap-2", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("p", { className: "text-muted-foreground text-xs font-medium uppercase tracking-wide", children: "Account Information" }),
-          /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Card, { className: "py-0", children: /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(CardContent, { className: "flex flex-col gap-3 p-3", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: "flex items-center gap-2 text-xs", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_lucide_react3.User, { className: "text-muted-foreground h-3.5 w-3.5 shrink-0" }),
-              /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("span", { className: "text-muted-foreground", children: [
+      serviceData && /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(import_jsx_runtime11.Fragment, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { className: "flex flex-col gap-2", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("p", { className: "text-overline text-muted-foreground", children: "Account Information" }),
+          /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(Card, { className: "py-0", children: /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(CardContent, { className: "flex flex-col gap-3 p-3", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { className: "flex items-center gap-2 text-sm", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_lucide_react6.User, { className: "text-muted-foreground h-4 w-4 shrink-0" }),
+              /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("span", { className: "text-muted-foreground", children: [
                 serviceData.accountIdentifierLabel,
                 ":"
               ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { className: "font-medium", children: serviceData.accountIdentifier })
+              /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("span", { className: "font-medium", children: serviceData.accountIdentifier })
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: "flex items-center gap-2 text-xs", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_lucide_react3.Clock, { className: "text-muted-foreground h-3.5 w-3.5 shrink-0" }),
-              /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { className: "text-muted-foreground", children: "Connected on:" }),
-              /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { className: "font-medium", children: serviceData.connectedOn })
+            /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { className: "flex items-center gap-2 text-sm", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_lucide_react6.Clock, { className: "text-muted-foreground h-4 w-4 shrink-0" }),
+              /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("span", { className: "text-muted-foreground", children: "Connected on:" }),
+              /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("span", { className: "font-medium", children: serviceData.connectedOn })
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: "flex items-center gap-2 text-xs", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_lucide_react3.Clock, { className: "text-muted-foreground h-3.5 w-3.5 shrink-0" }),
-              /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { className: "text-muted-foreground", children: "Last synced:" }),
-              /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { className: "font-medium", children: serviceData.lastSynced })
+            /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { className: "flex items-center gap-2 text-sm", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_lucide_react6.Clock, { className: "text-muted-foreground h-4 w-4 shrink-0" }),
+              /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("span", { className: "text-muted-foreground", children: "Last synced:" }),
+              /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("span", { className: "font-medium", children: serviceData.lastSynced })
             ] })
           ] }) })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: "flex flex-col gap-2", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("p", { className: "text-muted-foreground text-xs font-medium uppercase tracking-wide", children: "Granted Permissions" }),
-          /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Card, { className: "py-0", children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(CardContent, { className: "flex flex-col gap-2 p-3", children: serviceData.permissions.map((permission) => /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(
+        /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { className: "flex flex-col gap-2", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("p", { className: "text-overline text-muted-foreground", children: "Granted Permissions" }),
+          /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(Card, { className: "py-0", children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(CardContent, { className: "flex flex-col gap-2 p-3", children: serviceData.permissions.map((permission) => /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(
             "div",
             {
-              className: "flex items-center gap-2 text-xs",
+              className: "flex items-center gap-2 text-sm",
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_lucide_react3.Shield, { className: "text-success h-3.5 w-3.5 shrink-0" }),
-                /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { children: permission })
+                /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_lucide_react6.Shield, { className: "text-success h-4 w-4 shrink-0" }),
+                /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("span", { children: permission })
               ]
             },
             permission
           )) }) })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: "flex flex-col gap-2", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("p", { className: "text-muted-foreground text-xs font-medium uppercase tracking-wide", children: "Sync Settings" }),
-          /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Card, { className: "py-0", children: /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(CardContent, { className: "flex items-center justify-between gap-3 p-3", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: "flex flex-col gap-0.5", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("p", { className: "text-sm font-medium", children: serviceData.syncLabel }),
-              /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("p", { className: "text-muted-foreground text-xs", children: serviceData.syncDescription })
+        /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { className: "flex flex-col gap-2", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("p", { className: "text-overline text-muted-foreground", children: "Sync Settings" }),
+          /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(Card, { className: "py-0", children: /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(CardContent, { className: "flex items-center justify-between gap-3 p-3", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { className: "flex flex-col gap-0.5", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("p", { className: "text-sm font-medium", children: serviceData.syncLabel }),
+              /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("p", { className: "text-muted-foreground text-sm", children: serviceData.syncDescription })
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
               Switch,
               {
                 checked: serviceData.syncEnabled,
@@ -891,11 +944,59 @@ function ServiceConfigurationModal({
               }
             )
           ] }) })
+        ] }),
+        serviceData.emailCategories && /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { className: "flex flex-col gap-2", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("p", { className: "text-overline text-muted-foreground", children: "Email Filters" }),
+            /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("p", { className: "text-muted-foreground text-sm mt-0.5", children: "Choose which inbox categories to sync into WealthX." })
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(Card, { className: "py-0", children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(CardContent, { className: "flex flex-col gap-3 p-3", children: serviceData.emailCategories.available.map(
+            (category) => {
+              const checked = serviceData.emailCategories.selected.includes(
+                category
+              );
+              return /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(
+                "div",
+                {
+                  className: "flex items-center gap-2",
+                  children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+                      Checkbox,
+                      {
+                        id: `email-cat-${category}`,
+                        checked,
+                        onCheckedChange: (v) => {
+                          const next = v ? [
+                            ...serviceData.emailCategories.selected,
+                            category
+                          ] : serviceData.emailCategories.selected.filter(
+                            (c) => c !== category
+                          );
+                          serviceData.emailCategories.onChange(
+                            next
+                          );
+                        }
+                      }
+                    ),
+                    /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+                      "label",
+                      {
+                        htmlFor: `email-cat-${category}`,
+                        className: "text-sm cursor-pointer select-none",
+                        children: category
+                      }
+                    )
+                  ]
+                },
+                category
+              );
+            }
+          ) }) })
         ] })
       ] })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(DialogFooter, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(DialogFooter, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
         Button,
         {
           variant: "destructive",
@@ -905,7 +1006,7 @@ function ServiceConfigurationModal({
           children: "Disconnect"
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
         Button,
         {
           variant: "outline-secondary",
@@ -914,30 +1015,30 @@ function ServiceConfigurationModal({
           children: "Cancel"
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Button, { size: "sm", onClick: onReconnect, children: "Reconnect" })
+      /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(Button, { size: "sm", onClick: onReconnect, children: "Reconnect" })
     ] })
-  ] }) : /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(import_jsx_runtime8.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: "flex flex-col gap-4 py-2", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: "flex items-center gap-3", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { className: "flex h-10 w-10 shrink-0 items-center justify-center bg-muted", children: iconNode != null ? iconNode : /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_lucide_react3.Mail, { className: "h-5 w-5 text-muted-foreground" }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: "flex flex-col gap-0.5", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("p", { className: "text-sm font-semibold", children: [
+  ] }) : /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(import_jsx_runtime11.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { className: "flex flex-col gap-4 py-2", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { className: "flex items-center gap-3", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("div", { className: "flex h-10 w-10 shrink-0 items-center justify-center bg-muted", children: iconNode != null ? iconNode : /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_lucide_react6.Mail, { className: "h-5 w-5 text-muted-foreground" }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { className: "flex flex-col gap-0.5", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("p", { className: "text-sm font-semibold", children: [
             "Connect ",
             serviceTitle
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("p", { className: "text-muted-foreground text-xs", children: connectDescription })
+          /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("p", { className: "text-muted-foreground text-xs", children: connectDescription })
         ] })
       ] }),
-      connectPermissions && connectPermissions.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: "flex flex-col gap-2 border border-border px-4 py-3", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("p", { className: "text-xs font-medium text-muted-foreground uppercase tracking-wide", children: "Permissions requested" }),
-        connectPermissions.map((perm) => /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: "flex items-center gap-2", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_lucide_react3.Check, { className: "h-3.5 w-3.5 shrink-0 text-success" }),
-          /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { className: "text-sm text-muted-foreground", children: perm })
+      connectPermissions && connectPermissions.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { className: "flex flex-col gap-2 border border-border px-4 py-3", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("p", { className: "text-overline text-muted-foreground", children: "Permissions requested" }),
+        connectPermissions.map((perm) => /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { className: "flex items-center gap-2", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_lucide_react6.Check, { className: "h-3.5 w-3.5 shrink-0 text-success" }),
+          /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("span", { className: "text-sm text-muted-foreground", children: perm })
         ] }, perm))
       ] })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(DialogFooter, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(DialogFooter, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
         Button,
         {
           variant: "outline-secondary",
@@ -946,7 +1047,7 @@ function ServiceConfigurationModal({
           children: "Cancel"
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Button, { size: "sm", onClick: onConnect, children: "Connect" })
+      /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(Button, { size: "sm", onClick: onConnect, children: "Connect" })
     ] })
   ] }) }) });
 }