@wealthx/shadcn 1.5.27 → 1.5.29

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

@@ -79,11 +79,19 @@ var __async = (__this, __arguments, generator) => {
 // src/components/ui/ai-builder/index.tsx
 var ai_builder_exports = {};
 __export(ai_builder_exports, {
+  AddEditRuleModal: () => AddEditRuleModal,
   AgentCard: () => AgentCard,
+  AgentConfigForm: () => AgentConfigForm,
   AgentMenuModal: () => AgentMenuModal,
   IntegrationInstructionCard: () => IntegrationInstructionCard,
   IntegrationServiceCard: () => IntegrationServiceCard,
-  ServiceConfigurationModal: () => ServiceConfigurationModal
+  ResponseTemplateEditModal: () => ResponseTemplateEditModal,
+  RuleOrderBadge: () => RuleOrderBadge,
+  RuleSetSection: () => RuleSetSection,
+  SectionHeader: () => SectionHeader,
+  ServiceConfigurationModal: () => ServiceConfigurationModal,
+  SettingCard: () => SettingCard,
+  SettingRow: () => SettingRow
 });
 module.exports = __toCommonJS(ai_builder_exports);
 
@@ -608,7 +616,7 @@ function AgentCard({
                 )
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { className: "truncate text-sm font-semibold leading-tight", children: title }),
+            /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { className: "truncate text-label-medium 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_runtime7.jsxs)("div", { className: "flex shrink-0 items-center gap-1", children: [
@@ -634,9 +642,9 @@ function AgentCard({
             )
           ] })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("p", { className: "text-muted-foreground text-xs leading-relaxed flex-1", children: description }),
+        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("p", { className: "text-body-small text-muted-foreground 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 }),
+          infoBadge && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("p", { className: "bg-info/10 text-info px-2 py-1 text-caption", 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)) })
         ] })
       ]
