@streamoid/catalogix-chat 0.2.3 → 0.2.5

package/dist/index.js

@@ -2434,9 +2434,429 @@ function CreateStore({
   ] });
 }
 
+// src/MapAttributes/index.tsx
+import { 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,
+  Send
+} from "lucide-react";
+import { jsx as jsx21, jsxs as jsxs10 } from "react/jsx-runtime";
+function getAllAttributes(mpAttributes) {
+  return Object.values(mpAttributes).flat();
+}
+function AttributeRow({
+  item,
+  index,
+  allAttributes,
+  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__ */ 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 flex-1", 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__ */ 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 flex-1", 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__ */ jsxs10("div", { className: "py-2 space-y-1.5", 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__ */ jsx21(
+            "button",
+            {
+              type: "button",
+              onClick: () => onUnmap(index, attrIdx),
+              className: "ml-0.5 rounded-full hover:bg-muted",
+              children: /* @__PURE__ */ jsx21(X, { className: "size-2.5" })
+            }
+          )
+        ]
+      },
+      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",
+        {
+          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" })
+        }
+      ),
+      /* @__PURE__ */ jsx21(
+        "button",
+        {
+          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" })
+        }
+      )
+    ] })
+  ] });
+}
+function ValueMappingPanel({
+  data,
+  valuesOntologyAttributes,
+  uniqueValues,
+  onValueChange
+}) {
+  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]);
+  if (lovItems.length === 0) {
+    return /* @__PURE__ */ jsx21("div", { className: "flex items-center justify-center py-6 text-xs text-muted-foreground", children: "No value mapping required." });
+  }
+  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__ */ 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,
+  uniqueValues,
+  submitted,
+  onSubmit
+}) {
+  const [data, setData] = useState7(
+    () => initialData.map((item) => ({ ...item }))
+  );
+  const [step, setStep] = useState7("attributes");
+  const allAttributes = useMemo5(
+    () => getAllAttributes(mpAttributes),
+    [mpAttributes]
+  );
+  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__ */ 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__ */ jsxs10(Card, { className: "w-full 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__ */ 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
+        ] })
+      ] })
+    ] }),
+    /* @__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,
+        onMap: handleMap,
+        onConfirm: handleConfirm,
+        onIgnore: handleIgnore,
+        onEdit: handleEdit,
+        onUnmap: handleUnmap
+      },
+      idx
+    )) }) : /* @__PURE__ */ jsx21(
+      ValueMappingPanel,
+      {
+        data,
+        valuesOntologyAttributes,
+        uniqueValues,
+        onValueChange: handleValueChange
+      }
+    ) }),
+    /* @__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: "ghost",
+          size: "sm",
+          onClick: () => setStep("attributes"),
+          className: "h-7 text-xs text-muted-foreground hover:text-foreground",
+          children: [
+            /* @__PURE__ */ jsx21(ArrowLeft2, { className: "mr-1 size-3" }),
+            "Back"
+          ]
+        }
+      ),
+      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,
+          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 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 ChevronDown2, Play } from "lucide-react";
 
 // src/Automations/api.ts
 async function fetchAutomationList(storeId, tag, includeGroupings = false) {
@@ -2562,9 +2982,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 jsx22, jsxs as jsxs11 } from "react/jsx-runtime";
 function SchemaFieldRenderer({
   schema,
   configs,
@@ -2572,12 +2992,12 @@ function SchemaFieldRenderer({
   loadingOptions,
   onConfigChange
 }) {
-  return /* @__PURE__ */ jsx21("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__ */ jsx21("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__ */ jsx21(
+        return /* @__PURE__ */ jsx22(
           FieldSwitch,
           {
             item: sub,
@@ -2591,7 +3011,7 @@ function SchemaFieldRenderer({
         );
       }) }, idx);
     }
-    return /* @__PURE__ */ jsx21(
+    return /* @__PURE__ */ jsx22(
       FieldSwitch,
       {
         item,
@@ -2616,7 +3036,7 @@ function FieldSwitch({
   if (!shouldRenderAttribute(item.render_if, configs)) return null;
   switch (item.fieldtype) {
     case "freetext":
-      return /* @__PURE__ */ jsx21(
+      return /* @__PURE__ */ jsx22(
         FreetextField,
         {
           item,
@@ -2625,7 +3045,7 @@ function FieldSwitch({
         }
       );
     case "freetext_list":
-      return /* @__PURE__ */ jsx21(
+      return /* @__PURE__ */ jsx22(
         FreetextListField,
         {
           item,
@@ -2634,7 +3054,7 @@ function FieldSwitch({
         }
       );
     case "lov_singleselect":
-      return /* @__PURE__ */ jsx21(
+      return /* @__PURE__ */ jsx22(
         SingleSelectField,
         {
           item,
@@ -2645,7 +3065,7 @@ function FieldSwitch({
         }
       );
     case "lov_multipleselect":
-      return /* @__PURE__ */ jsx21(
+      return /* @__PURE__ */ jsx22(
         MultiSelectField,
         {
           item,
@@ -2656,7 +3076,7 @@ function FieldSwitch({
         }
       );
     case "image_singleselect":
-      return /* @__PURE__ */ jsx21(
+      return /* @__PURE__ */ jsx22(
         ImageSelectField,
         {
           item,
@@ -2665,7 +3085,7 @@ function FieldSwitch({
         }
       );
     case "boolean":
-      return /* @__PURE__ */ jsx21(
+      return /* @__PURE__ */ jsx22(
         BooleanField,
         {
           item,
@@ -2682,13 +3102,13 @@ function FreetextField({
   value,
   onChange
 }) {
-  return /* @__PURE__ */ jsxs10("div", { className: "space-y-1.5", children: [
-    /* @__PURE__ */ jsxs10(Label, { children: [
+  return /* @__PURE__ */ jsxs11("div", { className: "space-y-1.5", children: [
+    /* @__PURE__ */ jsxs11(Label, { children: [
       item.title,
-      item.required && /* @__PURE__ */ jsx21("span", { className: "text-destructive", children: " *" })
+      item.required && /* @__PURE__ */ jsx22("span", { className: "text-destructive", children: " *" })
     ] }),
-    item.description && /* @__PURE__ */ jsx21("p", { className: "text-xs text-muted-foreground", children: item.description }),
-    /* @__PURE__ */ jsx21(
+    item.description && /* @__PURE__ */ jsx22("p", { className: "text-xs text-muted-foreground", children: item.description }),
+    /* @__PURE__ */ jsx22(
       Input,
       {
         value: value ?? "",
@@ -2704,7 +3124,7 @@ function FreetextListField({
   value,
   onChange
 }) {
-  const [draft, setDraft] = useState7("");
+  const [draft, setDraft] = useState8("");
   const keywords = value ?? [];
   const addKeyword = () => {
     const trimmed = draft.trim();
@@ -2713,14 +3133,14 @@ function FreetextListField({
       setDraft("");
     }
   };
-  return /* @__PURE__ */ jsxs10("div", { className: "space-y-1.5", children: [
-    /* @__PURE__ */ jsxs10(Label, { children: [
+  return /* @__PURE__ */ jsxs11("div", { className: "space-y-1.5", children: [
+    /* @__PURE__ */ jsxs11(Label, { children: [
       item.title,
-      item.required && /* @__PURE__ */ jsx21("span", { className: "text-destructive", children: " *" })
+      item.required && /* @__PURE__ */ jsx22("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__ */ jsx22("p", { className: "text-xs text-muted-foreground", children: item.description }),
+    /* @__PURE__ */ jsxs11("div", { className: "flex gap-2", children: [
+      /* @__PURE__ */ jsx22(
         Input,
         {
           value: draft,
@@ -2729,17 +3149,17 @@ function FreetextListField({
           placeholder: "Type and press Enter"
         }
       ),
-      /* @__PURE__ */ jsx21(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__ */ 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__ */ 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__ */ jsx21(
+      /* @__PURE__ */ jsx22(
         "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__ */ jsx22(X2, { className: "size-3" })
         }
       )
     ] }, kw)) })
@@ -2754,23 +3174,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__ */ jsxs11("div", { className: "space-y-1.5", children: [
+    /* @__PURE__ */ jsxs11(Label, { children: [
       item.title,
-      item.required && /* @__PURE__ */ jsx21("span", { className: "text-destructive", children: " *" })
+      item.required && /* @__PURE__ */ jsx22("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__ */ 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__ */ jsxs10(
+    ] }) : /* @__PURE__ */ jsxs11(
       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__ */ jsx22(SelectTrigger, { children: /* @__PURE__ */ jsx22(SelectValue, { placeholder: "Select..." }) }),
+          /* @__PURE__ */ jsx22(SelectContent, { children: strOptions.map((opt) => /* @__PURE__ */ jsx22(SelectItem, { value: opt, children: opt }, opt)) })
         ]
       }
     )
@@ -2783,10 +3203,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 +3214,41 @@ function MultiSelectField({
     },
     [selected, onChange]
   );
-  return /* @__PURE__ */ jsxs10("div", { className: "space-y-1.5", children: [
-    /* @__PURE__ */ jsxs10(Label, { children: [
+  return /* @__PURE__ */ jsxs11("div", { className: "space-y-1.5", children: [
+    /* @__PURE__ */ jsxs11(Label, { children: [
       item.title,
-      item.required && /* @__PURE__ */ jsx21("span", { className: "text-destructive", children: " *" })
+      item.required && /* @__PURE__ */ jsx22("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__ */ 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__ */ jsxs10(Popover, { open, onOpenChange: setOpen, children: [
-      /* @__PURE__ */ jsx21(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxs10(
+    ] }) : /* @__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__ */ 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__ */ 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__ */ 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__ */ 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__ */ jsxs10(
+            return /* @__PURE__ */ jsxs11(
               CommandItem,
               {
                 value: opt,
                 onSelect: () => toggle(opt),
                 children: [
-                  /* @__PURE__ */ jsx21(
-                    Check2,
+                  /* @__PURE__ */ jsx22(
+                    Check3,
                     {
                       className: cn(
                         "mr-2 size-4",
@@ -2853,12 +3273,12 @@ function ImageSelectField({
   onChange
 }) {
   const images = item.lov ?? [];
-  return /* @__PURE__ */ jsxs10("div", { className: "space-y-1.5", children: [
-    /* @__PURE__ */ jsxs10(Label, { children: [
+  return /* @__PURE__ */ jsxs11("div", { className: "space-y-1.5", children: [
+    /* @__PURE__ */ jsxs11(Label, { children: [
       item.title,
-      item.required && /* @__PURE__ */ jsx21("span", { className: "text-destructive", children: " *" })
+      item.required && /* @__PURE__ */ jsx22("span", { className: "text-destructive", children: " *" })
     ] }),
-    /* @__PURE__ */ jsx21("div", { className: "flex flex-wrap gap-3", children: images.map((url) => /* @__PURE__ */ jsxs10(
+    /* @__PURE__ */ jsx22("div", { className: "flex flex-wrap gap-3", children: images.map((url) => /* @__PURE__ */ jsxs11(
       "button",
       {
         type: "button",
@@ -2868,8 +3288,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__ */ 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
@@ -2881,23 +3301,23 @@ function BooleanField({
   value,
   onChange
 }) {
-  return /* @__PURE__ */ jsxs10("div", { className: "flex items-center gap-2 py-1", children: [
-    /* @__PURE__ */ jsx21(
+  return /* @__PURE__ */ jsxs11("div", { className: "flex items-center gap-2 py-1", children: [
+    /* @__PURE__ */ jsx22(
       Checkbox,
       {
         checked: !!value,
         onCheckedChange: (checked) => onChange(!!checked)
       }
     ),
-    /* @__PURE__ */ jsxs10(Label, { className: "cursor-pointer", onClick: () => onChange(!value), children: [
+    /* @__PURE__ */ jsxs11(Label, { className: "cursor-pointer", onClick: () => onChange(!value), children: [
       item.title,
-      item.required && /* @__PURE__ */ jsx21("span", { className: "text-destructive", children: " *" })
+      item.required && /* @__PURE__ */ jsx22("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 jsx23, jsxs as jsxs12 } from "react/jsx-runtime";
 function ProductAutomation({
   storeId,
   workspaceId,
@@ -2913,17 +3333,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 +3414,7 @@ function ProductAutomation({
       }
     }
   }, [schema, configs, channelsWithVersion]);
-  const handleConfigChange = useCallback6(
+  const handleConfigChange = useCallback7(
     (key, value, item) => {
       setConfigs((prev) => {
         const parentItem = schema.find(
@@ -3020,7 +3440,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 +3490,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__ */ 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__ */ 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__ */ 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...",
@@ -3091,12 +3511,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__ */ 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__ */ 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__ */ 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,
@@ -3104,8 +3524,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__ */ jsxs12("div", { children: [
+        /* @__PURE__ */ jsxs12(
           "button",
           {
             type: "button",
@@ -3115,7 +3535,7 @@ 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(
+              /* @__PURE__ */ jsx23(
                 ChevronDown2,
                 {
                   className: cn(
@@ -3127,7 +3547,7 @@ function ProductAutomation({
             ]
           }
         ),
-        expandedGroups.includes(group) && automationGroups[group].map((item) => /* @__PURE__ */ jsx22(
+        expandedGroups.includes(group) && automationGroups[group].map((item) => /* @__PURE__ */ jsx23(
           AutomationRow,
           {
             item,
@@ -3139,15 +3559,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__ */ 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__ */ 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__ */ 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,
@@ -3158,8 +3578,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__ */ 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,
@@ -3169,26 +3589,26 @@ function ProductAutomation({
         onConfigChange: handleConfigChange
       }
     ) }),
-    /* @__PURE__ */ jsx22(Separator2, {}),
-    /* @__PURE__ */ jsxs11("div", { className: "flex items-center gap-2", children: [
-      /* @__PURE__ */ jsx22(
+    /* @__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__ */ jsxs11(Fragment4, { children: [
-            /* @__PURE__ */ jsx22(Loader26, { className: "size-4 animate-spin" }),
+          children: applying ? /* @__PURE__ */ jsxs12(Fragment4, { children: [
+            /* @__PURE__ */ jsx23(Loader26, { className: "size-4 animate-spin" }),
             "Applying..."
-          ] }) : /* @__PURE__ */ jsxs11(Fragment4, { children: [
-            /* @__PURE__ */ jsx22(Play, { className: "size-4" }),
+          ] }) : /* @__PURE__ */ jsxs12(Fragment4, { children: [
+            /* @__PURE__ */ jsx23(Play, { className: "size-4" }),
             "Run Automation"
           ] })
         }
       ),
-      /* @__PURE__ */ jsx22(Button, { variant: "outline", onClick: () => setSelected(null), children: "Cancel" })
+      /* @__PURE__ */ jsx23(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__ */ 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({
@@ -3198,19 +3618,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__ */ 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__ */ 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__ */ 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__ */ 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__ */ 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 })
       ]
     }
   );
@@ -3222,9 +3642,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 jsx24, jsxs as jsxs13 } from "react/jsx-runtime";
 function StoreAutomation({
   storeId,
   channelsWithVersion,
@@ -3232,10 +3652,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 +3668,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 +3701,7 @@ function StoreAutomation({
     setSelectedAutomation(null);
   };
   if (selectedAutomation) {
-    return /* @__PURE__ */ jsx23(
+    return /* @__PURE__ */ jsx24(
       AutomationConfigEditor,
       {
         storeId,
@@ -3293,46 +3713,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__ */ 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__ */ 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__ */ 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__ */ jsx23(TableBody, { children: automations.map((a) => /* @__PURE__ */ jsxs12(
+      /* @__PURE__ */ jsx24(TableBody, { children: automations.map((a) => /* @__PURE__ */ jsxs13(
         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__ */ 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__ */ 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__ */ 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__ */ jsx23(
+                  /* @__PURE__ */ jsx24(
                     Switch,
                     {
                       checked: a.isEnabled,
                       onCheckedChange: () => toggleAutomation(a.automation)
                     }
                   ),
-                  /* @__PURE__ */ jsx23(
+                  /* @__PURE__ */ jsx24(
                     Badge,
                     {
                       variant: a.isEnabled ? "default" : "secondary",
@@ -3343,16 +3763,16 @@ function StoreAutomation({
                 ]
               }
             ) }),
-            /* @__PURE__ */ jsx23(TableCell, { children: /* @__PURE__ */ jsx23(Settings, { className: "size-4 text-muted-foreground" }) })
+            /* @__PURE__ */ jsx24(TableCell, { children: /* @__PURE__ */ jsx24(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__ */ 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" })
     ] })
   ] });
 }
@@ -3364,13 +3784,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 +3837,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 +3853,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__ */ 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__ */ jsx23(ArrowLeft3, { className: "size-4" })
+          children: /* @__PURE__ */ jsx24(ArrowLeft4, { className: "size-4" })
         }
       ),
-      /* @__PURE__ */ jsx23("h3", { className: "text-base font-semibold", children: automation.display_name })
+      /* @__PURE__ */ jsx24("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__ */ jsxs13("div", { className: "flex gap-4 text-sm", children: [
+      /* @__PURE__ */ jsxs13("div", { className: "text-muted-foreground", children: [
         "Est. time: ",
-        /* @__PURE__ */ jsx23("span", { className: "text-foreground", children: automation.estimate_run_time ?? "\u2014" })
+        /* @__PURE__ */ jsx24("span", { className: "text-foreground", children: automation.estimate_run_time ?? "\u2014" })
       ] }),
-      /* @__PURE__ */ jsxs12("div", { className: "text-muted-foreground", children: [
+      /* @__PURE__ */ jsxs13("div", { className: "text-muted-foreground", children: [
         "Credits/prd: ",
-        /* @__PURE__ */ jsx23("span", { className: "text-foreground", children: automation.credits ?? "\u2014" })
+        /* @__PURE__ */ jsx24("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__ */ 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__ */ 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__ */ 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,
@@ -3471,13 +3891,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__ */ 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,
@@ -3493,14 +3913,16 @@ function AutomationConfigEditor({
 }
 
 // src/CatalogixChat.tsx
-import { jsx as jsx24, jsxs as jsxs13 } 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",
   "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 +3943,7 @@ function CatalogixChat(props) {
     configureApi({ catalogixBaseUrl });
   }, [catalogixBaseUrl]);
   if (section === "select_products") {
-    return /* @__PURE__ */ jsx24(
+    return /* @__PURE__ */ jsx25(
       SelectProducts,
       {
         workspaceId,
@@ -3537,7 +3959,7 @@ function CatalogixChat(props) {
     );
   }
   if (section === "create_store") {
-    return /* @__PURE__ */ jsx24(
+    return /* @__PURE__ */ jsx25(
       CreateStore,
       {
         workspaceId,
@@ -3550,8 +3972,24 @@ function CatalogixChat(props) {
       }
     );
   }
+  if (section === "map_attributes") {
+    return /* @__PURE__ */ jsx25(
+      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__ */ jsx25(
       ProductAutomation,
       {
         storeId,
@@ -3571,7 +4009,7 @@ function CatalogixChat(props) {
     );
   }
   if (section === "automations") {
-    return /* @__PURE__ */ jsx24(
+    return /* @__PURE__ */ jsx25(
       StoreAutomation,
       {
         storeId,
@@ -3582,11 +4020,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__ */ jsx25("div", { className: "p-4 text-sm text-muted-foreground", children: /* @__PURE__ */ jsxs14("p", { children: [
+    /* @__PURE__ */ jsx25("strong", { children: "Catalogix" }),
     " \u2014 unknown section:",
     " ",
-    /* @__PURE__ */ jsx24("code", { children: section || "(none)" })
+    /* @__PURE__ */ jsx25("code", { children: section || "(none)" })
   ] }) });
 }
 
@@ -3632,11 +4070,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,