@streamoid/catalogix-chat 0.2.4 → 0.2.6

package/dist/index.js

@@ -2435,7 +2435,7 @@ function CreateStore({
 }
 
 // src/MapAttributes/index.tsx
-import React7, { useState as useState7, useMemo as useMemo5, useCallback as useCallback5 } from "react";
+import { useState as useState7, useMemo as useMemo5, useCallback as useCallback5 } from "react";
 import {
   Check as Check2,
   X,
@@ -2443,81 +2443,17 @@ import {
   Pencil as Pencil2,
   Search as Search3,
   ArrowRight,
-  ArrowLeft as ArrowLeft2
+  ArrowLeft as ArrowLeft2,
+  Send
 } from "lucide-react";
-
-// src/ui/scroll-area.tsx
-import * as ScrollAreaPrimitive from "@radix-ui/react-scroll-area";
 import { jsx as jsx21, jsxs as jsxs10 } from "react/jsx-runtime";
-function ScrollArea({
-  className,
-  children,
-  ...props
-}) {
-  return /* @__PURE__ */ jsxs10(
-    ScrollAreaPrimitive.Root,
-    {
-      "data-slot": "scroll-area",
-      className: cn("relative", className),
-      ...props,
-      children: [
-        /* @__PURE__ */ jsx21(
-          ScrollAreaPrimitive.Viewport,
-          {
-            "data-slot": "scroll-area-viewport",
-            className: "focus-visible:ring-ring/50 size-full rounded-[inherit] transition-[color,box-shadow] outline-none focus-visible:ring-[3px] focus-visible:outline-1",
-            children
-          }
-        ),
-        /* @__PURE__ */ jsx21(ScrollBar, {}),
-        /* @__PURE__ */ jsx21(ScrollAreaPrimitive.Corner, {})
-      ]
-    }
-  );
-}
-function ScrollBar({
-  className,
-  orientation = "vertical",
-  ...props
-}) {
-  return /* @__PURE__ */ jsx21(
-    ScrollAreaPrimitive.ScrollAreaScrollbar,
-    {
-      "data-slot": "scroll-area-scrollbar",
-      orientation,
-      className: cn(
-        "flex touch-none p-px transition-colors select-none",
-        orientation === "vertical" && "h-full w-2.5 border-l border-l-transparent",
-        orientation === "horizontal" && "h-2.5 flex-col border-t border-t-transparent",
-        className
-      ),
-      ...props,
-      children: /* @__PURE__ */ jsx21(
-        ScrollAreaPrimitive.ScrollAreaThumb,
-        {
-          "data-slot": "scroll-area-thumb",
-          className: "bg-border relative flex-1 rounded-full"
-        }
-      )
-    }
-  );
-}
-
-// src/MapAttributes/index.tsx
-import { jsx as jsx22, jsxs as jsxs11 } from "react/jsx-runtime";
 function getAllAttributes(mpAttributes) {
   return Object.values(mpAttributes).flat();
 }
-function getColumnLabel(index) {
-  const letters = "ABCDEFGHIJKLMNOPQRSTUVWXYZ";
-  if (index < 26) return `Column ${letters[index]}`;
-  return `Column ${index + 1}`;
-}
-function SingleAttributeRow({
+function AttributeRow({
   item,
   index,
   allAttributes,
-  allMappedAttributes,
   onMap,
   onConfirm,
   onIgnore,
@@ -2531,122 +2467,113 @@ function SingleAttributeRow({
     return allAttributes.filter((a) => !mapped.has(a));
   }, [allAttributes, item.mappedCols, item.customCols]);
   if (item.isConfirmed) {
-    return /* @__PURE__ */ jsxs11("div", { className: "flex items-center gap-3 rounded-lg border border-green-200 bg-green-50/50 px-3 py-2", children: [
-      /* @__PURE__ */ jsx22("div", { className: "min-w-0 flex-1", children: /* @__PURE__ */ jsxs11("div", { className: "flex items-center gap-2", children: [
-        /* @__PURE__ */ jsx22("span", { className: "truncate text-sm font-medium", children: item.feedCol }),
-        /* @__PURE__ */ jsx22(ChevronRight2, { className: "size-3.5 shrink-0 text-muted-foreground" }),
-        /* @__PURE__ */ jsx22("span", { className: "truncate text-sm text-green-700", children: [...item.mappedCols, ...item.customCols].join(", ") })
-      ] }) }),
-      /* @__PURE__ */ jsxs11("div", { className: "flex items-center gap-2", children: [
-        /* @__PURE__ */ jsxs11(
-          Badge,
-          {
-            variant: "secondary",
-            className: "gap-1 bg-green-100 text-green-700",
-            children: [
-              /* @__PURE__ */ jsx22(Check2, { className: "size-3" }),
-              "Confirmed"
-            ]
-          }
-        ),
-        /* @__PURE__ */ jsx22(Button, { variant: "ghost", size: "sm", onClick: () => onEdit(index), children: /* @__PURE__ */ jsx22(Pencil2, { className: "size-3.5" }) })
-      ] })
+    return /* @__PURE__ */ jsxs10("div", { className: "flex items-center gap-2 py-1.5 group", children: [
+      /* @__PURE__ */ jsx21(Check2, { className: "size-3 shrink-0 text-emerald-600 dark:text-emerald-400" }),
+      /* @__PURE__ */ jsx21("span", { className: "text-xs font-medium truncate", children: item.feedCol }),
+      /* @__PURE__ */ jsx21(ChevronRight2, { className: "size-3 shrink-0 text-muted-foreground" }),
+      /* @__PURE__ */ jsx21("span", { className: "text-xs text-muted-foreground truncate", children: [...item.mappedCols, ...item.customCols].join(", ") }),
+      /* @__PURE__ */ jsx21(
+        "button",
+        {
+          type: "button",
+          onClick: () => onEdit(index),
+          className: "p-0.5 rounded opacity-0 group-hover:opacity-100 text-muted-foreground hover:text-foreground transition-opacity",
+          children: /* @__PURE__ */ jsx21(Pencil2, { className: "size-3" })
+        }
+      )
     ] });
   }
   if (item.isIgnored) {
-    return /* @__PURE__ */ jsxs11("div", { className: "flex items-center gap-3 rounded-lg border border-red-200 bg-red-50/50 px-3 py-2", children: [
-      /* @__PURE__ */ jsx22("div", { className: "min-w-0 flex-1", children: /* @__PURE__ */ jsx22("span", { className: "truncate text-sm font-medium text-muted-foreground", children: item.feedCol }) }),
-      /* @__PURE__ */ jsxs11("div", { className: "flex items-center gap-2", children: [
-        /* @__PURE__ */ jsxs11(Badge, { variant: "secondary", className: "gap-1 bg-red-100 text-red-700", children: [
-          /* @__PURE__ */ jsx22(X, { className: "size-3" }),
-          "Ignored"
-        ] }),
-        /* @__PURE__ */ jsx22(Button, { variant: "ghost", size: "sm", onClick: () => onEdit(index), children: /* @__PURE__ */ jsx22(Pencil2, { className: "size-3.5" }) })
-      ] })
+    return /* @__PURE__ */ jsxs10("div", { className: "flex items-center gap-2 py-1.5 group", children: [
+      /* @__PURE__ */ jsx21(X, { className: "size-3 shrink-0 text-destructive" }),
+      /* @__PURE__ */ jsx21("span", { className: "text-xs text-muted-foreground line-through truncate", children: item.feedCol }),
+      /* @__PURE__ */ jsx21(
+        "button",
+        {
+          type: "button",
+          onClick: () => onEdit(index),
+          className: "p-0.5 rounded opacity-0 group-hover:opacity-100 text-muted-foreground hover:text-foreground transition-opacity",
+          children: /* @__PURE__ */ jsx21(Pencil2, { className: "size-3" })
+        }
+      )
     ] });
   }
-  return /* @__PURE__ */ jsxs11("div", { className: "space-y-2 rounded-lg border px-3 py-3", children: [
-    /* @__PURE__ */ jsx22("div", { className: "flex items-start justify-between gap-2", children: /* @__PURE__ */ jsxs11("div", { className: "min-w-0 flex-1 space-y-1", children: [
-      /* @__PURE__ */ jsx22("div", { className: "flex items-center gap-2", children: /* @__PURE__ */ jsx22("span", { className: "text-xs font-medium text-muted-foreground", children: getColumnLabel(index) }) }),
-      /* @__PURE__ */ jsx22("p", { className: "text-sm font-medium", children: item.feedCol }),
-      item.rows.length > 0 && /* @__PURE__ */ jsx22("div", { className: "flex flex-wrap gap-1", children: item.rows.slice(0, 3).map((val, i) => /* @__PURE__ */ jsx22(Badge, { variant: "outline", className: "text-xs font-normal", children: val || "\u2014" }, i)) })
-    ] }) }),
-    /* @__PURE__ */ jsxs11("div", { className: "space-y-1.5", children: [
-      item.mappedCols.map((col, attrIdx) => /* @__PURE__ */ jsxs11("div", { className: "flex items-center gap-2", children: [
-        /* @__PURE__ */ jsx22(ChevronRight2, { className: "size-3.5 shrink-0 text-muted-foreground" }),
-        /* @__PURE__ */ jsxs11(Badge, { variant: "secondary", className: "gap-1", children: [
+  return /* @__PURE__ */ jsxs10("div", { className: "py-2 space-y-1.5 border-l-2 border-destructive/60 pl-2", children: [
+    /* @__PURE__ */ jsxs10("div", { className: "min-w-0", children: [
+      /* @__PURE__ */ jsx21("p", { className: "text-xs font-medium", children: item.feedCol }),
+      item.rows.length > 0 && /* @__PURE__ */ jsx21("p", { className: "text-[11px] text-muted-foreground truncate", children: item.rows.slice(0, 3).join(", ") })
+    ] }),
+    item.mappedCols.length > 0 && /* @__PURE__ */ jsx21("div", { className: "flex flex-wrap gap-1", children: item.mappedCols.map((col, attrIdx) => /* @__PURE__ */ jsxs10(
+      Badge,
+      {
+        variant: "secondary",
+        className: "gap-0.5 text-[11px] h-5 px-1.5",
+        children: [
           col,
-          /* @__PURE__ */ jsx22(
+          /* @__PURE__ */ jsx21(
             "button",
             {
               type: "button",
               onClick: () => onUnmap(index, attrIdx),
               className: "ml-0.5 rounded-full hover:bg-muted",
-              children: /* @__PURE__ */ jsx22(X, { className: "size-3" })
+              children: /* @__PURE__ */ jsx21(X, { className: "size-2.5" })
             }
           )
-        ] })
-      ] }, attrIdx)),
-      /* @__PURE__ */ jsxs11("div", { className: "flex items-center gap-2", children: [
-        /* @__PURE__ */ jsx22(ChevronRight2, { className: "size-3.5 shrink-0 text-muted-foreground" }),
-        /* @__PURE__ */ jsxs11(Popover, { open: popoverOpen, onOpenChange: setPopoverOpen, children: [
-          /* @__PURE__ */ jsx22(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxs11(
-            Button,
-            {
-              variant: "outline",
-              size: "sm",
-              className: "h-8 w-full max-w-[280px] justify-start text-xs font-normal",
-              children: [
-                /* @__PURE__ */ jsx22(Search3, { className: "mr-1.5 size-3.5 text-muted-foreground" }),
-                hasMappedCols ? "Add another mapping..." : "Lookup matching fields"
-              ]
-            }
-          ) }),
-          /* @__PURE__ */ jsx22(PopoverContent, { className: "w-[280px] p-0", align: "start", children: /* @__PURE__ */ jsxs11(Command, { children: [
-            /* @__PURE__ */ jsx22(CommandInput, { placeholder: "Search attributes..." }),
-            /* @__PURE__ */ jsxs11(CommandList, { children: [
-              /* @__PURE__ */ jsx22(CommandEmpty, { children: "No attributes found." }),
-              /* @__PURE__ */ jsx22(CommandGroup, { children: availableAttributes.map((attr) => {
-                const alreadyMappedElsewhere = allMappedAttributes.has(attr);
-                return /* @__PURE__ */ jsxs11(
-                  CommandItem,
-                  {
-                    value: attr,
-                    onSelect: () => {
-                      onMap(index, attr);
-                      setPopoverOpen(false);
-                    },
-                    children: [
-                      /* @__PURE__ */ jsx22("span", { className: cn(alreadyMappedElsewhere && "text-muted-foreground"), children: attr }),
-                      alreadyMappedElsewhere && /* @__PURE__ */ jsx22(Check2, { className: "ml-auto size-3 text-green-600" })
-                    ]
-                  },
-                  attr
-                );
-              }) })
-            ] })
-          ] }) })
-        ] })
-      ] })
-    ] }),
-    /* @__PURE__ */ jsxs11("div", { className: "flex items-center gap-2 pt-1", children: [
-      /* @__PURE__ */ jsx22(
-        Button,
+        ]
+      },
+      attrIdx
+    )) }),
+    /* @__PURE__ */ jsxs10("div", { className: "flex items-center gap-1.5", children: [
+      /* @__PURE__ */ jsxs10(Popover, { open: popoverOpen, onOpenChange: setPopoverOpen, children: [
+        /* @__PURE__ */ jsx21(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxs10(
+          Button,
+          {
+            variant: "outline",
+            size: "sm",
+            className: "h-7 flex-1 justify-start text-xs font-normal",
+            children: [
+              /* @__PURE__ */ jsx21(Search3, { className: "mr-1.5 size-3 text-muted-foreground" }),
+              hasMappedCols ? "Add another..." : "Select attribute..."
+            ]
+          }
+        ) }),
+        /* @__PURE__ */ jsx21(PopoverContent, { className: "w-[240px] p-0", align: "start", children: /* @__PURE__ */ jsxs10(Command, { children: [
+          /* @__PURE__ */ jsx21(CommandInput, { placeholder: "Search..." }),
+          /* @__PURE__ */ jsxs10(CommandList, { children: [
+            /* @__PURE__ */ jsx21(CommandEmpty, { children: "No match." }),
+            /* @__PURE__ */ jsx21(CommandGroup, { children: availableAttributes.map((attr) => /* @__PURE__ */ jsx21(
+              CommandItem,
+              {
+                value: attr,
+                onSelect: () => {
+                  onMap(index, attr);
+                  setPopoverOpen(false);
+                },
+                children: attr
+              },
+              attr
+            )) })
+          ] })
+        ] }) })
+      ] }),
+      hasMappedCols && /* @__PURE__ */ jsx21(
+        "button",
         {
-          variant: "ghost",
-          size: "sm",
-          className: "text-xs",
-          onClick: () => onIgnore(index),
-          children: "Ignore Column"
+          type: "button",
+          onClick: () => onConfirm(index),
+          className: "p-1 rounded text-emerald-600 hover:bg-emerald-600/10 dark:text-emerald-400 dark:hover:bg-emerald-400/10 transition-colors",
+          title: "Confirm",
+          children: /* @__PURE__ */ jsx21(Check2, { className: "size-3.5" })
         }
       ),
-      hasMappedCols && /* @__PURE__ */ jsx22(
-        Button,
+      /* @__PURE__ */ jsx21(
+        "button",
         {
-          size: "sm",
-          className: "text-xs",
-          onClick: () => onConfirm(index),
-          children: "Confirm Mapping"
+          type: "button",
+          onClick: () => onIgnore(index),
+          className: "p-1 rounded text-muted-foreground hover:text-destructive hover:bg-destructive/10 transition-colors",
+          title: "Ignore",
+          children: /* @__PURE__ */ jsx21(X, { className: "size-3.5" })
         }
       )
     ] })
@@ -2658,7 +2585,6 @@ function ValueMappingPanel({
   uniqueValues,
   onValueChange
 }) {
-  const [selectedAttrIndex, setSelectedAttrIndex] = useState7(null);
   const lovItems = useMemo5(() => {
     const items = [];
     data.forEach((item, itemIndex) => {
@@ -2685,149 +2611,67 @@ function ValueMappingPanel({
     });
     return items;
   }, [data, valuesOntologyAttributes, uniqueValues]);
-  const needsMapping = lovItems.filter((i) => i.mappedCount < i.totalCount);
-  const complete = lovItems.filter((i) => i.mappedCount >= i.totalCount);
-  const selected = selectedAttrIndex !== null ? lovItems[selectedAttrIndex] : null;
   if (lovItems.length === 0) {
-    return /* @__PURE__ */ jsx22("div", { className: "flex items-center justify-center py-8 text-sm text-muted-foreground", children: "No value mapping required \u2014 all attributes are free-text." });
+    return /* @__PURE__ */ jsx21("div", { className: "flex items-center justify-center py-6 text-xs text-muted-foreground", children: "No value mapping required." });
   }
-  return /* @__PURE__ */ jsxs11("div", { className: "flex gap-3", style: { minHeight: 300 }, children: [
-    /* @__PURE__ */ jsxs11("div", { className: "w-[45%] space-y-3", children: [
-      needsMapping.length > 0 && /* @__PURE__ */ jsxs11("div", { className: "space-y-1", children: [
-        /* @__PURE__ */ jsxs11("p", { className: "text-xs font-medium text-amber-600", children: [
-          "Mapping Required (",
-          needsMapping.length,
-          ")"
-        ] }),
-        needsMapping.map((item, i) => {
-          const globalIdx = lovItems.indexOf(item);
-          return /* @__PURE__ */ jsxs11(
-            "button",
-            {
-              type: "button",
-              onClick: () => setSelectedAttrIndex(globalIdx),
-              className: cn(
-                "flex w-full flex-col items-start rounded-md border px-2.5 py-2 text-left text-xs transition-colors",
-                selectedAttrIndex === globalIdx ? "border-primary bg-primary/5" : "hover:bg-accent"
-              ),
-              children: [
-                /* @__PURE__ */ jsxs11("span", { className: "flex items-center gap-1 font-medium", children: [
-                  item.feedCol,
-                  /* @__PURE__ */ jsx22(ChevronRight2, { className: "size-3 text-muted-foreground" }),
-                  item.attribute
-                ] }),
-                /* @__PURE__ */ jsxs11("span", { className: "text-amber-600", children: [
-                  "Mapping required (",
-                  item.mappedCount,
-                  "/",
-                  item.totalCount,
-                  ")"
-                ] })
-              ]
-            },
-            `need-${i}`
-          );
-        })
-      ] }),
-      complete.length > 0 && /* @__PURE__ */ jsxs11("div", { className: "space-y-1", children: [
-        /* @__PURE__ */ jsxs11("p", { className: "text-xs font-medium text-green-600", children: [
-          "Mapping Complete (",
-          complete.length,
-          ")"
-        ] }),
-        complete.map((item, i) => {
-          const globalIdx = lovItems.indexOf(item);
-          return /* @__PURE__ */ jsxs11(
-            "button",
-            {
-              type: "button",
-              onClick: () => setSelectedAttrIndex(globalIdx),
-              className: cn(
-                "flex w-full flex-col items-start rounded-md border px-2.5 py-2 text-left text-xs transition-colors",
-                selectedAttrIndex === globalIdx ? "border-primary bg-primary/5" : "hover:bg-accent"
-              ),
-              children: [
-                /* @__PURE__ */ jsxs11("span", { className: "flex items-center gap-1 font-medium", children: [
-                  item.feedCol,
-                  /* @__PURE__ */ jsx22(ChevronRight2, { className: "size-3 text-muted-foreground" }),
-                  item.attribute
-                ] }),
-                /* @__PURE__ */ jsxs11("span", { className: "text-green-600", children: [
-                  "All values mapped (",
-                  item.mappedCount,
-                  "/",
-                  item.totalCount,
-                  ")"
-                ] })
-              ]
-            },
-            `done-${i}`
-          );
-        })
-      ] })
+  return /* @__PURE__ */ jsx21("div", { className: "divide-y divide-border/50", children: lovItems.map((item, idx) => /* @__PURE__ */ jsxs10("div", { className: "py-2.5 space-y-1.5", children: [
+    /* @__PURE__ */ jsxs10("div", { className: "flex items-center gap-1.5", children: [
+      /* @__PURE__ */ jsx21("span", { className: "text-xs font-medium", children: item.feedCol }),
+      /* @__PURE__ */ jsx21(ChevronRight2, { className: "size-3 text-muted-foreground" }),
+      /* @__PURE__ */ jsx21("span", { className: "text-xs text-muted-foreground", children: item.attribute }),
+      /* @__PURE__ */ jsxs10(
+        "span",
+        {
+          className: cn(
+            "ml-auto text-[11px] tabular-nums",
+            item.mappedCount >= item.totalCount ? "text-emerald-600 dark:text-emerald-400" : "text-muted-foreground"
+          ),
+          children: [
+            item.mappedCount,
+            "/",
+            item.totalCount
+          ]
+        }
+      )
     ] }),
-    /* @__PURE__ */ jsx22("div", { className: "flex-1 rounded-lg border", children: selected ? /* @__PURE__ */ jsxs11("div", { className: "space-y-2 p-3", children: [
-      /* @__PURE__ */ jsxs11("div", { className: "flex items-center justify-between", children: [
-        /* @__PURE__ */ jsxs11("p", { className: "text-sm font-medium", children: [
-          selected.feedCol,
-          " ",
-          /* @__PURE__ */ jsx22(ChevronRight2, { className: "inline size-3 text-muted-foreground" }),
-          " ",
-          selected.attribute
-        ] }),
-        /* @__PURE__ */ jsxs11(Badge, { variant: "outline", className: "text-xs", children: [
-          selected.mappedCount,
-          "/",
-          selected.totalCount
-        ] })
-      ] }),
-      /* @__PURE__ */ jsx22(Separator2, {}),
-      /* @__PURE__ */ jsxs11("div", { className: "grid grid-cols-[1fr_auto_1fr] items-center gap-x-2 gap-y-1.5 text-xs", children: [
-        /* @__PURE__ */ jsx22("span", { className: "font-medium text-muted-foreground", children: "Source Value" }),
-        /* @__PURE__ */ jsx22("span", {}),
-        /* @__PURE__ */ jsx22("span", { className: "font-medium text-muted-foreground", children: "Target Value" }),
-        selected.rawValues.map((raw) => {
-          const mapped = selected.mappedValues[raw];
-          return /* @__PURE__ */ jsxs11(React7.Fragment, { children: [
-            /* @__PURE__ */ jsx22("span", { className: "truncate rounded bg-muted px-2 py-1", children: raw }),
-            /* @__PURE__ */ jsx22(ArrowRight, { className: "size-3 text-muted-foreground" }),
-            /* @__PURE__ */ jsxs11(
-              Select,
-              {
-                value: mapped ?? "__unmapped__",
-                onValueChange: (v) => {
-                  const val = v === "__skip__" ? null : v;
-                  onValueChange(
-                    selected.itemIndex,
-                    selected.attribute,
-                    raw,
-                    val
-                  );
-                },
-                children: [
-                  /* @__PURE__ */ jsx22(SelectTrigger, { className: "h-7 text-xs", children: /* @__PURE__ */ jsx22(SelectValue, { placeholder: "Select value..." }) }),
-                  /* @__PURE__ */ jsxs11(SelectContent, { children: [
-                    /* @__PURE__ */ jsx22(SelectItem, { value: "__unmapped__", children: /* @__PURE__ */ jsx22("span", { className: "text-muted-foreground", children: "Select value..." }) }),
-                    /* @__PURE__ */ jsx22(SelectItem, { value: "__skip__", children: /* @__PURE__ */ jsx22("span", { className: "italic text-muted-foreground", children: "Skip" }) }),
-                    selected.rawValues.map((v) => /* @__PURE__ */ jsx22(SelectItem, { value: v, children: v }, v))
-                  ] })
-                ]
-              }
-            )
-          ] }, raw);
-        })
-      ] })
-    ] }) : /* @__PURE__ */ jsx22("div", { className: "flex h-full items-center justify-center p-6 text-sm text-muted-foreground", children: "Select an attribute to map its values" }) })
-  ] });
+    /* @__PURE__ */ jsx21("div", { className: "space-y-1", children: item.rawValues.map((raw) => {
+      const mapped = item.mappedValues[raw];
+      return /* @__PURE__ */ jsxs10("div", { className: "flex items-center gap-2", children: [
+        /* @__PURE__ */ jsx21("span", { className: "text-xs text-muted-foreground truncate min-w-0 flex-1", children: raw }),
+        /* @__PURE__ */ jsx21(ArrowRight, { className: "size-3 shrink-0 text-muted-foreground/50" }),
+        /* @__PURE__ */ jsxs10(
+          Select,
+          {
+            value: mapped ?? "__unmapped__",
+            onValueChange: (v) => {
+              const val = v === "__skip__" ? null : v;
+              onValueChange(
+                item.itemIndex,
+                item.attribute,
+                raw,
+                val
+              );
+            },
+            children: [
+              /* @__PURE__ */ jsx21(SelectTrigger, { className: "h-7 w-[140px] text-xs", children: /* @__PURE__ */ jsx21(SelectValue, { placeholder: "Select..." }) }),
+              /* @__PURE__ */ jsxs10(SelectContent, { children: [
+                /* @__PURE__ */ jsx21(SelectItem, { value: "__unmapped__", children: /* @__PURE__ */ jsx21("span", { className: "text-muted-foreground", children: "Select..." }) }),
+                /* @__PURE__ */ jsx21(SelectItem, { value: "__skip__", children: /* @__PURE__ */ jsx21("span", { className: "italic text-muted-foreground", children: "Skip" }) }),
+                item.rawValues.map((v) => /* @__PURE__ */ jsx21(SelectItem, { value: v, children: v }, v))
+              ] })
+            ]
+          }
+        )
+      ] }, raw);
+    }) })
+  ] }, idx)) });
 }
 function MapAttributesChat({
   mappingData: initialData,
   mpAttributes,
   valuesOntologyAttributes,
-  columns,
   uniqueValues,
   submitted,
-  submittedValues,
   onSubmit
 }) {
   const [data, setData] = useState7(
@@ -2838,16 +2682,6 @@ function MapAttributesChat({
     () => getAllAttributes(mpAttributes),
     [mpAttributes]
   );
-  const allMappedAttributes = useMemo5(() => {
-    const set = /* @__PURE__ */ new Set();
-    data.forEach((item) => {
-      if (!item.isIgnored) {
-        item.mappedCols.forEach((c) => set.add(c));
-        item.customCols.forEach((c) => set.add(c));
-      }
-    });
-    return set;
-  }, [data]);
   const progress = useMemo5(() => {
     const total = data.length;
     const done = data.filter((i) => i.isConfirmed || i.isIgnored).length;
@@ -2859,6 +2693,18 @@ function MapAttributesChat({
     ),
     [data, valuesOntologyAttributes]
   );
+  const allValuesComplete = useMemo5(() => {
+    for (const item of data) {
+      if (item.isIgnored || !item.isConfirmed) continue;
+      for (const attr of item.mappedCols) {
+        if (!valuesOntologyAttributes.includes(attr)) continue;
+        const rawVals = uniqueValues[item.feedCol] || [];
+        const mapped = item.mappedValues[attr] || {};
+        if (rawVals.some((v) => mapped[v] == null)) return false;
+      }
+    }
+    return true;
+  }, [data, valuesOntologyAttributes, uniqueValues]);
   const handleMap = useCallback5((index, attribute) => {
     setData((prev) => {
       const next = [...prev];
@@ -2905,7 +2751,10 @@ function MapAttributesChat({
         const item = { ...next[itemIndex] };
         const attrValues = { ...item.mappedValues[attribute] || {} };
         attrValues[rawValue] = mappedValue;
-        item.mappedValues = { ...item.mappedValues, [attribute]: attrValues };
+        item.mappedValues = {
+          ...item.mappedValues,
+          [attribute]: attrValues
+        };
         next[itemIndex] = item;
         return next;
       });
@@ -2916,46 +2765,46 @@ function MapAttributesChat({
     onSubmit(data);
   }, [data, onSubmit]);
   if (submitted) {
-    return /* @__PURE__ */ jsxs11("div", { className: "space-y-2 rounded-lg border bg-muted/30 p-4", children: [
-      /* @__PURE__ */ jsxs11("div", { className: "flex items-center gap-2", children: [
-        /* @__PURE__ */ jsx22(Check2, { className: "size-4 text-green-600" }),
-        /* @__PURE__ */ jsx22("p", { className: "text-sm font-medium", children: "Attribute mapping confirmed" })
-      ] }),
-      /* @__PURE__ */ jsxs11("p", { className: "text-xs text-muted-foreground", children: [
-        progress.done,
-        "/",
-        progress.total,
-        " columns mapped"
+    return /* @__PURE__ */ jsxs10("div", { className: "rounded-lg border border-border bg-muted/20 p-3 flex items-start gap-3", children: [
+      /* @__PURE__ */ jsx21(Check2, { className: "size-4 mt-0.5 shrink-0 text-emerald-600 dark:text-emerald-400" }),
+      /* @__PURE__ */ jsxs10("div", { children: [
+        /* @__PURE__ */ jsx21("p", { className: "text-sm font-medium", children: "Attribute mapping confirmed" }),
+        /* @__PURE__ */ jsxs10("p", { className: "text-xs text-muted-foreground", children: [
+          progress.done,
+          "/",
+          progress.total,
+          " columns mapped"
+        ] })
       ] })
     ] });
   }
-  return /* @__PURE__ */ jsxs11("div", { className: "flex flex-col gap-3 p-3", children: [
-    /* @__PURE__ */ jsxs11("div", { className: "flex items-center justify-between", children: [
-      /* @__PURE__ */ jsxs11("div", { className: "space-y-0.5", children: [
-        /* @__PURE__ */ jsx22("h3", { className: "text-sm font-semibold", children: step === "attributes" ? "Map Attributes" : "Map Values" }),
-        /* @__PURE__ */ jsx22("p", { className: "text-xs text-muted-foreground", children: step === "attributes" ? "Match each feed column to a marketplace attribute" : "Normalize values for controlled-vocabulary attributes" })
+  return /* @__PURE__ */ jsxs10(Card, { className: "w-[60%] max-w-2xl max-h-[45vh] gap-0 flex flex-col shadow-sm", children: [
+    /* @__PURE__ */ jsxs10("div", { className: "px-4 pt-3 pb-2 flex-shrink-0 space-y-2", children: [
+      /* @__PURE__ */ jsxs10("div", { children: [
+        /* @__PURE__ */ jsx21("h3", { className: "text-sm font-semibold tracking-tight", children: step === "attributes" ? "Map Attributes" : "Map Values" }),
+        /* @__PURE__ */ jsx21("p", { className: "text-xs text-muted-foreground leading-snug", children: step === "attributes" ? "Match each feed column to a marketplace attribute" : "Normalize values for controlled-vocabulary attributes" })
       ] }),
-      step === "attributes" && /* @__PURE__ */ jsxs11(Badge, { variant: "outline", className: "tabular-nums", children: [
-        progress.done,
-        "/",
-        progress.total
+      step === "attributes" && /* @__PURE__ */ jsxs10("div", { className: "flex items-center gap-2", children: [
+        /* @__PURE__ */ jsx21("div", { className: "h-1 flex-1 overflow-hidden rounded-full bg-muted", children: /* @__PURE__ */ jsx21(
+          "div",
+          {
+            className: "h-full rounded-full bg-primary transition-all",
+            style: { width: `${progress.percent}%` }
+          }
+        ) }),
+        /* @__PURE__ */ jsxs10("span", { className: "text-[11px] text-muted-foreground tabular-nums shrink-0", children: [
+          progress.done,
+          "/",
+          progress.total
+        ] })
       ] })
     ] }),
-    step === "attributes" && /* @__PURE__ */ jsx22("div", { className: "h-1.5 w-full overflow-hidden rounded-full bg-muted", children: /* @__PURE__ */ jsx22(
-      "div",
-      {
-        className: "h-full rounded-full bg-primary transition-all",
-        style: { width: `${progress.percent}%` }
-      }
-    ) }),
-    /* @__PURE__ */ jsx22(Separator2, {}),
-    /* @__PURE__ */ jsx22(ScrollArea, { className: "max-h-[420px]", children: step === "attributes" ? /* @__PURE__ */ jsx22("div", { className: "space-y-2 pr-3", children: data.map((item, idx) => /* @__PURE__ */ jsx22(
-      SingleAttributeRow,
+    /* @__PURE__ */ jsx21("div", { className: "px-4 overflow-y-auto flex-1 min-h-0", children: step === "attributes" ? /* @__PURE__ */ jsx21("div", { className: "divide-y divide-border/50", children: data.map((item, idx) => /* @__PURE__ */ jsx21(
+      AttributeRow,
       {
         item,
         index: idx,
         allAttributes,
-        allMappedAttributes,
         onMap: handleMap,
         onConfirm: handleConfirm,
         onIgnore: handleIgnore,
@@ -2963,7 +2812,7 @@ function MapAttributesChat({
         onUnmap: handleUnmap
       },
       idx
-    )) }) : /* @__PURE__ */ jsx22(
+    )) }) : /* @__PURE__ */ jsx21(
       ValueMappingPanel,
       {
         data,
@@ -2972,51 +2821,54 @@ function MapAttributesChat({
         onValueChange: handleValueChange
       }
     ) }),
-    /* @__PURE__ */ jsx22(Separator2, {}),
-    /* @__PURE__ */ jsxs11("div", { className: "flex items-center justify-between", children: [
-      step === "values" ? /* @__PURE__ */ jsxs11(
+    /* @__PURE__ */ jsxs10("div", { className: "flex justify-end gap-2 px-4 py-2 flex-shrink-0 border-t border-border/50", children: [
+      step === "values" && /* @__PURE__ */ jsxs10(
         Button,
         {
-          variant: "outline",
+          variant: "ghost",
           size: "sm",
           onClick: () => setStep("attributes"),
+          className: "h-7 text-xs text-muted-foreground hover:text-foreground",
           children: [
-            /* @__PURE__ */ jsx22(ArrowLeft2, { className: "mr-1.5 size-3.5" }),
+            /* @__PURE__ */ jsx21(ArrowLeft2, { className: "mr-1 size-3" }),
             "Back"
           ]
         }
-      ) : /* @__PURE__ */ jsx22("div", {}),
-      /* @__PURE__ */ jsxs11("div", { className: "flex gap-2", children: [
-        step === "attributes" && hasLovAttributes && /* @__PURE__ */ jsxs11(
-          Button,
-          {
-            variant: "outline",
-            size: "sm",
-            onClick: () => setStep("values"),
-            disabled: progress.done < progress.total,
-            children: [
-              "Map Values",
-              /* @__PURE__ */ jsx22(ArrowRight, { className: "ml-1.5 size-3.5" })
-            ]
-          }
-        ),
-        /* @__PURE__ */ jsx22(
-          Button,
-          {
-            size: "sm",
-            onClick: handleSubmit,
-            disabled: progress.done < progress.total,
-            children: "Save Mapping"
-          }
-        )
-      ] })
+      ),
+      step === "attributes" && hasLovAttributes && /* @__PURE__ */ jsxs10(
+        Button,
+        {
+          variant: "ghost",
+          size: "sm",
+          onClick: () => setStep("values"),
+          disabled: progress.done < progress.total,
+          className: "h-7 text-xs",
+          children: [
+            "Map Values",
+            /* @__PURE__ */ jsx21(ArrowRight, { className: "ml-1 size-3" })
+          ]
+        }
+      ),
+      /* @__PURE__ */ jsxs10(
+        Button,
+        {
+          size: "sm",
+          onClick: handleSubmit,
+          disabled: progress.done < progress.total || hasLovAttributes && !allValuesComplete,
+          className: "h-7 text-xs bg-primary text-primary-foreground shadow-none hover:bg-primary/90",
+          children: [
+            /* @__PURE__ */ jsx21(Send, { className: "mr-1 size-3" }),
+            "Save Mapping"
+          ]
+        }
+      )
     ] })
   ] });
 }
 
 // src/Automations/ProductAutomation.tsx
 import { useState as useState9, useEffect as useEffect5, useCallback as useCallback7, useRef as useRef5 } from "react";
-import { ArrowLeft as ArrowLeft3, Search as Search4, Loader2 as Loader26, ChevronDown as ChevronDown3, Play } from "lucide-react";
+import { ArrowLeft as ArrowLeft3, Search as Search4, Loader2 as Loader26, ChevronDown as ChevronDown2, Play } from "lucide-react";
 
 // src/Automations/api.ts
 async function fetchAutomationList(storeId, tag, includeGroupings = false) {
@@ -3144,7 +2996,7 @@ function parseLovResponse(response, curl, configs) {
 // src/Automations/SchemaFieldRenderer.tsx
 import { useCallback as useCallback6, useState as useState8 } from "react";
 import { Check as Check3, ChevronsUpDown as ChevronsUpDown2, Loader2 as Loader25, X as X2 } from "lucide-react";
-import { jsx as jsx23, jsxs as jsxs12 } from "react/jsx-runtime";
+import { jsx as jsx22, jsxs as jsxs11 } from "react/jsx-runtime";
 function SchemaFieldRenderer({
   schema,
   configs,
@@ -3152,12 +3004,12 @@ function SchemaFieldRenderer({
   loadingOptions,
   onConfigChange
 }) {
-  return /* @__PURE__ */ jsx23("div", { className: "space-y-4", children: schema.map((item, idx) => {
+  return /* @__PURE__ */ jsx22("div", { className: "space-y-4", children: schema.map((item, idx) => {
     if (!shouldRenderAttribute(item.render_if, configs)) return null;
     if (item.fieldtype === "object_array" && item.mapping_parameters) {
-      return /* @__PURE__ */ jsx23("div", { className: "space-y-3", children: item.mapping_parameters.map((sub, subIdx) => {
+      return /* @__PURE__ */ jsx22("div", { className: "space-y-3", children: item.mapping_parameters.map((sub, subIdx) => {
         const value = configs[item.payload_key]?.[0] != null ? configs[item.payload_key][0]?.[sub.payload_key] : void 0;
-        return /* @__PURE__ */ jsx23(
+        return /* @__PURE__ */ jsx22(
           FieldSwitch,
           {
             item: sub,
@@ -3171,7 +3023,7 @@ function SchemaFieldRenderer({
         );
       }) }, idx);
     }
-    return /* @__PURE__ */ jsx23(
+    return /* @__PURE__ */ jsx22(
       FieldSwitch,
       {
         item,
@@ -3196,7 +3048,7 @@ function FieldSwitch({
   if (!shouldRenderAttribute(item.render_if, configs)) return null;
   switch (item.fieldtype) {
     case "freetext":
-      return /* @__PURE__ */ jsx23(
+      return /* @__PURE__ */ jsx22(
         FreetextField,
         {
           item,
@@ -3205,7 +3057,7 @@ function FieldSwitch({
         }
       );
     case "freetext_list":
-      return /* @__PURE__ */ jsx23(
+      return /* @__PURE__ */ jsx22(
         FreetextListField,
         {
           item,
@@ -3214,7 +3066,7 @@ function FieldSwitch({
         }
       );
     case "lov_singleselect":
-      return /* @__PURE__ */ jsx23(
+      return /* @__PURE__ */ jsx22(
         SingleSelectField,
         {
           item,
@@ -3225,7 +3077,7 @@ function FieldSwitch({
         }
       );
     case "lov_multipleselect":
-      return /* @__PURE__ */ jsx23(
+      return /* @__PURE__ */ jsx22(
         MultiSelectField,
         {
           item,
@@ -3236,7 +3088,7 @@ function FieldSwitch({
         }
       );
     case "image_singleselect":
-      return /* @__PURE__ */ jsx23(
+      return /* @__PURE__ */ jsx22(
         ImageSelectField,
         {
           item,
@@ -3245,7 +3097,7 @@ function FieldSwitch({
         }
       );
     case "boolean":
-      return /* @__PURE__ */ jsx23(
+      return /* @__PURE__ */ jsx22(
         BooleanField,
         {
           item,
@@ -3262,13 +3114,13 @@ function FreetextField({
   value,
   onChange
 }) {
-  return /* @__PURE__ */ jsxs12("div", { className: "space-y-1.5", children: [
-    /* @__PURE__ */ jsxs12(Label, { children: [
+  return /* @__PURE__ */ jsxs11("div", { className: "space-y-1.5", children: [
+    /* @__PURE__ */ jsxs11(Label, { children: [
       item.title,
-      item.required && /* @__PURE__ */ jsx23("span", { className: "text-destructive", children: " *" })
+      item.required && /* @__PURE__ */ jsx22("span", { className: "text-destructive", children: " *" })
     ] }),
-    item.description && /* @__PURE__ */ jsx23("p", { className: "text-xs text-muted-foreground", children: item.description }),
-    /* @__PURE__ */ jsx23(
+    item.description && /* @__PURE__ */ jsx22("p", { className: "text-xs text-muted-foreground", children: item.description }),
+    /* @__PURE__ */ jsx22(
       Input,
       {
         value: value ?? "",
@@ -3293,14 +3145,14 @@ function FreetextListField({
       setDraft("");
     }
   };
-  return /* @__PURE__ */ jsxs12("div", { className: "space-y-1.5", children: [
-    /* @__PURE__ */ jsxs12(Label, { children: [
+  return /* @__PURE__ */ jsxs11("div", { className: "space-y-1.5", children: [
+    /* @__PURE__ */ jsxs11(Label, { children: [
       item.title,
-      item.required && /* @__PURE__ */ jsx23("span", { className: "text-destructive", children: " *" })
+      item.required && /* @__PURE__ */ jsx22("span", { className: "text-destructive", children: " *" })
     ] }),
-    item.description && /* @__PURE__ */ jsx23("p", { className: "text-xs text-muted-foreground", children: item.description }),
-    /* @__PURE__ */ jsxs12("div", { className: "flex gap-2", children: [
-      /* @__PURE__ */ jsx23(
+    item.description && /* @__PURE__ */ jsx22("p", { className: "text-xs text-muted-foreground", children: item.description }),
+    /* @__PURE__ */ jsxs11("div", { className: "flex gap-2", children: [
+      /* @__PURE__ */ jsx22(
         Input,
         {
           value: draft,
@@ -3309,17 +3161,17 @@ function FreetextListField({
           placeholder: "Type and press Enter"
         }
       ),
-      /* @__PURE__ */ jsx23(Button, { variant: "outline", size: "sm", onClick: addKeyword, type: "button", children: "Add" })
+      /* @__PURE__ */ jsx22(Button, { variant: "outline", size: "sm", onClick: addKeyword, type: "button", children: "Add" })
     ] }),
-    keywords.length > 0 && /* @__PURE__ */ jsx23("div", { className: "flex flex-wrap gap-1.5 pt-1", children: keywords.map((kw) => /* @__PURE__ */ jsxs12(Badge, { variant: "secondary", className: "gap-1 pr-1", children: [
+    keywords.length > 0 && /* @__PURE__ */ jsx22("div", { className: "flex flex-wrap gap-1.5 pt-1", children: keywords.map((kw) => /* @__PURE__ */ jsxs11(Badge, { variant: "secondary", className: "gap-1 pr-1", children: [
       kw,
-      /* @__PURE__ */ jsx23(
+      /* @__PURE__ */ jsx22(
         "button",
         {
           type: "button",
           onClick: () => onChange(keywords.filter((k) => k !== kw)),
           className: "ml-0.5 rounded-full hover:bg-muted",
-          children: /* @__PURE__ */ jsx23(X2, { className: "size-3" })
+          children: /* @__PURE__ */ jsx22(X2, { className: "size-3" })
         }
       )
     ] }, kw)) })
@@ -3334,23 +3186,23 @@ function SingleSelectField({
 }) {
   const strOptions = Array.isArray(lovOptions) ? lovOptions.map(String) : [];
   const strValue = value != null ? String(value) : "";
-  return /* @__PURE__ */ jsxs12("div", { className: "space-y-1.5", children: [
-    /* @__PURE__ */ jsxs12(Label, { children: [
+  return /* @__PURE__ */ jsxs11("div", { className: "space-y-1.5", children: [
+    /* @__PURE__ */ jsxs11(Label, { children: [
       item.title,
-      item.required && /* @__PURE__ */ jsx23("span", { className: "text-destructive", children: " *" })
+      item.required && /* @__PURE__ */ jsx22("span", { className: "text-destructive", children: " *" })
     ] }),
-    item.description && /* @__PURE__ */ jsx23("p", { className: "text-xs text-muted-foreground", children: item.description }),
-    loading ? /* @__PURE__ */ jsxs12("div", { className: "flex items-center gap-2 text-sm text-muted-foreground", children: [
-      /* @__PURE__ */ jsx23(Loader25, { className: "size-4 animate-spin" }),
+    item.description && /* @__PURE__ */ jsx22("p", { className: "text-xs text-muted-foreground", children: item.description }),
+    loading ? /* @__PURE__ */ jsxs11("div", { className: "flex items-center gap-2 text-sm text-muted-foreground", children: [
+      /* @__PURE__ */ jsx22(Loader25, { className: "size-4 animate-spin" }),
       "Loading options..."
-    ] }) : /* @__PURE__ */ jsxs12(
+    ] }) : /* @__PURE__ */ jsxs11(
       Select,
       {
         value: strValue,
         onValueChange: (v) => onChange(item.valuetype === "integer" ? Number(v) : v),
         children: [
-          /* @__PURE__ */ jsx23(SelectTrigger, { children: /* @__PURE__ */ jsx23(SelectValue, { placeholder: "Select..." }) }),
-          /* @__PURE__ */ jsx23(SelectContent, { children: strOptions.map((opt) => /* @__PURE__ */ jsx23(SelectItem, { value: opt, children: opt }, opt)) })
+          /* @__PURE__ */ jsx22(SelectTrigger, { children: /* @__PURE__ */ jsx22(SelectValue, { placeholder: "Select..." }) }),
+          /* @__PURE__ */ jsx22(SelectContent, { children: strOptions.map((opt) => /* @__PURE__ */ jsx22(SelectItem, { value: opt, children: opt }, opt)) })
         ]
       }
     )
@@ -3374,40 +3226,40 @@ function MultiSelectField({
     },
     [selected, onChange]
   );
-  return /* @__PURE__ */ jsxs12("div", { className: "space-y-1.5", children: [
-    /* @__PURE__ */ jsxs12(Label, { children: [
+  return /* @__PURE__ */ jsxs11("div", { className: "space-y-1.5", children: [
+    /* @__PURE__ */ jsxs11(Label, { children: [
       item.title,
-      item.required && /* @__PURE__ */ jsx23("span", { className: "text-destructive", children: " *" })
+      item.required && /* @__PURE__ */ jsx22("span", { className: "text-destructive", children: " *" })
     ] }),
-    item.description && /* @__PURE__ */ jsx23("p", { className: "text-xs text-muted-foreground", children: item.description }),
-    loading ? /* @__PURE__ */ jsxs12("div", { className: "flex items-center gap-2 text-sm text-muted-foreground", children: [
-      /* @__PURE__ */ jsx23(Loader25, { className: "size-4 animate-spin" }),
+    item.description && /* @__PURE__ */ jsx22("p", { className: "text-xs text-muted-foreground", children: item.description }),
+    loading ? /* @__PURE__ */ jsxs11("div", { className: "flex items-center gap-2 text-sm text-muted-foreground", children: [
+      /* @__PURE__ */ jsx22(Loader25, { className: "size-4 animate-spin" }),
       "Loading options..."
-    ] }) : /* @__PURE__ */ jsxs12(Popover, { open, onOpenChange: setOpen, children: [
-      /* @__PURE__ */ jsx23(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxs12(
+    ] }) : /* @__PURE__ */ jsxs11(Popover, { open, onOpenChange: setOpen, children: [
+      /* @__PURE__ */ jsx22(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxs11(
         Button,
         {
           variant: "outline",
           className: "w-full justify-between font-normal",
           children: [
-            selected.length > 0 ? /* @__PURE__ */ jsx23("div", { className: "flex flex-wrap gap-1", children: selected.map((s) => /* @__PURE__ */ jsx23(Badge, { variant: "secondary", className: "text-xs", children: s }, s)) }) : /* @__PURE__ */ jsx23("span", { className: "text-muted-foreground", children: "Select..." }),
-            /* @__PURE__ */ jsx23(ChevronsUpDown2, { className: "ml-2 size-4 shrink-0 opacity-50" })
+            selected.length > 0 ? /* @__PURE__ */ jsx22("div", { className: "flex flex-wrap gap-1", children: selected.map((s) => /* @__PURE__ */ jsx22(Badge, { variant: "secondary", className: "text-xs", children: s }, s)) }) : /* @__PURE__ */ jsx22("span", { className: "text-muted-foreground", children: "Select..." }),
+            /* @__PURE__ */ jsx22(ChevronsUpDown2, { className: "ml-2 size-4 shrink-0 opacity-50" })
           ]
         }
       ) }),
-      /* @__PURE__ */ jsx23(PopoverContent, { className: "w-[260px] p-0", align: "start", children: /* @__PURE__ */ jsxs12(Command, { children: [
-        /* @__PURE__ */ jsx23(CommandInput, { placeholder: "Search..." }),
-        /* @__PURE__ */ jsxs12(CommandList, { children: [
-          /* @__PURE__ */ jsx23(CommandEmpty, { children: "No match." }),
-          /* @__PURE__ */ jsx23(CommandGroup, { children: strOptions.map((opt) => {
+      /* @__PURE__ */ jsx22(PopoverContent, { className: "w-[260px] p-0", align: "start", children: /* @__PURE__ */ jsxs11(Command, { children: [
+        /* @__PURE__ */ jsx22(CommandInput, { placeholder: "Search..." }),
+        /* @__PURE__ */ jsxs11(CommandList, { children: [
+          /* @__PURE__ */ jsx22(CommandEmpty, { children: "No match." }),
+          /* @__PURE__ */ jsx22(CommandGroup, { children: strOptions.map((opt) => {
             const isSelected = selected.includes(opt);
-            return /* @__PURE__ */ jsxs12(
+            return /* @__PURE__ */ jsxs11(
               CommandItem,
               {
                 value: opt,
                 onSelect: () => toggle(opt),
                 children: [
-                  /* @__PURE__ */ jsx23(
+                  /* @__PURE__ */ jsx22(
                     Check3,
                     {
                       className: cn(
@@ -3433,12 +3285,12 @@ function ImageSelectField({
   onChange
 }) {
   const images = item.lov ?? [];
-  return /* @__PURE__ */ jsxs12("div", { className: "space-y-1.5", children: [
-    /* @__PURE__ */ jsxs12(Label, { children: [
+  return /* @__PURE__ */ jsxs11("div", { className: "space-y-1.5", children: [
+    /* @__PURE__ */ jsxs11(Label, { children: [
       item.title,
-      item.required && /* @__PURE__ */ jsx23("span", { className: "text-destructive", children: " *" })
+      item.required && /* @__PURE__ */ jsx22("span", { className: "text-destructive", children: " *" })
     ] }),
-    /* @__PURE__ */ jsx23("div", { className: "flex flex-wrap gap-3", children: images.map((url) => /* @__PURE__ */ jsxs12(
+    /* @__PURE__ */ jsx22("div", { className: "flex flex-wrap gap-3", children: images.map((url) => /* @__PURE__ */ jsxs11(
       "button",
       {
         type: "button",
@@ -3448,8 +3300,8 @@ function ImageSelectField({
           value === url ? "border-primary ring-2 ring-primary/30" : "border-border hover:border-primary/50"
         ),
         children: [
-          /* @__PURE__ */ jsx23("img", { src: url, alt: "", className: "size-20 object-cover" }),
-          value === url && /* @__PURE__ */ jsx23("div", { className: "absolute right-1 top-1 rounded-full bg-primary p-0.5 text-primary-foreground", children: /* @__PURE__ */ jsx23(Check3, { className: "size-3" }) })
+          /* @__PURE__ */ jsx22("img", { src: url, alt: "", className: "size-20 object-cover" }),
+          value === url && /* @__PURE__ */ jsx22("div", { className: "absolute right-1 top-1 rounded-full bg-primary p-0.5 text-primary-foreground", children: /* @__PURE__ */ jsx22(Check3, { className: "size-3" }) })
         ]
       },
       url
@@ -3461,23 +3313,23 @@ function BooleanField({
   value,
   onChange
 }) {
-  return /* @__PURE__ */ jsxs12("div", { className: "flex items-center gap-2 py-1", children: [
-    /* @__PURE__ */ jsx23(
+  return /* @__PURE__ */ jsxs11("div", { className: "flex items-center gap-2 py-1", children: [
+    /* @__PURE__ */ jsx22(
       Checkbox,
       {
         checked: !!value,
         onCheckedChange: (checked) => onChange(!!checked)
       }
     ),
-    /* @__PURE__ */ jsxs12(Label, { className: "cursor-pointer", onClick: () => onChange(!value), children: [
+    /* @__PURE__ */ jsxs11(Label, { className: "cursor-pointer", onClick: () => onChange(!value), children: [
       item.title,
-      item.required && /* @__PURE__ */ jsx23("span", { className: "text-destructive", children: " *" })
+      item.required && /* @__PURE__ */ jsx22("span", { className: "text-destructive", children: " *" })
     ] })
   ] });
 }
 
 // src/Automations/ProductAutomation.tsx
-import { Fragment as Fragment4, jsx as jsx24, jsxs as jsxs13 } from "react/jsx-runtime";
+import { Fragment as Fragment4, jsx as jsx23, jsxs as jsxs12 } from "react/jsx-runtime";
 function ProductAutomation({
   storeId,
   workspaceId,
@@ -3650,18 +3502,18 @@ function ProductAutomation({
     const filtered = searchQuery ? unique.filter(
       (a) => a.display_name?.toLowerCase().includes(searchQuery.toLowerCase()) || a.automation.toLowerCase().includes(searchQuery.toLowerCase())
     ) : null;
-    return /* @__PURE__ */ jsxs13("div", { className: "flex h-full flex-col gap-3 p-3", children: [
-      /* @__PURE__ */ jsxs13("div", { className: "flex items-center gap-2", children: [
-        /* @__PURE__ */ jsx24(Button, { variant: "ghost", size: "icon", onClick: onClose, children: /* @__PURE__ */ jsx24(ArrowLeft3, { className: "size-4" }) }),
-        /* @__PURE__ */ jsx24("h3", { className: "text-base font-semibold", children: "Automations" }),
-        /* @__PURE__ */ jsxs13(Badge, { variant: "secondary", children: [
+    return /* @__PURE__ */ jsxs12("div", { className: "flex h-full flex-col gap-3 p-3", children: [
+      /* @__PURE__ */ jsxs12("div", { className: "flex items-center gap-2", children: [
+        /* @__PURE__ */ jsx23(Button, { variant: "ghost", size: "icon", onClick: onClose, children: /* @__PURE__ */ jsx23(ArrowLeft3, { className: "size-4" }) }),
+        /* @__PURE__ */ jsx23("h3", { className: "text-base font-semibold", children: "Automations" }),
+        /* @__PURE__ */ jsxs12(Badge, { variant: "secondary", children: [
           productsCount,
           " products"
         ] })
       ] }),
-      /* @__PURE__ */ jsxs13("div", { className: "relative", children: [
-        /* @__PURE__ */ jsx24(Search4, { className: "absolute left-2.5 top-1/2 size-4 -translate-y-1/2 text-muted-foreground" }),
-        /* @__PURE__ */ jsx24(
+      /* @__PURE__ */ jsxs12("div", { className: "relative", children: [
+        /* @__PURE__ */ jsx23(Search4, { className: "absolute left-2.5 top-1/2 size-4 -translate-y-1/2 text-muted-foreground" }),
+        /* @__PURE__ */ jsx23(
           Input,
           {
             placeholder: "Search automations...",
@@ -3671,12 +3523,12 @@ function ProductAutomation({
           }
         )
       ] }),
-      /* @__PURE__ */ jsxs13("div", { className: "flex items-center gap-4 border-b px-2 pb-2 text-xs font-medium text-muted-foreground", children: [
-        /* @__PURE__ */ jsx24("span", { className: "flex-[5]", children: "Automation" }),
-        /* @__PURE__ */ jsx24("span", { className: "flex-[1.5] text-center", children: "Est. Time" }),
-        /* @__PURE__ */ jsx24("span", { className: "flex-[1.5] text-center", children: "Credits" })
+      /* @__PURE__ */ jsxs12("div", { className: "flex items-center gap-4 border-b px-2 pb-2 text-xs font-medium text-muted-foreground", children: [
+        /* @__PURE__ */ jsx23("span", { className: "flex-[5]", children: "Automation" }),
+        /* @__PURE__ */ jsx23("span", { className: "flex-[1.5] text-center", children: "Est. Time" }),
+        /* @__PURE__ */ jsx23("span", { className: "flex-[1.5] text-center", children: "Credits" })
       ] }),
-      /* @__PURE__ */ jsx24("div", { className: "flex-1 overflow-y-auto", children: loading ? /* @__PURE__ */ jsx24("div", { className: "space-y-3 p-2", children: Array.from({ length: 6 }).map((_, i) => /* @__PURE__ */ jsx24(Skeleton, { className: "h-14 w-full rounded-md" }, i)) }) : filtered ? filtered.map((item) => /* @__PURE__ */ jsx24(
+      /* @__PURE__ */ jsx23("div", { className: "flex-1 overflow-y-auto", children: loading ? /* @__PURE__ */ jsx23("div", { className: "space-y-3 p-2", children: Array.from({ length: 6 }).map((_, i) => /* @__PURE__ */ jsx23(Skeleton, { className: "h-14 w-full rounded-md" }, i)) }) : filtered ? filtered.map((item) => /* @__PURE__ */ jsx23(
         AutomationRow,
         {
           item,
@@ -3684,8 +3536,8 @@ function ProductAutomation({
           onClick: () => setSelected(item)
         },
         item.automation
-      )) : Object.keys(automationGroups).sort().map((group) => /* @__PURE__ */ jsxs13("div", { children: [
-        /* @__PURE__ */ jsxs13(
+      )) : Object.keys(automationGroups).sort().map((group) => /* @__PURE__ */ jsxs12("div", { children: [
+        /* @__PURE__ */ jsxs12(
           "button",
           {
             type: "button",
@@ -3695,8 +3547,8 @@ function ProductAutomation({
             className: "flex w-full items-center justify-between px-2 py-2 text-sm font-semibold text-muted-foreground hover:text-foreground",
             children: [
               group,
-              /* @__PURE__ */ jsx24(
-                ChevronDown3,
+              /* @__PURE__ */ jsx23(
+                ChevronDown2,
                 {
                   className: cn(
                     "size-4 transition-transform",
@@ -3707,7 +3559,7 @@ function ProductAutomation({
             ]
           }
         ),
-        expandedGroups.includes(group) && automationGroups[group].map((item) => /* @__PURE__ */ jsx24(
+        expandedGroups.includes(group) && automationGroups[group].map((item) => /* @__PURE__ */ jsx23(
           AutomationRow,
           {
             item,
@@ -3719,15 +3571,15 @@ function ProductAutomation({
       ] }, group)) })
     ] });
   }
-  return /* @__PURE__ */ jsxs13("div", { className: "flex h-full flex-col gap-3 p-3", children: [
-    /* @__PURE__ */ jsxs13("div", { className: "flex items-center gap-2", children: [
-      /* @__PURE__ */ jsx24(Button, { variant: "ghost", size: "icon", onClick: () => setSelected(null), children: /* @__PURE__ */ jsx24(ArrowLeft3, { className: "size-4" }) }),
-      /* @__PURE__ */ jsx24("h3", { className: "text-base font-semibold", children: selected.display_name })
+  return /* @__PURE__ */ jsxs12("div", { className: "flex h-full flex-col gap-3 p-3", children: [
+    /* @__PURE__ */ jsxs12("div", { className: "flex items-center gap-2", children: [
+      /* @__PURE__ */ jsx23(Button, { variant: "ghost", size: "icon", onClick: () => setSelected(null), children: /* @__PURE__ */ jsx23(ArrowLeft3, { className: "size-4" }) }),
+      /* @__PURE__ */ jsx23("h3", { className: "text-base font-semibold", children: selected.display_name })
     ] }),
-    selected.preview && /* @__PURE__ */ jsxs13("div", { className: "space-y-2 rounded-lg bg-muted/50 p-3 text-sm", children: [
-      selected.preview.info_text.map((text, i) => /* @__PURE__ */ jsx24("p", { className: "text-muted-foreground", children: text }, i)),
-      selected.preview.media.length > 0 && /* @__PURE__ */ jsx24("div", { className: "flex flex-wrap gap-2 pt-1", children: selected.preview.media.map(
-        (m, i) => m.type === "image" ? /* @__PURE__ */ jsx24(
+    selected.preview && /* @__PURE__ */ jsxs12("div", { className: "space-y-2 rounded-lg bg-muted/50 p-3 text-sm", children: [
+      selected.preview.info_text.map((text, i) => /* @__PURE__ */ jsx23("p", { className: "text-muted-foreground", children: text }, i)),
+      selected.preview.media.length > 0 && /* @__PURE__ */ jsx23("div", { className: "flex flex-wrap gap-2 pt-1", children: selected.preview.media.map(
+        (m, i) => m.type === "image" ? /* @__PURE__ */ jsx23(
           "img",
           {
             src: m.src,
@@ -3738,8 +3590,8 @@ function ProductAutomation({
         ) : null
       ) })
     ] }),
-    /* @__PURE__ */ jsx24(Separator2, {}),
-    /* @__PURE__ */ jsx24("div", { className: "flex-1 overflow-y-auto", children: schemaLoading ? /* @__PURE__ */ jsx24("div", { className: "space-y-3 p-2", children: Array.from({ length: 4 }).map((_, i) => /* @__PURE__ */ jsx24(Skeleton, { className: "h-12 w-full rounded-md" }, i)) }) : /* @__PURE__ */ jsx24(
+    /* @__PURE__ */ jsx23(Separator2, {}),
+    /* @__PURE__ */ jsx23("div", { className: "flex-1 overflow-y-auto", children: schemaLoading ? /* @__PURE__ */ jsx23("div", { className: "space-y-3 p-2", children: Array.from({ length: 4 }).map((_, i) => /* @__PURE__ */ jsx23(Skeleton, { className: "h-12 w-full rounded-md" }, i)) }) : /* @__PURE__ */ jsx23(
       SchemaFieldRenderer,
       {
         schema,
@@ -3749,26 +3601,26 @@ function ProductAutomation({
         onConfigChange: handleConfigChange
       }
     ) }),
-    /* @__PURE__ */ jsx24(Separator2, {}),
-    /* @__PURE__ */ jsxs13("div", { className: "flex items-center gap-2", children: [
-      /* @__PURE__ */ jsx24(
+    /* @__PURE__ */ jsx23(Separator2, {}),
+    /* @__PURE__ */ jsxs12("div", { className: "flex items-center gap-2", children: [
+      /* @__PURE__ */ jsx23(
         Button,
         {
           onClick: handleRun,
           disabled: !isRunAllowed() || applying,
           className: "flex-1",
-          children: applying ? /* @__PURE__ */ jsxs13(Fragment4, { children: [
-            /* @__PURE__ */ jsx24(Loader26, { className: "size-4 animate-spin" }),
+          children: applying ? /* @__PURE__ */ jsxs12(Fragment4, { children: [
+            /* @__PURE__ */ jsx23(Loader26, { className: "size-4 animate-spin" }),
             "Applying..."
-          ] }) : /* @__PURE__ */ jsxs13(Fragment4, { children: [
-            /* @__PURE__ */ jsx24(Play, { className: "size-4" }),
+          ] }) : /* @__PURE__ */ jsxs12(Fragment4, { children: [
+            /* @__PURE__ */ jsx23(Play, { className: "size-4" }),
             "Run Automation"
           ] })
         }
       ),
-      /* @__PURE__ */ jsx24(Button, { variant: "outline", onClick: () => setSelected(null), children: "Cancel" })
+      /* @__PURE__ */ jsx23(Button, { variant: "outline", onClick: () => setSelected(null), children: "Cancel" })
     ] }),
-    /* @__PURE__ */ jsx24("p", { className: "text-center text-xs text-muted-foreground", children: "By applying, you will override existing automations for the selected products with this new run." })
+    /* @__PURE__ */ jsx23("p", { className: "text-center text-xs text-muted-foreground", children: "By applying, you will override existing automations for the selected products with this new run." })
   ] });
 }
 function AutomationRow({
@@ -3778,19 +3630,19 @@ function AutomationRow({
 }) {
   const estTime = item.estimate_time_saved ? formatTimeSaved(item.estimate_time_saved * productsCount) : "\u2014";
   const credits = item.credits ? Math.ceil(item.credits * productsCount) : 0;
-  return /* @__PURE__ */ jsxs13(
+  return /* @__PURE__ */ jsxs12(
     "button",
     {
       type: "button",
       onClick,
       className: "flex w-full items-center gap-4 rounded-md px-2 py-2.5 text-left hover:bg-accent",
       children: [
-        /* @__PURE__ */ jsxs13("div", { className: "flex-[5] min-w-0", children: [
-          /* @__PURE__ */ jsx24("div", { className: "text-sm font-medium", children: item.display_name }),
-          item.description && /* @__PURE__ */ jsx24("div", { className: "truncate text-xs text-muted-foreground", children: item.description })
+        /* @__PURE__ */ jsxs12("div", { className: "flex-[5] min-w-0", children: [
+          /* @__PURE__ */ jsx23("div", { className: "text-sm font-medium", children: item.display_name }),
+          item.description && /* @__PURE__ */ jsx23("div", { className: "truncate text-xs text-muted-foreground", children: item.description })
         ] }),
-        /* @__PURE__ */ jsx24("div", { className: "flex-[1.5] text-center text-xs text-muted-foreground", children: estTime }),
-        /* @__PURE__ */ jsx24("div", { className: "flex-[1.5] text-center text-xs text-muted-foreground", children: credits })
+        /* @__PURE__ */ jsx23("div", { className: "flex-[1.5] text-center text-xs text-muted-foreground", children: estTime }),
+        /* @__PURE__ */ jsx23("div", { className: "flex-[1.5] text-center text-xs text-muted-foreground", children: credits })
       ]
     }
   );
@@ -3804,7 +3656,7 @@ function formatTimeSaved(totalSeconds) {
 // src/Automations/StoreAutomation.tsx
 import { useState as useState10, useEffect as useEffect6, useCallback as useCallback8, useRef as useRef6 } from "react";
 import { ArrowLeft as ArrowLeft4, Settings } from "lucide-react";
-import { Fragment as Fragment5, jsx as jsx25, jsxs as jsxs14 } from "react/jsx-runtime";
+import { Fragment as Fragment5, jsx as jsx24, jsxs as jsxs13 } from "react/jsx-runtime";
 function StoreAutomation({
   storeId,
   channelsWithVersion,
@@ -3861,7 +3713,7 @@ function StoreAutomation({
     setSelectedAutomation(null);
   };
   if (selectedAutomation) {
-    return /* @__PURE__ */ jsx25(
+    return /* @__PURE__ */ jsx24(
       AutomationConfigEditor,
       {
         storeId,
@@ -3873,46 +3725,46 @@ function StoreAutomation({
       }
     );
   }
-  return /* @__PURE__ */ jsxs14("div", { className: "flex h-full flex-col gap-3 p-3", children: [
-    /* @__PURE__ */ jsxs14("div", { className: "flex items-center gap-2", children: [
-      onClose && /* @__PURE__ */ jsx25(Button, { variant: "ghost", size: "icon", onClick: onClose, children: /* @__PURE__ */ jsx25(ArrowLeft4, { className: "size-4" }) }),
-      /* @__PURE__ */ jsx25("h3", { className: "text-base font-semibold", children: "Default Store Automations" })
+  return /* @__PURE__ */ jsxs13("div", { className: "flex h-full flex-col gap-3 p-3", children: [
+    /* @__PURE__ */ jsxs13("div", { className: "flex items-center gap-2", children: [
+      onClose && /* @__PURE__ */ jsx24(Button, { variant: "ghost", size: "icon", onClick: onClose, children: /* @__PURE__ */ jsx24(ArrowLeft4, { className: "size-4" }) }),
+      /* @__PURE__ */ jsx24("h3", { className: "text-base font-semibold", children: "Default Store Automations" })
     ] }),
-    /* @__PURE__ */ jsx25(Separator2, {}),
-    loading ? /* @__PURE__ */ jsx25("div", { className: "space-y-3 p-2", children: Array.from({ length: 5 }).map((_, i) => /* @__PURE__ */ jsx25(Skeleton, { className: "h-14 w-full rounded-md" }, i)) }) : /* @__PURE__ */ jsx25("div", { className: "flex-1 overflow-y-auto", children: /* @__PURE__ */ jsxs14(Table, { children: [
-      /* @__PURE__ */ jsx25(TableHeader, { children: /* @__PURE__ */ jsxs14(TableRow, { children: [
-        /* @__PURE__ */ jsx25(TableHead, { children: "Automation" }),
-        /* @__PURE__ */ jsx25(TableHead, { className: "w-24 text-center", children: "Avg. Time" }),
-        /* @__PURE__ */ jsx25(TableHead, { className: "w-28 text-center", children: "Credits/Prd" }),
-        /* @__PURE__ */ jsx25(TableHead, { className: "w-28 text-center", children: "Status" }),
-        /* @__PURE__ */ jsx25(TableHead, { className: "w-12" })
+    /* @__PURE__ */ jsx24(Separator2, {}),
+    loading ? /* @__PURE__ */ jsx24("div", { className: "space-y-3 p-2", children: Array.from({ length: 5 }).map((_, i) => /* @__PURE__ */ jsx24(Skeleton, { className: "h-14 w-full rounded-md" }, i)) }) : /* @__PURE__ */ jsx24("div", { className: "flex-1 overflow-y-auto", children: /* @__PURE__ */ jsxs13(Table, { children: [
+      /* @__PURE__ */ jsx24(TableHeader, { children: /* @__PURE__ */ jsxs13(TableRow, { children: [
+        /* @__PURE__ */ jsx24(TableHead, { children: "Automation" }),
+        /* @__PURE__ */ jsx24(TableHead, { className: "w-24 text-center", children: "Avg. Time" }),
+        /* @__PURE__ */ jsx24(TableHead, { className: "w-28 text-center", children: "Credits/Prd" }),
+        /* @__PURE__ */ jsx24(TableHead, { className: "w-28 text-center", children: "Status" }),
+        /* @__PURE__ */ jsx24(TableHead, { className: "w-12" })
       ] }) }),
-      /* @__PURE__ */ jsx25(TableBody, { children: automations.map((a) => /* @__PURE__ */ jsxs14(
+      /* @__PURE__ */ jsx24(TableBody, { children: automations.map((a) => /* @__PURE__ */ jsxs13(
         TableRow,
         {
           className: "cursor-pointer",
           onClick: () => setSelectedAutomation(a),
           children: [
-            /* @__PURE__ */ jsxs14(TableCell, { children: [
-              /* @__PURE__ */ jsx25("div", { className: "text-sm font-medium", children: a.display_name }),
-              a.description && /* @__PURE__ */ jsx25("div", { className: "text-xs text-muted-foreground", children: a.description })
+            /* @__PURE__ */ jsxs13(TableCell, { children: [
+              /* @__PURE__ */ jsx24("div", { className: "text-sm font-medium", children: a.display_name }),
+              a.description && /* @__PURE__ */ jsx24("div", { className: "text-xs text-muted-foreground", children: a.description })
             ] }),
-            /* @__PURE__ */ jsx25(TableCell, { className: "text-center text-xs", children: a.estimate_run_time ?? "\u2014" }),
-            /* @__PURE__ */ jsx25(TableCell, { className: "text-center text-xs", children: a.credits ?? "\u2014" }),
-            /* @__PURE__ */ jsx25(TableCell, { className: "text-center", children: /* @__PURE__ */ jsxs14(
+            /* @__PURE__ */ jsx24(TableCell, { className: "text-center text-xs", children: a.estimate_run_time ?? "\u2014" }),
+            /* @__PURE__ */ jsx24(TableCell, { className: "text-center text-xs", children: a.credits ?? "\u2014" }),
+            /* @__PURE__ */ jsx24(TableCell, { className: "text-center", children: /* @__PURE__ */ jsxs13(
               "div",
               {
                 className: "flex items-center justify-center gap-2",
                 onClick: (e) => e.stopPropagation(),
                 children: [
-                  /* @__PURE__ */ jsx25(
+                  /* @__PURE__ */ jsx24(
                     Switch,
                     {
                       checked: a.isEnabled,
                       onCheckedChange: () => toggleAutomation(a.automation)
                     }
                   ),
-                  /* @__PURE__ */ jsx25(
+                  /* @__PURE__ */ jsx24(
                     Badge,
                     {
                       variant: a.isEnabled ? "default" : "secondary",
@@ -3923,16 +3775,16 @@ function StoreAutomation({
                 ]
               }
             ) }),
-            /* @__PURE__ */ jsx25(TableCell, { children: /* @__PURE__ */ jsx25(Settings, { className: "size-4 text-muted-foreground" }) })
+            /* @__PURE__ */ jsx24(TableCell, { children: /* @__PURE__ */ jsx24(Settings, { className: "size-4 text-muted-foreground" }) })
           ]
         },
         a.automation
       )) })
     ] }) }),
-    /* @__PURE__ */ jsx25(Separator2, {}),
-    /* @__PURE__ */ jsxs14("div", { className: "flex justify-end gap-2", children: [
-      onClose && /* @__PURE__ */ jsx25(Button, { variant: "outline", onClick: onClose, children: "Cancel" }),
-      /* @__PURE__ */ jsx25(Button, { onClick: handleSave, children: "Save Changes" })
+    /* @__PURE__ */ jsx24(Separator2, {}),
+    /* @__PURE__ */ jsxs13("div", { className: "flex justify-end gap-2", children: [
+      onClose && /* @__PURE__ */ jsx24(Button, { variant: "outline", onClick: onClose, children: "Cancel" }),
+      /* @__PURE__ */ jsx24(Button, { onClick: handleSave, children: "Save Changes" })
     ] })
   ] });
 }
@@ -4013,36 +3865,36 @@ function AutomationConfigEditor({
     },
     []
   );
-  return /* @__PURE__ */ jsxs14("div", { className: "flex h-full flex-col gap-3 p-3", children: [
-    /* @__PURE__ */ jsxs14("div", { className: "flex items-center gap-2", children: [
-      /* @__PURE__ */ jsx25(
+  return /* @__PURE__ */ jsxs13("div", { className: "flex h-full flex-col gap-3 p-3", children: [
+    /* @__PURE__ */ jsxs13("div", { className: "flex items-center gap-2", children: [
+      /* @__PURE__ */ jsx24(
         Button,
         {
           variant: "ghost",
           size: "icon",
           onClick: () => onClose(automation, configs),
-          children: /* @__PURE__ */ jsx25(ArrowLeft4, { className: "size-4" })
+          children: /* @__PURE__ */ jsx24(ArrowLeft4, { className: "size-4" })
         }
       ),
-      /* @__PURE__ */ jsx25("h3", { className: "text-base font-semibold", children: automation.display_name })
+      /* @__PURE__ */ jsx24("h3", { className: "text-base font-semibold", children: automation.display_name })
     ] }),
-    /* @__PURE__ */ jsxs14("div", { className: "flex gap-4 text-sm", children: [
-      /* @__PURE__ */ jsxs14("div", { className: "text-muted-foreground", children: [
+    /* @__PURE__ */ jsxs13("div", { className: "flex gap-4 text-sm", children: [
+      /* @__PURE__ */ jsxs13("div", { className: "text-muted-foreground", children: [
         "Est. time: ",
-        /* @__PURE__ */ jsx25("span", { className: "text-foreground", children: automation.estimate_run_time ?? "\u2014" })
+        /* @__PURE__ */ jsx24("span", { className: "text-foreground", children: automation.estimate_run_time ?? "\u2014" })
       ] }),
-      /* @__PURE__ */ jsxs14("div", { className: "text-muted-foreground", children: [
+      /* @__PURE__ */ jsxs13("div", { className: "text-muted-foreground", children: [
         "Credits/prd: ",
-        /* @__PURE__ */ jsx25("span", { className: "text-foreground", children: automation.credits ?? "\u2014" })
+        /* @__PURE__ */ jsx24("span", { className: "text-foreground", children: automation.credits ?? "\u2014" })
       ] })
     ] }),
-    /* @__PURE__ */ jsx25(Separator2, {}),
-    /* @__PURE__ */ jsxs14("div", { className: "flex items-center gap-2", children: [
-      /* @__PURE__ */ jsx25("span", { className: "text-sm font-medium", children: automation.isEnabled ? "Enabled" : "Disabled" }),
-      /* @__PURE__ */ jsx25(Switch, { checked: automation.isEnabled, onCheckedChange: onToggle })
+    /* @__PURE__ */ jsx24(Separator2, {}),
+    /* @__PURE__ */ jsxs13("div", { className: "flex items-center gap-2", children: [
+      /* @__PURE__ */ jsx24("span", { className: "text-sm font-medium", children: automation.isEnabled ? "Enabled" : "Disabled" }),
+      /* @__PURE__ */ jsx24(Switch, { checked: automation.isEnabled, onCheckedChange: onToggle })
     ] }),
-    /* @__PURE__ */ jsx25(Separator2, {}),
-    /* @__PURE__ */ jsx25("div", { className: "flex-1 overflow-y-auto", children: automation.isEnabled ? schemaLoading ? /* @__PURE__ */ jsx25("div", { className: "space-y-3 p-2", children: Array.from({ length: 4 }).map((_, i) => /* @__PURE__ */ jsx25(Skeleton, { className: "h-12 w-full rounded-md" }, i)) }) : /* @__PURE__ */ jsx25(
+    /* @__PURE__ */ jsx24(Separator2, {}),
+    /* @__PURE__ */ jsx24("div", { className: "flex-1 overflow-y-auto", children: automation.isEnabled ? schemaLoading ? /* @__PURE__ */ jsx24("div", { className: "space-y-3 p-2", children: Array.from({ length: 4 }).map((_, i) => /* @__PURE__ */ jsx24(Skeleton, { className: "h-12 w-full rounded-md" }, i)) }) : /* @__PURE__ */ jsx24(
       SchemaFieldRenderer,
       {
         schema,
@@ -4051,13 +3903,13 @@ function AutomationConfigEditor({
         loadingOptions,
         onConfigChange: handleConfigChange
       }
-    ) : /* @__PURE__ */ jsx25("p", { className: "py-4 text-center text-sm text-muted-foreground", children: "Enable this automation to configure it." }) }),
-    automation.preview && /* @__PURE__ */ jsxs14(Fragment5, { children: [
-      /* @__PURE__ */ jsx25(Separator2, {}),
-      /* @__PURE__ */ jsxs14("div", { className: "space-y-2 rounded-lg bg-muted/50 p-3 text-sm", children: [
-        automation.preview.info_text.map((text, i) => /* @__PURE__ */ jsx25("p", { className: "text-muted-foreground", children: text }, i)),
-        automation.preview.media.length > 0 && /* @__PURE__ */ jsx25("div", { className: "flex flex-wrap gap-2 pt-1", children: automation.preview.media.map(
-          (m, i) => m.type === "image" ? /* @__PURE__ */ jsx25(
+    ) : /* @__PURE__ */ jsx24("p", { className: "py-4 text-center text-sm text-muted-foreground", children: "Enable this automation to configure it." }) }),
+    automation.preview && /* @__PURE__ */ jsxs13(Fragment5, { children: [
+      /* @__PURE__ */ jsx24(Separator2, {}),
+      /* @__PURE__ */ jsxs13("div", { className: "space-y-2 rounded-lg bg-muted/50 p-3 text-sm", children: [
+        automation.preview.info_text.map((text, i) => /* @__PURE__ */ jsx24("p", { className: "text-muted-foreground", children: text }, i)),
+        automation.preview.media.length > 0 && /* @__PURE__ */ jsx24("div", { className: "flex flex-wrap gap-2 pt-1", children: automation.preview.media.map(
+          (m, i) => m.type === "image" ? /* @__PURE__ */ jsx24(
             "img",
             {
               src: m.src,
@@ -4073,7 +3925,7 @@ function AutomationConfigEditor({
 }
 
 // src/CatalogixChat.tsx
-import { jsx as jsx26, jsxs as jsxs15 } from "react/jsx-runtime";
+import { jsx as jsx25, jsxs as jsxs14 } from "react/jsx-runtime";
 var SECTION_MAP = {
   "catalogix:create-store": "create_store",
   create_or_select_store: "create_store",
@@ -4103,7 +3955,7 @@ function CatalogixChat(props) {
     configureApi({ catalogixBaseUrl });
   }, [catalogixBaseUrl]);
   if (section === "select_products") {
-    return /* @__PURE__ */ jsx26(
+    return /* @__PURE__ */ jsx25(
       SelectProducts,
       {
         workspaceId,
@@ -4119,7 +3971,7 @@ function CatalogixChat(props) {
     );
   }
   if (section === "create_store") {
-    return /* @__PURE__ */ jsx26(
+    return /* @__PURE__ */ jsx25(
       CreateStore,
       {
         workspaceId,
@@ -4133,7 +3985,7 @@ function CatalogixChat(props) {
     );
   }
   if (section === "map_attributes") {
-    return /* @__PURE__ */ jsx26(
+    return /* @__PURE__ */ jsx25(
       MapAttributesChat,
       {
         mappingData: uiProps.mappingData ?? [],
@@ -4149,7 +4001,7 @@ function CatalogixChat(props) {
     );
   }
   if (section === "trigger_automation") {
-    return /* @__PURE__ */ jsx26(
+    return /* @__PURE__ */ jsx25(
       ProductAutomation,
       {
         storeId,
@@ -4169,7 +4021,7 @@ function CatalogixChat(props) {
     );
   }
   if (section === "automations") {
-    return /* @__PURE__ */ jsx26(
+    return /* @__PURE__ */ jsx25(
       StoreAutomation,
       {
         storeId,
@@ -4180,11 +4032,11 @@ function CatalogixChat(props) {
       }
     );
   }
-  return /* @__PURE__ */ jsx26("div", { className: "p-4 text-sm text-muted-foreground", children: /* @__PURE__ */ jsxs15("p", { children: [
-    /* @__PURE__ */ jsx26("strong", { children: "Catalogix" }),
+  return /* @__PURE__ */ jsx25("div", { className: "p-4 text-sm text-muted-foreground", children: /* @__PURE__ */ jsxs14("p", { children: [
+    /* @__PURE__ */ jsx25("strong", { children: "Catalogix" }),
     " \u2014 unknown section:",
     " ",
-    /* @__PURE__ */ jsx26("code", { children: section || "(none)" })
+    /* @__PURE__ */ jsx25("code", { children: section || "(none)" })
   ] }) });
 }