@@ -665,8 +673,8 @@ function AgentMenuModal({
         }
       ),
       /* @__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 })
+        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("p", { className: "text-label-medium", children: feature.title }),
+        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("p", { className: "text-body-small text-muted-foreground", children: feature.description })
       ] })
     ] }, feature.title)) })
   ] }) });
@@ -880,12 +888,12 @@ function ServiceConfigurationModal({
   onDisconnect,
   onReconnect
 }) {
-  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: [
+  return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(Dialog, { open, onOpenChange, children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(DialogContent, { className: "flex max-h-[90vh] flex-col 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_runtime11.jsxs)("div", { className: "flex flex-col gap-4 py-2", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { className: "flex min-h-0 flex-1 flex-col gap-4 overflow-y-auto 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"
@@ -992,6 +1000,42 @@ function ServiceConfigurationModal({
               );
             }
           ) }) })
+        ] }),
+        serviceData.emailFilters && /* @__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: serviceData.emailFilters.description })
+          ] }),
+          /* @__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 max-h-48 overflow-y-auto", children: serviceData.emailFilters.categories.map(
+            (category) => /* @__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.id}`,
+                      checked: category.enabled,
+                      onCheckedChange: (v) => serviceData.emailFilters.onFilterChange(
+                        category.id,
+                        !!v
+                      )
+                    }
+                  ),
+                  /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+                    "label",
+                    {
+                      htmlFor: `email-cat-${category.id}`,
+                      className: "text-sm cursor-pointer select-none",
+                      children: category.label
+                    }
+                  )
+                ]
+              },
+              category.id
+            )
+          ) }) })
         ] })
       ] })
     ] }),
@@ -1051,11 +1095,984 @@ function ServiceConfigurationModal({
     ] })
   ] }) }) });
 }
+
+// src/components/ui/ai-builder/agent-settings.tsx
+var import_react6 = __toESM(require("react"));
+var import_core = require("@dnd-kit/core");
+var import_sortable = require("@dnd-kit/sortable");
+var import_utilities = require("@dnd-kit/utilities");
+var import_lucide_react8 = require("lucide-react");
+
+// src/components/ui/input.tsx
+var import_jsx_runtime12 = require("react/jsx-runtime");
+function Input(_a) {
+  var _b = _a, { className, type } = _b, props = __objRest(_b, ["className", "type"]);
+  return /* @__PURE__ */ (0, import_jsx_runtime12.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/label.tsx
+var import_jsx_runtime13 = (
+  // eslint-disable-next-line jsx-a11y/label-has-associated-control -- htmlFor is passed by the consumer
+  require("react/jsx-runtime")
+);
+function Label(_a) {
+  var _b = _a, {
+    className,
+    required,
+    children
+  } = _b, props = __objRest(_b, [
+    "className",
+    "required",
+    "children"
+  ]);
+  return /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(
+    "label",
+    __spreadProps(__spreadValues({
+      className: cn(
+        "flex items-center gap-2 text-label-medium leading-none select-none group-data-[disabled=true]:pointer-events-none group-data-[disabled=true]:opacity-50 peer-disabled:cursor-not-allowed peer-disabled:opacity-50",
+        className
+      ),
+      "data-slot": "label"
+    }, props), {
+      children: [
+        children,
+        required && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("span", { "aria-hidden": "true", className: "text-destructive", children: "*" })
+      ]
+    })
+  );
+}
+
+// src/components/ui/select.tsx
+var React4 = __toESM(require("react"));
+var import_lucide_react7 = require("lucide-react");
+var import_select = require("@base-ui/react/select");
+var import_jsx_runtime14 = require("react/jsx-runtime");
+var SelectPortalContext = React4.createContext(
+  void 0
+);
+function Select(_a) {
+  var props = __objRest(_a, []);
+  return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_select.Select.Root, __spreadValues({ "data-slot": "select" }, props));
+}
+function SelectValue(_a) {
+  var props = __objRest(_a, []);
+  return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_select.Select.Value, __spreadValues({ "data-slot": "select-value" }, props));
+}
+function SelectTrigger(_a) {
+  var _b = _a, {
+    className,
+    size = "default",
+    children
+  } = _b, props = __objRest(_b, [
+    "className",
+    "size",
+    "children"
+  ]);
+  return /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(
+    import_select.Select.Trigger,
+    __spreadProps(__spreadValues({
+      className: cn(
+        "flex w-fit items-center justify-between gap-2 border border-input bg-transparent px-3 py-2 text-body-medium whitespace-nowrap shadow-xs transition-[color,box-shadow] outline-none focus-visible:border-primary focus-visible:ring-[3px] focus-visible:ring-primary/20 data-popup-open:border-primary data-popup-open:ring-[3px] data-popup-open:ring-primary/20 disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-destructive/20 data-placeholder:font-normal data-placeholder:text-muted-foreground data-[size=default]:h-9 data-[size=sm]:h-8 *:data-[slot=select-value]:line-clamp-1 *:data-[slot=select-value]:flex *:data-[slot=select-value]:items-center *:data-[slot=select-value]:gap-2 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 [&_svg:not([class*='text-'])]:text-muted-foreground",
+        className
+      ),
+      "data-size": size,
+      "data-slot": "select-trigger"
+    }, props), {
+      children: [
+        children,
+        /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_select.Select.Icon, { className: "transition-transform duration-200 data-popup-open:rotate-180", children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_lucide_react7.ChevronDownIcon, { className: "size-4 opacity-50" }) })
+      ]
+    })
+  );
+}
+function SelectContent(_a) {
+  var _b = _a, {
+    className,
+    children,
+    style
+  } = _b, props = __objRest(_b, [
+    "className",
+    "children",
+    "style"
+  ]);
+  const themeVars = useThemeVars();
+  const portalContainer = React4.useContext(SelectPortalContext);
+  return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_select.Select.Portal, { container: portalContainer, children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+    import_select.Select.Positioner,
+    {
+      className: "z-[200]",
+      align: "start",
+      alignItemWithTrigger: false,
+      sideOffset: 4,
+      children: /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(
+        import_select.Select.Popup,
+        __spreadProps(__spreadValues({
+          className: cn(
+            "relative max-h-[var(--available-height)] min-w-[var(--anchor-width,8rem)] overflow-x-hidden overflow-y-auto 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": "select-content",
+          style: __spreadValues(__spreadValues({}, themeVars), style)
+        }, props), {
+          children: [
+            /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(SelectScrollUpButton, {}),
+            children,
+            /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(SelectScrollDownButton, {})
+          ]
+        })
+      )
+    }
+  ) });
+}
+function SelectItem(_a) {
+  var _b = _a, {
+    className,
+    children
+  } = _b, props = __objRest(_b, [
+    "className",
+    "children"
+  ]);
+  return /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(
+    import_select.Select.Item,
+    __spreadProps(__spreadValues({
+      className: cn(
+        "relative flex w-full cursor-default items-center gap-2 py-1.5 pr-8 pl-2 text-body-small outline-hidden select-none data-highlighted:bg-primary/5 data-highlighted:text-foreground data-disabled:pointer-events-none data-disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 [&_svg:not([class*='text-'])]:text-muted-foreground *:[span]:last:flex *:[span]:last:items-center *:[span]:last:gap-2",
+        className
+      ),
+      "data-slot": "select-item"
+    }, props), {
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+          "span",
+          {
+            className: "absolute right-2 flex size-3.5 items-center justify-center",
+            "data-slot": "select-item-indicator",
+            children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_select.Select.ItemIndicator, { children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_lucide_react7.CheckIcon, { className: "size-4" }) })
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_select.Select.ItemText, { children })
+      ]
+    })
+  );
+}
+function SelectScrollUpButton(_a) {
+  var _b = _a, {
+    className
+  } = _b, props = __objRest(_b, [
+    "className"
+  ]);
+  return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+    import_select.Select.ScrollUpArrow,
+    __spreadProps(__spreadValues({
+      className: cn(
+        "flex cursor-default items-center justify-center py-1",
+        className
+      ),
+      "data-slot": "select-scroll-up-button"
+    }, props), {
+      children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_lucide_react7.ChevronUpIcon, { className: "size-4" })
+    })
+  );
+}
+function SelectScrollDownButton(_a) {
+  var _b = _a, {
+    className
+  } = _b, props = __objRest(_b, [
+    "className"
+  ]);
+  return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+    import_select.Select.ScrollDownArrow,
+    __spreadProps(__spreadValues({
+      className: cn(
+        "flex cursor-default items-center justify-center py-1",
+        className
+      ),
+      "data-slot": "select-scroll-down-button"
+    }, props), {
+      children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_lucide_react7.ChevronDownIcon, { className: "size-4" })
+    })
+  );
+}
+
+// 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/table.tsx
+var import_jsx_runtime16 = require("react/jsx-runtime");
+function Table(_a) {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+    "div",
+    {
+      className: "relative w-full overflow-x-auto",
+      "data-slot": "table-container",
+      children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+        "table",
+        __spreadValues({
+          className: cn("w-full caption-bottom text-body-small", className),
+          "data-slot": "table"
+        }, props)
+      )
+    }
+  );
+}
+function TableHeader(_a) {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+    "thead",
+    __spreadValues({
+      className: cn("[&_tr]:border-b", className),
+      "data-slot": "table-header"
+    }, props)
+  );
+}
+function TableBody(_a) {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+    "tbody",
+    __spreadValues({
+      className: cn("[&_tr:last-child]:border-0", className),
+      "data-slot": "table-body"
+    }, props)
+  );
+}
+function TableRow(_a) {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+    "tr",
+    __spreadValues({
+      className: cn(
+        "border-b transition-[background-color,opacity] hover:bg-muted/50 data-[state=selected]:bg-primary/10",
+        className
+      ),
+      "data-slot": "table-row"
+    }, props)
+  );
+}
+function TableHead(_a) {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+    "th",
+    __spreadValues({
+      className: cn(
+        "h-10 px-4 text-left align-middle text-label-medium whitespace-nowrap text-muted-foreground",
+        "[&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]",
+        className
+      ),
+      "data-slot": "table-head"
+    }, props)
+  );
+}
+function TableCell(_a) {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+    "td",
+    __spreadValues({
+      className: cn(
+        "px-4 py-3 align-middle whitespace-nowrap",
+        "[&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]",
+        className
+      ),
+      "data-slot": "table-cell"
+    }, 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_runtime17 = require("react/jsx-runtime");
+function Tabs(_a) {
+  var _b = _a, {
+    className,
+    orientation = "horizontal"
+  } = _b, props = __objRest(_b, [
+    "className",
+    "orientation"
+  ]);
+  return /* @__PURE__ */ (0, import_jsx_runtime17.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_runtime17.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_runtime17.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)
+  );
+}
+function TabsContent(_a) {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+    import_tabs.Tabs.Panel,
+    __spreadValues({
+      className: cn("flex-1 outline-none", className),
+      "data-slot": "tabs-content"
+    }, props)
+  );
+}
+
+// src/components/ui/textarea.tsx
+var import_jsx_runtime18 = require("react/jsx-runtime");
+function Textarea(_a) {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ (0, import_jsx_runtime18.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_runtime19 = require("react/jsx-runtime");
+function TooltipProvider(_a) {
+  var _b = _a, {
+    delay = 0
+  } = _b, props = __objRest(_b, [
+    "delay"
+  ]);
+  return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+    import_tooltip.Tooltip.Provider,
+    __spreadValues({
+      "data-slot": "tooltip-provider",
+      delay
+    }, props)
+  );
+}
+function Tooltip(_a) {
+  var props = __objRest(_a, []);
+  return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_tooltip.Tooltip.Root, __spreadValues({ "data-slot": "tooltip" }, props));
+}
+function TooltipTrigger(_a) {
+  var props = __objRest(_a, []);
+  return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_tooltip.Tooltip.Trigger, __spreadValues({ "data-slot": "tooltip-trigger" }, props));
+}
+function TooltipContent(_a) {
+  var _b = _a, {
+    className,
+    sideOffset = 8,
+    side,
+    children,
+    style
+  } = _b, props = __objRest(_b, [
+    "className",
+    "sideOffset",
+    "side",
+    "children",
+    "style"
+  ]);
+  const themeVars = useThemeVars();
+  return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_tooltip.Tooltip.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_tooltip.Tooltip.Positioner, { sideOffset, side, children: /* @__PURE__ */ (0, import_jsx_runtime19.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",
+        className
+      ),
+      "data-slot": "tooltip-content",
+      style: __spreadValues(__spreadValues({}, themeVars), style)
+    }, props), {
+      children: [
+        children,
+        /* @__PURE__ */ (0, import_jsx_runtime19.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-builder/agent-settings.tsx
+var import_jsx_runtime20 = require("react/jsx-runtime");
+function SectionHeader({
+  title,
+  description,
+  className
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("div", { className: cn("flex flex-col gap-0.5", className), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("h2", { className: "text-h5", children: title }),
+    /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("p", { className: "text-body-small text-muted-foreground", children: description })
+  ] });
+}
+function SettingRow({
+  icon,
+  label,
+  description,
+  control,
+  className
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("div", { className: cn("flex items-center gap-4 py-4", className), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("div", { className: "flex size-10 shrink-0 items-center justify-center rounded-full bg-muted text-muted-foreground", children: icon }),
+    /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("div", { className: "flex flex-1 flex-col gap-0.5", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("span", { className: "text-sm font-semibold", children: label }),
+      /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("span", { className: "text-caption text-muted-foreground", children: description })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("div", { className: "shrink-0", children: control })
+  ] });
+}
+function SettingCard({ rows, className }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("div", { className: cn("rounded-none border px-4", className), children: rows.map((row, i) => /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(import_react6.default.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(SettingRow, __spreadValues({}, row)),
+    i < rows.length - 1 && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(Separator, {})
+  ] }, row.label)) });
+}
+function AgentConfigForm({
+  config,
+  onChange,
+  className
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(
+    "div",
+    {
+      className: cn("flex flex-col gap-4 rounded-none border p-6", className),
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("div", { className: "flex flex-col gap-1.5", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(Label, { htmlFor: "agent-name", children: "Agent Name" }),
+          /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+            Input,
+            {
+              id: "agent-name",
+              value: config.name,
+              onChange: (e) => onChange(__spreadProps(__spreadValues({}, config), { name: e.target.value }))
+            }
+          )
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("div", { className: "flex flex-col gap-1.5", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(Label, { htmlFor: "agent-desc", children: "Business Description" }),
+          /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+            Textarea,
+            {
+              id: "agent-desc",
+              rows: 4,
+              placeholder: "What business is this agent for? What industry?",
+              value: config.businessDescription,
+              onChange: (e) => onChange(__spreadProps(__spreadValues({}, config), { businessDescription: e.target.value }))
+            }
+          )
+        ] })
+      ]
+    }
+  );
+}
+function ResponseTemplateEditModal({
+  open,
+  onOpenChange,
+  channel,
+  content,
+  onConfirm
+}) {
+  const [draft, setDraft] = import_react6.default.useState(content);
+  import_react6.default.useEffect(() => {
+    if (open) setDraft(content);
+  }, [open, content]);
+  const isEmail = channel === "email";
+  const channelLabel = isEmail ? "Email" : "Chat";
+  const helperText = isEmail ? "Use {customer} to insert the customer name and {answer} to insert the response" : "Use {answer} to insert the response";
+  return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(Dialog, { open, onOpenChange, children: /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(DialogContent, { className: "max-w-lg", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(DialogHeader, { children: /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(DialogTitle, { children: [
+      "Edit ",
+      channelLabel,
+      " response template"
+    ] }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("div", { className: "flex flex-col gap-1.5 py-2", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(Label, { htmlFor: "template-content", children: [
+        channelLabel,
+        " template content",
+        " ",
+        /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("span", { className: "text-destructive", children: "*" })
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+        Textarea,
+        {
+          id: "template-content",
+          rows: 6,
+          placeholder: `Enter content for ${channelLabel} template`,
+          value: draft,
+          onChange: (e) => setDraft(e.target.value)
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("p", { className: "text-caption text-muted-foreground", children: helperText })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(DialogFooter, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(Button, { variant: "outline", onClick: () => onOpenChange(false), children: "Cancel" }),
+      /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+        Button,
+        {
+          onClick: () => {
+            onConfirm(draft);
+            onOpenChange(false);
+          },
+          children: "Confirm"
+        }
+      )
+    ] })
+  ] }) });
+}
+function RuleOrderBadge({ order, className }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(Badge, { variant: "secondary", className, children: [
+    "#",
+    order
+  ] });
+}
+function SortableRuleRow({
+  rule,
+  index,
+  onEdit,
+  onDelete,
+  onToggle
+}) {
+  const {
+    attributes,
+    listeners,
+    setNodeRef,
+    transform,
+    transition,
+    isDragging
+  } = (0, import_sortable.useSortable)({ id: rule.id });
+  const style = {
+    transform: import_utilities.CSS.Transform.toString(transform),
+    transition
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(
+    TableRow,
+    {
+      ref: setNodeRef,
+      style,
+      className: cn(isDragging && "opacity-50 bg-muted/40"),
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(TableCell, { children: /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("div", { className: "flex items-center gap-2", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+            "button",
+            __spreadProps(__spreadValues(__spreadValues({
+              type: "button",
+              className: "cursor-grab touch-none text-muted-foreground hover:text-foreground active:cursor-grabbing",
+              "aria-label": `Drag to reorder rule ${index + 1}`
+            }, attributes), listeners), {
+              children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_lucide_react8.GripVertical, { className: "h-4 w-4" })
+            })
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(RuleOrderBadge, { order: index + 1 })
+        ] }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(TableCell, { className: "text-body-small overflow-hidden", children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("div", { className: "break-words whitespace-normal", children: rule.text }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(TableCell, { children: /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("div", { className: "flex items-center justify-end gap-1", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+            Switch,
+            {
+              checked: rule.isEnabled,
+              onCheckedChange: (checked) => onToggle(rule.id, checked),
+              "aria-label": `Toggle rule ${index + 1}`
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+            Button,
+            {
+              variant: "ghost",
+              size: "icon",
+              className: "h-8 w-8",
+              onClick: () => onEdit(rule.id),
+              "aria-label": `Edit rule ${index + 1}`,
+              children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_lucide_react8.Pencil, { className: "h-3.5 w-3.5" })
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+            Button,
+            {
+              variant: "ghost",
+              size: "icon",
+              className: "h-8 w-8 text-destructive hover:text-destructive",
+              onClick: () => onDelete(rule.id),
+              "aria-label": `Delete rule ${index + 1}`,
+              children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_lucide_react8.Trash2, { className: "h-3.5 w-3.5" })
+            }
+          )
+        ] }) })
+      ]
+    }
+  );
+}
+function RuleTable({
+  rules,
+  onEdit,
+  onDelete,
+  onToggle,
+  onReorder
+}) {
+  const sensors = (0, import_core.useSensors)(
+    (0, import_core.useSensor)(import_core.PointerSensor),
+    (0, import_core.useSensor)(import_core.KeyboardSensor, {
+      coordinateGetter: import_sortable.sortableKeyboardCoordinates
+    })
+  );
+  function handleDragEnd(event) {
+    const { active, over } = event;
+    if (over && active.id !== over.id && onReorder) {
+      onReorder(String(active.id), String(over.id));
+    }
+  }
+  if (rules.length === 0) {
+    return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("div", { className: "flex h-24 items-center justify-center text-body-small text-muted-foreground", children: "No rules added yet." });
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+    import_core.DndContext,
+    {
+      sensors,
+      collisionDetection: import_core.closestCenter,
+      onDragEnd: handleDragEnd,
+      children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+        import_sortable.SortableContext,
+        {
+          items: rules.map((r) => r.id),
+          strategy: import_sortable.verticalListSortingStrategy,
+          children: /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(Table, { className: "table-fixed", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(TableHeader, { children: /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(TableRow, { children: [
+              /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(TableHead, { className: "w-28", children: /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("span", { className: "flex items-center gap-1.5", children: [
+                "Order",
+                /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(TooltipProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(Tooltip, { children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_lucide_react8.Info, { className: "h-3.5 w-3.5 text-muted-foreground cursor-default" }) }),
+                  /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(TooltipContent, { children: "Drag rows to reorder rules" })
+                ] }) })
+              ] }) }),
+              /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(TableHead, { children: "Rule Set" }),
+              /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(TableHead, { className: "w-36 text-right", children: "Actions" })
+            ] }) }),
+            /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(TableBody, { children: rules.map((rule, index) => /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+              SortableRuleRow,
+              {
+                rule,
+                index,
+                onEdit,
+                onDelete,
+                onToggle
+              },
+              rule.id
+            )) })
+          ] })
+        }
+      )
+    }
+  );
+}
+function RuleTabContent({
+  rules,
+  description,
+  onEditRule,
+  onDeleteRule,
+  onToggleRule,
+  onReorderRules,
+  rowsPerPage
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("div", { className: "mt-4 flex flex-col gap-3", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("div", { className: "flex items-start gap-2 rounded-none border border-blue-200 bg-blue-50 p-3", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_lucide_react8.Info, { className: "mt-0.5 h-4 w-4 shrink-0 text-blue-600" }),
+      /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("p", { className: "text-caption text-blue-700", children: description })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+      RuleTable,
+      {
+        rules,
+        onEdit: onEditRule,
+        onDelete: onDeleteRule,
+        onToggle: onToggleRule,
+        onReorder: onReorderRules
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("div", { className: "flex items-center justify-end gap-2 pt-2 text-body-small text-muted-foreground", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("span", { children: "Rows per page:" }),
+      /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(Select, { defaultValue: String(rowsPerPage), children: [
+        /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(SelectTrigger, { className: "h-8 w-20", children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(SelectValue, {}) }),
+        /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(SelectContent, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(SelectItem, { value: "5", children: "5" }),
+          /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(SelectItem, { value: "10", children: "10" }),
+          /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(SelectItem, { value: "20", children: "20" }),
+          /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(SelectItem, { value: "50", children: "50" })
+        ] })
+      ] })
+    ] })
+  ] });
+}
+function RuleSetSection({
+  standardRules,
+  handoffRules,
+  onAddRule,
+  onEditRule,
+  onDeleteRule,
+  onToggleRule,
+  onReorderRules,
+  onExport,
+  onImport,
+  rowsPerPage = 10,
+  className
+}) {
+  const [activeTab, setActiveTab] = import_react6.default.useState(
+    "standard"
+  );
+  return /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("div", { className: cn("flex flex-col gap-4", className), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("div", { className: "flex items-start justify-between gap-4", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+        SectionHeader,
+        {
+          title: "Rule Set",
+          description: "You can adjust the behavior and response method of the Agent through rules."
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("div", { className: "flex shrink-0 items-center gap-2", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(Button, { variant: "outline", size: "sm", onClick: onExport, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_lucide_react8.Download, { className: "mr-1.5 h-3.5 w-3.5" }),
+          "Export"
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(Button, { variant: "outline", size: "sm", onClick: onImport, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_lucide_react8.Upload, { className: "mr-1.5 h-3.5 w-3.5" }),
+          "Import"
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(Button, { size: "sm", onClick: () => onAddRule(activeTab), children: [
+          /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_lucide_react8.Plus, { className: "mr-1.5 h-3.5 w-3.5" }),
+          "Add rule"
+        ] })
+      ] })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(
+      Tabs,
+      {
+        defaultValue: "standard",
+        onValueChange: (v) => setActiveTab(v),
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(TabsList, { className: "w-full", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(TabsTrigger, { value: "standard", className: "flex-1", children: "Standard Rules" }),
+            /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(TabsTrigger, { value: "handoff", className: "flex-1", children: "Hand-off Rules" })
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(TabsContent, { value: "standard", children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+            RuleTabContent,
+            {
+              rules: standardRules,
+              description: "Standard rules guide AI behavior during response generation. These rules help the AI understand how to respond appropriately.",
+              onEditRule,
+              onDeleteRule,
+              onToggleRule,
+              onReorderRules,
+              rowsPerPage
+            }
+          ) }),
+          /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(TabsContent, { value: "handoff", children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+            RuleTabContent,
+            {
+              rules: handoffRules,
+              description: "Hand-off rules define when the AI should transfer a conversation to a human agent.",
+              onEditRule,
+              onDeleteRule,
+              onToggleRule,
+              onReorderRules,
+              rowsPerPage
+            }
+          ) })
+        ]
+      }
+    )
+  ] });
+}
+function AddEditRuleModal({
+  open,
+  onOpenChange,
+  rule,
+  defaultType = "standard",
+  onConfirm
+}) {
+  var _a;
+  const RULE_TYPE_LABELS = {
+    standard: "Standard Rule",
+    handoff: "Hand-off Rule"
+  };
+  const LABEL_TO_TYPE = {
+    "Standard Rule": "standard",
+    "Hand-off Rule": "handoff"
+  };
+  const isEdit = !!rule;
+  const [draft, setDraft] = import_react6.default.useState((_a = rule == null ? void 0 : rule.text) != null ? _a : "");
+  const [ruleType, setRuleType] = import_react6.default.useState(
+    defaultType
+  );
+  import_react6.default.useEffect(() => {
+    var _a2;
+    if (open) {
+      setDraft((_a2 = rule == null ? void 0 : rule.text) != null ? _a2 : "");
+      setRuleType(defaultType);
+    }
+  }, [open, rule, defaultType]);
+  return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(Dialog, { open, onOpenChange, children: /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(DialogContent, { className: "max-w-lg", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(DialogHeader, { children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(DialogTitle, { children: isEdit ? "Edit Rule" : "Add Rule" }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("div", { className: "flex flex-col gap-3 py-2", children: [
+      !isEdit && /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("div", { className: "flex flex-col gap-1.5", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(Label, { htmlFor: "rule-type", children: [
+          "Rule Type ",
+          /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("span", { className: "text-destructive", children: "*" })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(
+          Select,
+          {
+            value: RULE_TYPE_LABELS[ruleType],
+            onValueChange: (v) => setRuleType(LABEL_TO_TYPE[v]),
+            children: [
+              /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(SelectTrigger, { id: "rule-type", className: "w-full", children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(SelectValue, {}) }),
+              /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(SelectContent, { children: [
+                /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(SelectItem, { value: "Standard Rule", children: "Standard Rule" }),
+                /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(SelectItem, { value: "Hand-off Rule", children: "Hand-off Rule" })
+              ] })
+            ]
+          }
+        )
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("div", { className: "flex flex-col gap-1.5", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(Label, { htmlFor: "rule-draft", children: [
+          "Rule ",
+          /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("span", { className: "text-destructive", children: "*" })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+          Textarea,
+          {
+            id: "rule-draft",
+            rows: 4,
+            placeholder: "Describe the rule the agent should follow\u2026",
+            value: draft,
+            onChange: (e) => setDraft(e.target.value)
+          }
+        )
+      ] })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(DialogFooter, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(Button, { variant: "outline", onClick: () => onOpenChange(false), children: "Cancel" }),
+      /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+        Button,
+        {
+          disabled: !draft.trim(),
+          onClick: () => {
+            onConfirm(draft.trim(), ruleType);
+            onOpenChange(false);
+          },
+          children: isEdit ? "Save" : "Add"
+        }
+      )
+    ] })
+  ] }) });
+}
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
+  AddEditRuleModal,
   AgentCard,
+  AgentConfigForm,
   AgentMenuModal,
   IntegrationInstructionCard,
   IntegrationServiceCard,
-  ServiceConfigurationModal
+  ResponseTemplateEditModal,
+  RuleOrderBadge,
+  RuleSetSection,
+  SectionHeader,
+  ServiceConfigurationModal,
+  SettingCard,
+  SettingRow
 });