@streamoid/catalogix-chat 0.1.0 → 0.2.0

package/dist/index.js

@@ -1,40 +1,3594 @@
 // src/CatalogixChat.tsx
-import { useState, useEffect } from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-function CatalogixChat(props) {
-  const { uiProps, meta } = props;
-  const componentName = uiProps?._componentName;
-  const initialSection = meta?.step || componentName || null;
-  const [section, setSection] = useState(initialSection);
-  useEffect(() => {
-    const metaStep = meta?.step;
-    if (metaStep && metaStep !== section) {
-      setSection(metaStep);
+import { useEffect as useEffect7 } from "react";
+
+// src/api.ts
+var _config = {
+  catalogixBaseUrl: "",
+  keplerProxyPrefix: "/kepler-api"
+};
+function configureApi(config) {
+  _config = { ..._config, ...config };
+}
+function getApiConfig() {
+  return _config;
+}
+async function fetchJson(url, options) {
+  const response = await fetch(url, {
+    credentials: "include",
+    ...options,
+    headers: {
+      Accept: "application/json",
+      ...options?.headers || {}
     }
-  }, [meta?.step]);
-  return /* @__PURE__ */ jsxs(
+  });
+  if (!response.ok) {
+    throw new Error(`API call failed: ${response.status} ${response.statusText}`);
+  }
+  return response.json();
+}
+
+// src/SelectProducts/index.tsx
+import { useCallback as useCallback4, useEffect as useEffect3, useMemo as useMemo3, useRef as useRef4, useState as useState5 } from "react";
+import { CheckCircle, Loader2 as Loader23, Search as Search2 } from "lucide-react";
+
+// src/ui/button.tsx
+import { Slot } from "@radix-ui/react-slot";
+import { cva } from "class-variance-authority";
+
+// src/ui/utils.ts
+import { clsx } from "clsx";
+import { twMerge } from "tailwind-merge";
+function cn(...inputs) {
+  return twMerge(clsx(inputs));
+}
+
+// src/ui/button.tsx
+import { jsx } from "react/jsx-runtime";
+var buttonVariants = cva(
+  "inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 shrink-0 [&_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive",
+  {
+    variants: {
+      variant: {
+        default: "bg-primary text-primary-foreground hover:bg-primary/90",
+        destructive: "bg-destructive text-white hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60",
+        outline: "border bg-background text-foreground hover:bg-accent hover:text-accent-foreground dark:bg-input/30 dark:border-input dark:hover:bg-input/50",
+        secondary: "bg-secondary text-secondary-foreground hover:bg-secondary/80",
+        ghost: "hover:bg-accent hover:text-accent-foreground dark:hover:bg-accent/50",
+        link: "text-primary underline-offset-4 hover:underline"
+      },
+      size: {
+        default: "h-9 px-4 py-2 has-[>svg]:px-3",
+        sm: "h-8 rounded-md gap-1.5 px-3 has-[>svg]:px-2.5",
+        lg: "h-10 rounded-md px-6 has-[>svg]:px-4",
+        icon: "size-9 rounded-md"
+      }
+    },
+    defaultVariants: {
+      variant: "default",
+      size: "default"
+    }
+  }
+);
+function Button({
+  className,
+  variant,
+  size,
+  asChild = false,
+  ...props
+}) {
+  const Comp = asChild ? Slot : "button";
+  return /* @__PURE__ */ jsx(
+    Comp,
+    {
+      "data-slot": "button",
+      className: cn(buttonVariants({ variant, size, className })),
+      ...props
+    }
+  );
+}
+
+// src/ui/input.tsx
+import { jsx as jsx2 } from "react/jsx-runtime";
+function Input({ className, type, ...props }) {
+  return /* @__PURE__ */ jsx2(
+    "input",
+    {
+      type,
+      "data-slot": "input",
+      className: cn(
+        "file:text-foreground placeholder:text-muted-foreground selection:bg-primary selection:text-primary-foreground dark:bg-input/30 border-input flex h-9 w-full min-w-0 rounded-md border px-3 py-1 text-base bg-input-background transition-[color,box-shadow] outline-none file:inline-flex file:h-7 file:border-0 file:bg-transparent file:text-sm file:font-medium disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 md:text-sm",
+        "focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px]",
+        "aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive",
+        className
+      ),
+      ...props
+    }
+  );
+}
+
+// src/ui/card.tsx
+import { jsx as jsx3 } from "react/jsx-runtime";
+function Card({ className, ...props }) {
+  return /* @__PURE__ */ jsx3(
     "div",
     {
-      style: {
-        padding: "16px",
-        fontFamily: "system-ui, sans-serif",
-        color: "#333"
-      },
+      "data-slot": "card",
+      className: cn(
+        "bg-card text-card-foreground flex flex-col gap-6 rounded-xl border",
+        className
+      ),
+      ...props
+    }
+  );
+}
+
+// src/SelectProducts/ProductTable.tsx
+import { useCallback as useCallback3, useEffect as useEffect2, useMemo, useRef as useRef3, useState as useState3 } from "react";
+import {
+  flexRender,
+  getCoreRowModel,
+  useReactTable
+} from "@tanstack/react-table";
+import { ChevronLeft, ChevronRight, Package, Layers } from "lucide-react";
+
+// src/ui/table.tsx
+import { jsx as jsx4 } from "react/jsx-runtime";
+function Table({ className, ...props }) {
+  return /* @__PURE__ */ jsx4(
+    "div",
+    {
+      "data-slot": "table-container",
+      className: "relative w-full overflow-x-auto",
+      children: /* @__PURE__ */ jsx4(
+        "table",
+        {
+          "data-slot": "table",
+          className: cn("w-full caption-bottom text-sm", className),
+          ...props
+        }
+      )
+    }
+  );
+}
+function TableHeader({ className, ...props }) {
+  return /* @__PURE__ */ jsx4(
+    "thead",
+    {
+      "data-slot": "table-header",
+      className: cn("[&_tr]:border-b", className),
+      ...props
+    }
+  );
+}
+function TableBody({ className, ...props }) {
+  return /* @__PURE__ */ jsx4(
+    "tbody",
+    {
+      "data-slot": "table-body",
+      className: cn("[&_tr:last-child]:border-0", className),
+      ...props
+    }
+  );
+}
+function TableRow({ className, ...props }) {
+  return /* @__PURE__ */ jsx4(
+    "tr",
+    {
+      "data-slot": "table-row",
+      className: cn(
+        "hover:bg-muted/50 data-[state=selected]:bg-muted border-b transition-colors",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function TableHead({ className, ...props }) {
+  return /* @__PURE__ */ jsx4(
+    "th",
+    {
+      "data-slot": "table-head",
+      className: cn(
+        "text-foreground h-10 px-2 text-left align-middle font-medium whitespace-nowrap [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function TableCell({ className, ...props }) {
+  return /* @__PURE__ */ jsx4(
+    "td",
+    {
+      "data-slot": "table-cell",
+      className: cn(
+        "p-2 align-middle whitespace-nowrap [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]",
+        className
+      ),
+      ...props
+    }
+  );
+}
+
+// src/ui/checkbox.tsx
+import * as CheckboxPrimitive from "@radix-ui/react-checkbox";
+import { CheckIcon } from "lucide-react";
+import { jsx as jsx5 } from "react/jsx-runtime";
+function Checkbox({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx5(
+    CheckboxPrimitive.Root,
+    {
+      "data-slot": "checkbox",
+      className: cn(
+        "peer border border-muted-foreground/40 bg-input-background dark:bg-input/30 data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground dark:data-[state=checked]:bg-primary data-[state=checked]:border-primary focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive size-4 shrink-0 rounded-[4px] shadow-xs transition-shadow outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50",
+        className
+      ),
+      ...props,
+      children: /* @__PURE__ */ jsx5(
+        CheckboxPrimitive.Indicator,
+        {
+          "data-slot": "checkbox-indicator",
+          className: "flex items-center justify-center text-current transition-none",
+          children: /* @__PURE__ */ jsx5(CheckIcon, { className: "size-3.5" })
+        }
+      )
+    }
+  );
+}
+
+// src/ui/badge.tsx
+import { Slot as Slot2 } from "@radix-ui/react-slot";
+import { cva as cva2 } from "class-variance-authority";
+import { jsx as jsx6 } from "react/jsx-runtime";
+var badgeVariants = cva2(
+  "inline-flex items-center justify-center rounded-md border px-2 py-0.5 text-xs font-medium w-fit whitespace-nowrap shrink-0 [&>svg]:size-3 gap-1 [&>svg]:pointer-events-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive transition-[color,box-shadow] overflow-hidden",
+  {
+    variants: {
+      variant: {
+        default: "border-transparent bg-primary text-primary-foreground [a&]:hover:bg-primary/90",
+        secondary: "border-transparent bg-secondary text-secondary-foreground [a&]:hover:bg-secondary/90",
+        destructive: "border-transparent bg-destructive text-white [a&]:hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60",
+        outline: "text-foreground [a&]:hover:bg-accent [a&]:hover:text-accent-foreground"
+      }
+    },
+    defaultVariants: {
+      variant: "default"
+    }
+  }
+);
+function Badge({
+  className,
+  variant,
+  asChild = false,
+  ...props
+}) {
+  const Comp = asChild ? Slot2 : "span";
+  return /* @__PURE__ */ jsx6(
+    Comp,
+    {
+      "data-slot": "badge",
+      className: cn(badgeVariants({ variant }), className),
+      ...props
+    }
+  );
+}
+
+// src/ui/skeleton.tsx
+import { jsx as jsx7 } from "react/jsx-runtime";
+function Skeleton({ className, ...props }) {
+  return /* @__PURE__ */ jsx7(
+    "div",
+    {
+      "data-slot": "skeleton",
+      className: cn("bg-accent animate-pulse rounded-md", className),
+      ...props
+    }
+  );
+}
+
+// src/SelectProducts/ImageCell.tsx
+import { useCallback, useRef, useState } from "react";
+import { createPortal } from "react-dom";
+
+// src/ui/dialog.tsx
+import * as DialogPrimitive from "@radix-ui/react-dialog";
+import { XIcon } from "lucide-react";
+import { jsx as jsx8, jsxs } from "react/jsx-runtime";
+function Dialog({
+  ...props
+}) {
+  return /* @__PURE__ */ jsx8(DialogPrimitive.Root, { "data-slot": "dialog", ...props });
+}
+function DialogPortal({
+  ...props
+}) {
+  return /* @__PURE__ */ jsx8(DialogPrimitive.Portal, { "data-slot": "dialog-portal", ...props });
+}
+function DialogOverlay({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx8(
+    DialogPrimitive.Overlay,
+    {
+      "data-slot": "dialog-overlay",
+      className: cn(
+        "data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/70",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function DialogContent({
+  className,
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxs(DialogPortal, { "data-slot": "dialog-portal", children: [
+    /* @__PURE__ */ jsx8(DialogOverlay, {}),
+    /* @__PURE__ */ jsxs(
+      DialogPrimitive.Content,
+      {
+        "data-slot": "dialog-content",
+        className: cn(
+          "bg-background data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 fixed top-[50%] left-[50%] z-50 grid w-full max-w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%] gap-4 rounded-lg border p-6 shadow-lg duration-200 sm:max-w-lg",
+          className
+        ),
+        ...props,
+        children: [
+          children,
+          /* @__PURE__ */ jsxs(DialogPrimitive.Close, { className: "ring-offset-background focus:ring-ring data-[state=open]:bg-accent data-[state=open]:text-muted-foreground absolute top-4 right-4 rounded-xs opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", children: [
+            /* @__PURE__ */ jsx8(XIcon, {}),
+            /* @__PURE__ */ jsx8("span", { className: "sr-only", children: "Close" })
+          ] })
+        ]
+      }
+    )
+  ] });
+}
+function DialogHeader({ className, ...props }) {
+  return /* @__PURE__ */ jsx8(
+    "div",
+    {
+      "data-slot": "dialog-header",
+      className: cn("flex flex-col gap-2 text-center sm:text-left", className),
+      ...props
+    }
+  );
+}
+function DialogTitle({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx8(
+    DialogPrimitive.Title,
+    {
+      "data-slot": "dialog-title",
+      className: cn("text-lg leading-none font-semibold", className),
+      ...props
+    }
+  );
+}
+function DialogDescription({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx8(
+    DialogPrimitive.Description,
+    {
+      "data-slot": "dialog-description",
+      className: cn("text-muted-foreground text-sm", className),
+      ...props
+    }
+  );
+}
+
+// src/SelectProducts/ImageCell.tsx
+import { Fragment, jsx as jsx9, jsxs as jsxs2 } from "react/jsx-runtime";
+function thumbnailUrl(src) {
+  if (!src) return "";
+  const cleaned = src.replace("dl=0", "raw=1").replace("dl=1", "raw=1");
+  return cleaned.includes("?") ? `${cleaned}&format=webp&w=120` : `${cleaned}?format=webp&w=120`;
+}
+function fullSizeUrl(src) {
+  if (!src) return "";
+  const cleaned = src.replace("dl=0", "raw=1").replace("dl=1", "raw=1");
+  return cleaned.includes("?") ? `${cleaned}&format=webp&w=600` : `${cleaned}?format=webp&w=600`;
+}
+function ImageCell({ src }) {
+  const [hovered, setHovered] = useState(false);
+  const [dialogOpen, setDialogOpen] = useState(false);
+  const cellRef = useRef(null);
+  const [zoomPos, setZoomPos] = useState({ top: 0, left: 0 });
+  const handleMouseEnter = useCallback(() => {
+    if (!cellRef.current || !src) return;
+    const rect = cellRef.current.getBoundingClientRect();
+    setZoomPos({
+      top: rect.top,
+      left: rect.right + 8
+    });
+    setHovered(true);
+  }, [src]);
+  const handleMouseLeave = useCallback(() => {
+    setHovered(false);
+  }, []);
+  if (!src) {
+    return /* @__PURE__ */ jsx9("div", { className: "flex h-[60px] w-[50px] items-center justify-center rounded bg-muted text-xs text-muted-foreground", children: "No image" });
+  }
+  return /* @__PURE__ */ jsxs2(Fragment, { children: [
+    /* @__PURE__ */ jsx9(
+      "div",
+      {
+        ref: cellRef,
+        className: "relative cursor-pointer",
+        onMouseEnter: handleMouseEnter,
+        onMouseLeave: handleMouseLeave,
+        onClick: () => setDialogOpen(true),
+        children: /* @__PURE__ */ jsx9(
+          "img",
+          {
+            src: thumbnailUrl(src),
+            alt: "",
+            className: "h-[60px] w-[50px] rounded-md object-cover transition-shadow hover:shadow-md",
+            loading: "lazy"
+          }
+        )
+      }
+    ),
+    hovered && createPortal(
+      /* @__PURE__ */ jsx9(
+        "div",
+        {
+          className: "pointer-events-none fixed z-[9999] rounded-lg border bg-background shadow-xl",
+          style: {
+            top: zoomPos.top,
+            left: zoomPos.left,
+            maxWidth: 400
+          },
+          children: /* @__PURE__ */ jsx9(
+            "img",
+            {
+              src: fullSizeUrl(src),
+              alt: "",
+              className: "max-h-[400px] max-w-[400px] rounded-lg object-contain"
+            }
+          )
+        }
+      ),
+      document.body
+    ),
+    /* @__PURE__ */ jsx9(Dialog, { open: dialogOpen, onOpenChange: setDialogOpen, children: /* @__PURE__ */ jsxs2(DialogContent, { className: "max-w-2xl", children: [
+      /* @__PURE__ */ jsx9(DialogHeader, { children: /* @__PURE__ */ jsx9(DialogTitle, { children: "Image Preview" }) }),
+      /* @__PURE__ */ jsx9("div", { className: "flex items-center justify-center p-2", children: /* @__PURE__ */ jsx9(
+        "img",
+        {
+          src: fullSizeUrl(src),
+          alt: "",
+          className: "max-h-[70vh] max-w-full rounded-md object-contain"
+        }
+      ) })
+    ] }) })
+  ] });
+}
+
+// src/SelectProducts/EditableCell.tsx
+import { useCallback as useCallback2, useEffect, useRef as useRef2, useState as useState2 } from "react";
+import { Check, ChevronsUpDown, Pencil, Loader2 } from "lucide-react";
+
+// src/ui/popover.tsx
+import * as PopoverPrimitive from "@radix-ui/react-popover";
+import { jsx as jsx10 } from "react/jsx-runtime";
+function Popover({
+  ...props
+}) {
+  return /* @__PURE__ */ jsx10(PopoverPrimitive.Root, { "data-slot": "popover", ...props });
+}
+function PopoverTrigger({
+  ...props
+}) {
+  return /* @__PURE__ */ jsx10(PopoverPrimitive.Trigger, { "data-slot": "popover-trigger", ...props });
+}
+function PopoverContent({
+  className,
+  align = "center",
+  sideOffset = 4,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx10(PopoverPrimitive.Portal, { children: /* @__PURE__ */ jsx10(
+    PopoverPrimitive.Content,
+    {
+      "data-slot": "popover-content",
+      align,
+      sideOffset,
+      className: cn(
+        "bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 w-72 origin-(--radix-popover-content-transform-origin) rounded-md border p-4 shadow-md outline-hidden",
+        className
+      ),
+      ...props
+    }
+  ) });
+}
+
+// src/ui/command.tsx
+import { Command as CommandPrimitive } from "cmdk";
+import { SearchIcon } from "lucide-react";
+import { jsx as jsx11, jsxs as jsxs3 } from "react/jsx-runtime";
+function Command({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx11(
+    CommandPrimitive,
+    {
+      "data-slot": "command",
+      className: cn(
+        "bg-popover text-popover-foreground flex h-full w-full flex-col overflow-hidden rounded-md",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function CommandInput({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxs3(
+    "div",
+    {
+      "data-slot": "command-input-wrapper",
+      className: "flex h-9 items-center gap-2 border-b px-3",
+      children: [
+        /* @__PURE__ */ jsx11(SearchIcon, { className: "size-4 shrink-0 opacity-50" }),
+        /* @__PURE__ */ jsx11(
+          CommandPrimitive.Input,
+          {
+            "data-slot": "command-input",
+            className: cn(
+              "placeholder:text-muted-foreground flex h-10 w-full rounded-md bg-transparent py-3 text-sm outline-hidden disabled:cursor-not-allowed disabled:opacity-50",
+              className
+            ),
+            ...props
+          }
+        )
+      ]
+    }
+  );
+}
+function CommandList({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx11(
+    CommandPrimitive.List,
+    {
+      "data-slot": "command-list",
+      className: cn(
+        "max-h-[300px] scroll-py-1 overflow-x-hidden overflow-y-auto",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function CommandEmpty({
+  ...props
+}) {
+  return /* @__PURE__ */ jsx11(
+    CommandPrimitive.Empty,
+    {
+      "data-slot": "command-empty",
+      className: "py-6 text-center text-sm",
+      ...props
+    }
+  );
+}
+function CommandGroup({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx11(
+    CommandPrimitive.Group,
+    {
+      "data-slot": "command-group",
+      className: cn(
+        "text-foreground [&_[cmdk-group-heading]]:text-muted-foreground overflow-hidden p-1 [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:py-1.5 [&_[cmdk-group-heading]]:text-xs [&_[cmdk-group-heading]]:font-medium",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function CommandItem({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx11(
+    CommandPrimitive.Item,
+    {
+      "data-slot": "command-item",
+      className: cn(
+        "data-[selected=true]:bg-accent data-[selected=true]:text-accent-foreground [&_svg:not([class*='text-'])]:text-muted-foreground relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[disabled=true]:pointer-events-none data-[disabled=true]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+        className
+      ),
+      ...props
+    }
+  );
+}
+
+// src/SelectProducts/utils.ts
+var PRODUCTS_PER_PAGE = 50;
+var DEFAULT_SOURCE_MP = "SMP";
+var DEFAULT_COLUMNS = [
+  { name: "Image URL 1", value: "Image URL 1", channel: "SMP" },
+  { name: "Image URL 2", value: "Image URL 2", channel: "SMP" },
+  { name: "SKU Code", value: "SKU Code", channel: "SMP" },
+  { name: "Style Code", value: "Style Code", channel: "SMP" },
+  { name: "Category", value: "Category", channel: "SMP" },
+  { name: "Department", value: "Department", channel: "SMP" },
+  { name: "Status", value: "status", channel: "required" },
+  { name: "updated on", value: "modified_ts", channel: "SMP" }
+];
+var CORE_COLUMN_VALUES = /* @__PURE__ */ new Set([
+  "Image URL 1",
+  "Image URL 2",
+  "SKU Code",
+  "Style Code",
+  "Category",
+  "Department",
+  "status",
+  "modified_ts"
+]);
+var NON_IMAGE_KEYS = /* @__PURE__ */ new Set(["image_count"]);
+function buildFromRequiredFields(data) {
+  const columns = [];
+  const allowedValues = {};
+  const smpFields = data?.SMP;
+  if (smpFields && typeof smpFields === "object") {
+    const templateMap = {};
+    for (const [fieldName, fieldDef] of Object.entries(smpFields)) {
+      if (fieldName === "product_code" || fieldName === "store_uuid") continue;
+      columns.push({
+        name: fieldName,
+        value: fieldName,
+        channel: "SMP"
+      });
+      templateMap[fieldName] = fieldDef;
+    }
+    allowedValues.SMP = { _all: templateMap };
+  }
+  const productFields = data?.required;
+  if (productFields && typeof productFields === "object") {
+    const productMap = {};
+    for (const [fieldName, fieldDef] of Object.entries(productFields)) {
+      if (fieldName === "product_code" || fieldName === "store_uuid") continue;
+      if ("values" in fieldDef && fieldDef.values) {
+        productMap[fieldName] = { values: fieldDef.values };
+      }
+    }
+    if (Object.keys(productMap).length > 0) {
+      allowedValues.product = productMap;
+    }
+  }
+  return { columns, allowedValues };
+}
+function buildFieldsFromColumns(columns, sourceMarketplace = DEFAULT_SOURCE_MP) {
+  const fields = {};
+  for (const col of columns) {
+    const channel = col.channel || sourceMarketplace;
+    if (!fields[channel]) fields[channel] = [];
+    fields[channel].push(col.value, `${col.value}_automated`);
+  }
+  if (!fields.required) fields.required = [];
+  const requiredDefaults = [
+    "status",
+    "status_automated",
+    "assignee_user_id",
+    "assignee_user_id_automated",
+    "product_uuid",
+    "store_uuid"
+  ];
+  fields.required = Array.from(/* @__PURE__ */ new Set([...fields.required, ...requiredDefaults]));
+  return fields;
+}
+function buildFiltersFromFields(fields) {
+  const filters = {};
+  for (const channel of Object.keys(fields)) {
+    filters[channel] = {};
+  }
+  return filters;
+}
+function formatProducts(groups) {
+  const rows = [];
+  for (const group of groups) {
+    const channels = Object.keys(group.data);
+    const variantsByIndex = [];
+    for (const channel of channels) {
+      const items = group.data[channel];
+      if (!items?.length) continue;
+      items.forEach((item, idx) => {
+        const flat = {};
+        for (const [key, val] of Object.entries(item)) {
+          if (key.endsWith("_details") || key === "_id" || key === "ov") continue;
+          flat[`${key}::${channel}`] = val;
+        }
+        if (variantsByIndex[idx]) {
+          Object.assign(variantsByIndex[idx], flat);
+        } else {
+          variantsByIndex[idx] = flat;
+        }
+      });
+    }
+    for (const variant of variantsByIndex) {
+      if (!variant) continue;
+      const productCode = variant["product_code::product"] || variant["product_code::SMP"] || "";
+      const productUuid = variant["product_uuid::product"] || variant["product_uuid::SMP"] || "";
+      const storeUuid = variant["store_uuid::product"] || variant["store_uuid::SMP"] || "";
+      const parentCode = variant["parent_code::product"] || group.group_id || "";
+      const status = variant["status::product"] || "";
+      const template = variant["template::SMP"] || "";
+      rows.push({
+        ...variant,
+        id: `${productCode}==${storeUuid}`,
+        product_code: productCode,
+        product_uuid: productUuid,
+        store_uuid: storeUuid,
+        parent_code: parentCode,
+        status,
+        template
+      });
+    }
+  }
+  return rows;
+}
+function formatProductsByStyle(rows) {
+  const seen = /* @__PURE__ */ new Map();
+  for (const row of rows) {
+    const key = row.parent_code || row.product_code;
+    if (!seen.has(key)) {
+      seen.set(key, { ...row, _variantCount: 1 });
+    } else {
+      seen.get(key)._variantCount = (seen.get(key)._variantCount || 1) + 1;
+    }
+  }
+  return Array.from(seen.values());
+}
+function getCellType(columnValue, channel, allowedValues, template) {
+  const lower = columnValue.toLowerCase();
+  if ((lower.includes("image") || lower.includes("url")) && !NON_IMAGE_KEYS.has(lower)) {
+    return "image";
+  }
+  if (lower === "modified_ts" || lower.includes("_ts")) {
+    return "timestamp";
+  }
+  const values = getDropdownValues(allowedValues, template, columnValue, channel);
+  if (values && values.length > 0) {
+    return "select";
+  }
+  return "text";
+}
+function getDropdownValues(allowedValues, template, fieldName, channel) {
+  if (!allowedValues) return null;
+  const apiChannel = channel === "required" ? "product" : channel;
+  const channelValues = allowedValues[apiChannel];
+  if (!channelValues) return null;
+  if (apiChannel === "product") {
+    const fieldDef = channelValues[fieldName];
+    return fieldDef?.values ?? null;
+  }
+  if (template && channelValues[template]) {
+    const templateValues = channelValues[template];
+    const fieldDef = templateValues[fieldName];
+    if (fieldDef?.values) return fieldDef.values;
+  }
+  if (channelValues._all) {
+    const allValues = channelValues._all;
+    const fieldDef = allValues[fieldName];
+    if (fieldDef?.values) return fieldDef.values;
+  }
+  return null;
+}
+function formatTimestamp(value) {
+  if (!value) return "";
+  const num = typeof value === "number" ? value : Number(value);
+  if (Number.isNaN(num)) return String(value);
+  const date = new Date(num * 1e3);
+  const timeStr = date.toLocaleTimeString("en-US", {
+    hour: "numeric",
+    minute: "2-digit",
+    hour12: true
+  });
+  const dateStr = date.toLocaleDateString("en-US", {
+    month: "2-digit",
+    day: "2-digit"
+  });
+  return `${timeStr} ${dateStr}`;
+}
+function getCellValue(row, columnValue, channel) {
+  const apiChannel = channel === "required" ? "product" : channel;
+  const namespacedKey = `${columnValue}::${apiChannel}`;
+  if (row[namespacedKey] !== void 0) return row[namespacedKey];
+  if (row[columnValue] !== void 0) return row[columnValue];
+  return "";
+}
+
+// src/SelectProducts/EditableCell.tsx
+import { jsx as jsx12, jsxs as jsxs4 } from "react/jsx-runtime";
+var STATUS_COLORS = {
+  active: "bg-emerald-100 text-emerald-800 border-emerald-200",
+  inactive: "bg-gray-100 text-gray-600 border-gray-200",
+  draft: "bg-amber-100 text-amber-800 border-amber-200",
+  new: "bg-sky-100 text-sky-800 border-sky-200",
+  problem: "bg-red-100 text-red-800 border-red-200",
+  "under review": "bg-violet-100 text-violet-800 border-violet-200"
+};
+function EditableCell({
+  value,
+  cellType,
+  fieldName,
+  allowedValues,
+  onSave,
+  readOnly = false
+}) {
+  const displayValue = cellType === "timestamp" ? formatTimestamp(value) : String(value ?? "");
+  if (cellType === "timestamp") {
+    return /* @__PURE__ */ jsx12("span", { className: "text-sm text-muted-foreground", children: displayValue });
+  }
+  const isStatusField = fieldName === "status";
+  if (readOnly) {
+    if (isStatusField && displayValue) {
+      return /* @__PURE__ */ jsx12(
+        Badge,
+        {
+          variant: "outline",
+          className: cn("text-xs font-medium", STATUS_COLORS[displayValue] ?? ""),
+          children: displayValue
+        }
+      );
+    }
+    return /* @__PURE__ */ jsx12("span", { className: "text-sm", children: displayValue });
+  }
+  if (allowedValues && allowedValues.length > 0) {
+    return /* @__PURE__ */ jsx12(
+      DropdownEditor,
+      {
+        value: displayValue,
+        options: allowedValues,
+        onSave,
+        isStatus: isStatusField
+      }
+    );
+  }
+  return /* @__PURE__ */ jsx12(TextEditor, { value: displayValue, onSave });
+}
+function DropdownEditor({
+  value,
+  options,
+  onSave,
+  isStatus
+}) {
+  const [open, setOpen] = useState2(false);
+  const [saving, setSaving] = useState2(false);
+  const handleSelect = useCallback2(
+    async (selected) => {
+      if (selected === value) {
+        setOpen(false);
+        return;
+      }
+      setSaving(true);
+      try {
+        await onSave(selected);
+      } finally {
+        setSaving(false);
+        setOpen(false);
+      }
+    },
+    [onSave, value]
+  );
+  const displayNode = isStatus ? /* @__PURE__ */ jsx12(
+    Badge,
+    {
+      variant: "outline",
+      className: cn("text-xs font-medium", STATUS_COLORS[value] ?? ""),
+      children: value || "\u2014"
+    }
+  ) : /* @__PURE__ */ jsx12("span", { className: "truncate text-sm", children: value || "\u2014" });
+  return /* @__PURE__ */ jsxs4(Popover, { open, onOpenChange: setOpen, children: [
+    /* @__PURE__ */ jsxs4(
+      PopoverTrigger,
+      {
+        disabled: saving,
+        className: buttonVariants({
+          variant: "ghost",
+          size: "sm",
+          className: "group h-auto w-full justify-between gap-1 px-2 py-1 font-normal"
+        }),
+        children: [
+          saving ? /* @__PURE__ */ jsx12(Loader2, { className: "size-3.5 animate-spin" }) : displayNode,
+          /* @__PURE__ */ jsx12(ChevronsUpDown, { className: "size-3 shrink-0 opacity-0 transition-opacity group-hover:opacity-50" })
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsx12(PopoverContent, { className: "w-[220px] p-0", align: "start", children: /* @__PURE__ */ jsxs4(Command, { className: "[&_[data-slot=command-input-wrapper]]:h-8 [&_[data-slot=command-input]]:h-7 [&_[data-slot=command-input]]:py-1 [&_[data-slot=command-input]]:pl-1", children: [
+      /* @__PURE__ */ jsx12(CommandInput, { placeholder: `Search ${options.length} values...` }),
+      /* @__PURE__ */ jsxs4(CommandList, { children: [
+        /* @__PURE__ */ jsx12(CommandEmpty, { children: "No match found." }),
+        /* @__PURE__ */ jsx12(CommandGroup, { children: options.map((option) => /* @__PURE__ */ jsxs4(
+          CommandItem,
+          {
+            value: option,
+            onSelect: () => handleSelect(option),
+            children: [
+              isStatus ? /* @__PURE__ */ jsx12(
+                Badge,
+                {
+                  variant: "outline",
+                  className: cn(
+                    "text-xs",
+                    STATUS_COLORS[option] ?? ""
+                  ),
+                  children: option
+                }
+              ) : option,
+              /* @__PURE__ */ jsx12(
+                Check,
+                {
+                  className: cn(
+                    "ml-auto size-3.5",
+                    value === option ? "opacity-100" : "opacity-0"
+                  )
+                }
+              )
+            ]
+          },
+          option
+        )) })
+      ] })
+    ] }) })
+  ] });
+}
+function TextEditor({
+  value,
+  onSave
+}) {
+  const [editing, setEditing] = useState2(false);
+  const [draft, setDraft] = useState2(value);
+  const [saving, setSaving] = useState2(false);
+  const inputRef = useRef2(null);
+  useEffect(() => {
+    setDraft(value);
+  }, [value]);
+  useEffect(() => {
+    if (editing) {
+      inputRef.current?.focus();
+      inputRef.current?.select();
+    }
+  }, [editing]);
+  const commit = useCallback2(async () => {
+    const trimmed = draft.trim();
+    if (trimmed === value) {
+      setEditing(false);
+      return;
+    }
+    setSaving(true);
+    try {
+      await onSave(trimmed);
+      setEditing(false);
+    } catch {
+      setDraft(value);
+      setEditing(false);
+    } finally {
+      setSaving(false);
+    }
+  }, [draft, value, onSave]);
+  if (editing) {
+    return /* @__PURE__ */ jsxs4("div", { className: "flex items-center gap-1", children: [
+      /* @__PURE__ */ jsx12(
+        Input,
+        {
+          ref: inputRef,
+          value: draft,
+          onChange: (e) => setDraft(e.target.value),
+          onBlur: commit,
+          onKeyDown: (e) => {
+            if (e.key === "Enter") commit();
+            if (e.key === "Escape") {
+              setDraft(value);
+              setEditing(false);
+            }
+          },
+          disabled: saving,
+          className: "h-7 text-sm"
+        }
+      ),
+      saving && /* @__PURE__ */ jsx12(Loader2, { className: "size-3.5 animate-spin text-muted-foreground" })
+    ] });
+  }
+  return /* @__PURE__ */ jsxs4(
+    "button",
+    {
+      type: "button",
+      className: "group flex w-full items-center gap-1.5 rounded px-1 py-0.5 text-left text-sm hover:bg-accent",
+      onClick: () => setEditing(true),
       children: [
-        /* @__PURE__ */ jsxs("p", { style: { fontSize: "14px", color: "#666" }, children: [
-          /* @__PURE__ */ jsx("strong", { children: "Catalogix" }),
-          " \u2014 section: ",
-          /* @__PURE__ */ jsx("code", { children: section })
+        /* @__PURE__ */ jsx12("span", { className: "flex-1 truncate", children: value || "\u2014" }),
+        /* @__PURE__ */ jsx12(Pencil, { className: "size-3 shrink-0 text-muted-foreground opacity-0 transition-opacity group-hover:opacity-100" })
+      ]
+    }
+  );
+}
+
+// src/SelectProducts/ProductTable.tsx
+import { jsx as jsx13, jsxs as jsxs5 } from "react/jsx-runtime";
+function ProductTable({
+  products,
+  columns: appColumns,
+  allowedValues,
+  loading,
+  columnVisibility,
+  onColumnVisibilityChange,
+  rowSelection,
+  onRowSelectionChange,
+  onCellEdit,
+  currentPage,
+  totalPages,
+  totalProducts,
+  totalSkus,
+  onPageChange,
+  globalFilter
+}) {
+  const tanstackColumns = useMemo(() => {
+    const selectCol = {
+      id: "_select",
+      header: ({ table: table2 }) => /* @__PURE__ */ jsx13(
+        Checkbox,
+        {
+          checked: table2.getIsAllPageRowsSelected() || table2.getIsSomePageRowsSelected() && "indeterminate",
+          onCheckedChange: (checked) => table2.toggleAllPageRowsSelected(!!checked),
+          "aria-label": "Select all",
+          className: "translate-y-[2px]"
+        }
+      ),
+      cell: ({ row }) => /* @__PURE__ */ jsx13(
+        Checkbox,
+        {
+          checked: row.getIsSelected(),
+          onCheckedChange: (checked) => row.toggleSelected(!!checked),
+          "aria-label": "Select row",
+          className: "translate-y-[2px]"
+        }
+      ),
+      size: 40,
+      enableHiding: false
+    };
+    const dataCols = appColumns.map(
+      (col) => ({
+        id: col.value,
+        accessorFn: (row) => getCellValue(row, col.value, col.channel),
+        header: () => col.name,
+        cell: ({ row: tableRow }) => {
+          const rowData = tableRow.original;
+          const rawValue = getCellValue(rowData, col.value, col.channel);
+          const template = rowData.template || "";
+          const cellType = getCellType(col.value, col.channel, allowedValues, template);
+          if (cellType === "image") {
+            return /* @__PURE__ */ jsx13(ImageCell, { src: rawValue });
+          }
+          if (col.value === "Style Code") {
+            const count = rowData._variantCount;
+            return /* @__PURE__ */ jsxs5("div", { className: "flex items-center gap-1.5", children: [
+              /* @__PURE__ */ jsx13("span", { className: "truncate text-sm", children: rawValue || "\u2014" }),
+              count != null && count > 1 && /* @__PURE__ */ jsxs5(Badge, { variant: "secondary", className: "shrink-0 px-1.5 py-0 text-[10px] font-normal", children: [
+                count,
+                " SKUs"
+              ] })
+            ] });
+          }
+          const dropdownVals = getDropdownValues(
+            allowedValues,
+            template,
+            col.value,
+            col.channel
+          );
+          return /* @__PURE__ */ jsx13(
+            EditableCell,
+            {
+              value: rawValue,
+              cellType,
+              fieldName: col.value,
+              allowedValues: dropdownVals,
+              onSave: async (newValue) => {
+                await onCellEdit(rowData, col.value, col.channel, newValue);
+              }
+            }
+          );
+        },
+        size: isImageColumn(col) ? 80 : 180,
+        enableHiding: true
+      })
+    );
+    return [selectCol, ...dataCols];
+  }, [appColumns, allowedValues, onCellEdit]);
+  const filteredProducts = useMemo(() => {
+    if (!globalFilter.trim()) return products;
+    const q = globalFilter.toLowerCase();
+    return products.filter((row) => {
+      for (const col of appColumns) {
+        const val = getCellValue(row, col.value, col.channel);
+        if (val && String(val).toLowerCase().includes(q)) return true;
+      }
+      return false;
+    });
+  }, [products, globalFilter, appColumns]);
+  const table = useReactTable({
+    data: filteredProducts,
+    columns: tanstackColumns,
+    state: {
+      columnVisibility,
+      rowSelection
+    },
+    onColumnVisibilityChange,
+    onRowSelectionChange,
+    getCoreRowModel: getCoreRowModel(),
+    getRowId: (row) => row.id,
+    enableRowSelection: true
+  });
+  const scrollRef = useRef3(null);
+  const [canScrollRight, setCanScrollRight] = useState3(false);
+  const [canScrollDown, setCanScrollDown] = useState3(false);
+  const updateScrollFade = useCallback3(() => {
+    const el = scrollRef.current;
+    if (!el) return;
+    const THRESHOLD = 4;
+    setCanScrollRight(el.scrollWidth - el.scrollLeft - el.clientWidth > THRESHOLD);
+    setCanScrollDown(el.scrollHeight - el.scrollTop - el.clientHeight > THRESHOLD);
+  }, []);
+  useEffect2(() => {
+    const el = scrollRef.current;
+    if (!el) return;
+    updateScrollFade();
+    el.addEventListener("scroll", updateScrollFade, { passive: true });
+    const ro = new ResizeObserver(updateScrollFade);
+    ro.observe(el);
+    return () => {
+      el.removeEventListener("scroll", updateScrollFade);
+      ro.disconnect();
+    };
+  }, [updateScrollFade, filteredProducts]);
+  if (loading) {
+    return /* @__PURE__ */ jsx13("div", { className: "space-y-3 p-4", children: Array.from({ length: 6 }).map((_, i) => /* @__PURE__ */ jsx13(Skeleton, { className: "h-14 w-full rounded-md" }, i)) });
+  }
+  return /* @__PURE__ */ jsxs5("div", { className: "flex h-full flex-col", children: [
+    /* @__PURE__ */ jsxs5("div", { className: "relative flex-1 overflow-hidden rounded-md border", children: [
+      /* @__PURE__ */ jsx13(
+        "div",
+        {
+          ref: scrollRef,
+          className: "h-full overflow-auto",
+          children: /* @__PURE__ */ jsxs5(Table, { children: [
+            /* @__PURE__ */ jsx13(TableHeader, { className: "sticky top-0 z-10 bg-background", children: table.getHeaderGroups().map((headerGroup) => /* @__PURE__ */ jsx13(TableRow, { children: headerGroup.headers.map((header) => /* @__PURE__ */ jsx13(
+              TableHead,
+              {
+                style: { width: header.getSize() },
+                className: header.id === "_select" ? "sticky left-0 z-20 bg-background" : "",
+                children: header.isPlaceholder ? null : flexRender(
+                  header.column.columnDef.header,
+                  header.getContext()
+                )
+              },
+              header.id
+            )) }, headerGroup.id)) }),
+            /* @__PURE__ */ jsx13(TableBody, { children: table.getRowModel().rows.length > 0 ? table.getRowModel().rows.map((row) => /* @__PURE__ */ jsx13(
+              TableRow,
+              {
+                "data-state": row.getIsSelected() ? "selected" : void 0,
+                children: row.getVisibleCells().map((cell) => /* @__PURE__ */ jsx13(
+                  TableCell,
+                  {
+                    style: { width: cell.column.getSize() },
+                    className: cell.column.id === "_select" ? "sticky left-0 z-10 bg-background" : "",
+                    children: flexRender(
+                      cell.column.columnDef.cell,
+                      cell.getContext()
+                    )
+                  },
+                  cell.id
+                ))
+              },
+              row.id
+            )) : /* @__PURE__ */ jsx13(TableRow, { children: /* @__PURE__ */ jsx13(
+              TableCell,
+              {
+                colSpan: tanstackColumns.length,
+                className: "h-32 text-center text-muted-foreground",
+                children: globalFilter ? "No products match your search." : "No products found."
+              }
+            ) }) })
+          ] })
+        }
+      ),
+      /* @__PURE__ */ jsx13(
+        "div",
+        {
+          className: `pointer-events-none absolute right-0 top-0 z-20 h-full w-10 transition-opacity duration-200 ${canScrollRight ? "opacity-100" : "opacity-0"}`,
+          style: {
+            background: "linear-gradient(to left, rgba(0,0,0,0.08) 0%, rgba(0,0,0,0.03) 40%, transparent 100%)"
+          }
+        }
+      ),
+      /* @__PURE__ */ jsx13(
+        "div",
+        {
+          className: `pointer-events-none absolute bottom-0 left-0 z-20 h-10 w-full transition-opacity duration-200 ${canScrollDown ? "opacity-100" : "opacity-0"}`,
+          style: {
+            background: "linear-gradient(to top, rgba(0,0,0,0.08) 0%, rgba(0,0,0,0.03) 40%, transparent 100%)"
+          }
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsxs5("div", { className: "flex items-center justify-between border-t px-3 py-2", children: [
+      /* @__PURE__ */ jsxs5("div", { className: "flex items-center gap-3 text-xs text-muted-foreground", children: [
+        totalProducts > 0 && /* @__PURE__ */ jsxs5("span", { className: "flex items-center gap-1", children: [
+          /* @__PURE__ */ jsx13(Package, { className: "size-3.5" }),
+          totalProducts.toLocaleString(),
+          " ",
+          totalProducts === 1 ? "style" : "styles"
         ] }),
-        /* @__PURE__ */ jsxs("p", { style: { fontSize: "12px", color: "#999", marginTop: "4px" }, children: [
-          "This is a placeholder from ",
-          /* @__PURE__ */ jsx("code", { children: "@streamoid/catalogix-chat" }),
-          ". Replace with actual catalogix components (CreateStore, SelectProducts, Automations) by importing from the catalogix app source tree."
+        totalSkus > 0 && /* @__PURE__ */ jsxs5("span", { className: "flex items-center gap-1", children: [
+          /* @__PURE__ */ jsx13(Layers, { className: "size-3.5" }),
+          totalSkus.toLocaleString(),
+          " ",
+          totalSkus === 1 ? "SKU" : "SKUs"
+        ] }),
+        table.getFilteredSelectedRowModel().rows.length > 0 && /* @__PURE__ */ jsxs5("span", { className: "font-medium text-foreground", children: [
+          "\xB7 ",
+          table.getFilteredSelectedRowModel().rows.length,
+          " selected"
         ] })
+      ] }),
+      totalPages > 0 && /* @__PURE__ */ jsxs5("div", { className: "flex items-center gap-2", children: [
+        /* @__PURE__ */ jsxs5(
+          Button,
+          {
+            variant: "outline",
+            size: "sm",
+            onClick: () => onPageChange(currentPage - 1),
+            disabled: currentPage <= 1,
+            className: "h-7 px-2",
+            children: [
+              /* @__PURE__ */ jsx13(ChevronLeft, { className: "size-4" }),
+              "Prev"
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsxs5("span", { className: "min-w-[5rem] text-center text-xs text-muted-foreground", children: [
+          "Page ",
+          currentPage,
+          " of ",
+          totalPages
+        ] }),
+        /* @__PURE__ */ jsxs5(
+          Button,
+          {
+            variant: "outline",
+            size: "sm",
+            onClick: () => onPageChange(currentPage + 1),
+            disabled: currentPage >= totalPages,
+            className: "h-7 px-2",
+            children: [
+              "Next",
+              /* @__PURE__ */ jsx13(ChevronRight, { className: "size-4" })
+            ]
+          }
+        )
+      ] })
+    ] })
+  ] });
+}
+function isImageColumn(col) {
+  const lower = col.value.toLowerCase();
+  return lower.includes("image") && !lower.includes("image_count");
+}
+
+// src/SelectProducts/ColumnManager.tsx
+import { useMemo as useMemo2, useState as useState4 } from "react";
+import { Columns, Loader2 as Loader22, Search } from "lucide-react";
+
+// src/ui/switch.tsx
+import * as SwitchPrimitive from "@radix-ui/react-switch";
+import { jsx as jsx14 } from "react/jsx-runtime";
+function Switch({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx14(
+    SwitchPrimitive.Root,
+    {
+      "data-slot": "switch",
+      className: cn(
+        "peer data-[state=checked]:bg-primary data-[state=unchecked]:bg-switch-background focus-visible:border-ring focus-visible:ring-ring/50 dark:data-[state=unchecked]:bg-input/80 inline-flex h-[1.15rem] w-8 shrink-0 items-center rounded-full border border-transparent transition-all outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50",
+        className
+      ),
+      ...props,
+      children: /* @__PURE__ */ jsx14(
+        SwitchPrimitive.Thumb,
+        {
+          "data-slot": "switch-thumb",
+          className: cn(
+            "bg-card dark:data-[state=unchecked]:bg-card-foreground dark:data-[state=checked]:bg-primary-foreground pointer-events-none block size-4 rounded-full ring-0 transition-transform data-[state=checked]:translate-x-[calc(100%-2px)] data-[state=unchecked]:translate-x-0"
+          )
+        }
+      )
+    }
+  );
+}
+
+// src/SelectProducts/ColumnManager.tsx
+import { jsx as jsx15, jsxs as jsxs6 } from "react/jsx-runtime";
+function ColumnManager({
+  allColumns,
+  columnVisibility,
+  onToggle,
+  loading
+}) {
+  const [search, setSearch] = useState4("");
+  const [open, setOpen] = useState4(false);
+  const filtered = useMemo2(() => {
+    if (!search.trim()) return allColumns;
+    const q = search.toLowerCase();
+    return allColumns.filter(
+      (col) => col.name.toLowerCase().includes(q) || col.value.toLowerCase().includes(q) || col.channel.toLowerCase().includes(q)
+    );
+  }, [allColumns, search]);
+  const grouped = useMemo2(() => {
+    const map = {};
+    for (const col of filtered) {
+      const ch = col.channel || "other";
+      if (!map[ch]) map[ch] = [];
+      map[ch].push(col);
+    }
+    return map;
+  }, [filtered]);
+  const visibleCount = useMemo2(
+    () => allColumns.filter((col) => columnVisibility[col.value] !== false).length,
+    [allColumns, columnVisibility]
+  );
+  return /* @__PURE__ */ jsxs6(Popover, { open, onOpenChange: setOpen, children: [
+    /* @__PURE__ */ jsxs6(
+      PopoverTrigger,
+      {
+        className: buttonVariants({
+          variant: "outline",
+          size: "sm",
+          className: "gap-1.5"
+        }),
+        children: [
+          /* @__PURE__ */ jsx15(Columns, { className: "size-4" }),
+          "Columns",
+          loading ? /* @__PURE__ */ jsx15(Loader22, { className: "ml-0.5 size-3.5 animate-spin text-muted-foreground" }) : /* @__PURE__ */ jsxs6(Badge, { variant: "secondary", className: "ml-0.5 text-xs font-normal", children: [
+            visibleCount,
+            "/",
+            allColumns.length
+          ] })
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsxs6(
+      PopoverContent,
+      {
+        className: "w-[300px] p-0",
+        align: "end",
+        sideOffset: 4,
+        collisionPadding: 8,
+        children: [
+          /* @__PURE__ */ jsxs6("div", { className: "flex items-center gap-2 border-b px-3 py-2", children: [
+            /* @__PURE__ */ jsx15(Search, { className: "size-3.5 shrink-0 text-muted-foreground" }),
+            /* @__PURE__ */ jsx15(
+              "input",
+              {
+                placeholder: "Search columns...",
+                value: search,
+                onChange: (e) => setSearch(e.target.value),
+                className: "h-6 w-full bg-transparent text-sm outline-none placeholder:text-muted-foreground"
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsxs6("div", { className: "max-h-[360px] overflow-y-auto overscroll-contain p-2", children: [
+            Object.entries(grouped).map(([channel, cols]) => /* @__PURE__ */ jsxs6("div", { className: "mb-2 last:mb-0", children: [
+              /* @__PURE__ */ jsxs6("div", { className: "sticky top-0 z-10 mb-1 bg-popover px-1 text-[10px] font-semibold uppercase tracking-wider text-muted-foreground", children: [
+                channel,
+                /* @__PURE__ */ jsxs6("span", { className: "ml-1 font-normal", children: [
+                  "(",
+                  cols.length,
+                  ")"
+                ] })
+              ] }),
+              cols.map((col) => {
+                const isVisible = columnVisibility[col.value] !== false;
+                return /* @__PURE__ */ jsxs6(
+                  "label",
+                  {
+                    className: "flex cursor-pointer items-center justify-between gap-2 rounded-md px-2 py-1.5 text-sm hover:bg-accent",
+                    children: [
+                      /* @__PURE__ */ jsx15("span", { className: "min-w-0 truncate", children: col.name }),
+                      /* @__PURE__ */ jsx15(
+                        Switch,
+                        {
+                          checked: isVisible,
+                          onCheckedChange: () => onToggle(col.value),
+                          className: "shrink-0 scale-75"
+                        }
+                      )
+                    ]
+                  },
+                  col.value
+                );
+              })
+            ] }, channel)),
+            filtered.length === 0 && /* @__PURE__ */ jsx15("p", { className: "py-4 text-center text-sm text-muted-foreground", children: "No columns match your search." })
+          ] })
+        ]
+      }
+    )
+  ] });
+}
+
+// src/SelectProducts/api.ts
+async function fetchRequiredFields(storeId) {
+  const { catalogixBaseUrl } = getApiConfig();
+  const url = `${catalogixBaseUrl}/api/v1/store/${storeId}/product/required`;
+  return fetchJson(url);
+}
+async function searchProducts(params) {
+  const { catalogixBaseUrl } = getApiConfig();
+  const url = `${catalogixBaseUrl}/api/v1/store/${params.storeId}/products/search?response_as_list=true&include_result_count=true`;
+  return fetchJson(url, {
+    method: "POST",
+    headers: { "Content-Type": "application/json" },
+    body: JSON.stringify({
+      filters: params.filters,
+      fields: params.fields,
+      start: params.start,
+      rows: params.rows,
+      group: true
+    })
+  });
+}
+async function updateProduct({
+  storeId,
+  productCode,
+  productUuid,
+  channel,
+  fieldName,
+  value,
+  userId
+}) {
+  const { keplerProxyPrefix } = getApiConfig();
+  const metadata = encodeURIComponent(
+    JSON.stringify({ catalogix_user_id: userId })
+  );
+  const url = `${keplerProxyPrefix}/v1/store/${storeId}/products/update?req_metadata=${metadata}`;
+  const body = {
+    [productCode]: {
+      [channel]: {
+        product_uuid: productUuid,
+        [fieldName]: value
+      }
+    }
+  };
+  return fetchJson(url, {
+    method: "POST",
+    headers: { "Content-Type": "application/json" },
+    body: JSON.stringify(body)
+  });
+}
+
+// src/SelectProducts/index.tsx
+import { Fragment as Fragment2, jsx as jsx16, jsxs as jsxs7 } from "react/jsx-runtime";
+function SelectProducts({
+  workspaceId,
+  storeId,
+  userId,
+  submitted,
+  submittedValues,
+  onConfirmSelection,
+  useProductUuid = true
+}) {
+  const [loading, setLoading] = useState5(false);
+  const [products, setProducts] = useState5([]);
+  const [allColumns, setAllColumns] = useState5(DEFAULT_COLUMNS);
+  const [allowedValues, setAllowedValues] = useState5({});
+  const [pageCount, setPageCount] = useState5(0);
+  const [currentPage, setCurrentPage] = useState5(1);
+  const [totalProducts, setTotalProducts] = useState5(0);
+  const [totalSkus, setTotalSkus] = useState5(0);
+  const [globalFilter, setGlobalFilter] = useState5("");
+  const [columnVisibility, setColumnVisibility] = useState5({});
+  const [rowSelection, setRowSelection] = useState5({});
+  const [columnsReady, setColumnsReady] = useState5(false);
+  const [isSubmitting, setIsSubmitting] = useState5(false);
+  const [isSubmitted, setIsSubmitted] = useState5(Boolean(submitted));
+  const [localSubmittedValues, setLocalSubmittedValues] = useState5(
+    submittedValues ?? null
+  );
+  const rowSelectionRef = useRef4({});
+  useEffect3(() => {
+    rowSelectionRef.current = rowSelection;
+  }, [rowSelection]);
+  const requiredFieldsFetchedRef = useRef4(null);
+  useEffect3(() => {
+    setIsSubmitted(Boolean(submitted));
+    setLocalSubmittedValues(submittedValues ?? null);
+  }, [submitted, submittedValues]);
+  useEffect3(() => {
+    if (!storeId || requiredFieldsFetchedRef.current === storeId) return;
+    requiredFieldsFetchedRef.current = storeId;
+    (async () => {
+      try {
+        const response = await fetchRequiredFields(storeId);
+        if (response?.status?.code !== 0 || !response.data) return;
+        const { columns: reqCols, allowedValues: reqAv } = buildFromRequiredFields(response.data);
+        const existingValues = new Set(DEFAULT_COLUMNS.map((c) => c.value));
+        const newCols = reqCols.filter((c) => !existingValues.has(c.value));
+        if (newCols.length > 0) {
+          setAllColumns((prev) => {
+            const prevValues = new Set(prev.map((c) => c.value));
+            const toAdd = newCols.filter((c) => !prevValues.has(c.value));
+            return toAdd.length > 0 ? [...prev, ...toAdd] : prev;
+          });
+          setColumnVisibility((prev) => {
+            const next = { ...prev };
+            for (const col of newCols) {
+              if (!CORE_COLUMN_VALUES.has(col.value) && next[col.value] === void 0) {
+                next[col.value] = false;
+              }
+            }
+            return next;
+          });
+        }
+        setAllowedValues((prev) => mergeAllowedValues(prev, reqAv));
+      } catch (error) {
+        console.error("Failed to fetch required fields:", error);
+      } finally {
+        setColumnsReady(true);
+      }
+    })();
+  }, [storeId]);
+  const fetchProducts = useCallback4(
+    async (page = 1) => {
+      if (!storeId) return;
+      const fields = buildFieldsFromColumns(allColumns, DEFAULT_SOURCE_MP);
+      const filters = buildFiltersFromFields(fields);
+      const offset = (page - 1) * PRODUCTS_PER_PAGE;
+      setLoading(true);
+      try {
+        const response = await searchProducts({
+          storeId,
+          fields,
+          filters,
+          start: offset,
+          rows: PRODUCTS_PER_PAGE
+        });
+        if (response?.status?.code === 0) {
+          const groups = Array.isArray(response.data) ? response.data : [];
+          const allRows = formatProducts(groups);
+          setProducts(formatProductsByStyle(allRows));
+          const av = response.allowed_values || response.allowedValues;
+          if (av) {
+            setAllowedValues((prev) => mergeAllowedValues(prev, av));
+          }
+          const stats = response.stats || {};
+          const docCount = Math.max(stats.doc_count ?? 0, 0);
+          const variantCount = Math.max(stats.variant_count ?? 0, 0);
+          const apiPages = Math.max(stats.pages ?? 0, 0);
+          setTotalProducts(docCount);
+          setTotalSkus(variantCount);
+          setPageCount(
+            apiPages > 0 ? apiPages : docCount > 0 ? Math.ceil(docCount / PRODUCTS_PER_PAGE) : 0
+          );
+        } else {
+          setProducts([]);
+        }
+      } catch (error) {
+        console.error("Failed to fetch products:", error);
+        setProducts([]);
+      } finally {
+        setLoading(false);
+      }
+    },
+    [storeId, allColumns]
+  );
+  useEffect3(() => {
+    if (storeId) {
+      fetchProducts(currentPage);
+    }
+  }, [storeId, currentPage, fetchProducts]);
+  const handleCellEdit = useCallback4(
+    async (row, fieldName, channel, newValue) => {
+      const apiChannel = channel === "required" ? "product" : channel;
+      const productCode = row.product_code;
+      const productUuid = row.product_uuid;
+      if (!productCode || !productUuid) {
+        throw new Error("Missing product code or UUID");
+      }
+      await updateProduct({
+        storeId,
+        productCode,
+        productUuid,
+        channel: apiChannel,
+        fieldName,
+        value: newValue,
+        userId: userId || ""
+      });
+      setProducts(
+        (prev) => prev.map((p) => {
+          if (p.id !== row.id) return p;
+          const namespacedKey = `${fieldName}::${apiChannel}`;
+          return { ...p, [namespacedKey]: newValue, ...fieldName === "status" ? { status: newValue } : {} };
+        })
+      );
+    },
+    [storeId, userId]
+  );
+  const handlePageChange = useCallback4((page) => {
+    setCurrentPage(page);
+    setRowSelection({});
+  }, []);
+  const selectedProducts = useMemo3(() => {
+    const selectedIds = Object.keys(rowSelection).filter(
+      (k) => rowSelection[k]
+    );
+    return products.filter((p) => selectedIds.includes(p.id));
+  }, [rowSelection, products]);
+  const hasSelection = selectedProducts.length > 0;
+  const handleConfirmSelection = useCallback4(async () => {
+    if (!onConfirmSelection) return;
+    const productUuids = Array.from(
+      new Set(selectedProducts.map((p) => p.product_uuid).filter(Boolean))
+    );
+    const productCodes = Array.from(
+      new Set(selectedProducts.map((p) => p.product_code).filter(Boolean))
+    );
+    const selectionPayload = useProductUuid ? { product_uuids: productUuids } : { product_codes: productCodes };
+    const resumeValues = {
+      product_uuids: productUuids,
+      product_codes: productCodes,
+      workspaceId,
+      storeId
+    };
+    setIsSubmitting(true);
+    try {
+      const result = await onConfirmSelection(
+        selectedProducts,
+        [],
+        // excludedProducts
+        [],
+        // selectedPageRange
+        {},
+        // filters
+        useProductUuid,
+        selectionPayload,
+        resumeValues
+      );
+      if (result?.submitted) {
+        setIsSubmitted(true);
+        setLocalSubmittedValues(result.submittedValues ?? resumeValues);
+      }
+    } catch (error) {
+      console.error("Failed to submit selection:", error);
+    } finally {
+      setIsSubmitting(false);
+    }
+  }, [
+    onConfirmSelection,
+    selectedProducts,
+    useProductUuid,
+    workspaceId,
+    storeId
+  ]);
+  const handleColumnToggle = useCallback4((columnValue) => {
+    setColumnVisibility((prev) => ({
+      ...prev,
+      [columnValue]: prev[columnValue] === false ? true : false
+    }));
+  }, []);
+  if (isSubmitted) {
+    return /* @__PURE__ */ jsxs7(Card, { className: "p-4", children: [
+      /* @__PURE__ */ jsxs7("div", { className: "flex items-center gap-2 font-semibold text-emerald-700", children: [
+        /* @__PURE__ */ jsx16(CheckCircle, { className: "size-4" }),
+        "Selection submitted"
+      ] }),
+      localSubmittedValues && /* @__PURE__ */ jsxs7("details", { className: "mt-2", children: [
+        /* @__PURE__ */ jsx16("summary", { className: "cursor-pointer text-sm text-muted-foreground", children: "View submitted data" }),
+        /* @__PURE__ */ jsx16("pre", { className: "mt-2 max-h-40 overflow-auto rounded bg-muted p-2 text-xs", children: JSON.stringify(localSubmittedValues, null, 2) })
+      ] })
+    ] });
+  }
+  if (!storeId || !workspaceId) {
+    return /* @__PURE__ */ jsx16(Card, { className: "p-6 text-center text-muted-foreground", children: "Store context missing. Please start from a store selection step." });
+  }
+  if (!loading && products.length === 0) {
+    return /* @__PURE__ */ jsx16(Card, { className: "p-6 text-center text-muted-foreground", children: "No products found for this store." });
+  }
+  return /* @__PURE__ */ jsxs7("div", { className: "flex h-[580px] flex-col gap-3 rounded-lg border border-border bg-card p-3 shadow-sm", children: [
+    /* @__PURE__ */ jsxs7("div", { className: "flex items-center gap-2", children: [
+      /* @__PURE__ */ jsxs7("div", { className: "relative flex-1", children: [
+        /* @__PURE__ */ jsx16(Search2, { className: "absolute left-2.5 top-1/2 size-4 -translate-y-1/2 text-muted-foreground" }),
+        /* @__PURE__ */ jsx16(
+          Input,
+          {
+            placeholder: "Search products...",
+            value: globalFilter,
+            onChange: (e) => setGlobalFilter(e.target.value),
+            className: "h-9 pl-9"
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsx16(
+        ColumnManager,
+        {
+          allColumns,
+          columnVisibility,
+          onToggle: handleColumnToggle,
+          loading: !columnsReady
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsx16("div", { className: "min-h-0 flex-1", children: /* @__PURE__ */ jsx16(
+      ProductTable,
+      {
+        products,
+        columns: allColumns,
+        allowedValues,
+        loading,
+        columnVisibility,
+        onColumnVisibilityChange: setColumnVisibility,
+        rowSelection,
+        onRowSelectionChange: setRowSelection,
+        onCellEdit: handleCellEdit,
+        currentPage,
+        totalPages: pageCount,
+        totalProducts,
+        totalSkus,
+        onPageChange: handlePageChange,
+        globalFilter
+      }
+    ) }),
+    hasSelection && /* @__PURE__ */ jsxs7("div", { className: "flex items-center justify-between rounded-lg border bg-muted/50 px-4 py-2", children: [
+      /* @__PURE__ */ jsxs7("span", { className: "text-sm font-medium", children: [
+        selectedProducts.length,
+        " product",
+        selectedProducts.length !== 1 ? "s" : "",
+        " selected"
+      ] }),
+      /* @__PURE__ */ jsx16(
+        Button,
+        {
+          onClick: handleConfirmSelection,
+          disabled: isSubmitting,
+          size: "sm",
+          children: isSubmitting ? /* @__PURE__ */ jsxs7(Fragment2, { children: [
+            /* @__PURE__ */ jsx16(Loader23, { className: "size-4 animate-spin" }),
+            "Submitting..."
+          ] }) : "Confirm selection"
+        }
+      )
+    ] })
+  ] });
+}
+function mergeAllowedValues(base, incoming) {
+  const result = { ...base };
+  for (const [channel, channelData] of Object.entries(incoming)) {
+    if (!result[channel]) {
+      result[channel] = channelData;
+    } else {
+      result[channel] = { ...result[channel] };
+      for (const [key, value] of Object.entries(channelData)) {
+        if (!result[channel][key]) {
+          result[channel][key] = value;
+        } else {
+          result[channel][key] = { ...result[channel][key], ...value };
+        }
+      }
+    }
+  }
+  return result;
+}
+
+// src/CreateStore/index.tsx
+import { useState as useState6, useEffect as useEffect4, useMemo as useMemo4 } from "react";
+import { Loader2 as Loader24, ChevronDown, ArrowLeft, Info } from "lucide-react";
+
+// src/ui/label.tsx
+import * as LabelPrimitive from "@radix-ui/react-label";
+import { jsx as jsx17 } from "react/jsx-runtime";
+function Label({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx17(
+    LabelPrimitive.Root,
+    {
+      "data-slot": "label",
+      className: cn(
+        "flex items-center gap-2 text-sm leading-none font-medium select-none group-data-[disabled=true]:pointer-events-none group-data-[disabled=true]:opacity-50 peer-disabled:cursor-not-allowed peer-disabled:opacity-50",
+        className
+      ),
+      ...props
+    }
+  );
+}
+
+// src/ui/select.tsx
+import * as SelectPrimitive from "@radix-ui/react-select";
+import {
+  CheckIcon as CheckIcon2,
+  ChevronDownIcon,
+  ChevronUpIcon
+} from "lucide-react";
+import { jsx as jsx18, jsxs as jsxs8 } from "react/jsx-runtime";
+function Select({
+  ...props
+}) {
+  return /* @__PURE__ */ jsx18(SelectPrimitive.Root, { "data-slot": "select", ...props });
+}
+function SelectValue({
+  ...props
+}) {
+  return /* @__PURE__ */ jsx18(SelectPrimitive.Value, { "data-slot": "select-value", ...props });
+}
+function SelectTrigger({
+  className,
+  size = "default",
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxs8(
+    SelectPrimitive.Trigger,
+    {
+      "data-slot": "select-trigger",
+      "data-size": size,
+      className: cn(
+        "border-input data-[placeholder]:text-muted-foreground [&_svg:not([class*='text-'])]:text-muted-foreground focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:bg-input/30 dark:hover:bg-input/50 flex w-full items-center justify-between gap-2 rounded-md border bg-input-background px-3 py-2 text-sm whitespace-nowrap transition-[color,box-shadow] outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50 data-[size=default]:h-9 data-[size=sm]:h-8 *:data-[slot=select-value]:line-clamp-1 *:data-[slot=select-value]:flex *:data-[slot=select-value]:items-center *:data-[slot=select-value]:gap-2 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+        className
+      ),
+      ...props,
+      children: [
+        children,
+        /* @__PURE__ */ jsx18(SelectPrimitive.Icon, { asChild: true, children: /* @__PURE__ */ jsx18(ChevronDownIcon, { className: "size-4 opacity-50" }) })
+      ]
+    }
+  );
+}
+function SelectContent({
+  className,
+  children,
+  position = "popper",
+  ...props
+}) {
+  return /* @__PURE__ */ jsx18(SelectPrimitive.Portal, { children: /* @__PURE__ */ jsxs8(
+    SelectPrimitive.Content,
+    {
+      "data-slot": "select-content",
+      className: cn(
+        "bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 relative z-50 max-h-(--radix-select-content-available-height) min-w-[8rem] origin-(--radix-select-content-transform-origin) overflow-x-hidden overflow-y-auto rounded-md border shadow-md",
+        position === "popper" && "data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1",
+        className
+      ),
+      position,
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx18(SelectScrollUpButton, {}),
+        /* @__PURE__ */ jsx18(
+          SelectPrimitive.Viewport,
+          {
+            className: cn(
+              "p-1",
+              position === "popper" && "h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)] scroll-my-1"
+            ),
+            children
+          }
+        ),
+        /* @__PURE__ */ jsx18(SelectScrollDownButton, {})
+      ]
+    }
+  ) });
+}
+function SelectItem({
+  className,
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxs8(
+    SelectPrimitive.Item,
+    {
+      "data-slot": "select-item",
+      className: cn(
+        "focus:bg-accent focus:text-accent-foreground [&_svg:not([class*='text-'])]:text-muted-foreground relative flex w-full cursor-default items-center gap-2 rounded-sm py-1.5 pr-8 pl-2 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 *:[span]:last:flex *:[span]:last:items-center *:[span]:last:gap-2",
+        className
+      ),
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx18("span", { className: "absolute right-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ jsx18(SelectPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx18(CheckIcon2, { className: "size-4" }) }) }),
+        /* @__PURE__ */ jsx18(SelectPrimitive.ItemText, { children })
       ]
     }
   );
 }
+function SelectScrollUpButton({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx18(
+    SelectPrimitive.ScrollUpButton,
+    {
+      "data-slot": "select-scroll-up-button",
+      className: cn(
+        "flex cursor-default items-center justify-center py-1",
+        className
+      ),
+      ...props,
+      children: /* @__PURE__ */ jsx18(ChevronUpIcon, { className: "size-4" })
+    }
+  );
+}
+function SelectScrollDownButton({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx18(
+    SelectPrimitive.ScrollDownButton,
+    {
+      "data-slot": "select-scroll-down-button",
+      className: cn(
+        "flex cursor-default items-center justify-center py-1",
+        className
+      ),
+      ...props,
+      children: /* @__PURE__ */ jsx18(ChevronDownIcon, { className: "size-4" })
+    }
+  );
+}
+
+// src/ui/separator.tsx
+import * as SeparatorPrimitive from "@radix-ui/react-separator";
+import { jsx as jsx19 } from "react/jsx-runtime";
+function Separator2({
+  className,
+  orientation = "horizontal",
+  decorative = true,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx19(
+    SeparatorPrimitive.Root,
+    {
+      "data-slot": "separator-root",
+      decorative,
+      orientation,
+      className: cn(
+        "bg-border shrink-0 data-[orientation=horizontal]:h-px data-[orientation=horizontal]:w-full data-[orientation=vertical]:h-full data-[orientation=vertical]:w-px",
+        className
+      ),
+      ...props
+    }
+  );
+}
+
+// src/CreateStore/api.ts
+async function getStoreValues() {
+  const { catalogixBaseUrl } = getApiConfig();
+  return fetchJson(`${catalogixBaseUrl}/api/v1/storeValues`);
+}
+async function getMarketplaces(region, workspaceId) {
+  const { catalogixBaseUrl } = getApiConfig();
+  return fetchJson(
+    `${catalogixBaseUrl}/api/v1/marketplaces?region=${encodeURIComponent(region)}&workspace=${encodeURIComponent(workspaceId)}`
+  );
+}
+async function createStore(payload) {
+  const { catalogixBaseUrl } = getApiConfig();
+  return fetchJson(`${catalogixBaseUrl}/api/v1/store`, {
+    method: "POST",
+    headers: { "Content-Type": "application/json" },
+    body: JSON.stringify(payload)
+  });
+}
+async function getStore(workspaceId, storeId) {
+  const { catalogixBaseUrl } = getApiConfig();
+  return fetchJson(
+    `${catalogixBaseUrl}/api/v1/workspace/${encodeURIComponent(workspaceId)}/store/${encodeURIComponent(storeId)}`
+  );
+}
+
+// src/CreateStore/index.tsx
+import { Fragment as Fragment3, jsx as jsx20, jsxs as jsxs9 } from "react/jsx-runtime";
+var REGIONS = [
+  "India",
+  "Middle East (UAE)",
+  "South East Asia",
+  "North America",
+  "Europe",
+  "UK",
+  "Australia",
+  "Japan",
+  "South America",
+  "Africa"
+];
+var WEBSITE_REGEX = /^(https?:\/\/)?([\da-z.-]+)\.([a-z.]{2,6})([/\w .-]*)*\/?$/;
+function CreateStore({
+  workspaceId,
+  stores = [],
+  initialStoreName = "",
+  useCatalogixTaxonomy = false,
+  shouldRefetchStore = false,
+  onStoreCreated,
+  onCreateError,
+  onClose
+}) {
+  const [storeName, setStoreName] = useState6(initialStoreName);
+  const [storeType, setStoreType] = useState6([]);
+  const [country, setCountry] = useState6("India");
+  const [channels, setChannels] = useState6([]);
+  const [storeWebsite, setStoreWebsite] = useState6("");
+  const [languages, setLanguages] = useState6([]);
+  const [linkedStoreId, setLinkedStoreId] = useState6(null);
+  const [showAdvanced, setShowAdvanced] = useState6(false);
+  const [loading, setLoading] = useState6(false);
+  const [fetchingValues, setFetchingValues] = useState6(true);
+  const [fetchingChannels, setFetchingChannels] = useState6(false);
+  const [error, setError] = useState6(null);
+  const [storeTypes, setStoreTypes] = useState6([]);
+  const [availableLanguages, setAvailableLanguages] = useState6([]);
+  const [channelOptions, setChannelOptions] = useState6([]);
+  const [showConnectInfo, setShowConnectInfo] = useState6(false);
+  const [channelPopoverOpen, setChannelPopoverOpen] = useState6(false);
+  const [languagePopoverOpen, setLanguagePopoverOpen] = useState6(false);
+  useEffect4(() => {
+    let active = true;
+    getStoreValues().then((res) => {
+      if (!active || !res.data) return;
+      if (res.data.product_sale_type) {
+        setStoreTypes(res.data.product_sale_type);
+        const mp = res.data.product_sale_type.find((t) => t.id === "MP");
+        if (mp) setStoreType(["MP"]);
+      }
+      if (res.data.language) {
+        setAvailableLanguages(res.data.language);
+        setLanguages([res.data.language[0]]);
+      }
+    }).catch(console.error).finally(() => active && setFetchingValues(false));
+    return () => {
+      active = false;
+    };
+  }, []);
+  useEffect4(() => {
+    if (!workspaceId || !country) return;
+    let active = true;
+    setFetchingChannels(true);
+    getMarketplaces(country, workspaceId).then((res) => {
+      if (!active) return;
+      if (res.data && Array.isArray(res.data)) {
+        setChannelOptions(
+          res.data.map((ch) => ({
+            value: ch,
+            label: ch.replace(/_/g, " "),
+            thumbnailUrl: res.details?.[ch.toLowerCase()]?.thumbnail_url
+          })).sort((a, b) => a.label.localeCompare(b.label))
+        );
+      } else {
+        setChannelOptions([]);
+      }
+    }).catch(() => setChannelOptions([])).finally(() => active && setFetchingChannels(false));
+    return () => {
+      active = false;
+    };
+  }, [country, workspaceId]);
+  const hasMP = storeType.includes("MP");
+  const hasD2C = storeType.includes("D2C");
+  const isCreateDisabled = useMemo4(() => {
+    if (!storeName.trim() || !country || storeType.length === 0) return true;
+    if (hasMP && channels.length === 0) return true;
+    if (hasD2C && !storeWebsite.trim()) return true;
+    return false;
+  }, [storeName, country, storeType, channels, storeWebsite, hasMP, hasD2C]);
+  const handleCreate = async () => {
+    if (hasD2C) {
+      const trimmed = storeWebsite.trim();
+      if (!trimmed || !WEBSITE_REGEX.test(trimmed)) {
+        setError("Invalid store website. Use https://www.example.com");
+        return;
+      }
+    }
+    setLoading(true);
+    setError(null);
+    const channelList = channels.map((c) => c.value);
+    if (hasD2C && !channelList.length) {
+      channelList.push("SMP", "streamoid-4");
+    }
+    const payload = {
+      storeName,
+      storeType,
+      country,
+      channels: channelList,
+      languages,
+      storeWebsite,
+      linkedStore: linkedStoreId ?? void 0,
+      selectedWorkspaceId: workspaceId,
+      ...useCatalogixTaxonomy ? { storeTaxonomy: "catalogix" } : {}
+    };
+    try {
+      const res = await createStore(payload);
+      if (res.status?.code === -1) {
+        setError(res.status.message || "Store creation failed");
+        onCreateError?.(res);
+      } else {
+        let finalData = res.data || {};
+        if (shouldRefetchStore && res.data?._id) {
+          const refetched = await getStore(res.data.workspaceId, res.data._id);
+          finalData = { ...finalData, ...refetched.data };
+        }
+        onStoreCreated?.(finalData);
+        onClose?.();
+      }
+    } catch (err) {
+      const msg = err instanceof Error ? err.message : "Something went wrong";
+      setError(msg);
+      onCreateError?.(err);
+    } finally {
+      setLoading(false);
+    }
+  };
+  const toggleChannel = (ch) => {
+    setChannels(
+      (prev) => prev.some((c) => c.value === ch.value) ? prev.filter((c) => c.value !== ch.value) : [...prev, ch]
+    );
+  };
+  const toggleLanguage = (lang) => {
+    setLanguages(
+      (prev) => prev.includes(lang) ? prev.filter((l) => l !== lang) : [...prev, lang]
+    );
+  };
+  if (fetchingValues || fetchingChannels) {
+    return /* @__PURE__ */ jsxs9("div", { className: "space-y-4 p-4", children: [
+      /* @__PURE__ */ jsx20(Skeleton, { className: "h-8 w-48" }),
+      /* @__PURE__ */ jsx20(Skeleton, { className: "h-10 w-full" }),
+      /* @__PURE__ */ jsx20(Skeleton, { className: "h-10 w-full" }),
+      /* @__PURE__ */ jsx20(Skeleton, { className: "h-10 w-full" })
+    ] });
+  }
+  return /* @__PURE__ */ jsxs9("div", { className: "flex flex-col gap-4 p-4", children: [
+    /* @__PURE__ */ jsxs9("div", { className: "flex items-center gap-2", children: [
+      onClose && /* @__PURE__ */ jsx20(Button, { variant: "ghost", size: "icon", onClick: onClose, children: /* @__PURE__ */ jsx20(ArrowLeft, { className: "size-4" }) }),
+      /* @__PURE__ */ jsx20("h3", { className: "text-lg font-semibold", children: "Create Store" })
+    ] }),
+    /* @__PURE__ */ jsx20(Separator2, {}),
+    error && /* @__PURE__ */ jsx20("div", { className: "rounded-md border border-destructive/50 bg-destructive/10 px-3 py-2 text-sm text-destructive", children: error }),
+    /* @__PURE__ */ jsxs9("div", { className: "space-y-1.5", children: [
+      /* @__PURE__ */ jsxs9(Label, { children: [
+        "Store Name ",
+        /* @__PURE__ */ jsx20("span", { className: "text-destructive", children: "*" })
+      ] }),
+      /* @__PURE__ */ jsx20(
+        Input,
+        {
+          placeholder: "My Store",
+          value: storeName,
+          onChange: (e) => setStoreName(e.target.value),
+          autoFocus: true
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsxs9("div", { className: "space-y-1.5", children: [
+      /* @__PURE__ */ jsxs9(Label, { children: [
+        "Region ",
+        /* @__PURE__ */ jsx20("span", { className: "text-destructive", children: "*" })
+      ] }),
+      /* @__PURE__ */ jsxs9(Select, { value: country, onValueChange: setCountry, children: [
+        /* @__PURE__ */ jsx20(SelectTrigger, { children: /* @__PURE__ */ jsx20(SelectValue, { placeholder: "Select region" }) }),
+        /* @__PURE__ */ jsx20(SelectContent, { children: REGIONS.map((r) => /* @__PURE__ */ jsx20(SelectItem, { value: r, children: r }, r)) })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxs9("div", { className: "space-y-1.5", children: [
+      /* @__PURE__ */ jsxs9(Label, { children: [
+        "Business ",
+        /* @__PURE__ */ jsx20("span", { className: "text-destructive", children: "*" })
+      ] }),
+      /* @__PURE__ */ jsx20("div", { className: "flex flex-wrap gap-2", children: storeTypes.map((t) => {
+        const selected = storeType.includes(t.id);
+        return /* @__PURE__ */ jsxs9(
+          "button",
+          {
+            type: "button",
+            onClick: () => {
+              setStoreType(
+                (prev) => prev.includes(t.id) ? prev.filter((x) => x !== t.id) : [...prev, t.id]
+              );
+              if (t.id === "MP" && storeType.includes("MP")) {
+                setChannels([]);
+              }
+            },
+            className: cn(
+              "flex flex-col items-start gap-0.5 rounded-lg border px-3 py-2 text-left text-sm transition-colors",
+              selected ? "border-primary bg-primary/10 text-primary" : "border-border hover:bg-accent"
+            ),
+            children: [
+              /* @__PURE__ */ jsx20("span", { className: "font-medium", children: t.label.replace("(MP)", "").replace("(D2C)", "").trim() }),
+              /* @__PURE__ */ jsx20("span", { className: "text-xs text-muted-foreground", children: t.description })
+            ]
+          },
+          t.id
+        );
+      }) })
+    ] }),
+    hasMP && /* @__PURE__ */ jsxs9("div", { className: "space-y-1.5", children: [
+      /* @__PURE__ */ jsxs9(Label, { children: [
+        "Channels ",
+        /* @__PURE__ */ jsx20("span", { className: "text-destructive", children: "*" })
+      ] }),
+      /* @__PURE__ */ jsxs9(Popover, { open: channelPopoverOpen, onOpenChange: setChannelPopoverOpen, children: [
+        /* @__PURE__ */ jsx20(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxs9(
+          Button,
+          {
+            variant: "outline",
+            className: "w-full justify-between font-normal",
+            children: [
+              channels.length > 0 ? /* @__PURE__ */ jsx20("div", { className: "flex flex-wrap gap-1", children: channels.map((c) => /* @__PURE__ */ jsx20(Badge, { variant: "secondary", className: "text-xs", children: c.label }, c.value)) }) : /* @__PURE__ */ jsx20("span", { className: "text-muted-foreground", children: "Select channels..." }),
+              /* @__PURE__ */ jsx20(ChevronDown, { className: "ml-2 size-4 shrink-0 opacity-50" })
+            ]
+          }
+        ) }),
+        /* @__PURE__ */ jsx20(PopoverContent, { className: "w-[300px] p-0", align: "start", children: /* @__PURE__ */ jsxs9(Command, { children: [
+          /* @__PURE__ */ jsx20(CommandInput, { placeholder: "Search channels..." }),
+          /* @__PURE__ */ jsxs9(CommandList, { children: [
+            /* @__PURE__ */ jsx20(CommandEmpty, { children: "No channels found." }),
+            /* @__PURE__ */ jsx20(CommandGroup, { children: channelOptions.map((ch) => {
+              const selected = channels.some((c) => c.value === ch.value);
+              return /* @__PURE__ */ jsxs9(
+                CommandItem,
+                {
+                  value: ch.value,
+                  onSelect: () => toggleChannel(ch),
+                  children: [
+                    /* @__PURE__ */ jsx20(
+                      "div",
+                      {
+                        className: cn(
+                          "mr-2 flex size-4 items-center justify-center rounded border",
+                          selected ? "border-primary bg-primary text-primary-foreground" : "border-muted-foreground/40"
+                        ),
+                        children: selected && /* @__PURE__ */ jsx20("span", { className: "text-xs", children: "\u2713" })
+                      }
+                    ),
+                    /* @__PURE__ */ jsxs9("div", { className: "flex items-center gap-2", children: [
+                      ch.thumbnailUrl && /* @__PURE__ */ jsx20(
+                        "img",
+                        {
+                          src: ch.thumbnailUrl,
+                          alt: "",
+                          className: "size-5 rounded object-cover"
+                        }
+                      ),
+                      ch.label
+                    ] })
+                  ]
+                },
+                ch.value
+              );
+            }) })
+          ] })
+        ] }) })
+      ] })
+    ] }),
+    hasD2C && /* @__PURE__ */ jsxs9("div", { className: "space-y-1.5", children: [
+      /* @__PURE__ */ jsxs9(Label, { children: [
+        "Store Website ",
+        /* @__PURE__ */ jsx20("span", { className: "text-destructive", children: "*" })
+      ] }),
+      /* @__PURE__ */ jsx20(
+        Input,
+        {
+          placeholder: "https://www.example.com",
+          value: storeWebsite,
+          onChange: (e) => setStoreWebsite(e.target.value)
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsxs9(
+      "button",
+      {
+        type: "button",
+        onClick: () => setShowAdvanced(!showAdvanced),
+        className: "flex items-center gap-1.5 text-sm text-muted-foreground hover:text-foreground",
+        children: [
+          "Advanced settings",
+          /* @__PURE__ */ jsx20(
+            ChevronDown,
+            {
+              className: cn(
+                "size-4 transition-transform",
+                showAdvanced && "rotate-180"
+              )
+            }
+          )
+        ]
+      }
+    ),
+    showAdvanced && /* @__PURE__ */ jsxs9("div", { className: "space-y-4 rounded-lg border p-3", children: [
+      /* @__PURE__ */ jsxs9("div", { className: "space-y-1.5", children: [
+        /* @__PURE__ */ jsxs9("div", { className: "flex items-center gap-1.5", children: [
+          /* @__PURE__ */ jsx20(Label, { children: "Connect to an existing Store" }),
+          /* @__PURE__ */ jsx20(
+            "button",
+            {
+              type: "button",
+              onClick: () => setShowConnectInfo(true),
+              className: "text-muted-foreground hover:text-foreground",
+              children: /* @__PURE__ */ jsx20(Info, { className: "size-3.5" })
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxs9(
+          Select,
+          {
+            value: linkedStoreId || "",
+            onValueChange: (v) => setLinkedStoreId(v || null),
+            children: [
+              /* @__PURE__ */ jsx20(SelectTrigger, { children: /* @__PURE__ */ jsx20(SelectValue, { placeholder: "None" }) }),
+              /* @__PURE__ */ jsx20(SelectContent, { children: stores.map((s) => /* @__PURE__ */ jsx20(SelectItem, { value: s._id, children: s.name }, s._id)) })
+            ]
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsxs9("div", { className: "space-y-1.5", children: [
+        /* @__PURE__ */ jsxs9(Label, { children: [
+          "Language(s) ",
+          /* @__PURE__ */ jsx20("span", { className: "text-destructive", children: "*" })
+        ] }),
+        /* @__PURE__ */ jsxs9(Popover, { open: languagePopoverOpen, onOpenChange: setLanguagePopoverOpen, children: [
+          /* @__PURE__ */ jsx20(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxs9(
+            Button,
+            {
+              variant: "outline",
+              className: "w-full justify-between font-normal",
+              children: [
+                languages.length > 0 ? /* @__PURE__ */ jsx20("div", { className: "flex flex-wrap gap-1", children: languages.map((l) => /* @__PURE__ */ jsx20(Badge, { variant: "secondary", className: "text-xs", children: l }, l)) }) : /* @__PURE__ */ jsx20("span", { className: "text-muted-foreground", children: "Select languages..." }),
+                /* @__PURE__ */ jsx20(ChevronDown, { className: "ml-2 size-4 shrink-0 opacity-50" })
+              ]
+            }
+          ) }),
+          /* @__PURE__ */ jsx20(PopoverContent, { className: "w-[250px] p-0", align: "start", children: /* @__PURE__ */ jsxs9(Command, { children: [
+            /* @__PURE__ */ jsx20(CommandInput, { placeholder: "Search languages..." }),
+            /* @__PURE__ */ jsxs9(CommandList, { children: [
+              /* @__PURE__ */ jsx20(CommandEmpty, { children: "No languages found." }),
+              /* @__PURE__ */ jsx20(CommandGroup, { children: availableLanguages.map((lang) => {
+                const selected = languages.includes(lang);
+                return /* @__PURE__ */ jsxs9(
+                  CommandItem,
+                  {
+                    value: lang,
+                    onSelect: () => toggleLanguage(lang),
+                    children: [
+                      /* @__PURE__ */ jsx20(
+                        "div",
+                        {
+                          className: cn(
+                            "mr-2 flex size-4 items-center justify-center rounded border",
+                            selected ? "border-primary bg-primary text-primary-foreground" : "border-muted-foreground/40"
+                          ),
+                          children: selected && /* @__PURE__ */ jsx20("span", { className: "text-xs", children: "\u2713" })
+                        }
+                      ),
+                      lang
+                    ]
+                  },
+                  lang
+                );
+              }) })
+            ] })
+          ] }) })
+        ] })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsx20(Separator2, {}),
+    /* @__PURE__ */ jsx20(
+      Button,
+      {
+        onClick: handleCreate,
+        disabled: isCreateDisabled || loading,
+        className: "w-full",
+        children: loading ? /* @__PURE__ */ jsxs9(Fragment3, { children: [
+          /* @__PURE__ */ jsx20(Loader24, { className: "size-4 animate-spin" }),
+          "Creating..."
+        ] }) : "Create & Proceed"
+      }
+    ),
+    /* @__PURE__ */ jsx20(Dialog, { open: showConnectInfo, onOpenChange: setShowConnectInfo, children: /* @__PURE__ */ jsxs9(DialogContent, { children: [
+      /* @__PURE__ */ jsxs9(DialogHeader, { children: [
+        /* @__PURE__ */ jsx20(DialogTitle, { children: "Connected Stores" }),
+        /* @__PURE__ */ jsx20(DialogDescription, { children: "How store linking works" })
+      ] }),
+      /* @__PURE__ */ jsxs9("div", { className: "space-y-3 text-sm", children: [
+        /* @__PURE__ */ jsx20("p", { children: "This setting allows optimised curation and processing for SMP and image attributes which remain the same across all SKUs under a style code." }),
+        /* @__PURE__ */ jsxs9("div", { children: [
+          /* @__PURE__ */ jsx20("p", { className: "font-medium", children: "What data is linked:" }),
+          /* @__PURE__ */ jsxs9("ul", { className: "ml-4 mt-1 list-disc text-muted-foreground", children: [
+            /* @__PURE__ */ jsx20("li", { children: "Parent-level attributes (category, type, sleeve, etc.)" }),
+            /* @__PURE__ */ jsx20("li", { children: "Image attributes and processing (SMP URLs, pose type)" }),
+            /* @__PURE__ */ jsx20("li", { children: "Related automations (background removal, classifiers)" })
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxs9("div", { children: [
+          /* @__PURE__ */ jsx20("p", { className: "font-medium", children: "What data is NOT linked:" }),
+          /* @__PURE__ */ jsxs9("ul", { className: "ml-4 mt-1 list-disc text-muted-foreground", children: [
+            /* @__PURE__ */ jsx20("li", { children: "Child-level data (MRP, size, etc.)" }),
+            /* @__PURE__ */ jsx20("li", { children: "Marketplace-translated attributes & images" }),
+            /* @__PURE__ */ jsx20("li", { children: "Product status tags, export information" })
+          ] })
+        ] })
+      ] })
+    ] }) })
+  ] });
+}
+
+// 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";
+
+// src/Automations/api.ts
+async function fetchAutomationList(storeId, tag, includeGroupings = false) {
+  const { catalogixBaseUrl } = getApiConfig();
+  const fields = includeGroupings ? "preview,groupings" : "preview";
+  const res = await fetchJson(
+    `${catalogixBaseUrl}/api/v1/fp_orchestrator/${storeId}/automations/list?tag=${tag}&include_fields=${fields}`
+  );
+  return res.data ?? {};
+}
+async function fetchAutomationSchema(storeId, automationName, tag) {
+  const { catalogixBaseUrl } = getApiConfig();
+  const res = await fetchJson(
+    `${catalogixBaseUrl}/api/v1/fp_orchestrator/${storeId}/automations/schema?service_name=${automationName}&tag=${tag}`
+  );
+  return res.data?.[automationName] ?? [];
+}
+async function fetchDynamicLov(proxyUrl) {
+  const { catalogixBaseUrl } = getApiConfig();
+  return fetchJson(`${catalogixBaseUrl}/api?url=${proxyUrl}`);
+}
+async function applyAutomations(storeId, filters, selectedProducts, excludedProducts, selectedPageRange, automationConfigs, userId) {
+  const { catalogixBaseUrl } = getApiConfig();
+  return fetchJson(
+    `${catalogixBaseUrl}/api/v1/store/${storeId}/products/automations`,
+    {
+      method: "POST",
+      headers: { "Content-Type": "application/json" },
+      body: JSON.stringify({
+        filters,
+        selected_products: selectedProducts,
+        excluded_products: excludedProducts,
+        selected_page_range: selectedPageRange,
+        automations: automationConfigs,
+        user_id: userId
+      })
+    }
+  );
+}
+
+// src/Automations/utils.ts
+function replaceFieldsInUrl(url, data) {
+  return url.replace(/\$\((\w+)\)/g, (match, fieldName) => {
+    const value = data[fieldName];
+    return value !== void 0 ? String(value) : match;
+  });
+}
+function getAllDependencies(depends, configs, channelsWithVersion) {
+  const dependencies = {};
+  let allSatisfied = true;
+  if (!depends) return { dependencies, allSatisfied };
+  for (const key of Object.keys(depends)) {
+    if (depends[key]) {
+      if (configs[depends[key]] !== void 0) {
+        dependencies[depends[key]] = configs[depends[key]];
+      } else {
+        allSatisfied = false;
+        break;
+      }
+    } else {
+      if ((key === "source_marketplace_ov" || key === "target_marketplace_ov") && channelsWithVersion) {
+        const sourceMp = key.replace("_ov", "");
+        const mpValue = configs[sourceMp];
+        if (mpValue && channelsWithVersion[mpValue]) {
+          dependencies[key] = channelsWithVersion[mpValue];
+        } else {
+          allSatisfied = false;
+          break;
+        }
+      } else {
+        allSatisfied = false;
+        break;
+      }
+    }
+  }
+  return { dependencies, allSatisfied };
+}
+function shouldRenderAttribute(conditions, configs) {
+  if (!conditions) return true;
+  for (const { condition, attribute, values } of conditions) {
+    const attrValue = configs[attribute];
+    if (condition === "not_in") {
+      if (attrValue != null && (typeof attrValue === "string" ? attrValue.length : true)) {
+        if (Array.isArray(attrValue)) {
+          if (attrValue.some((v) => values.includes(v))) return false;
+        } else {
+          if (values.includes(attrValue)) return false;
+        }
+      }
+    } else if (condition === "in") {
+      if (attrValue === void 0) return false;
+      const hasLength = typeof attrValue === "boolean" ? true : typeof attrValue === "string" ? attrValue.length > 0 : Array.isArray(attrValue) ? attrValue.length > 0 : true;
+      if (!hasLength) return false;
+      if (Array.isArray(attrValue)) {
+        if (!attrValue.some((v) => values.includes(v))) return false;
+      } else if (typeof attrValue !== "boolean") {
+        if (!values.includes(attrValue)) return false;
+      }
+    }
+  }
+  return true;
+}
+function parseLovResponse(response, curl, configs) {
+  try {
+    const pathStr = curl.substring(curl.indexOf("'") + 1, curl.lastIndexOf("'"));
+    const [pathPart, operationPart] = pathStr.split("|");
+    const paths = pathPart.split(".").map((p) => p.trim()).filter(Boolean).map(
+      (p) => p.startsWith("$(") ? String(configs[p.substring(p.indexOf("$(") + 2, p.lastIndexOf(")"))] ?? p) : p
+    );
+    let temp = response;
+    for (const path of paths) {
+      if (temp == null || typeof temp !== "object") return null;
+      temp = temp[path];
+    }
+    if (temp == null) return null;
+    if (operationPart?.trim() === "key" && typeof temp === "object") {
+      return Object.keys(temp);
+    }
+    return Array.isArray(temp) ? temp : null;
+  } catch {
+    return null;
+  }
+}
+
+// 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";
+function SchemaFieldRenderer({
+  schema,
+  configs,
+  options,
+  loadingOptions,
+  onConfigChange
+}) {
+  return /* @__PURE__ */ jsx21("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) => {
+        const value = configs[item.payload_key]?.[0] != null ? configs[item.payload_key][0]?.[sub.payload_key] : void 0;
+        return /* @__PURE__ */ jsx21(
+          FieldSwitch,
+          {
+            item: sub,
+            value,
+            configs,
+            options,
+            loadingOptions,
+            onConfigChange
+          },
+          `${idx}-${subIdx}`
+        );
+      }) }, idx);
+    }
+    return /* @__PURE__ */ jsx21(
+      FieldSwitch,
+      {
+        item,
+        value: configs[item.payload_key],
+        configs,
+        options,
+        loadingOptions,
+        onConfigChange
+      },
+      idx
+    );
+  }) });
+}
+function FieldSwitch({
+  item,
+  value,
+  configs,
+  options,
+  loadingOptions,
+  onConfigChange
+}) {
+  if (!shouldRenderAttribute(item.render_if, configs)) return null;
+  switch (item.fieldtype) {
+    case "freetext":
+      return /* @__PURE__ */ jsx21(
+        FreetextField,
+        {
+          item,
+          value,
+          onChange: (v) => onConfigChange(item.payload_key, v, item)
+        }
+      );
+    case "freetext_list":
+      return /* @__PURE__ */ jsx21(
+        FreetextListField,
+        {
+          item,
+          value,
+          onChange: (v) => onConfigChange(item.payload_key, v, item)
+        }
+      );
+    case "lov_singleselect":
+      return /* @__PURE__ */ jsx21(
+        SingleSelectField,
+        {
+          item,
+          value,
+          options: options[item.payload_key] ?? item.lov ?? [],
+          loading: !!loadingOptions[item.payload_key],
+          onChange: (v) => onConfigChange(item.payload_key, v, item)
+        }
+      );
+    case "lov_multipleselect":
+      return /* @__PURE__ */ jsx21(
+        MultiSelectField,
+        {
+          item,
+          value,
+          options: options[item.payload_key] ?? item.lov ?? [],
+          loading: !!loadingOptions[item.payload_key],
+          onChange: (v) => onConfigChange(item.payload_key, v, item)
+        }
+      );
+    case "image_singleselect":
+      return /* @__PURE__ */ jsx21(
+        ImageSelectField,
+        {
+          item,
+          value,
+          onChange: (v) => onConfigChange(item.payload_key, v, item)
+        }
+      );
+    case "boolean":
+      return /* @__PURE__ */ jsx21(
+        BooleanField,
+        {
+          item,
+          value,
+          onChange: (v) => onConfigChange(item.payload_key, v, item)
+        }
+      );
+    default:
+      return null;
+  }
+}
+function FreetextField({
+  item,
+  value,
+  onChange
+}) {
+  return /* @__PURE__ */ jsxs10("div", { className: "space-y-1.5", children: [
+    /* @__PURE__ */ jsxs10(Label, { children: [
+      item.title,
+      item.required && /* @__PURE__ */ jsx21("span", { className: "text-destructive", children: " *" })
+    ] }),
+    item.description && /* @__PURE__ */ jsx21("p", { className: "text-xs text-muted-foreground", children: item.description }),
+    /* @__PURE__ */ jsx21(
+      Input,
+      {
+        value: value ?? "",
+        onChange: (e) => onChange(e.target.value),
+        type: item.valuetype === "integer" ? "number" : "text",
+        min: item.minimum
+      }
+    )
+  ] });
+}
+function FreetextListField({
+  item,
+  value,
+  onChange
+}) {
+  const [draft, setDraft] = useState7("");
+  const keywords = value ?? [];
+  const addKeyword = () => {
+    const trimmed = draft.trim();
+    if (trimmed && !keywords.includes(trimmed)) {
+      onChange([...keywords, trimmed]);
+      setDraft("");
+    }
+  };
+  return /* @__PURE__ */ jsxs10("div", { className: "space-y-1.5", children: [
+    /* @__PURE__ */ jsxs10(Label, { children: [
+      item.title,
+      item.required && /* @__PURE__ */ jsx21("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(
+        Input,
+        {
+          value: draft,
+          onChange: (e) => setDraft(e.target.value),
+          onKeyDown: (e) => e.key === "Enter" && (e.preventDefault(), addKeyword()),
+          placeholder: "Type and press Enter"
+        }
+      ),
+      /* @__PURE__ */ jsx21(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: [
+      kw,
+      /* @__PURE__ */ jsx21(
+        "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" })
+        }
+      )
+    ] }, kw)) })
+  ] });
+}
+function SingleSelectField({
+  item,
+  value,
+  options: lovOptions,
+  loading,
+  onChange
+}) {
+  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: [
+      item.title,
+      item.required && /* @__PURE__ */ jsx21("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" }),
+      "Loading options..."
+    ] }) : /* @__PURE__ */ jsxs10(
+      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)) })
+        ]
+      }
+    )
+  ] });
+}
+function MultiSelectField({
+  item,
+  value,
+  options: lovOptions,
+  loading,
+  onChange
+}) {
+  const [open, setOpen] = useState7(false);
+  const selected = value ?? [];
+  const strOptions = Array.isArray(lovOptions) ? lovOptions.map(String) : [];
+  const toggle = useCallback5(
+    (opt) => {
+      onChange(
+        selected.includes(opt) ? selected.filter((s) => s !== opt) : [...selected, opt]
+      );
+    },
+    [selected, onChange]
+  );
+  return /* @__PURE__ */ jsxs10("div", { className: "space-y-1.5", children: [
+    /* @__PURE__ */ jsxs10(Label, { children: [
+      item.title,
+      item.required && /* @__PURE__ */ jsx21("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" }),
+      "Loading options..."
+    ] }) : /* @__PURE__ */ jsxs10(Popover, { open, onOpenChange: setOpen, children: [
+      /* @__PURE__ */ jsx21(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxs10(
+        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" })
+          ]
+        }
+      ) }),
+      /* @__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) => {
+            const isSelected = selected.includes(opt);
+            return /* @__PURE__ */ jsxs10(
+              CommandItem,
+              {
+                value: opt,
+                onSelect: () => toggle(opt),
+                children: [
+                  /* @__PURE__ */ jsx21(
+                    Check2,
+                    {
+                      className: cn(
+                        "mr-2 size-4",
+                        isSelected ? "opacity-100" : "opacity-0"
+                      )
+                    }
+                  ),
+                  opt
+                ]
+              },
+              opt
+            );
+          }) })
+        ] })
+      ] }) })
+    ] })
+  ] });
+}
+function ImageSelectField({
+  item,
+  value,
+  onChange
+}) {
+  const images = item.lov ?? [];
+  return /* @__PURE__ */ jsxs10("div", { className: "space-y-1.5", children: [
+    /* @__PURE__ */ jsxs10(Label, { children: [
+      item.title,
+      item.required && /* @__PURE__ */ jsx21("span", { className: "text-destructive", children: " *" })
+    ] }),
+    /* @__PURE__ */ jsx21("div", { className: "flex flex-wrap gap-3", children: images.map((url) => /* @__PURE__ */ jsxs10(
+      "button",
+      {
+        type: "button",
+        onClick: () => onChange(url),
+        className: cn(
+          "relative overflow-hidden rounded-lg border-2 transition-colors",
+          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" }) })
+        ]
+      },
+      url
+    )) })
+  ] });
+}
+function BooleanField({
+  item,
+  value,
+  onChange
+}) {
+  return /* @__PURE__ */ jsxs10("div", { className: "flex items-center gap-2 py-1", children: [
+    /* @__PURE__ */ jsx21(
+      Checkbox,
+      {
+        checked: !!value,
+        onCheckedChange: (checked) => onChange(!!checked)
+      }
+    ),
+    /* @__PURE__ */ jsxs10(Label, { className: "cursor-pointer", onClick: () => onChange(!value), children: [
+      item.title,
+      item.required && /* @__PURE__ */ jsx21("span", { className: "text-destructive", children: " *" })
+    ] })
+  ] });
+}
+
+// src/Automations/ProductAutomation.tsx
+import { Fragment as Fragment4, jsx as jsx22, jsxs as jsxs11 } from "react/jsx-runtime";
+function ProductAutomation({
+  storeId,
+  workspaceId,
+  channelsWithVersion,
+  selectedProducts,
+  excludedProducts,
+  totalProducts,
+  productsCount: productsCountProp,
+  filters,
+  selectedPageRange,
+  userId,
+  onClose,
+  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 configsRef = useRef5(configs);
+  configsRef.current = configs;
+  const optionsRef = useRef5(options);
+  optionsRef.current = options;
+  const loadingOptionsRef = useRef5(loadingOptions);
+  loadingOptionsRef.current = loadingOptions;
+  const productsCount = selectedProducts.includes("all") ? excludedProducts.length === 0 ? totalProducts : totalProducts - excludedProducts.length : productsCountProp;
+  useEffect5(() => {
+    setLoading(true);
+    fetchAutomationList(storeId, "product", true).then((data) => {
+      const groups = {};
+      for (const [name, item] of Object.entries(data)) {
+        const itemGroups = item.groupings?.length ? item.groupings : ["Others"];
+        for (const g of itemGroups) {
+          if (!groups[g]) groups[g] = [];
+          groups[g].push({ ...item, automation: name });
+        }
+      }
+      setAutomationGroups(groups);
+      const sorted = Object.keys(groups).sort();
+      if (sorted.length > 0) setExpandedGroups([sorted[0]]);
+    }).catch(console.error).finally(() => setLoading(false));
+  }, [storeId]);
+  useEffect5(() => {
+    if (!selected) {
+      setSchema([]);
+      setConfigs({});
+      setOptions({});
+      setLoadingOptions({});
+      return;
+    }
+    setSchemaLoading(true);
+    fetchAutomationSchema(storeId, selected.automation, "product").then((items) => {
+      setSchema(items);
+      const defaults = {};
+      for (const item of items) {
+        if (item.default !== void 0) defaults[item.payload_key] = item.default;
+      }
+      setConfigs(defaults);
+      configsRef.current = defaults;
+    }).catch(console.error).finally(() => setSchemaLoading(false));
+  }, [selected, storeId]);
+  useEffect5(() => {
+    if (schema.length === 0) return;
+    const flatItems = schema.flatMap((s) => s.mapping_parameters ?? [s]);
+    for (const item of flatItems) {
+      if (!item.curl) continue;
+      if (optionsRef.current[item.payload_key]) continue;
+      const { dependencies, allSatisfied } = getAllDependencies(
+        item.depends,
+        configsRef.current,
+        channelsWithVersion
+      );
+      if (allSatisfied) {
+        const url = replaceFieldsInUrl(
+          item.curl.split(" ")[1],
+          dependencies
+        );
+        setLoadingOptions((prev) => ({ ...prev, [item.payload_key]: true }));
+        fetchDynamicLov(url).then((res) => {
+          const data = parseLovResponse(res, item.curl, configsRef.current);
+          if (data) {
+            setOptions((prev) => ({ ...prev, [item.payload_key]: data }));
+          }
+        }).catch(console.error).finally(
+          () => setLoadingOptions((prev) => ({ ...prev, [item.payload_key]: false }))
+        );
+      }
+    }
+  }, [schema, configs, channelsWithVersion]);
+  const handleConfigChange = useCallback6(
+    (key, value, item) => {
+      setConfigs((prev) => {
+        const parentItem = schema.find(
+          (s) => s.mapping_parameters?.some((m) => m.payload_key === key)
+        );
+        if (parentItem) {
+          const existing = prev[parentItem.payload_key] ?? [{}];
+          const updated = [{ ...existing[0], [key]: value }];
+          return { ...prev, [parentItem.payload_key]: updated };
+        }
+        return { ...prev, [key]: value };
+      });
+      if (item.linked?.length) {
+        for (const linkedKey of item.linked) {
+          setOptions((prev) => ({ ...prev, [linkedKey]: [] }));
+          setConfigs((prev) => {
+            const next = { ...prev };
+            delete next[linkedKey];
+            return next;
+          });
+        }
+      }
+    },
+    [schema]
+  );
+  const isRunAllowed = useCallback6(() => {
+    for (const item of schema) {
+      if (!shouldRenderAttribute(item.render_if, configs)) continue;
+      if (item.required) {
+        const val = configs[item.payload_key];
+        if (val === void 0) return false;
+        if (Array.isArray(val) && val.length === 0) return false;
+      }
+      if (item.minimum != null && Number(configs[item.payload_key]) < item.minimum) {
+        return false;
+      }
+    }
+    return true;
+  }, [schema, configs]);
+  const handleRun = async () => {
+    if (!selected || !isRunAllowed()) return;
+    if (onAutomationApplied) {
+      onAutomationApplied({ [selected.automation]: configs });
+      onClose();
+      return;
+    }
+    setApplying(true);
+    try {
+      const res = await applyAutomations(
+        storeId,
+        filters,
+        selectedProducts,
+        excludedProducts,
+        selectedPageRange,
+        { [selected.automation]: configs },
+        userId
+      );
+      if (res.status?.code === 0) {
+        onSubmit?.({ [selected.automation]: configs });
+        onClose();
+      }
+    } catch (err) {
+      console.error("Apply automation failed:", err);
+    } finally {
+      setApplying(false);
+    }
+  };
+  if (!selected) {
+    const allItems = Object.values(automationGroups).flat();
+    const unique = allItems.filter(
+      (item, idx, arr) => arr.findIndex((a) => a.automation === item.automation) === idx
+    );
+    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: [
+          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(
+          Input,
+          {
+            placeholder: "Search automations...",
+            value: searchQuery,
+            onChange: (e) => setSearchQuery(e.target.value),
+            className: "pl-9"
+          }
+        )
+      ] }),
+      /* @__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__ */ 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(
+        AutomationRow,
+        {
+          item,
+          productsCount,
+          onClick: () => setSelected(item)
+        },
+        item.automation
+      )) : Object.keys(automationGroups).sort().map((group) => /* @__PURE__ */ jsxs11("div", { children: [
+        /* @__PURE__ */ jsxs11(
+          "button",
+          {
+            type: "button",
+            onClick: () => setExpandedGroups(
+              (prev) => prev.includes(group) ? prev.filter((g) => g !== group) : [...prev, group]
+            ),
+            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,
+                {
+                  className: cn(
+                    "size-4 transition-transform",
+                    expandedGroups.includes(group) && "rotate-180"
+                  )
+                }
+              )
+            ]
+          }
+        ),
+        expandedGroups.includes(group) && automationGroups[group].map((item) => /* @__PURE__ */ jsx22(
+          AutomationRow,
+          {
+            item,
+            productsCount,
+            onClick: () => setSelected(item)
+          },
+          item.automation
+        ))
+      ] }, 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 })
+    ] }),
+    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(
+          "img",
+          {
+            src: m.src,
+            alt: "",
+            className: "max-h-32 rounded-md object-contain"
+          },
+          i
+        ) : 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(
+      SchemaFieldRenderer,
+      {
+        schema,
+        configs,
+        options,
+        loadingOptions,
+        onConfigChange: handleConfigChange
+      }
+    ) }),
+    /* @__PURE__ */ jsx22(Separator2, {}),
+    /* @__PURE__ */ jsxs11("div", { className: "flex items-center gap-2", children: [
+      /* @__PURE__ */ jsx22(
+        Button,
+        {
+          onClick: handleRun,
+          disabled: !isRunAllowed() || applying,
+          className: "flex-1",
+          children: applying ? /* @__PURE__ */ jsxs11(Fragment4, { children: [
+            /* @__PURE__ */ jsx22(Loader26, { className: "size-4 animate-spin" }),
+            "Applying..."
+          ] }) : /* @__PURE__ */ jsxs11(Fragment4, { children: [
+            /* @__PURE__ */ jsx22(Play, { className: "size-4" }),
+            "Run Automation"
+          ] })
+        }
+      ),
+      /* @__PURE__ */ jsx22(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." })
+  ] });
+}
+function AutomationRow({
+  item,
+  productsCount,
+  onClick
+}) {
+  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(
+    "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__ */ 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 })
+      ]
+    }
+  );
+}
+function formatTimeSaved(totalSeconds) {
+  if (totalSeconds >= 3600) return `${Math.ceil(totalSeconds / 3600)} hrs`;
+  if (totalSeconds >= 60) return `${Math.ceil(totalSeconds / 60)} mins`;
+  return `${totalSeconds} secs`;
+}
+
+// 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";
+function StoreAutomation({
+  storeId,
+  channelsWithVersion,
+  enabledAutomations = {},
+  onSubmit,
+  onClose
+}) {
+  const [loading, setLoading] = useState9(true);
+  const [automations, setAutomations] = useState9([]);
+  const [selectedConfigs, setSelectedConfigs] = useState9({ ...enabledAutomations });
+  const [selectedAutomation, setSelectedAutomation] = useState9(null);
+  useEffect6(() => {
+    setLoading(true);
+    fetchAutomationList(storeId, "default").then((data) => {
+      setAutomations(
+        Object.entries(data).map(([name, item]) => ({
+          ...item,
+          automation: name,
+          isEnabled: Boolean(enabledAutomations[name])
+        }))
+      );
+    }).catch(console.error).finally(() => setLoading(false));
+  }, [storeId, enabledAutomations]);
+  const toggleAutomation = useCallback7((automationName) => {
+    setAutomations(
+      (prev) => prev.map(
+        (a) => a.automation === automationName ? { ...a, isEnabled: !a.isEnabled } : a
+      )
+    );
+    setSelectedConfigs((prev) => {
+      const next = { ...prev };
+      if (next[automationName]) {
+        delete next[automationName];
+      }
+      return next;
+    });
+  }, []);
+  const handleSave = () => {
+    const enabledOnly = {};
+    for (const a of automations) {
+      if (a.isEnabled && selectedConfigs[a.automation]) {
+        enabledOnly[a.automation] = selectedConfigs[a.automation];
+      }
+    }
+    onSubmit?.({ enabled_automations: enabledOnly });
+  };
+  const handleConfigClose = (automation, newConfigs) => {
+    if (automation.isEnabled) {
+      setSelectedConfigs((prev) => ({
+        ...prev,
+        [automation.automation]: newConfigs
+      }));
+    }
+    setSelectedAutomation(null);
+  };
+  if (selectedAutomation) {
+    return /* @__PURE__ */ jsx23(
+      AutomationConfigEditor,
+      {
+        storeId,
+        automation: selectedAutomation,
+        channelsWithVersion,
+        initialConfigs: selectedConfigs[selectedAutomation.automation],
+        onClose: handleConfigClose,
+        onToggle: () => toggleAutomation(selectedAutomation.automation)
+      }
+    );
+  }
+  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" })
+    ] }),
+    /* @__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__ */ jsx23(TableBody, { children: automations.map((a) => /* @__PURE__ */ jsxs12(
+        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__ */ 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(
+              "div",
+              {
+                className: "flex items-center justify-center gap-2",
+                onClick: (e) => e.stopPropagation(),
+                children: [
+                  /* @__PURE__ */ jsx23(
+                    Switch,
+                    {
+                      checked: a.isEnabled,
+                      onCheckedChange: () => toggleAutomation(a.automation)
+                    }
+                  ),
+                  /* @__PURE__ */ jsx23(
+                    Badge,
+                    {
+                      variant: a.isEnabled ? "default" : "secondary",
+                      className: "text-xs",
+                      children: a.isEnabled ? "Active" : "Inactive"
+                    }
+                  )
+                ]
+              }
+            ) }),
+            /* @__PURE__ */ jsx23(TableCell, { children: /* @__PURE__ */ jsx23(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" })
+    ] })
+  ] });
+}
+function AutomationConfigEditor({
+  storeId,
+  automation,
+  channelsWithVersion,
+  initialConfigs,
+  onClose,
+  onToggle
+}) {
+  const [schemaLoading, setSchemaLoading] = useState9(false);
+  const [schema, setSchema] = useState9([]);
+  const [configs, setConfigs] = useState9(
+    initialConfigs ?? {}
+  );
+  const [options, setOptions] = useState9({});
+  const [loadingOptions, setLoadingOptions] = useState9({});
+  const configsRef = useRef6(configs);
+  configsRef.current = configs;
+  const optionsRef = useRef6(options);
+  optionsRef.current = options;
+  useEffect6(() => {
+    if (!automation.isEnabled) return;
+    setSchemaLoading(true);
+    fetchAutomationSchema(storeId, automation.automation, "default").then((items) => {
+      setSchema(items);
+      if (!initialConfigs) {
+        const defaults = {};
+        for (const item of items) {
+          if (item.default !== void 0) defaults[item.payload_key] = item.default;
+        }
+        setConfigs(defaults);
+        configsRef.current = defaults;
+      }
+    }).catch(console.error).finally(() => setSchemaLoading(false));
+  }, [storeId, automation, initialConfigs]);
+  useEffect6(() => {
+    if (schema.length === 0) return;
+    for (const item of schema) {
+      if (!item.curl) continue;
+      if (optionsRef.current[item.payload_key]) continue;
+      const { dependencies, allSatisfied } = getAllDependencies(
+        item.depends,
+        configsRef.current,
+        channelsWithVersion
+      );
+      if (allSatisfied) {
+        const url = replaceFieldsInUrl(item.curl.split(" ")[1], dependencies);
+        setLoadingOptions((prev) => ({ ...prev, [item.payload_key]: true }));
+        fetchDynamicLov(url).then((res) => {
+          const data = parseLovResponse(res, item.curl, configsRef.current);
+          if (data) {
+            setOptions((prev) => ({ ...prev, [item.payload_key]: data }));
+          }
+        }).catch(console.error).finally(
+          () => setLoadingOptions((prev) => ({
+            ...prev,
+            [item.payload_key]: false
+          }))
+        );
+      }
+    }
+  }, [schema, configs, channelsWithVersion]);
+  const handleConfigChange = useCallback7(
+    (key, value, item) => {
+      setConfigs((prev) => ({ ...prev, [key]: value }));
+      if (item.linked?.length) {
+        for (const linkedKey of item.linked) {
+          setOptions((prev) => ({ ...prev, [linkedKey]: [] }));
+          setConfigs((prev) => {
+            const next = { ...prev };
+            delete next[linkedKey];
+            return next;
+          });
+        }
+      }
+    },
+    []
+  );
+  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(automation, configs),
+          children: /* @__PURE__ */ jsx23(ArrowLeft3, { className: "size-4" })
+        }
+      ),
+      /* @__PURE__ */ jsx23("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: [
+        "Est. time: ",
+        /* @__PURE__ */ jsx23("span", { className: "text-foreground", children: automation.estimate_run_time ?? "\u2014" })
+      ] }),
+      /* @__PURE__ */ jsxs12("div", { className: "text-muted-foreground", children: [
+        "Credits/prd: ",
+        /* @__PURE__ */ jsx23("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__ */ 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(
+      SchemaFieldRenderer,
+      {
+        schema,
+        configs,
+        options,
+        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(
+            "img",
+            {
+              src: m.src,
+              alt: "",
+              className: "max-h-24 rounded-md object-contain"
+            },
+            i
+          ) : null
+        ) })
+      ] })
+    ] })
+  ] });
+}
+
+// src/CatalogixChat.tsx
+import { jsx as jsx24, jsxs as jsxs13 } 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"
+};
+function CatalogixChat(props) {
+  const { uiProps, meta, onSubmit, workspaceId, userId } = props;
+  const componentName = uiProps._componentName ?? "";
+  const section = meta?.step || SECTION_MAP[componentName] || componentName;
+  const catalogixBaseUrl = uiProps.catalogixBaseUrl ?? "";
+  const storeId = uiProps.storeId ?? "";
+  const stores = uiProps.stores ?? [];
+  const channelsWithVersion = uiProps.channelsWithVersion ?? void 0;
+  const selectedProducts = uiProps.selectedProducts ?? [];
+  const excludedProducts = uiProps.excludedProducts ?? [];
+  const totalProducts = uiProps.totalProducts ?? 0;
+  const productsCount = uiProps.productsCount ?? 0;
+  const filters = uiProps.filters ?? {};
+  const selectedPageRange = uiProps.selectedPageRange ?? [];
+  const enabledAutomations = uiProps.enabledAutomations ?? {};
+  useEffect7(() => {
+    configureApi({ catalogixBaseUrl });
+  }, [catalogixBaseUrl]);
+  if (section === "select_products") {
+    return /* @__PURE__ */ jsx24(
+      SelectProducts,
+      {
+        workspaceId,
+        storeId,
+        userId,
+        submitted: props.submitted,
+        submittedValues: props.submittedValues,
+        onConfirmSelection: async (_sel, _exc, _range, _filters, _useUuid, _payload, resumeValues) => {
+          onSubmit(resumeValues, "Products selected.");
+          return { submitted: true, submittedValues: resumeValues };
+        }
+      }
+    );
+  }
+  if (section === "create_store") {
+    return /* @__PURE__ */ jsx24(
+      CreateStore,
+      {
+        workspaceId,
+        stores,
+        initialStoreName: uiProps.storeName ?? "",
+        useCatalogixTaxonomy: !!uiProps.useCatalogixTaxonomy,
+        shouldRefetchStore: !!uiProps.shouldRefetchStore,
+        onStoreCreated: (storeData) => onSubmit(storeData, "Store created successfully."),
+        onCreateError: (err) => console.error("[CatalogixChat] CreateStore error:", err)
+      }
+    );
+  }
+  if (section === "trigger_automation") {
+    return /* @__PURE__ */ jsx24(
+      ProductAutomation,
+      {
+        storeId,
+        workspaceId,
+        channelsWithVersion,
+        selectedProducts,
+        excludedProducts,
+        totalProducts,
+        productsCount,
+        filters,
+        selectedPageRange,
+        userId,
+        onClose: () => props.onCancel?.(),
+        onSubmit: (automationConfigs) => onSubmit(automationConfigs, "Automation applied."),
+        onAutomationApplied: (configs) => onSubmit(configs, "Automation applied.")
+      }
+    );
+  }
+  if (section === "automations") {
+    return /* @__PURE__ */ jsx24(
+      StoreAutomation,
+      {
+        storeId,
+        channelsWithVersion,
+        enabledAutomations,
+        onSubmit: (settings) => onSubmit(settings, "Store automations saved."),
+        onClose: () => props.onCancel?.()
+      }
+    );
+  }
+  return /* @__PURE__ */ jsx24("div", { className: "p-4 text-sm text-muted-foreground", children: /* @__PURE__ */ jsxs13("p", { children: [
+    /* @__PURE__ */ jsx24("strong", { children: "Catalogix" }),
+    " \u2014 unknown section:",
+    " ",
+    /* @__PURE__ */ jsx24("code", { children: section || "(none)" })
+  ] }) });
+}
 
 // src/manifest.ts
 var catalogixManifest = [
@@ -82,5 +3636,10 @@ var catalogixManifest = [
 ];
 export {
   CatalogixChat,
-  catalogixManifest
+  CreateStore,
+  ProductAutomation,
+  SelectProducts,
+  StoreAutomation,
+  catalogixManifest,
+  configureApi
 };