@streamoid/catalogix-chat 0.2.3 → 0.2.4

package/dist/index.js

@@ -2434,9 +2434,589 @@ function CreateStore({
   ] });
 }
 
+// src/MapAttributes/index.tsx
+import React7, { useState as useState7, useMemo as useMemo5, useCallback as useCallback5 } from "react";
+import {
+  Check as Check2,
+  X,
+  ChevronRight as ChevronRight2,
+  Pencil as Pencil2,
+  Search as Search3,
+  ArrowRight,
+  ArrowLeft as ArrowLeft2
+} 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({
+  item,
+  index,
+  allAttributes,
+  allMappedAttributes,
+  onMap,
+  onConfirm,
+  onIgnore,
+  onEdit,
+  onUnmap
+}) {
+  const [popoverOpen, setPopoverOpen] = useState7(false);
+  const hasMappedCols = item.mappedCols.length > 0 || item.customCols.length > 0;
+  const availableAttributes = useMemo5(() => {
+    const mapped = /* @__PURE__ */ new Set([...item.mappedCols, ...item.customCols]);
+    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" }) })
+      ] })
+    ] });
+  }
+  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__ */ 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: [
+          col,
+          /* @__PURE__ */ jsx22(
+            "button",
+            {
+              type: "button",
+              onClick: () => onUnmap(index, attrIdx),
+              className: "ml-0.5 rounded-full hover:bg-muted",
+              children: /* @__PURE__ */ jsx22(X, { className: "size-3" })
+            }
+          )
+        ] })
+      ] }, 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,
+        {
+          variant: "ghost",
+          size: "sm",
+          className: "text-xs",
+          onClick: () => onIgnore(index),
+          children: "Ignore Column"
+        }
+      ),
+      hasMappedCols && /* @__PURE__ */ jsx22(
+        Button,
+        {
+          size: "sm",
+          className: "text-xs",
+          onClick: () => onConfirm(index),
+          children: "Confirm Mapping"
+        }
+      )
+    ] })
+  ] });
+}
+function ValueMappingPanel({
+  data,
+  valuesOntologyAttributes,
+  uniqueValues,
+  onValueChange
+}) {
+  const [selectedAttrIndex, setSelectedAttrIndex] = useState7(null);
+  const lovItems = useMemo5(() => {
+    const items = [];
+    data.forEach((item, itemIndex) => {
+      if (item.isIgnored || !item.isConfirmed) return;
+      item.mappedCols.forEach((attr) => {
+        if (!valuesOntologyAttributes.includes(attr)) return;
+        const rawVals = uniqueValues[item.feedCol] || [];
+        if (rawVals.length === 0) return;
+        const existing = item.mappedValues[attr] || {};
+        const valueMap = {};
+        rawVals.forEach((v) => {
+          valueMap[v] = existing[v] ?? null;
+        });
+        items.push({
+          itemIndex,
+          feedCol: item.feedCol,
+          attribute: attr,
+          rawValues: rawVals,
+          mappedValues: valueMap,
+          totalCount: rawVals.length,
+          mappedCount: Object.values(valueMap).filter((v) => v !== null).length
+        });
+      });
+    });
+    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__ */ 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}`
+          );
+        })
+      ] })
+    ] }),
+    /* @__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" }) })
+  ] });
+}
+function MapAttributesChat({
+  mappingData: initialData,
+  mpAttributes,
+  valuesOntologyAttributes,
+  columns,
+  uniqueValues,
+  submitted,
+  submittedValues,
+  onSubmit
+}) {
+  const [data, setData] = useState7(
+    () => initialData.map((item) => ({ ...item }))
+  );
+  const [step, setStep] = useState7("attributes");
+  const allAttributes = useMemo5(
+    () => 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;
+    return { total, done, percent: total > 0 ? done / total * 100 : 0 };
+  }, [data]);
+  const hasLovAttributes = useMemo5(
+    () => data.some(
+      (item) => item.isConfirmed && item.mappedCols.some((c) => valuesOntologyAttributes.includes(c))
+    ),
+    [data, valuesOntologyAttributes]
+  );
+  const handleMap = useCallback5((index, attribute) => {
+    setData((prev) => {
+      const next = [...prev];
+      const item = { ...next[index] };
+      item.mappedCols = [...item.mappedCols, attribute];
+      next[index] = item;
+      return next;
+    });
+  }, []);
+  const handleUnmap = useCallback5((index, attrIndex) => {
+    setData((prev) => {
+      const next = [...prev];
+      const item = { ...next[index] };
+      item.mappedCols = item.mappedCols.filter((_, i) => i !== attrIndex);
+      next[index] = item;
+      return next;
+    });
+  }, []);
+  const handleConfirm = useCallback5((index) => {
+    setData((prev) => {
+      const next = [...prev];
+      next[index] = { ...next[index], isConfirmed: true, isIgnored: false };
+      return next;
+    });
+  }, []);
+  const handleIgnore = useCallback5((index) => {
+    setData((prev) => {
+      const next = [...prev];
+      next[index] = { ...next[index], isIgnored: true, isConfirmed: false };
+      return next;
+    });
+  }, []);
+  const handleEdit = useCallback5((index) => {
+    setData((prev) => {
+      const next = [...prev];
+      next[index] = { ...next[index], isConfirmed: false, isIgnored: false };
+      return next;
+    });
+  }, []);
+  const handleValueChange = useCallback5(
+    (itemIndex, attribute, rawValue, mappedValue) => {
+      setData((prev) => {
+        const next = [...prev];
+        const item = { ...next[itemIndex] };
+        const attrValues = { ...item.mappedValues[attribute] || {} };
+        attrValues[rawValue] = mappedValue;
+        item.mappedValues = { ...item.mappedValues, [attribute]: attrValues };
+        next[itemIndex] = item;
+        return next;
+      });
+    },
+    []
+  );
+  const handleSubmit = useCallback5(() => {
+    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__ */ 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" })
+      ] }),
+      step === "attributes" && /* @__PURE__ */ jsxs11(Badge, { variant: "outline", className: "tabular-nums", 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,
+      {
+        item,
+        index: idx,
+        allAttributes,
+        allMappedAttributes,
+        onMap: handleMap,
+        onConfirm: handleConfirm,
+        onIgnore: handleIgnore,
+        onEdit: handleEdit,
+        onUnmap: handleUnmap
+      },
+      idx
+    )) }) : /* @__PURE__ */ jsx22(
+      ValueMappingPanel,
+      {
+        data,
+        valuesOntologyAttributes,
+        uniqueValues,
+        onValueChange: handleValueChange
+      }
+    ) }),
+    /* @__PURE__ */ jsx22(Separator2, {}),
+    /* @__PURE__ */ jsxs11("div", { className: "flex items-center justify-between", children: [
+      step === "values" ? /* @__PURE__ */ jsxs11(
+        Button,
+        {
+          variant: "outline",
+          size: "sm",
+          onClick: () => setStep("attributes"),
+          children: [
+            /* @__PURE__ */ jsx22(ArrowLeft2, { className: "mr-1.5 size-3.5" }),
+            "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"
+          }
+        )
+      ] })
+    ] })
+  ] });
+}
+
 // src/Automations/ProductAutomation.tsx
-import { useState as useState8, useEffect as useEffect5, useCallback as useCallback6, useRef as useRef5 } from "react";
-import { ArrowLeft as ArrowLeft2, Search as Search3, Loader2 as Loader26, ChevronDown as ChevronDown2, Play } from "lucide-react";
+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";
 
 // src/Automations/api.ts
 async function fetchAutomationList(storeId, tag, includeGroupings = false) {
@@ -2562,9 +3142,9 @@ function parseLovResponse(response, curl, configs) {
 }
 
 // src/Automations/SchemaFieldRenderer.tsx
-import { useCallback as useCallback5, useState as useState7 } from "react";
-import { Check as Check2, ChevronsUpDown as ChevronsUpDown2, Loader2 as Loader25, X } from "lucide-react";
-import { jsx as jsx21, jsxs as jsxs10 } from "react/jsx-runtime";
+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";
 function SchemaFieldRenderer({
   schema,
   configs,
@@ -2572,12 +3152,12 @@ function SchemaFieldRenderer({
   loadingOptions,
   onConfigChange
 }) {
-  return /* @__PURE__ */ jsx21("div", { className: "space-y-4", children: schema.map((item, idx) => {
+  return /* @__PURE__ */ jsx23("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__ */ jsx21("div", { className: "space-y-3", children: item.mapping_parameters.map((sub, subIdx) => {
+      return /* @__PURE__ */ jsx23("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__ */ jsx21(
+        return /* @__PURE__ */ jsx23(
           FieldSwitch,
           {
             item: sub,
@@ -2591,7 +3171,7 @@ function SchemaFieldRenderer({
         );
       }) }, idx);
     }
-    return /* @__PURE__ */ jsx21(
+    return /* @__PURE__ */ jsx23(
       FieldSwitch,
       {
         item,
@@ -2616,7 +3196,7 @@ function FieldSwitch({
   if (!shouldRenderAttribute(item.render_if, configs)) return null;
   switch (item.fieldtype) {
     case "freetext":
-      return /* @__PURE__ */ jsx21(
+      return /* @__PURE__ */ jsx23(
         FreetextField,
         {
           item,
@@ -2625,7 +3205,7 @@ function FieldSwitch({
         }
       );
     case "freetext_list":
-      return /* @__PURE__ */ jsx21(
+      return /* @__PURE__ */ jsx23(
         FreetextListField,
         {
           item,
@@ -2634,7 +3214,7 @@ function FieldSwitch({
         }
       );
     case "lov_singleselect":
-      return /* @__PURE__ */ jsx21(
+      return /* @__PURE__ */ jsx23(
         SingleSelectField,
         {
           item,
@@ -2645,7 +3225,7 @@ function FieldSwitch({
         }
       );
     case "lov_multipleselect":
-      return /* @__PURE__ */ jsx21(
+      return /* @__PURE__ */ jsx23(
         MultiSelectField,
         {
           item,
@@ -2656,7 +3236,7 @@ function FieldSwitch({
         }
       );
     case "image_singleselect":
-      return /* @__PURE__ */ jsx21(
+      return /* @__PURE__ */ jsx23(
         ImageSelectField,
         {
           item,
@@ -2665,7 +3245,7 @@ function FieldSwitch({
         }
       );
     case "boolean":
-      return /* @__PURE__ */ jsx21(
+      return /* @__PURE__ */ jsx23(
         BooleanField,
         {
           item,
@@ -2682,13 +3262,13 @@ function FreetextField({
   value,
   onChange
 }) {
-  return /* @__PURE__ */ jsxs10("div", { className: "space-y-1.5", children: [
-    /* @__PURE__ */ jsxs10(Label, { children: [
+  return /* @__PURE__ */ jsxs12("div", { className: "space-y-1.5", children: [
+    /* @__PURE__ */ jsxs12(Label, { children: [
       item.title,
-      item.required && /* @__PURE__ */ jsx21("span", { className: "text-destructive", children: " *" })
+      item.required && /* @__PURE__ */ jsx23("span", { className: "text-destructive", children: " *" })
     ] }),
-    item.description && /* @__PURE__ */ jsx21("p", { className: "text-xs text-muted-foreground", children: item.description }),
-    /* @__PURE__ */ jsx21(
+    item.description && /* @__PURE__ */ jsx23("p", { className: "text-xs text-muted-foreground", children: item.description }),
+    /* @__PURE__ */ jsx23(
       Input,
       {
         value: value ?? "",
@@ -2704,7 +3284,7 @@ function FreetextListField({
   value,
   onChange
 }) {
-  const [draft, setDraft] = useState7("");
+  const [draft, setDraft] = useState8("");
   const keywords = value ?? [];
   const addKeyword = () => {
     const trimmed = draft.trim();
@@ -2713,14 +3293,14 @@ function FreetextListField({
       setDraft("");
     }
   };
-  return /* @__PURE__ */ jsxs10("div", { className: "space-y-1.5", children: [
-    /* @__PURE__ */ jsxs10(Label, { children: [
+  return /* @__PURE__ */ jsxs12("div", { className: "space-y-1.5", children: [
+    /* @__PURE__ */ jsxs12(Label, { children: [
       item.title,
-      item.required && /* @__PURE__ */ jsx21("span", { className: "text-destructive", children: " *" })
+      item.required && /* @__PURE__ */ jsx23("span", { className: "text-destructive", children: " *" })
     ] }),
-    item.description && /* @__PURE__ */ jsx21("p", { className: "text-xs text-muted-foreground", children: item.description }),
-    /* @__PURE__ */ jsxs10("div", { className: "flex gap-2", children: [
-      /* @__PURE__ */ jsx21(
+    item.description && /* @__PURE__ */ jsx23("p", { className: "text-xs text-muted-foreground", children: item.description }),
+    /* @__PURE__ */ jsxs12("div", { className: "flex gap-2", children: [
+      /* @__PURE__ */ jsx23(
         Input,
         {
           value: draft,
@@ -2729,17 +3309,17 @@ function FreetextListField({
           placeholder: "Type and press Enter"
         }
       ),
-      /* @__PURE__ */ jsx21(Button, { variant: "outline", size: "sm", onClick: addKeyword, type: "button", children: "Add" })
+      /* @__PURE__ */ jsx23(Button, { variant: "outline", size: "sm", onClick: addKeyword, type: "button", children: "Add" })
     ] }),
-    keywords.length > 0 && /* @__PURE__ */ jsx21("div", { className: "flex flex-wrap gap-1.5 pt-1", children: keywords.map((kw) => /* @__PURE__ */ jsxs10(Badge, { variant: "secondary", className: "gap-1 pr-1", children: [
+    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: [
       kw,
-      /* @__PURE__ */ jsx21(
+      /* @__PURE__ */ jsx23(
         "button",
         {
           type: "button",
           onClick: () => onChange(keywords.filter((k) => k !== kw)),
           className: "ml-0.5 rounded-full hover:bg-muted",
-          children: /* @__PURE__ */ jsx21(X, { className: "size-3" })
+          children: /* @__PURE__ */ jsx23(X2, { className: "size-3" })
         }
       )
     ] }, kw)) })
@@ -2754,23 +3334,23 @@ function SingleSelectField({
 }) {
   const strOptions = Array.isArray(lovOptions) ? lovOptions.map(String) : [];
   const strValue = value != null ? String(value) : "";
-  return /* @__PURE__ */ jsxs10("div", { className: "space-y-1.5", children: [
-    /* @__PURE__ */ jsxs10(Label, { children: [
+  return /* @__PURE__ */ jsxs12("div", { className: "space-y-1.5", children: [
+    /* @__PURE__ */ jsxs12(Label, { children: [
       item.title,
-      item.required && /* @__PURE__ */ jsx21("span", { className: "text-destructive", children: " *" })
+      item.required && /* @__PURE__ */ jsx23("span", { className: "text-destructive", children: " *" })
     ] }),
-    item.description && /* @__PURE__ */ jsx21("p", { className: "text-xs text-muted-foreground", children: item.description }),
-    loading ? /* @__PURE__ */ jsxs10("div", { className: "flex items-center gap-2 text-sm text-muted-foreground", children: [
-      /* @__PURE__ */ jsx21(Loader25, { className: "size-4 animate-spin" }),
+    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" }),
       "Loading options..."
-    ] }) : /* @__PURE__ */ jsxs10(
+    ] }) : /* @__PURE__ */ jsxs12(
       Select,
       {
         value: strValue,
         onValueChange: (v) => onChange(item.valuetype === "integer" ? Number(v) : v),
         children: [
-          /* @__PURE__ */ jsx21(SelectTrigger, { children: /* @__PURE__ */ jsx21(SelectValue, { placeholder: "Select..." }) }),
-          /* @__PURE__ */ jsx21(SelectContent, { children: strOptions.map((opt) => /* @__PURE__ */ jsx21(SelectItem, { value: opt, children: opt }, opt)) })
+          /* @__PURE__ */ jsx23(SelectTrigger, { children: /* @__PURE__ */ jsx23(SelectValue, { placeholder: "Select..." }) }),
+          /* @__PURE__ */ jsx23(SelectContent, { children: strOptions.map((opt) => /* @__PURE__ */ jsx23(SelectItem, { value: opt, children: opt }, opt)) })
         ]
       }
     )
@@ -2783,10 +3363,10 @@ function MultiSelectField({
   loading,
   onChange
 }) {
-  const [open, setOpen] = useState7(false);
+  const [open, setOpen] = useState8(false);
   const selected = value ?? [];
   const strOptions = Array.isArray(lovOptions) ? lovOptions.map(String) : [];
-  const toggle = useCallback5(
+  const toggle = useCallback6(
     (opt) => {
       onChange(
         selected.includes(opt) ? selected.filter((s) => s !== opt) : [...selected, opt]
@@ -2794,41 +3374,41 @@ function MultiSelectField({
     },
     [selected, onChange]
   );
-  return /* @__PURE__ */ jsxs10("div", { className: "space-y-1.5", children: [
-    /* @__PURE__ */ jsxs10(Label, { children: [
+  return /* @__PURE__ */ jsxs12("div", { className: "space-y-1.5", children: [
+    /* @__PURE__ */ jsxs12(Label, { children: [
       item.title,
-      item.required && /* @__PURE__ */ jsx21("span", { className: "text-destructive", children: " *" })
+      item.required && /* @__PURE__ */ jsx23("span", { className: "text-destructive", children: " *" })
     ] }),
-    item.description && /* @__PURE__ */ jsx21("p", { className: "text-xs text-muted-foreground", children: item.description }),
-    loading ? /* @__PURE__ */ jsxs10("div", { className: "flex items-center gap-2 text-sm text-muted-foreground", children: [
-      /* @__PURE__ */ jsx21(Loader25, { className: "size-4 animate-spin" }),
+    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" }),
       "Loading options..."
-    ] }) : /* @__PURE__ */ jsxs10(Popover, { open, onOpenChange: setOpen, children: [
-      /* @__PURE__ */ jsx21(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxs10(
+    ] }) : /* @__PURE__ */ jsxs12(Popover, { open, onOpenChange: setOpen, children: [
+      /* @__PURE__ */ jsx23(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxs12(
         Button,
         {
           variant: "outline",
           className: "w-full justify-between font-normal",
           children: [
-            selected.length > 0 ? /* @__PURE__ */ jsx21("div", { className: "flex flex-wrap gap-1", children: selected.map((s) => /* @__PURE__ */ jsx21(Badge, { variant: "secondary", className: "text-xs", children: s }, s)) }) : /* @__PURE__ */ jsx21("span", { className: "text-muted-foreground", children: "Select..." }),
-            /* @__PURE__ */ jsx21(ChevronsUpDown2, { className: "ml-2 size-4 shrink-0 opacity-50" })
+            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" })
           ]
         }
       ) }),
-      /* @__PURE__ */ jsx21(PopoverContent, { className: "w-[260px] 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: strOptions.map((opt) => {
+      /* @__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) => {
             const isSelected = selected.includes(opt);
-            return /* @__PURE__ */ jsxs10(
+            return /* @__PURE__ */ jsxs12(
               CommandItem,
               {
                 value: opt,
                 onSelect: () => toggle(opt),
                 children: [
-                  /* @__PURE__ */ jsx21(
-                    Check2,
+                  /* @__PURE__ */ jsx23(
+                    Check3,
                     {
                       className: cn(
                         "mr-2 size-4",
@@ -2853,12 +3433,12 @@ function ImageSelectField({
   onChange
 }) {
   const images = item.lov ?? [];
-  return /* @__PURE__ */ jsxs10("div", { className: "space-y-1.5", children: [
-    /* @__PURE__ */ jsxs10(Label, { children: [
+  return /* @__PURE__ */ jsxs12("div", { className: "space-y-1.5", children: [
+    /* @__PURE__ */ jsxs12(Label, { children: [
       item.title,
-      item.required && /* @__PURE__ */ jsx21("span", { className: "text-destructive", children: " *" })
+      item.required && /* @__PURE__ */ jsx23("span", { className: "text-destructive", children: " *" })
     ] }),
-    /* @__PURE__ */ jsx21("div", { className: "flex flex-wrap gap-3", children: images.map((url) => /* @__PURE__ */ jsxs10(
+    /* @__PURE__ */ jsx23("div", { className: "flex flex-wrap gap-3", children: images.map((url) => /* @__PURE__ */ jsxs12(
       "button",
       {
         type: "button",
@@ -2868,8 +3448,8 @@ function ImageSelectField({
           value === url ? "border-primary ring-2 ring-primary/30" : "border-border hover:border-primary/50"
         ),
         children: [
-          /* @__PURE__ */ jsx21("img", { src: url, alt: "", className: "size-20 object-cover" }),
-          value === url && /* @__PURE__ */ jsx21("div", { className: "absolute right-1 top-1 rounded-full bg-primary p-0.5 text-primary-foreground", children: /* @__PURE__ */ jsx21(Check2, { className: "size-3" }) })
+          /* @__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" }) })
         ]
       },
       url
@@ -2881,23 +3461,23 @@ function BooleanField({
   value,
   onChange
 }) {
-  return /* @__PURE__ */ jsxs10("div", { className: "flex items-center gap-2 py-1", children: [
-    /* @__PURE__ */ jsx21(
+  return /* @__PURE__ */ jsxs12("div", { className: "flex items-center gap-2 py-1", children: [
+    /* @__PURE__ */ jsx23(
       Checkbox,
       {
         checked: !!value,
         onCheckedChange: (checked) => onChange(!!checked)
       }
     ),
-    /* @__PURE__ */ jsxs10(Label, { className: "cursor-pointer", onClick: () => onChange(!value), children: [
+    /* @__PURE__ */ jsxs12(Label, { className: "cursor-pointer", onClick: () => onChange(!value), children: [
       item.title,
-      item.required && /* @__PURE__ */ jsx21("span", { className: "text-destructive", children: " *" })
+      item.required && /* @__PURE__ */ jsx23("span", { className: "text-destructive", children: " *" })
     ] })
   ] });
 }
 
 // src/Automations/ProductAutomation.tsx
-import { Fragment as Fragment4, jsx as jsx22, jsxs as jsxs11 } from "react/jsx-runtime";
+import { Fragment as Fragment4, jsx as jsx24, jsxs as jsxs13 } from "react/jsx-runtime";
 function ProductAutomation({
   storeId,
   workspaceId,
@@ -2913,17 +3493,17 @@ function ProductAutomation({
   onSubmit,
   onAutomationApplied
 }) {
-  const [loading, setLoading] = useState8(true);
-  const [automationGroups, setAutomationGroups] = useState8({});
-  const [expandedGroups, setExpandedGroups] = useState8([]);
-  const [searchQuery, setSearchQuery] = useState8("");
-  const [selected, setSelected] = useState8(null);
-  const [schema, setSchema] = useState8([]);
-  const [configs, setConfigs] = useState8({});
-  const [options, setOptions] = useState8({});
-  const [loadingOptions, setLoadingOptions] = useState8({});
-  const [schemaLoading, setSchemaLoading] = useState8(false);
-  const [applying, setApplying] = useState8(false);
+  const [loading, setLoading] = useState9(true);
+  const [automationGroups, setAutomationGroups] = useState9({});
+  const [expandedGroups, setExpandedGroups] = useState9([]);
+  const [searchQuery, setSearchQuery] = useState9("");
+  const [selected, setSelected] = useState9(null);
+  const [schema, setSchema] = useState9([]);
+  const [configs, setConfigs] = useState9({});
+  const [options, setOptions] = useState9({});
+  const [loadingOptions, setLoadingOptions] = useState9({});
+  const [schemaLoading, setSchemaLoading] = useState9(false);
+  const [applying, setApplying] = useState9(false);
   const configsRef = useRef5(configs);
   configsRef.current = configs;
   const optionsRef = useRef5(options);
@@ -2994,7 +3574,7 @@ function ProductAutomation({
       }
     }
   }, [schema, configs, channelsWithVersion]);
-  const handleConfigChange = useCallback6(
+  const handleConfigChange = useCallback7(
     (key, value, item) => {
       setConfigs((prev) => {
         const parentItem = schema.find(
@@ -3020,7 +3600,7 @@ function ProductAutomation({
     },
     [schema]
   );
-  const isRunAllowed = useCallback6(() => {
+  const isRunAllowed = useCallback7(() => {
     for (const item of schema) {
       if (!shouldRenderAttribute(item.render_if, configs)) continue;
       if (item.required) {
@@ -3070,18 +3650,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__ */ jsxs11("div", { className: "flex h-full flex-col gap-3 p-3", children: [
-      /* @__PURE__ */ jsxs11("div", { className: "flex items-center gap-2", children: [
-        /* @__PURE__ */ jsx22(Button, { variant: "ghost", size: "icon", onClick: onClose, children: /* @__PURE__ */ jsx22(ArrowLeft2, { className: "size-4" }) }),
-        /* @__PURE__ */ jsx22("h3", { className: "text-base font-semibold", children: "Automations" }),
-        /* @__PURE__ */ jsxs11(Badge, { variant: "secondary", children: [
+    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: [
           productsCount,
           " products"
         ] })
       ] }),
-      /* @__PURE__ */ jsxs11("div", { className: "relative", children: [
-        /* @__PURE__ */ jsx22(Search3, { className: "absolute left-2.5 top-1/2 size-4 -translate-y-1/2 text-muted-foreground" }),
-        /* @__PURE__ */ jsx22(
+      /* @__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(
           Input,
           {
             placeholder: "Search automations...",
@@ -3091,12 +3671,12 @@ function ProductAutomation({
           }
         )
       ] }),
-      /* @__PURE__ */ jsxs11("div", { className: "flex items-center gap-4 border-b px-2 pb-2 text-xs font-medium text-muted-foreground", children: [
-        /* @__PURE__ */ jsx22("span", { className: "flex-[5]", children: "Automation" }),
-        /* @__PURE__ */ jsx22("span", { className: "flex-[1.5] text-center", children: "Est. Time" }),
-        /* @__PURE__ */ jsx22("span", { className: "flex-[1.5] text-center", children: "Credits" })
+      /* @__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__ */ jsx22("div", { className: "flex-1 overflow-y-auto", children: loading ? /* @__PURE__ */ jsx22("div", { className: "space-y-3 p-2", children: Array.from({ length: 6 }).map((_, i) => /* @__PURE__ */ jsx22(Skeleton, { className: "h-14 w-full rounded-md" }, i)) }) : filtered ? filtered.map((item) => /* @__PURE__ */ jsx22(
+      /* @__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(
         AutomationRow,
         {
           item,
@@ -3104,8 +3684,8 @@ function ProductAutomation({
           onClick: () => setSelected(item)
         },
         item.automation
-      )) : Object.keys(automationGroups).sort().map((group) => /* @__PURE__ */ jsxs11("div", { children: [
-        /* @__PURE__ */ jsxs11(
+      )) : Object.keys(automationGroups).sort().map((group) => /* @__PURE__ */ jsxs13("div", { children: [
+        /* @__PURE__ */ jsxs13(
           "button",
           {
             type: "button",
@@ -3115,8 +3695,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__ */ jsx22(
-                ChevronDown2,
+              /* @__PURE__ */ jsx24(
+                ChevronDown3,
                 {
                   className: cn(
                     "size-4 transition-transform",
@@ -3127,7 +3707,7 @@ function ProductAutomation({
             ]
           }
         ),
-        expandedGroups.includes(group) && automationGroups[group].map((item) => /* @__PURE__ */ jsx22(
+        expandedGroups.includes(group) && automationGroups[group].map((item) => /* @__PURE__ */ jsx24(
           AutomationRow,
           {
             item,
@@ -3139,15 +3719,15 @@ function ProductAutomation({
       ] }, group)) })
     ] });
   }
-  return /* @__PURE__ */ jsxs11("div", { className: "flex h-full flex-col gap-3 p-3", children: [
-    /* @__PURE__ */ jsxs11("div", { className: "flex items-center gap-2", children: [
-      /* @__PURE__ */ jsx22(Button, { variant: "ghost", size: "icon", onClick: () => setSelected(null), children: /* @__PURE__ */ jsx22(ArrowLeft2, { className: "size-4" }) }),
-      /* @__PURE__ */ jsx22("h3", { className: "text-base font-semibold", children: selected.display_name })
+  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 })
     ] }),
-    selected.preview && /* @__PURE__ */ jsxs11("div", { className: "space-y-2 rounded-lg bg-muted/50 p-3 text-sm", children: [
-      selected.preview.info_text.map((text, i) => /* @__PURE__ */ jsx22("p", { className: "text-muted-foreground", children: text }, i)),
-      selected.preview.media.length > 0 && /* @__PURE__ */ jsx22("div", { className: "flex flex-wrap gap-2 pt-1", children: selected.preview.media.map(
-        (m, i) => m.type === "image" ? /* @__PURE__ */ jsx22(
+    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(
           "img",
           {
             src: m.src,
@@ -3158,8 +3738,8 @@ function ProductAutomation({
         ) : null
       ) })
     ] }),
-    /* @__PURE__ */ jsx22(Separator2, {}),
-    /* @__PURE__ */ jsx22("div", { className: "flex-1 overflow-y-auto", children: schemaLoading ? /* @__PURE__ */ jsx22("div", { className: "space-y-3 p-2", children: Array.from({ length: 4 }).map((_, i) => /* @__PURE__ */ jsx22(Skeleton, { className: "h-12 w-full rounded-md" }, i)) }) : /* @__PURE__ */ jsx22(
+    /* @__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(
       SchemaFieldRenderer,
       {
         schema,
@@ -3169,26 +3749,26 @@ function ProductAutomation({
         onConfigChange: handleConfigChange
       }
     ) }),
-    /* @__PURE__ */ jsx22(Separator2, {}),
-    /* @__PURE__ */ jsxs11("div", { className: "flex items-center gap-2", children: [
-      /* @__PURE__ */ jsx22(
+    /* @__PURE__ */ jsx24(Separator2, {}),
+    /* @__PURE__ */ jsxs13("div", { className: "flex items-center gap-2", children: [
+      /* @__PURE__ */ jsx24(
         Button,
         {
           onClick: handleRun,
           disabled: !isRunAllowed() || applying,
           className: "flex-1",
-          children: applying ? /* @__PURE__ */ jsxs11(Fragment4, { children: [
-            /* @__PURE__ */ jsx22(Loader26, { className: "size-4 animate-spin" }),
+          children: applying ? /* @__PURE__ */ jsxs13(Fragment4, { children: [
+            /* @__PURE__ */ jsx24(Loader26, { className: "size-4 animate-spin" }),
             "Applying..."
-          ] }) : /* @__PURE__ */ jsxs11(Fragment4, { children: [
-            /* @__PURE__ */ jsx22(Play, { className: "size-4" }),
+          ] }) : /* @__PURE__ */ jsxs13(Fragment4, { children: [
+            /* @__PURE__ */ jsx24(Play, { className: "size-4" }),
             "Run Automation"
           ] })
         }
       ),
-      /* @__PURE__ */ jsx22(Button, { variant: "outline", onClick: () => setSelected(null), children: "Cancel" })
+      /* @__PURE__ */ jsx24(Button, { variant: "outline", onClick: () => setSelected(null), children: "Cancel" })
     ] }),
-    /* @__PURE__ */ jsx22("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__ */ 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." })
   ] });
 }
 function AutomationRow({
@@ -3198,19 +3778,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__ */ jsxs11(
+  return /* @__PURE__ */ jsxs13(
     "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__ */ jsxs11("div", { className: "flex-[5] min-w-0", children: [
-          /* @__PURE__ */ jsx22("div", { className: "text-sm font-medium", children: item.display_name }),
-          item.description && /* @__PURE__ */ jsx22("div", { className: "truncate text-xs text-muted-foreground", children: item.description })
+        /* @__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__ */ jsx22("div", { className: "flex-[1.5] text-center text-xs text-muted-foreground", children: estTime }),
-        /* @__PURE__ */ jsx22("div", { className: "flex-[1.5] text-center text-xs text-muted-foreground", children: credits })
+        /* @__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 })
       ]
     }
   );
@@ -3222,9 +3802,9 @@ function formatTimeSaved(totalSeconds) {
 }
 
 // src/Automations/StoreAutomation.tsx
-import { useState as useState9, useEffect as useEffect6, useCallback as useCallback7, useRef as useRef6 } from "react";
-import { ArrowLeft as ArrowLeft3, Settings } from "lucide-react";
-import { Fragment as Fragment5, jsx as jsx23, jsxs as jsxs12 } from "react/jsx-runtime";
+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";
 function StoreAutomation({
   storeId,
   channelsWithVersion,
@@ -3232,10 +3812,10 @@ function StoreAutomation({
   onSubmit,
   onClose
 }) {
-  const [loading, setLoading] = useState9(true);
-  const [automations, setAutomations] = useState9([]);
-  const [selectedConfigs, setSelectedConfigs] = useState9({ ...enabledAutomations });
-  const [selectedAutomation, setSelectedAutomation] = useState9(null);
+  const [loading, setLoading] = useState10(true);
+  const [automations, setAutomations] = useState10([]);
+  const [selectedConfigs, setSelectedConfigs] = useState10({ ...enabledAutomations });
+  const [selectedAutomation, setSelectedAutomation] = useState10(null);
   useEffect6(() => {
     setLoading(true);
     fetchAutomationList(storeId, "default").then((data) => {
@@ -3248,7 +3828,7 @@ function StoreAutomation({
       );
     }).catch(console.error).finally(() => setLoading(false));
   }, [storeId, enabledAutomations]);
-  const toggleAutomation = useCallback7((automationName) => {
+  const toggleAutomation = useCallback8((automationName) => {
     setAutomations(
       (prev) => prev.map(
         (a) => a.automation === automationName ? { ...a, isEnabled: !a.isEnabled } : a
@@ -3281,7 +3861,7 @@ function StoreAutomation({
     setSelectedAutomation(null);
   };
   if (selectedAutomation) {
-    return /* @__PURE__ */ jsx23(
+    return /* @__PURE__ */ jsx25(
       AutomationConfigEditor,
       {
         storeId,
@@ -3293,46 +3873,46 @@ function StoreAutomation({
       }
     );
   }
-  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: [
-      onClose && /* @__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: "Default Store Automations" })
+  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" })
     ] }),
-    /* @__PURE__ */ jsx23(Separator2, {}),
-    loading ? /* @__PURE__ */ jsx23("div", { className: "space-y-3 p-2", children: Array.from({ length: 5 }).map((_, i) => /* @__PURE__ */ jsx23(Skeleton, { className: "h-14 w-full rounded-md" }, i)) }) : /* @__PURE__ */ jsx23("div", { className: "flex-1 overflow-y-auto", children: /* @__PURE__ */ jsxs12(Table, { children: [
-      /* @__PURE__ */ jsx23(TableHeader, { children: /* @__PURE__ */ jsxs12(TableRow, { children: [
-        /* @__PURE__ */ jsx23(TableHead, { children: "Automation" }),
-        /* @__PURE__ */ jsx23(TableHead, { className: "w-24 text-center", children: "Avg. Time" }),
-        /* @__PURE__ */ jsx23(TableHead, { className: "w-28 text-center", children: "Credits/Prd" }),
-        /* @__PURE__ */ jsx23(TableHead, { className: "w-28 text-center", children: "Status" }),
-        /* @__PURE__ */ jsx23(TableHead, { className: "w-12" })
+    /* @__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__ */ jsx23(TableBody, { children: automations.map((a) => /* @__PURE__ */ jsxs12(
+      /* @__PURE__ */ jsx25(TableBody, { children: automations.map((a) => /* @__PURE__ */ jsxs14(
         TableRow,
         {
           className: "cursor-pointer",
           onClick: () => setSelectedAutomation(a),
           children: [
-            /* @__PURE__ */ jsxs12(TableCell, { children: [
-              /* @__PURE__ */ jsx23("div", { className: "text-sm font-medium", children: a.display_name }),
-              a.description && /* @__PURE__ */ jsx23("div", { className: "text-xs text-muted-foreground", children: a.description })
+            /* @__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__ */ jsx23(TableCell, { className: "text-center text-xs", children: a.estimate_run_time ?? "\u2014" }),
-            /* @__PURE__ */ jsx23(TableCell, { className: "text-center text-xs", children: a.credits ?? "\u2014" }),
-            /* @__PURE__ */ jsx23(TableCell, { className: "text-center", children: /* @__PURE__ */ jsxs12(
+            /* @__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(
               "div",
               {
                 className: "flex items-center justify-center gap-2",
                 onClick: (e) => e.stopPropagation(),
                 children: [
-                  /* @__PURE__ */ jsx23(
+                  /* @__PURE__ */ jsx25(
                     Switch,
                     {
                       checked: a.isEnabled,
                       onCheckedChange: () => toggleAutomation(a.automation)
                     }
                   ),
-                  /* @__PURE__ */ jsx23(
+                  /* @__PURE__ */ jsx25(
                     Badge,
                     {
                       variant: a.isEnabled ? "default" : "secondary",
@@ -3343,16 +3923,16 @@ function StoreAutomation({
                 ]
               }
             ) }),
-            /* @__PURE__ */ jsx23(TableCell, { children: /* @__PURE__ */ jsx23(Settings, { className: "size-4 text-muted-foreground" }) })
+            /* @__PURE__ */ jsx25(TableCell, { children: /* @__PURE__ */ jsx25(Settings, { className: "size-4 text-muted-foreground" }) })
           ]
         },
         a.automation
       )) })
     ] }) }),
-    /* @__PURE__ */ jsx23(Separator2, {}),
-    /* @__PURE__ */ jsxs12("div", { className: "flex justify-end gap-2", children: [
-      onClose && /* @__PURE__ */ jsx23(Button, { variant: "outline", onClick: onClose, children: "Cancel" }),
-      /* @__PURE__ */ jsx23(Button, { onClick: handleSave, children: "Save Changes" })
+    /* @__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" })
     ] })
   ] });
 }
@@ -3364,13 +3944,13 @@ function AutomationConfigEditor({
   onClose,
   onToggle
 }) {
-  const [schemaLoading, setSchemaLoading] = useState9(false);
-  const [schema, setSchema] = useState9([]);
-  const [configs, setConfigs] = useState9(
+  const [schemaLoading, setSchemaLoading] = useState10(false);
+  const [schema, setSchema] = useState10([]);
+  const [configs, setConfigs] = useState10(
     initialConfigs ?? {}
   );
-  const [options, setOptions] = useState9({});
-  const [loadingOptions, setLoadingOptions] = useState9({});
+  const [options, setOptions] = useState10({});
+  const [loadingOptions, setLoadingOptions] = useState10({});
   const configsRef = useRef6(configs);
   configsRef.current = configs;
   const optionsRef = useRef6(options);
@@ -3417,7 +3997,7 @@ function AutomationConfigEditor({
       }
     }
   }, [schema, configs, channelsWithVersion]);
-  const handleConfigChange = useCallback7(
+  const handleConfigChange = useCallback8(
     (key, value, item) => {
       setConfigs((prev) => ({ ...prev, [key]: value }));
       if (item.linked?.length) {
@@ -3433,36 +4013,36 @@ function AutomationConfigEditor({
     },
     []
   );
-  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(
+  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(
         Button,
         {
           variant: "ghost",
           size: "icon",
           onClick: () => onClose(automation, configs),
-          children: /* @__PURE__ */ jsx23(ArrowLeft3, { className: "size-4" })
+          children: /* @__PURE__ */ jsx25(ArrowLeft4, { className: "size-4" })
         }
       ),
-      /* @__PURE__ */ jsx23("h3", { className: "text-base font-semibold", children: automation.display_name })
+      /* @__PURE__ */ jsx25("h3", { className: "text-base font-semibold", children: automation.display_name })
     ] }),
-    /* @__PURE__ */ jsxs12("div", { className: "flex gap-4 text-sm", children: [
-      /* @__PURE__ */ jsxs12("div", { className: "text-muted-foreground", children: [
+    /* @__PURE__ */ jsxs14("div", { className: "flex gap-4 text-sm", children: [
+      /* @__PURE__ */ jsxs14("div", { className: "text-muted-foreground", children: [
         "Est. time: ",
-        /* @__PURE__ */ jsx23("span", { className: "text-foreground", children: automation.estimate_run_time ?? "\u2014" })
+        /* @__PURE__ */ jsx25("span", { className: "text-foreground", children: automation.estimate_run_time ?? "\u2014" })
       ] }),
-      /* @__PURE__ */ jsxs12("div", { className: "text-muted-foreground", children: [
+      /* @__PURE__ */ jsxs14("div", { className: "text-muted-foreground", children: [
         "Credits/prd: ",
-        /* @__PURE__ */ jsx23("span", { className: "text-foreground", children: automation.credits ?? "\u2014" })
+        /* @__PURE__ */ jsx25("span", { className: "text-foreground", children: automation.credits ?? "\u2014" })
       ] })
     ] }),
-    /* @__PURE__ */ jsx23(Separator2, {}),
-    /* @__PURE__ */ jsxs12("div", { className: "flex items-center gap-2", children: [
-      /* @__PURE__ */ jsx23("span", { className: "text-sm font-medium", children: automation.isEnabled ? "Enabled" : "Disabled" }),
-      /* @__PURE__ */ jsx23(Switch, { checked: automation.isEnabled, onCheckedChange: onToggle })
+    /* @__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__ */ jsx23(Separator2, {}),
-    /* @__PURE__ */ jsx23("div", { className: "flex-1 overflow-y-auto", children: automation.isEnabled ? 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(
+    /* @__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(
       SchemaFieldRenderer,
       {
         schema,
@@ -3471,13 +4051,13 @@ function AutomationConfigEditor({
         loadingOptions,
         onConfigChange: handleConfigChange
       }
-    ) : /* @__PURE__ */ jsx23("p", { className: "py-4 text-center text-sm text-muted-foreground", children: "Enable this automation to configure it." }) }),
-    automation.preview && /* @__PURE__ */ jsxs12(Fragment5, { children: [
-      /* @__PURE__ */ jsx23(Separator2, {}),
-      /* @__PURE__ */ jsxs12("div", { className: "space-y-2 rounded-lg bg-muted/50 p-3 text-sm", children: [
-        automation.preview.info_text.map((text, i) => /* @__PURE__ */ jsx23("p", { className: "text-muted-foreground", children: text }, i)),
-        automation.preview.media.length > 0 && /* @__PURE__ */ jsx23("div", { className: "flex flex-wrap gap-2 pt-1", children: automation.preview.media.map(
-          (m, i) => m.type === "image" ? /* @__PURE__ */ jsx23(
+    ) : /* @__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(
             "img",
             {
               src: m.src,
@@ -3493,14 +4073,16 @@ function AutomationConfigEditor({
 }
 
 // src/CatalogixChat.tsx
-import { jsx as jsx24, jsxs as jsxs13 } from "react/jsx-runtime";
+import { jsx as jsx26, jsxs as jsxs15 } from "react/jsx-runtime";
 var SECTION_MAP = {
   "catalogix:create-store": "create_store",
   create_or_select_store: "create_store",
   "catalogix:select-products": "select_products",
   select_products: "select_products",
   "catalogix:automations": "automations",
-  trigger_automation: "trigger_automation"
+  trigger_automation: "trigger_automation",
+  "catalogix:map-attributes": "map_attributes",
+  map_attributes: "map_attributes"
 };
 function CatalogixChat(props) {
   const { uiProps, meta, onSubmit, workspaceId, userId } = props;
@@ -3521,7 +4103,7 @@ function CatalogixChat(props) {
     configureApi({ catalogixBaseUrl });
   }, [catalogixBaseUrl]);
   if (section === "select_products") {
-    return /* @__PURE__ */ jsx24(
+    return /* @__PURE__ */ jsx26(
       SelectProducts,
       {
         workspaceId,
@@ -3537,7 +4119,7 @@ function CatalogixChat(props) {
     );
   }
   if (section === "create_store") {
-    return /* @__PURE__ */ jsx24(
+    return /* @__PURE__ */ jsx26(
       CreateStore,
       {
         workspaceId,
@@ -3550,8 +4132,24 @@ function CatalogixChat(props) {
       }
     );
   }
+  if (section === "map_attributes") {
+    return /* @__PURE__ */ jsx26(
+      MapAttributesChat,
+      {
+        mappingData: uiProps.mappingData ?? [],
+        mpAttributes: uiProps.mpAttributes ?? {},
+        valuesOntologyAttributes: uiProps.valuesOntologyAttributes ?? [],
+        columns: uiProps.columns ?? [],
+        uniqueValues: uiProps.uniqueValues ?? {},
+        storeId,
+        submitted: props.submitted,
+        submittedValues: props.submittedValues,
+        onSubmit: (mapping) => onSubmit(mapping, "Attribute mapping confirmed.")
+      }
+    );
+  }
   if (section === "trigger_automation") {
-    return /* @__PURE__ */ jsx24(
+    return /* @__PURE__ */ jsx26(
       ProductAutomation,
       {
         storeId,
@@ -3571,7 +4169,7 @@ function CatalogixChat(props) {
     );
   }
   if (section === "automations") {
-    return /* @__PURE__ */ jsx24(
+    return /* @__PURE__ */ jsx26(
       StoreAutomation,
       {
         storeId,
@@ -3582,11 +4180,11 @@ function CatalogixChat(props) {
       }
     );
   }
-  return /* @__PURE__ */ jsx24("div", { className: "p-4 text-sm text-muted-foreground", children: /* @__PURE__ */ jsxs13("p", { children: [
-    /* @__PURE__ */ jsx24("strong", { children: "Catalogix" }),
+  return /* @__PURE__ */ jsx26("div", { className: "p-4 text-sm text-muted-foreground", children: /* @__PURE__ */ jsxs15("p", { children: [
+    /* @__PURE__ */ jsx26("strong", { children: "Catalogix" }),
     " \u2014 unknown section:",
     " ",
-    /* @__PURE__ */ jsx24("code", { children: section || "(none)" })
+    /* @__PURE__ */ jsx26("code", { children: section || "(none)" })
   ] }) });
 }
 
@@ -3632,11 +4230,26 @@ var catalogixManifest = [
       position: "relative",
       width: "100%"
     }
+  },
+  {
+    name: "catalogix:map-attributes",
+    aliases: ["map_attributes"],
+    service: "catalogix",
+    description: "Review and fix attribute mappings",
+    containerStyle: {
+      overflow: "auto",
+      marginTop: "8px",
+      paddingBottom: "16px",
+      height: "600px",
+      position: "relative",
+      width: "100%"
+    }
   }
 ];
 export {
   CatalogixChat,
   CreateStore,
+  MapAttributesChat,
   ProductAutomation,
   SelectProducts,
   StoreAutomation,