@showwhat/configurator 1.0.0

package/dist/index.js

@@ -0,0 +1,3741 @@
+// src/utils/cn.ts
+import { clsx } from "clsx";
+import { twMerge } from "tailwind-merge";
+function cn(...inputs) {
+  return twMerge(clsx(inputs));
+}
+
+// src/utils/id.ts
+var AUTO_ID_PREFIX = "_tmp:";
+function isAutoId(id) {
+  return id != null && id.startsWith(AUTO_ID_PREFIX);
+}
+function ensureIds(items) {
+  let changed = false;
+  const result = items.map((item) => {
+    if (item.id) return item;
+    changed = true;
+    return { ...item, id: `${AUTO_ID_PREFIX}${crypto.randomUUID()}` };
+  });
+  return changed ? result : items;
+}
+function removeId(item) {
+  const copy = { ...item };
+  delete copy.id;
+  return copy;
+}
+function stripId(item) {
+  if (!isAutoId(item.id)) return item;
+  return removeId(item);
+}
+function stripConditionIds(conditions) {
+  return conditions.map((c) => {
+    const rec = c;
+    const stripped = isAutoId(rec.id) ? removeId(rec) : rec;
+    if ((c.type === "and" || c.type === "or") && "conditions" in c) {
+      return {
+        ...stripped,
+        conditions: stripConditionIds(c.conditions)
+      };
+    }
+    return stripped;
+  });
+}
+function stripAutoIds(definitions) {
+  const result = {};
+  for (const [key, def] of Object.entries(definitions)) {
+    const cleaned = stripId(def);
+    result[key] = {
+      ...cleaned,
+      variations: cleaned.variations.map((v) => {
+        const sv = stripId(v);
+        if (sv.conditions) {
+          return { ...sv, conditions: stripConditionIds(sv.conditions) };
+        }
+        return sv;
+      })
+    };
+  }
+  return result;
+}
+
+// src/components/condition-builder/StringConditionEditor.tsx
+import { useCallback as useCallback2, useMemo } from "react";
+
+// src/components/condition-builder/ConditionRow.tsx
+import { jsx } from "react/jsx-runtime";
+function ConditionRow({ children }) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: "grid flex-1 items-start gap-2",
+      style: { gridTemplateColumns: "140px 72px 1fr" },
+      children
+    }
+  );
+}
+
+// src/components/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(
+        "h-9 w-full min-w-0 rounded border border-border/70 bg-transparent px-3 py-1 text-base shadow-xs transition-[color,box-shadow] outline-none selection:bg-primary selection:text-primary-foreground file:inline-flex file:h-7 file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 md:text-sm dark:bg-input/30",
+        "focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50",
+        "aria-invalid:border-destructive aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40",
+        className
+      ),
+      ...props
+    }
+  );
+}
+
+// src/components/condition-builder/KeyInput.tsx
+import { jsx as jsx3 } from "react/jsx-runtime";
+function KeyInput({ value, onChange, placeholder, disabled }) {
+  return /* @__PURE__ */ jsx3(
+    Input,
+    {
+      className: "h-8 font-mono text-sm",
+      value,
+      placeholder: placeholder ?? "key",
+      disabled,
+      onChange: onChange ? (e) => onChange(e.target.value) : void 0,
+      readOnly: !onChange
+    }
+  );
+}
+
+// src/components/ui/select.tsx
+import { CheckIcon, ChevronDownIcon, ChevronUpIcon } from "lucide-react";
+import { Select as SelectPrimitive } from "radix-ui";
+import { jsx as jsx4, jsxs } from "react/jsx-runtime";
+function Select({ ...props }) {
+  return /* @__PURE__ */ jsx4(SelectPrimitive.Root, { "data-slot": "select", ...props });
+}
+function SelectGroup({ ...props }) {
+  return /* @__PURE__ */ jsx4(SelectPrimitive.Group, { "data-slot": "select-group", ...props });
+}
+function SelectValue({ ...props }) {
+  return /* @__PURE__ */ jsx4(SelectPrimitive.Value, { "data-slot": "select-value", ...props });
+}
+function SelectTrigger({
+  className,
+  size = "default",
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxs(
+    SelectPrimitive.Trigger,
+    {
+      "data-slot": "select-trigger",
+      "data-size": size,
+      className: cn(
+        "flex w-fit items-center justify-between gap-2 rounded-md border border-input bg-transparent px-3 py-2 text-sm whitespace-nowrap shadow-xs transition-[color,box-shadow] outline-none focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-destructive/20 data-[placeholder]:text-muted-foreground data-[size=default]:h-9 data-[size=sm]:h-8 *:data-[slot=select-value]:line-clamp-1 *:data-[slot=select-value]:flex *:data-[slot=select-value]:items-center *:data-[slot=select-value]:gap-2 dark:bg-input/30 dark:hover:bg-input/50 dark:aria-invalid:ring-destructive/40 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 [&_svg:not([class*='text-'])]:text-muted-foreground",
+        className
+      ),
+      ...props,
+      children: [
+        children,
+        /* @__PURE__ */ jsx4(SelectPrimitive.Icon, { asChild: true, children: /* @__PURE__ */ jsx4(ChevronDownIcon, { className: "size-4 opacity-50" }) })
+      ]
+    }
+  );
+}
+function SelectContent({
+  className,
+  children,
+  position = "item-aligned",
+  align = "center",
+  ...props
+}) {
+  return /* @__PURE__ */ jsx4(SelectPrimitive.Portal, { children: /* @__PURE__ */ jsxs(
+    SelectPrimitive.Content,
+    {
+      "data-slot": "select-content",
+      className: cn(
+        "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 bg-popover text-popover-foreground shadow-md data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95",
+        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,
+      align,
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx4(SelectScrollUpButton, {}),
+        /* @__PURE__ */ jsx4(
+          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__ */ jsx4(SelectScrollDownButton, {})
+      ]
+    }
+  ) });
+}
+function SelectLabel({ className, ...props }) {
+  return /* @__PURE__ */ jsx4(
+    SelectPrimitive.Label,
+    {
+      "data-slot": "select-label",
+      className: cn("px-2 py-1.5 text-xs text-muted-foreground", className),
+      ...props
+    }
+  );
+}
+function SelectItem({
+  className,
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxs(
+    SelectPrimitive.Item,
+    {
+      "data-slot": "select-item",
+      className: cn(
+        "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 focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 [&_svg:not([class*='text-'])]:text-muted-foreground *:[span]:last:flex *:[span]:last:items-center *:[span]:last:gap-2",
+        className
+      ),
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx4(
+          "span",
+          {
+            "data-slot": "select-item-indicator",
+            className: "absolute right-2 flex size-3.5 items-center justify-center",
+            children: /* @__PURE__ */ jsx4(SelectPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx4(CheckIcon, { className: "size-4" }) })
+          }
+        ),
+        /* @__PURE__ */ jsx4(SelectPrimitive.ItemText, { children })
+      ]
+    }
+  );
+}
+function SelectSeparator({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx4(
+    SelectPrimitive.Separator,
+    {
+      "data-slot": "select-separator",
+      className: cn("pointer-events-none -mx-1 my-1 h-px bg-border", className),
+      ...props
+    }
+  );
+}
+function SelectScrollUpButton({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx4(
+    SelectPrimitive.ScrollUpButton,
+    {
+      "data-slot": "select-scroll-up-button",
+      className: cn("flex cursor-default items-center justify-center py-1", className),
+      ...props,
+      children: /* @__PURE__ */ jsx4(ChevronUpIcon, { className: "size-4" })
+    }
+  );
+}
+function SelectScrollDownButton({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx4(
+    SelectPrimitive.ScrollDownButton,
+    {
+      "data-slot": "select-scroll-down-button",
+      className: cn("flex cursor-default items-center justify-center py-1", className),
+      ...props,
+      children: /* @__PURE__ */ jsx4(ChevronDownIcon, { className: "size-4" })
+    }
+  );
+}
+
+// src/components/condition-builder/OperatorSelect.tsx
+import { jsx as jsx5, jsxs as jsxs2 } from "react/jsx-runtime";
+function OperatorSelect({ value, onChange, options, disabled }) {
+  return /* @__PURE__ */ jsxs2(Select, { value, onValueChange: onChange, disabled, children: [
+    /* @__PURE__ */ jsx5(SelectTrigger, { className: "h-8 font-mono text-xs", disabled, children: /* @__PURE__ */ jsx5(SelectValue, {}) }),
+    /* @__PURE__ */ jsx5(SelectContent, { children: options.map((opt) => /* @__PURE__ */ jsx5(SelectItem, { value: opt.value, children: opt.label }, opt.value)) })
+  ] });
+}
+
+// src/components/condition-builder/TagInput.tsx
+import { useCallback, useState } from "react";
+
+// src/components/ui/badge.tsx
+import { cva } from "class-variance-authority";
+import { Slot } from "radix-ui";
+import { jsx as jsx6 } from "react/jsx-runtime";
+var badgeVariants = cva(
+  "inline-flex w-fit shrink-0 items-center justify-center gap-1 overflow-hidden rounded-full border border-transparent px-2 py-0.5 text-xs font-medium whitespace-nowrap transition-[color,box-shadow] focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 aria-invalid:border-destructive aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 [&>svg]:pointer-events-none [&>svg]:size-3",
+  {
+    variants: {
+      variant: {
+        default: "bg-primary text-primary-foreground [a&]:hover:bg-primary/90",
+        secondary: "bg-secondary text-secondary-foreground [a&]:hover:bg-secondary/90",
+        destructive: "bg-destructive text-white focus-visible:ring-destructive/20 dark:bg-destructive/60 dark:focus-visible:ring-destructive/40 [a&]:hover:bg-destructive/90",
+        outline: "border-border text-foreground [a&]:hover:bg-accent [a&]:hover:text-accent-foreground",
+        ghost: "[a&]:hover:bg-accent [a&]:hover:text-accent-foreground",
+        link: "text-primary underline-offset-4 [a&]:hover:underline"
+      }
+    },
+    defaultVariants: {
+      variant: "default"
+    }
+  }
+);
+function Badge({
+  className,
+  variant = "default",
+  asChild = false,
+  ...props
+}) {
+  const Comp = asChild ? Slot.Root : "span";
+  return /* @__PURE__ */ jsx6(
+    Comp,
+    {
+      "data-slot": "badge",
+      "data-variant": variant,
+      className: cn(badgeVariants({ variant }), className),
+      ...props
+    }
+  );
+}
+
+// src/components/condition-builder/TagInput.tsx
+import { jsx as jsx7, jsxs as jsxs3 } from "react/jsx-runtime";
+function TagInput({ value, onChange, placeholder }) {
+  const values = Array.isArray(value) ? value.filter(Boolean) : value ? [value] : [];
+  const [text, setText] = useState("");
+  const emit = useCallback(
+    (next2) => {
+      onChange(next2.length === 1 ? next2[0] : next2);
+    },
+    [onChange]
+  );
+  const addValues = useCallback(
+    (raw) => {
+      const cleaned = raw.map((s) => s.trim()).filter(Boolean);
+      const unique = cleaned.filter((s) => !values.includes(s));
+      if (unique.length > 0) {
+        emit([...values, ...unique]);
+      }
+    },
+    [values, emit]
+  );
+  const removeValue = useCallback(
+    (index) => {
+      const next2 = values.filter((_, i) => i !== index);
+      emit(next2.length === 0 ? [] : next2);
+    },
+    [values, emit]
+  );
+  const handleKeyDown = useCallback(
+    (e) => {
+      if (e.key === "Enter" || e.key === "Tab" && text.trim()) {
+        e.preventDefault();
+        addValues([text]);
+        setText("");
+      } else if (e.key === "Backspace" && text === "" && values.length > 0) {
+        removeValue(values.length - 1);
+      }
+    },
+    [text, values, addValues, removeValue]
+  );
+  const handlePaste = useCallback(
+    (e) => {
+      const pasted = e.clipboardData.getData("text");
+      if (pasted.includes("\n")) {
+        e.preventDefault();
+        addValues(pasted.split("\n"));
+        setText("");
+      }
+    },
+    [addValues]
+  );
+  return /* @__PURE__ */ jsxs3("div", { className: "border-input focus-within:border-ring focus-within:ring-ring/50 flex min-h-9 flex-1 flex-wrap items-center gap-1 rounded-md border px-2 py-1 focus-within:ring-[3px]", children: [
+    values.map((v, i) => /* @__PURE__ */ jsxs3(Badge, { variant: "outline", className: "bg-muted gap-1 font-mono text-xs", children: [
+      v,
+      /* @__PURE__ */ jsx7(
+        "button",
+        {
+          type: "button",
+          className: "text-muted-foreground hover:text-foreground ml-0.5 cursor-pointer leading-none",
+          onClick: () => removeValue(i),
+          "aria-label": `Remove ${v}`,
+          children: "\xD7"
+        }
+      )
+    ] }, `${v}-${i}`)),
+    /* @__PURE__ */ jsx7(
+      "input",
+      {
+        className: "min-w-[80px] flex-1 bg-transparent py-0.5 font-mono text-sm outline-none placeholder:text-muted-foreground",
+        value: text,
+        placeholder: values.length === 0 ? placeholder ?? "type and press Enter" : "",
+        onChange: (e) => setText(e.target.value),
+        onKeyDown: handleKeyDown,
+        onPaste: handlePaste
+      }
+    )
+  ] });
+}
+
+// src/components/condition-builder/condition-builders.ts
+function buildAndCondition(conditions, id) {
+  return id ? { id, type: "and", conditions } : { type: "and", conditions };
+}
+function buildOrCondition(conditions, id) {
+  return id ? { id, type: "or", conditions } : { type: "or", conditions };
+}
+function buildCustomCondition(fields) {
+  return fields;
+}
+
+// src/components/condition-builder/StringConditionEditor.tsx
+import { jsx as jsx8, jsxs as jsxs4 } from "react/jsx-runtime";
+var OP_OPTIONS = [
+  { value: "eq", label: "eq" },
+  { value: "neq", label: "neq" },
+  { value: "in", label: "in" },
+  { value: "nin", label: "nin" },
+  { value: "regex", label: "regex" }
+];
+var meta = {
+  type: "string",
+  label: "String",
+  description: "Match a context key against string value(s)",
+  defaults: { type: "string", key: "", op: "eq", value: "" }
+};
+function StringConditionEditor({ condition, onChange }) {
+  const rec = useMemo(() => condition, [condition]);
+  const update = useCallback2(
+    (field, value) => {
+      onChange(buildCustomCondition({ ...rec, [field]: value, type: "string" }));
+    },
+    [rec, onChange]
+  );
+  const handleOpChange = useCallback2(
+    (newOp) => {
+      const isArrayOp = newOp === "in" || newOp === "nin";
+      const currentValue = rec.value;
+      const coercedValue = isArrayOp ? Array.isArray(currentValue) ? currentValue : currentValue ? [String(currentValue)] : [] : Array.isArray(currentValue) ? currentValue[0] ?? "" : currentValue;
+      onChange(buildCustomCondition({ ...rec, op: newOp, value: coercedValue, type: "string" }));
+    },
+    [rec, onChange]
+  );
+  const op = rec.op;
+  const isArray = op === "in" || op === "nin";
+  const isRegex = op === "regex";
+  return /* @__PURE__ */ jsxs4(ConditionRow, { children: [
+    /* @__PURE__ */ jsx8(
+      KeyInput,
+      {
+        value: String(rec.key ?? ""),
+        onChange: (v) => update("key", v),
+        placeholder: "e.g. userId"
+      }
+    ),
+    /* @__PURE__ */ jsx8(
+      OperatorSelect,
+      {
+        value: String(rec.op ?? "eq"),
+        onChange: handleOpChange,
+        options: OP_OPTIONS
+      }
+    ),
+    isArray ? /* @__PURE__ */ jsx8(
+      TagInput,
+      {
+        value: rec.value ?? "",
+        onChange: (v) => update("value", v),
+        placeholder: "e.g. user-123"
+      }
+    ) : isRegex ? /* @__PURE__ */ jsx8(
+      Input,
+      {
+        className: "h-8 font-mono text-sm",
+        value: String(rec.value ?? ""),
+        placeholder: "e.g. ^test.*$",
+        onChange: (e) => update("value", e.target.value)
+      }
+    ) : /* @__PURE__ */ jsx8(
+      Input,
+      {
+        className: "h-8 text-sm",
+        value: String(rec.value ?? ""),
+        placeholder: "e.g. user-123",
+        onChange: (e) => update("value", e.target.value)
+      }
+    )
+  ] });
+}
+
+// src/components/condition-builder/NumberConditionEditor.tsx
+import { useCallback as useCallback4, useMemo as useMemo2 } from "react";
+
+// src/components/condition-builder/NumberTagInput.tsx
+import { useCallback as useCallback3, useState as useState2 } from "react";
+import { jsx as jsx9, jsxs as jsxs5 } from "react/jsx-runtime";
+function NumberTagInput({ value, onChange, placeholder }) {
+  const values = Array.isArray(value) ? value : [value];
+  const [text, setText] = useState2("");
+  const emit = useCallback3(
+    (next2) => {
+      onChange(next2.length === 1 ? next2[0] : next2);
+    },
+    [onChange]
+  );
+  const addValues = useCallback3(
+    (raw) => {
+      const parsed = raw.map((s) => s.trim()).filter(Boolean).map(Number).filter((n) => !Number.isNaN(n));
+      const unique = parsed.filter((n) => !values.includes(n));
+      if (unique.length > 0) {
+        emit([...values, ...unique]);
+      }
+    },
+    [values, emit]
+  );
+  const removeValue = useCallback3(
+    (index) => {
+      const next2 = values.filter((_, i) => i !== index);
+      emit(next2.length === 0 ? [] : next2);
+    },
+    [values, emit]
+  );
+  const handleKeyDown = useCallback3(
+    (e) => {
+      if (e.key === "Enter" || e.key === "Tab" && text.trim()) {
+        e.preventDefault();
+        addValues([text]);
+        setText("");
+      } else if (e.key === "Backspace" && text === "" && values.length > 0) {
+        removeValue(values.length - 1);
+      }
+    },
+    [text, values, addValues, removeValue]
+  );
+  const handlePaste = useCallback3(
+    (e) => {
+      const pasted = e.clipboardData.getData("text");
+      if (pasted.includes("\n")) {
+        e.preventDefault();
+        addValues(pasted.split("\n"));
+        setText("");
+      }
+    },
+    [addValues]
+  );
+  return /* @__PURE__ */ jsxs5("div", { className: "border-input focus-within:border-ring focus-within:ring-ring/50 flex min-h-9 flex-1 flex-wrap items-center gap-1 rounded-md border px-2 py-1 focus-within:ring-[3px]", children: [
+    values.map((v, i) => /* @__PURE__ */ jsxs5(Badge, { variant: "outline", className: "bg-muted gap-1 font-mono text-xs", children: [
+      v,
+      /* @__PURE__ */ jsx9(
+        "button",
+        {
+          type: "button",
+          className: "text-muted-foreground hover:text-foreground ml-0.5 cursor-pointer leading-none",
+          onClick: () => removeValue(i),
+          "aria-label": `Remove ${v}`,
+          children: "\xD7"
+        }
+      )
+    ] }, `${v}-${i}`)),
+    /* @__PURE__ */ jsx9(
+      "input",
+      {
+        className: "min-w-[80px] flex-1 bg-transparent py-0.5 font-mono text-sm outline-none placeholder:text-muted-foreground",
+        type: "number",
+        value: text,
+        placeholder: values.length === 0 ? placeholder ?? "type and press Enter" : "",
+        onChange: (e) => setText(e.target.value),
+        onKeyDown: handleKeyDown,
+        onPaste: handlePaste
+      }
+    )
+  ] });
+}
+
+// src/components/condition-builder/NumberConditionEditor.tsx
+import { jsx as jsx10, jsxs as jsxs6 } from "react/jsx-runtime";
+var OP_OPTIONS2 = [
+  { value: "eq", label: "eq" },
+  { value: "neq", label: "neq" },
+  { value: "gt", label: "gt" },
+  { value: "gte", label: "gte" },
+  { value: "lt", label: "lt" },
+  { value: "lte", label: "lte" },
+  { value: "in", label: "in" },
+  { value: "nin", label: "nin" }
+];
+var meta2 = {
+  type: "number",
+  label: "Number",
+  description: "Compare a context key against a number or list of numbers",
+  defaults: { type: "number", key: "", op: "eq", value: 0 }
+};
+function NumberConditionEditor({ condition, onChange }) {
+  const rec = useMemo2(() => condition, [condition]);
+  const update = useCallback4(
+    (field, value) => {
+      onChange(buildCustomCondition({ ...rec, [field]: value, type: "number" }));
+    },
+    [rec, onChange]
+  );
+  const handleOpChange = useCallback4(
+    (newOp) => {
+      const isArrayOp = newOp === "in" || newOp === "nin";
+      const currentValue = rec.value;
+      const coercedValue = isArrayOp ? Array.isArray(currentValue) ? currentValue : currentValue !== void 0 && currentValue !== "" ? [Number(currentValue)] : [] : Array.isArray(currentValue) ? currentValue[0] ?? 0 : currentValue;
+      onChange(buildCustomCondition({ ...rec, op: newOp, value: coercedValue, type: "number" }));
+    },
+    [rec, onChange]
+  );
+  const op = rec.op;
+  const isArray = op === "in" || op === "nin";
+  return /* @__PURE__ */ jsxs6(ConditionRow, { children: [
+    /* @__PURE__ */ jsx10(
+      KeyInput,
+      {
+        value: String(rec.key ?? ""),
+        onChange: (v) => update("key", v),
+        placeholder: "e.g. score"
+      }
+    ),
+    /* @__PURE__ */ jsx10(
+      OperatorSelect,
+      {
+        value: String(rec.op ?? "eq"),
+        onChange: handleOpChange,
+        options: OP_OPTIONS2
+      }
+    ),
+    isArray ? /* @__PURE__ */ jsx10(
+      NumberTagInput,
+      {
+        value: rec.value ?? [],
+        onChange: (v) => update("value", v),
+        placeholder: "e.g. 200"
+      }
+    ) : /* @__PURE__ */ jsx10(
+      Input,
+      {
+        type: "number",
+        className: "h-8 font-mono text-sm",
+        value: rec.value !== void 0 ? String(rec.value) : "",
+        placeholder: "e.g. 100",
+        onChange: (e) => update("value", e.target.value === "" ? "" : Number(e.target.value))
+      }
+    )
+  ] });
+}
+
+// src/components/condition-builder/DatetimeConditionEditor.tsx
+import { useCallback as useCallback5, useMemo as useMemo3 } from "react";
+
+// src/components/common/DateTimeInput.tsx
+import { useRef, useState as useState3 } from "react";
+import { Calendar, Code } from "lucide-react";
+import { jsx as jsx11, jsxs as jsxs7 } from "react/jsx-runtime";
+function toLocalDatetime(iso) {
+  if (!iso) return "";
+  const d = new Date(iso);
+  if (Number.isNaN(d.getTime())) return "";
+  const pad = (n) => String(n).padStart(2, "0");
+  const date = `${d.getFullYear()}-${pad(d.getMonth() + 1)}-${pad(d.getDate())}`;
+  const time = `${pad(d.getHours())}:${pad(d.getMinutes())}`;
+  return `${date}T${time}`;
+}
+function fromLocalDatetime(local) {
+  if (!local) return "";
+  const d = new Date(local);
+  if (Number.isNaN(d.getTime())) return local;
+  return d.toISOString();
+}
+function DateTimeInput({ value, onChange }) {
+  const [rawValue, setRawValue] = useState3(value);
+  const [showRaw, setShowRaw] = useState3(false);
+  const prevValueRef = useRef(value);
+  if (prevValueRef.current !== value) {
+    prevValueRef.current = value;
+    setRawValue(value);
+  }
+  if (showRaw) {
+    return /* @__PURE__ */ jsxs7("div", { className: "flex gap-1", children: [
+      /* @__PURE__ */ jsx11(
+        Input,
+        {
+          className: "h-8 flex-1 font-mono text-xs",
+          value: rawValue,
+          placeholder: "ISO 8601 datetime",
+          onChange: (e) => {
+            setRawValue(e.target.value);
+            onChange(e.target.value);
+          }
+        }
+      ),
+      /* @__PURE__ */ jsx11(
+        "button",
+        {
+          type: "button",
+          className: "flex items-center justify-center w-8 h-8 text-muted-foreground hover:text-foreground",
+          "aria-label": "Switch to date picker",
+          onClick: () => setShowRaw(false),
+          children: /* @__PURE__ */ jsx11(Calendar, { className: "h-3.5 w-3.5" })
+        }
+      )
+    ] });
+  }
+  return /* @__PURE__ */ jsxs7("div", { className: "flex gap-1", children: [
+    /* @__PURE__ */ jsx11(
+      Input,
+      {
+        className: "h-8 flex-1 text-xs",
+        type: "datetime-local",
+        value: toLocalDatetime(value),
+        onChange: (e) => onChange(fromLocalDatetime(e.target.value))
+      }
+    ),
+    /* @__PURE__ */ jsx11(
+      "button",
+      {
+        type: "button",
+        className: "flex items-center justify-center w-8 h-8 text-muted-foreground hover:text-foreground",
+        "aria-label": "Switch to raw input",
+        onClick: () => {
+          setRawValue(value);
+          setShowRaw(true);
+        },
+        children: /* @__PURE__ */ jsx11(Code, { className: "h-3.5 w-3.5" })
+      }
+    )
+  ] });
+}
+
+// src/components/condition-builder/DatetimeConditionEditor.tsx
+import { jsx as jsx12, jsxs as jsxs8 } from "react/jsx-runtime";
+var OP_OPTIONS3 = [
+  { value: "eq", label: "eq" },
+  { value: "gt", label: "gt" },
+  { value: "gte", label: "gte" },
+  { value: "lt", label: "lt" },
+  { value: "lte", label: "lte" }
+];
+var meta3 = {
+  type: "datetime",
+  label: "Datetime",
+  description: "Compare a context key against a date/time",
+  defaults: { type: "datetime", key: "", op: "eq", value: (/* @__PURE__ */ new Date()).toISOString() }
+};
+function DatetimeConditionEditor({ condition, onChange }) {
+  const rec = useMemo3(() => condition, [condition]);
+  const update = useCallback5(
+    (field, value) => {
+      onChange(buildCustomCondition({ ...rec, [field]: value, type: "datetime" }));
+    },
+    [rec, onChange]
+  );
+  return /* @__PURE__ */ jsxs8(ConditionRow, { children: [
+    /* @__PURE__ */ jsx12(
+      KeyInput,
+      {
+        value: String(rec.key ?? ""),
+        onChange: (v) => update("key", v),
+        placeholder: "e.g. at"
+      }
+    ),
+    /* @__PURE__ */ jsx12(
+      OperatorSelect,
+      {
+        value: String(rec.op ?? "eq"),
+        onChange: (v) => update("op", v),
+        options: OP_OPTIONS3
+      }
+    ),
+    /* @__PURE__ */ jsx12(DateTimeInput, { value: String(rec.value ?? ""), onChange: (v) => update("value", v) })
+  ] });
+}
+
+// src/components/condition-builder/BoolConditionEditor.tsx
+import { useCallback as useCallback6, useMemo as useMemo4 } from "react";
+import { jsx as jsx13, jsxs as jsxs9 } from "react/jsx-runtime";
+var OP_OPTIONS4 = [{ value: "eq", label: "eq" }];
+var meta4 = {
+  type: "bool",
+  label: "Boolean",
+  description: "Match a context key against a boolean",
+  defaults: { type: "bool", key: "", value: true }
+};
+function BoolConditionEditor({ condition, onChange }) {
+  const rec = useMemo4(() => condition, [condition]);
+  const update = useCallback6(
+    (field, value) => {
+      onChange(buildCustomCondition({ ...rec, [field]: value, type: "bool" }));
+    },
+    [rec, onChange]
+  );
+  return /* @__PURE__ */ jsxs9(ConditionRow, { children: [
+    /* @__PURE__ */ jsx13(
+      KeyInput,
+      {
+        value: String(rec.key ?? ""),
+        onChange: (v) => update("key", v),
+        placeholder: "e.g. isAdmin"
+      }
+    ),
+    /* @__PURE__ */ jsx13(OperatorSelect, { value: "eq", options: OP_OPTIONS4, disabled: true }),
+    /* @__PURE__ */ jsxs9(
+      Select,
+      {
+        value: String(rec.value ?? "true"),
+        onValueChange: (v) => update("value", v === "true"),
+        children: [
+          /* @__PURE__ */ jsx13(SelectTrigger, { className: "h-8 text-sm", children: /* @__PURE__ */ jsx13(SelectValue, {}) }),
+          /* @__PURE__ */ jsxs9(SelectContent, { children: [
+            /* @__PURE__ */ jsx13(SelectItem, { value: "true", children: "true" }),
+            /* @__PURE__ */ jsx13(SelectItem, { value: "false", children: "false" })
+          ] })
+        ]
+      }
+    )
+  ] });
+}
+
+// src/components/condition-builder/EnvConditionEditor.tsx
+import { useCallback as useCallback7, useMemo as useMemo5 } from "react";
+import { jsx as jsx14, jsxs as jsxs10 } from "react/jsx-runtime";
+var OP_OPTIONS5 = [{ value: "eq", label: "eq" }];
+var meta5 = {
+  type: "env",
+  label: "Environment",
+  description: "Match the environment name",
+  defaults: { type: "env", value: "" }
+};
+function EnvConditionEditor({ condition, onChange }) {
+  const rec = useMemo5(() => condition, [condition]);
+  const handleChange = useCallback7(
+    (value) => {
+      onChange(buildCustomCondition({ ...rec, value, type: "env" }));
+    },
+    [rec, onChange]
+  );
+  return /* @__PURE__ */ jsxs10(ConditionRow, { children: [
+    /* @__PURE__ */ jsx14(KeyInput, { value: "env", disabled: true }),
+    /* @__PURE__ */ jsx14(OperatorSelect, { value: "eq", options: OP_OPTIONS5, disabled: true }),
+    /* @__PURE__ */ jsx14(
+      TagInput,
+      {
+        value: rec.value ?? "",
+        onChange: handleChange,
+        placeholder: "e.g. production"
+      }
+    )
+  ] });
+}
+
+// src/components/condition-builder/StartAtConditionEditor.tsx
+import { useMemo as useMemo6 } from "react";
+import { jsx as jsx15, jsxs as jsxs11 } from "react/jsx-runtime";
+var OP_OPTIONS6 = [{ value: "gte", label: "gte" }];
+var meta6 = {
+  type: "startAt",
+  label: "Start At",
+  description: "Active after a specific date/time",
+  defaults: { type: "startAt", value: (/* @__PURE__ */ new Date()).toISOString() }
+};
+function StartAtConditionEditor({ condition, onChange }) {
+  const rec = useMemo6(() => condition, [condition]);
+  return /* @__PURE__ */ jsxs11(ConditionRow, { children: [
+    /* @__PURE__ */ jsx15(KeyInput, { value: "at", disabled: true }),
+    /* @__PURE__ */ jsx15(OperatorSelect, { value: "gte", options: OP_OPTIONS6, disabled: true }),
+    /* @__PURE__ */ jsx15(
+      DateTimeInput,
+      {
+        value: String(rec.value ?? ""),
+        onChange: (v) => onChange(buildCustomCondition({ ...rec, value: v, type: "startAt" }))
+      }
+    )
+  ] });
+}
+
+// src/components/condition-builder/EndAtConditionEditor.tsx
+import { useMemo as useMemo7 } from "react";
+import { jsx as jsx16, jsxs as jsxs12 } from "react/jsx-runtime";
+var OP_OPTIONS7 = [{ value: "lt", label: "lt" }];
+var meta7 = {
+  type: "endAt",
+  label: "End At",
+  description: "Active before a specific date/time",
+  defaults: { type: "endAt", value: (/* @__PURE__ */ new Date()).toISOString() }
+};
+function EndAtConditionEditor({ condition, onChange }) {
+  const rec = useMemo7(() => condition, [condition]);
+  return /* @__PURE__ */ jsxs12(ConditionRow, { children: [
+    /* @__PURE__ */ jsx16(KeyInput, { value: "at", disabled: true }),
+    /* @__PURE__ */ jsx16(OperatorSelect, { value: "lt", options: OP_OPTIONS7, disabled: true }),
+    /* @__PURE__ */ jsx16(
+      DateTimeInput,
+      {
+        value: String(rec.value ?? ""),
+        onChange: (v) => onChange(buildCustomCondition({ ...rec, value: v, type: "endAt" }))
+      }
+    )
+  ] });
+}
+
+// src/components/condition-builder/condition-registry.ts
+var BUILTIN_CONDITION_TYPES = [
+  meta,
+  meta2,
+  meta3,
+  meta4,
+  meta5,
+  meta6,
+  meta7
+];
+var CONDITION_TYPE_MAP = new Map(BUILTIN_CONDITION_TYPES.map((m) => [m.type, m]));
+function getConditionMeta(type) {
+  return CONDITION_TYPE_MAP.get(type);
+}
+
+// src/components/ui/button.tsx
+import { cva as cva2 } from "class-variance-authority";
+import { Slot as Slot2 } from "radix-ui";
+import { jsx as jsx17 } from "react/jsx-runtime";
+var buttonVariants = cva2(
+  "inline-flex shrink-0 items-center justify-center gap-2 rounded text-sm font-medium whitespace-nowrap transition-all outline-none focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 hover:cursor-pointer",
+  {
+    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:bg-destructive/60 dark:focus-visible:ring-destructive/40",
+        outline: "border bg-background shadow-xs hover:bg-accent hover:text-accent-foreground dark:border-input dark:bg-input/30 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",
+        xs: "h-6 gap-1 rounded px-2 text-xs has-[>svg]:px-1.5 [&_svg:not([class*='size-'])]:size-3",
+        sm: "h-8 gap-1.5 rounded px-3 has-[>svg]:px-2.5",
+        lg: "h-10 rounded px-6 has-[>svg]:px-4",
+        icon: "size-9",
+        "icon-xs": "size-6 rounded [&_svg:not([class*='size-'])]:size-3",
+        "icon-sm": "size-8",
+        "icon-lg": "size-10"
+      }
+    },
+    defaultVariants: {
+      variant: "default",
+      size: "default"
+    }
+  }
+);
+function Button({
+  className,
+  variant = "default",
+  size = "default",
+  asChild = false,
+  ref,
+  ...props
+}) {
+  const Comp = asChild ? Slot2.Root : "button";
+  return /* @__PURE__ */ jsx17(
+    Comp,
+    {
+      ref,
+      "data-slot": "button",
+      "data-variant": variant,
+      "data-size": size,
+      className: cn(buttonVariants({ variant, size, className })),
+      ...props
+    }
+  );
+}
+
+// src/components/ui/separator.tsx
+import { Separator as SeparatorPrimitive } from "radix-ui";
+import { jsx as jsx18 } from "react/jsx-runtime";
+function Separator({
+  className,
+  orientation = "horizontal",
+  decorative = true,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx18(
+    SeparatorPrimitive.Root,
+    {
+      "data-slot": "separator",
+      decorative,
+      orientation,
+      className: cn(
+        "shrink-0 bg-border data-[orientation=horizontal]:h-px data-[orientation=horizontal]:w-full data-[orientation=vertical]:h-full data-[orientation=vertical]:w-px",
+        className
+      ),
+      ...props
+    }
+  );
+}
+
+// src/components/ui/scroll-area.tsx
+import { ScrollArea as ScrollAreaPrimitive } from "radix-ui";
+import { jsx as jsx19, jsxs as jsxs13 } from "react/jsx-runtime";
+function ScrollArea({
+  className,
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxs13(
+    ScrollAreaPrimitive.Root,
+    {
+      "data-slot": "scroll-area",
+      className: cn("relative", className),
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx19(
+          ScrollAreaPrimitive.Viewport,
+          {
+            "data-slot": "scroll-area-viewport",
+            className: "size-full rounded-[inherit] transition-[color,box-shadow] outline-none focus-visible:ring-[3px] focus-visible:ring-ring/50 focus-visible:outline-1",
+            children
+          }
+        ),
+        /* @__PURE__ */ jsx19(ScrollBar, {}),
+        /* @__PURE__ */ jsx19(ScrollAreaPrimitive.Corner, {})
+      ]
+    }
+  );
+}
+function ScrollBar({
+  className,
+  orientation = "vertical",
+  ...props
+}) {
+  return /* @__PURE__ */ jsx19(
+    ScrollAreaPrimitive.ScrollAreaScrollbar,
+    {
+      "data-slot": "scroll-area-scrollbar",
+      orientation,
+      className: cn(
+        "flex touch-none p-px transition-colors select-none",
+        orientation === "vertical" && "h-full w-2.5 border-l border-l-transparent",
+        orientation === "horizontal" && "h-2.5 flex-col border-t border-t-transparent",
+        className
+      ),
+      ...props,
+      children: /* @__PURE__ */ jsx19(
+        ScrollAreaPrimitive.ScrollAreaThumb,
+        {
+          "data-slot": "scroll-area-thumb",
+          className: "relative flex-1 rounded-full bg-border"
+        }
+      )
+    }
+  );
+}
+
+// src/components/ui/dialog.tsx
+import { XIcon } from "lucide-react";
+import { Dialog as DialogPrimitive } from "radix-ui";
+import { jsx as jsx20, jsxs as jsxs14 } from "react/jsx-runtime";
+function Dialog({ ...props }) {
+  return /* @__PURE__ */ jsx20(DialogPrimitive.Root, { "data-slot": "dialog", ...props });
+}
+function DialogTrigger({ ...props }) {
+  return /* @__PURE__ */ jsx20(DialogPrimitive.Trigger, { "data-slot": "dialog-trigger", ...props });
+}
+function DialogPortal({ ...props }) {
+  return /* @__PURE__ */ jsx20(DialogPrimitive.Portal, { "data-slot": "dialog-portal", ...props });
+}
+function DialogClose({ ...props }) {
+  return /* @__PURE__ */ jsx20(DialogPrimitive.Close, { "data-slot": "dialog-close", ...props });
+}
+function DialogOverlay({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx20(
+    DialogPrimitive.Overlay,
+    {
+      "data-slot": "dialog-overlay",
+      className: cn(
+        "fixed inset-0 z-50 bg-black/50 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:animate-in data-[state=open]:fade-in-0",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function DialogContent({
+  className,
+  children,
+  showCloseButton = true,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxs14(DialogPortal, { "data-slot": "dialog-portal", children: [
+    /* @__PURE__ */ jsx20(DialogOverlay, {}),
+    /* @__PURE__ */ jsxs14(
+      DialogPrimitive.Content,
+      {
+        "data-slot": "dialog-content",
+        className: cn(
+          "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 bg-background p-6 shadow-lg duration-200 outline-none data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95 sm:max-w-lg",
+          className
+        ),
+        ...props,
+        children: [
+          children,
+          showCloseButton && /* @__PURE__ */ jsxs14(
+            DialogPrimitive.Close,
+            {
+              "data-slot": "dialog-close",
+              className: "absolute top-4 right-4 rounded-xs opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:ring-2 focus:ring-ring focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none data-[state=open]:bg-accent data-[state=open]:text-muted-foreground [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+              children: [
+                /* @__PURE__ */ jsx20(XIcon, {}),
+                /* @__PURE__ */ jsx20("span", { className: "sr-only", children: "Close" })
+              ]
+            }
+          )
+        ]
+      }
+    )
+  ] });
+}
+function DialogHeader({ className, ...props }) {
+  return /* @__PURE__ */ jsx20(
+    "div",
+    {
+      "data-slot": "dialog-header",
+      className: cn("flex flex-col gap-2 text-center sm:text-left", className),
+      ...props
+    }
+  );
+}
+function DialogFooter({
+  className,
+  showCloseButton = false,
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxs14(
+    "div",
+    {
+      "data-slot": "dialog-footer",
+      className: cn("flex flex-col-reverse gap-2 sm:flex-row sm:justify-end", className),
+      ...props,
+      children: [
+        children,
+        showCloseButton && /* @__PURE__ */ jsx20(DialogPrimitive.Close, { asChild: true, children: /* @__PURE__ */ jsx20(Button, { variant: "outline", children: "Close" }) })
+      ]
+    }
+  );
+}
+function DialogTitle({ className, ...props }) {
+  return /* @__PURE__ */ jsx20(
+    DialogPrimitive.Title,
+    {
+      "data-slot": "dialog-title",
+      className: cn("text-lg leading-none font-semibold", className),
+      ...props
+    }
+  );
+}
+function DialogDescription({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx20(
+    DialogPrimitive.Description,
+    {
+      "data-slot": "dialog-description",
+      className: cn("text-sm text-muted-foreground", className),
+      ...props
+    }
+  );
+}
+
+// src/components/ui/dropdown-menu.tsx
+import { CheckIcon as CheckIcon2, ChevronRightIcon, CircleIcon } from "lucide-react";
+import { DropdownMenu as DropdownMenuPrimitive } from "radix-ui";
+import { jsx as jsx21, jsxs as jsxs15 } from "react/jsx-runtime";
+function DropdownMenu({ ...props }) {
+  return /* @__PURE__ */ jsx21(DropdownMenuPrimitive.Root, { "data-slot": "dropdown-menu", ...props });
+}
+function DropdownMenuTrigger({
+  ...props
+}) {
+  return /* @__PURE__ */ jsx21(DropdownMenuPrimitive.Trigger, { "data-slot": "dropdown-menu-trigger", ...props });
+}
+function DropdownMenuContent({
+  className,
+  sideOffset = 4,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx21(DropdownMenuPrimitive.Portal, { children: /* @__PURE__ */ jsx21(
+    DropdownMenuPrimitive.Content,
+    {
+      "data-slot": "dropdown-menu-content",
+      sideOffset,
+      className: cn(
+        "z-50 max-h-(--radix-dropdown-menu-content-available-height) min-w-[8rem] origin-(--radix-dropdown-menu-content-transform-origin) overflow-x-hidden overflow-y-auto rounded-md border bg-popover p-1 text-popover-foreground shadow-md data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95",
+        className
+      ),
+      ...props
+    }
+  ) });
+}
+function DropdownMenuItem({
+  className,
+  inset,
+  variant = "default",
+  ...props
+}) {
+  return /* @__PURE__ */ jsx21(
+    DropdownMenuPrimitive.Item,
+    {
+      "data-slot": "dropdown-menu-item",
+      "data-inset": inset,
+      "data-variant": variant,
+      className: cn(
+        "relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50 data-[inset]:pl-8 data-[variant=destructive]:text-destructive data-[variant=destructive]:focus:bg-destructive/10 data-[variant=destructive]:focus:text-destructive dark:data-[variant=destructive]:focus:bg-destructive/20 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 [&_svg:not([class*='text-'])]:text-muted-foreground data-[variant=destructive]:*:[svg]:text-destructive!",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function DropdownMenuSeparator({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx21(
+    DropdownMenuPrimitive.Separator,
+    {
+      "data-slot": "dropdown-menu-separator",
+      className: cn("-mx-1 my-1 h-px bg-border", className),
+      ...props
+    }
+  );
+}
+
+// src/components/ui/label.tsx
+import { Label as LabelPrimitive } from "radix-ui";
+import { jsx as jsx22 } from "react/jsx-runtime";
+function Label({ className, ...props }) {
+  return /* @__PURE__ */ jsx22(
+    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/components/ui/switch.tsx
+import { Switch as SwitchPrimitive } from "radix-ui";
+import { jsx as jsx23 } from "react/jsx-runtime";
+function Switch({ className, ...props }) {
+  return /* @__PURE__ */ jsx23(
+    SwitchPrimitive.Root,
+    {
+      "data-slot": "switch",
+      className: cn(
+        "peer inline-flex h-5 w-9 shrink-0 cursor-pointer items-center rounded-full border-2 border-transparent shadow-xs transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-primary data-[state=unchecked]:bg-input",
+        className
+      ),
+      ...props,
+      children: /* @__PURE__ */ jsx23(
+        SwitchPrimitive.Thumb,
+        {
+          className: cn(
+            "pointer-events-none block h-4 w-4 rounded-full bg-background shadow-lg ring-0 transition-transform data-[state=checked]:translate-x-4 data-[state=unchecked]:translate-x-0"
+          )
+        }
+      )
+    }
+  );
+}
+
+// src/components/ui/textarea.tsx
+import { jsx as jsx24 } from "react/jsx-runtime";
+function Textarea({ className, ...props }) {
+  return /* @__PURE__ */ jsx24(
+    "textarea",
+    {
+      "data-slot": "textarea",
+      className: cn(
+        "flex field-sizing-content min-h-16 w-full rounded-md border border-input bg-transparent px-3 py-2 text-base shadow-xs transition-[color,box-shadow] outline-none placeholder:text-muted-foreground focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-destructive/20 md:text-sm dark:bg-input/30 dark:aria-invalid:ring-destructive/40",
+        className
+      ),
+      ...props
+    }
+  );
+}
+
+// src/components/ui/popover.tsx
+import { Popover as PopoverPrimitive } from "radix-ui";
+import { jsx as jsx25 } from "react/jsx-runtime";
+function Popover({ ...props }) {
+  return /* @__PURE__ */ jsx25(PopoverPrimitive.Root, { "data-slot": "popover", ...props });
+}
+function PopoverTrigger({ ...props }) {
+  return /* @__PURE__ */ jsx25(PopoverPrimitive.Trigger, { "data-slot": "popover-trigger", ...props });
+}
+function PopoverContent({
+  className,
+  align = "center",
+  sideOffset = 4,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx25(PopoverPrimitive.Portal, { children: /* @__PURE__ */ jsx25(
+    PopoverPrimitive.Content,
+    {
+      "data-slot": "popover-content",
+      align,
+      sideOffset,
+      className: cn(
+        "z-50 w-72 origin-(--radix-popover-content-transform-origin) rounded-md border bg-popover p-4 text-popover-foreground shadow-md outline-hidden data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95",
+        className
+      ),
+      ...props
+    }
+  ) });
+}
+
+// src/components/ui/tabs.tsx
+import { Tabs as TabsPrimitive } from "radix-ui";
+import { jsx as jsx26 } from "react/jsx-runtime";
+function Tabs({ ...props }) {
+  return /* @__PURE__ */ jsx26(TabsPrimitive.Root, { "data-slot": "tabs", ...props });
+}
+function TabsList({ className, ...props }) {
+  return /* @__PURE__ */ jsx26(
+    TabsPrimitive.List,
+    {
+      "data-slot": "tabs-list",
+      className: cn(
+        "inline-flex items-center justify-center gap-1 rounded-lg bg-muted p-1 text-muted-foreground data-[orientation=vertical]:flex-col data-[orientation=vertical]:items-stretch data-[orientation=vertical]:justify-start data-[orientation=vertical]:gap-0 data-[orientation=vertical]:rounded-none data-[orientation=vertical]:bg-transparent data-[orientation=vertical]:p-0",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function TabsTrigger({ className, ...props }) {
+  return /* @__PURE__ */ jsx26(
+    TabsPrimitive.Trigger,
+    {
+      "data-slot": "tabs-trigger",
+      className: cn(
+        "inline-flex items-center justify-center gap-2 rounded-md px-3 py-1.5 text-sm font-medium whitespace-nowrap transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:bg-background data-[state=active]:text-foreground data-[state=active]:shadow-sm data-[orientation=vertical]:justify-start data-[orientation=vertical]:rounded-none data-[orientation=vertical]:border-l-2 data-[orientation=vertical]:border-l-transparent data-[orientation=vertical]:px-3 data-[orientation=vertical]:py-2.5 data-[orientation=vertical]:text-sm data-[orientation=vertical]:font-normal data-[orientation=vertical]:text-muted-foreground data-[orientation=vertical]:shadow-none data-[orientation=vertical]:hover:bg-muted data-[orientation=vertical]:data-[state=active]:border-l-primary data-[orientation=vertical]:data-[state=active]:bg-accent data-[orientation=vertical]:data-[state=active]:font-medium data-[orientation=vertical]:data-[state=active]:text-accent-foreground",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function TabsContent({ className, ...props }) {
+  return /* @__PURE__ */ jsx26(
+    TabsPrimitive.Content,
+    {
+      "data-slot": "tabs-content",
+      className: cn(
+        "flex-1 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2",
+        className
+      ),
+      ...props
+    }
+  );
+}
+
+// src/components/common/ValueInput.tsx
+import { useRef as useRef2, useState as useState4 } from "react";
+import { Fragment, jsx as jsx27, jsxs as jsxs16 } from "react/jsx-runtime";
+function detectType(value) {
+  if (typeof value === "boolean") return "boolean";
+  if (typeof value === "number") return "number";
+  if (typeof value === "object" && value !== null) return "json";
+  return "string";
+}
+function ValueInput({ value, onChange, placeholder }) {
+  const [type, setType] = useState4(() => detectType(value));
+  const [jsonText, setJsonText] = useState4(
+    () => type === "json" ? JSON.stringify(value, null, 2) : ""
+  );
+  const [jsonError, setJsonError] = useState4(null);
+  const prevValueRef = useRef2(value);
+  if (prevValueRef.current !== value) {
+    prevValueRef.current = value;
+    const newType = detectType(value);
+    if (newType !== type) {
+      setType(newType);
+    }
+    if (newType === "json") {
+      try {
+        setJsonText(JSON.stringify(value, null, 2));
+        setJsonError(null);
+      } catch {
+      }
+    }
+  }
+  function handleTypeChange(newType) {
+    const t = newType;
+    setType(t);
+    setJsonError(null);
+    switch (t) {
+      case "string":
+        onChange(String(value ?? ""));
+        break;
+      case "number":
+        onChange(Number(value) || 0);
+        break;
+      case "boolean":
+        onChange(Boolean(value));
+        break;
+      case "json":
+        try {
+          const text = JSON.stringify(value, null, 2);
+          setJsonText(text);
+          onChange(value);
+        } catch {
+          setJsonText("{}");
+          onChange({});
+        }
+        break;
+    }
+  }
+  function handleJsonBlur() {
+    try {
+      const parsed = JSON.parse(jsonText);
+      setJsonError(null);
+      onChange(parsed);
+    } catch {
+      setJsonError("Invalid JSON");
+    }
+  }
+  function handlePrettify() {
+    try {
+      const parsed = JSON.parse(jsonText);
+      setJsonText(JSON.stringify(parsed, null, 2));
+      setJsonError(null);
+    } catch {
+      setJsonError("Invalid JSON");
+    }
+  }
+  return /* @__PURE__ */ jsxs16("div", { className: "flex items-start gap-2", children: [
+    /* @__PURE__ */ jsxs16(Select, { value: type, onValueChange: handleTypeChange, children: [
+      /* @__PURE__ */ jsx27(SelectTrigger, { className: "h-9 w-[110px] shrink-0 text-sm", children: /* @__PURE__ */ jsx27(SelectValue, {}) }),
+      /* @__PURE__ */ jsxs16(SelectContent, { children: [
+        /* @__PURE__ */ jsx27(SelectItem, { value: "string", children: "String" }),
+        /* @__PURE__ */ jsx27(SelectItem, { value: "number", children: "Number" }),
+        /* @__PURE__ */ jsx27(SelectItem, { value: "boolean", children: "Boolean" }),
+        /* @__PURE__ */ jsx27(SelectItem, { value: "json", children: "JSON" })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxs16("div", { className: "flex-1", children: [
+      type === "string" && /* @__PURE__ */ jsx27(
+        Input,
+        {
+          className: "h-9 font-mono text-sm",
+          value: String(value ?? ""),
+          placeholder,
+          onChange: (e) => onChange(e.target.value)
+        }
+      ),
+      type === "number" && /* @__PURE__ */ jsx27(
+        Input,
+        {
+          className: "h-9 font-mono text-sm",
+          type: "number",
+          value: String(value ?? 0),
+          onChange: (e) => onChange(Number(e.target.value))
+        }
+      ),
+      type === "boolean" && /* @__PURE__ */ jsxs16(Select, { value: String(Boolean(value)), onValueChange: (v) => onChange(v === "true"), children: [
+        /* @__PURE__ */ jsx27(SelectTrigger, { className: "h-9 text-sm", children: /* @__PURE__ */ jsx27(SelectValue, {}) }),
+        /* @__PURE__ */ jsxs16(SelectContent, { children: [
+          /* @__PURE__ */ jsx27(SelectItem, { value: "true", children: "true" }),
+          /* @__PURE__ */ jsx27(SelectItem, { value: "false", children: "false" })
+        ] })
+      ] }),
+      type === "json" && /* @__PURE__ */ jsxs16(Fragment, { children: [
+        /* @__PURE__ */ jsx27(
+          Textarea,
+          {
+            className: "font-mono text-sm",
+            rows: 4,
+            value: jsonText,
+            onChange: (e) => setJsonText(e.target.value),
+            onBlur: handleJsonBlur
+          }
+        ),
+        /* @__PURE__ */ jsxs16("div", { className: "mt-1 flex items-center gap-2", children: [
+          jsonError && /* @__PURE__ */ jsx27("p", { className: "text-xs text-destructive", children: jsonError }),
+          /* @__PURE__ */ jsx27(
+            Button,
+            {
+              type: "button",
+              variant: "ghost",
+              size: "sm",
+              className: "ml-auto h-6 px-2 text-xs",
+              onClick: handlePrettify,
+              children: "Prettify"
+            }
+          )
+        ] })
+      ] })
+    ] })
+  ] });
+}
+
+// src/components/common/ValidationMessage.tsx
+import { jsx as jsx28, jsxs as jsxs17 } from "react/jsx-runtime";
+function ValidationMessage({ errors }) {
+  if (!errors || errors.length === 0) return null;
+  return /* @__PURE__ */ jsx28("div", { className: "space-y-1", children: errors.map((err, i) => /* @__PURE__ */ jsxs17("p", { className: "text-xs text-destructive", children: [
+    err.path.length > 0 && /* @__PURE__ */ jsxs17("span", { className: "font-mono text-destructive/70", children: [
+      err.path.join("."),
+      " "
+    ] }),
+    err.message
+  ] }, i)) });
+}
+
+// src/components/common/ThemeToggle.tsx
+import { Moon, Sun, Monitor } from "lucide-react";
+import { jsx as jsx29 } from "react/jsx-runtime";
+var icons = {
+  light: Sun,
+  dark: Moon,
+  system: Monitor
+};
+var next = {
+  light: "dark",
+  dark: "system",
+  system: "light"
+};
+function ThemeToggle({ theme, onToggle }) {
+  const Icon = icons[theme];
+  return /* @__PURE__ */ jsx29(
+    Button,
+    {
+      variant: "ghost",
+      size: "icon",
+      onClick: () => onToggle(next[theme]),
+      "aria-label": `Switch to ${next[theme]} theme`,
+      children: /* @__PURE__ */ jsx29(Icon, { className: "h-4 w-4" })
+    }
+  );
+}
+
+// src/components/common/ErrorBoundary.tsx
+import { Component } from "react";
+import { jsx as jsx30, jsxs as jsxs18 } from "react/jsx-runtime";
+function defaultOnError(error, info) {
+  console.error("ErrorBoundary caught an error:", error, info);
+}
+var ErrorBoundary = class extends Component {
+  constructor(props) {
+    super(props);
+    this.state = { error: null };
+  }
+  static getDerivedStateFromError(error) {
+    return { error };
+  }
+  componentDidCatch(error, info) {
+    const onError = this.props.onError ?? defaultOnError;
+    onError(error, info);
+  }
+  handleRetry = () => {
+    this.setState({ error: null });
+  };
+  render() {
+    if (this.state.error) {
+      if (this.props.fallback) {
+        return this.props.fallback;
+      }
+      return /* @__PURE__ */ jsxs18(
+        "div",
+        {
+          role: "alert",
+          className: "flex flex-col items-center justify-center gap-3 p-6 text-center",
+          children: [
+            /* @__PURE__ */ jsx30("p", { className: "text-sm font-medium text-destructive", children: "Something went wrong" }),
+            /* @__PURE__ */ jsx30("p", { className: "text-xs text-muted-foreground", children: this.state.error.message }),
+            /* @__PURE__ */ jsx30(
+              "button",
+              {
+                type: "button",
+                className: "rounded-md border border-border bg-background px-3 py-1.5 text-sm font-medium hover:bg-accent",
+                onClick: this.handleRetry,
+                children: "Try again"
+              }
+            )
+          ]
+        }
+      );
+    }
+    return this.props.children;
+  }
+};
+
+// src/components/ui/alert-dialog.tsx
+import { AlertDialog as AlertDialogPrimitive } from "radix-ui";
+import { jsx as jsx31, jsxs as jsxs19 } from "react/jsx-runtime";
+function AlertDialog({ ...props }) {
+  return /* @__PURE__ */ jsx31(AlertDialogPrimitive.Root, { "data-slot": "alert-dialog", ...props });
+}
+function AlertDialogTrigger({
+  ...props
+}) {
+  return /* @__PURE__ */ jsx31(AlertDialogPrimitive.Trigger, { "data-slot": "alert-dialog-trigger", ...props });
+}
+function AlertDialogPortal({ ...props }) {
+  return /* @__PURE__ */ jsx31(AlertDialogPrimitive.Portal, { "data-slot": "alert-dialog-portal", ...props });
+}
+function AlertDialogOverlay({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx31(
+    AlertDialogPrimitive.Overlay,
+    {
+      "data-slot": "alert-dialog-overlay",
+      className: cn(
+        "fixed inset-0 z-50 bg-black/50 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:animate-in data-[state=open]:fade-in-0",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function AlertDialogContent({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxs19(AlertDialogPortal, { children: [
+    /* @__PURE__ */ jsx31(AlertDialogOverlay, {}),
+    /* @__PURE__ */ jsx31(
+      AlertDialogPrimitive.Content,
+      {
+        "data-slot": "alert-dialog-content",
+        className: cn(
+          "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 bg-background p-6 shadow-lg duration-200 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95 sm:max-w-lg",
+          className
+        ),
+        ...props
+      }
+    )
+  ] });
+}
+function AlertDialogHeader({ className, ...props }) {
+  return /* @__PURE__ */ jsx31(
+    "div",
+    {
+      "data-slot": "alert-dialog-header",
+      className: cn("flex flex-col gap-2 text-center sm:text-left", className),
+      ...props
+    }
+  );
+}
+function AlertDialogFooter({ className, ...props }) {
+  return /* @__PURE__ */ jsx31(
+    "div",
+    {
+      "data-slot": "alert-dialog-footer",
+      className: cn("flex flex-col-reverse gap-2 sm:flex-row sm:justify-end", className),
+      ...props
+    }
+  );
+}
+function AlertDialogTitle({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx31(
+    AlertDialogPrimitive.Title,
+    {
+      "data-slot": "alert-dialog-title",
+      className: cn("text-lg font-semibold", className),
+      ...props
+    }
+  );
+}
+function AlertDialogDescription({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx31(
+    AlertDialogPrimitive.Description,
+    {
+      "data-slot": "alert-dialog-description",
+      className: cn("text-sm text-muted-foreground", className),
+      ...props
+    }
+  );
+}
+function AlertDialogAction({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx31(AlertDialogPrimitive.Action, { className: cn(buttonVariants(), className), ...props });
+}
+function AlertDialogCancel({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx31(
+    AlertDialogPrimitive.Cancel,
+    {
+      className: cn(buttonVariants({ variant: "outline" }), className),
+      ...props
+    }
+  );
+}
+
+// src/components/common/ConfirmDialog.tsx
+import { jsx as jsx32, jsxs as jsxs20 } from "react/jsx-runtime";
+function ConfirmDialog({
+  title,
+  description,
+  actionLabel,
+  onConfirm,
+  open,
+  onOpenChange,
+  children
+}) {
+  return /* @__PURE__ */ jsxs20(AlertDialog, { open, onOpenChange, children: [
+    /* @__PURE__ */ jsx32(AlertDialogTrigger, { asChild: true, children }),
+    /* @__PURE__ */ jsxs20(AlertDialogContent, { children: [
+      /* @__PURE__ */ jsxs20(AlertDialogHeader, { children: [
+        /* @__PURE__ */ jsx32(AlertDialogTitle, { children: title }),
+        /* @__PURE__ */ jsx32(AlertDialogDescription, { children: description })
+      ] }),
+      /* @__PURE__ */ jsxs20(AlertDialogFooter, { children: [
+        /* @__PURE__ */ jsx32(AlertDialogCancel, { children: "Cancel" }),
+        /* @__PURE__ */ jsx32(
+          AlertDialogAction,
+          {
+            className: "bg-destructive text-destructive-foreground hover:bg-destructive/90",
+            onClick: onConfirm,
+            children: actionLabel
+          }
+        )
+      ] })
+    ] })
+  ] });
+}
+
+// src/components/condition-builder/ConditionBuilder.tsx
+import { Fragment as Fragment5 } from "react";
+
+// src/components/condition-builder/ConditionBlock.tsx
+import { memo as memo2 } from "react";
+import { isAndCondition, isOrCondition } from "showwhat";
+import { X as X2 } from "lucide-react";
+
+// src/components/condition-builder/CustomConditionEditor.tsx
+import { useCallback as useCallback8, useRef as useRef3, useState as useState5 } from "react";
+import { jsx as jsx33, jsxs as jsxs21 } from "react/jsx-runtime";
+function extractArgs(condition) {
+  return Object.fromEntries(Object.entries(condition).filter(([k]) => k !== "type" && k !== "id"));
+}
+function argsToText(args) {
+  if (Object.keys(args).length === 0) return "";
+  return JSON.stringify(args, null, 2);
+}
+function CustomConditionEditor({ condition, onChange }) {
+  const rec = condition;
+  const [text, setText] = useState5(() => argsToText(extractArgs(rec)));
+  const [jsonError, setJsonError] = useState5(null);
+  const focusedRef = useRef3(false);
+  const prevConditionRef = useRef3(condition);
+  if (prevConditionRef.current !== condition) {
+    prevConditionRef.current = condition;
+    if (!focusedRef.current) {
+      const derived = argsToText(extractArgs(rec));
+      if (derived !== text) {
+        setText(derived);
+        setJsonError(null);
+      }
+    }
+  }
+  const handleArgsBlur = useCallback8(() => {
+    focusedRef.current = false;
+    const trimmed = text.trim();
+    if (trimmed === "") {
+      setJsonError(null);
+      onChange({ type: rec.type, ...rec.id ? { id: rec.id } : {} });
+      return;
+    }
+    try {
+      const parsed = JSON.parse(trimmed);
+      if (typeof parsed !== "object" || parsed === null || Array.isArray(parsed)) {
+        setJsonError("Args must be a JSON object");
+        return;
+      }
+      setJsonError(null);
+      onChange({
+        type: rec.type,
+        ...rec.id ? { id: rec.id } : {},
+        ...parsed
+      });
+    } catch {
+      setJsonError("Invalid JSON");
+    }
+  }, [text, rec.type, rec.id, onChange]);
+  const handleTypeChange = useCallback8(
+    (e) => {
+      onChange({ ...rec, type: e.target.value });
+    },
+    [rec, onChange]
+  );
+  return /* @__PURE__ */ jsxs21("div", { className: "flex-1 space-y-2", children: [
+    /* @__PURE__ */ jsxs21("div", { className: "space-y-1", children: [
+      /* @__PURE__ */ jsx33(Label, { className: "text-xs text-muted-foreground", children: "Type" }),
+      /* @__PURE__ */ jsx33(
+        Input,
+        {
+          className: "h-8 font-mono text-sm",
+          value: String(rec.type ?? ""),
+          placeholder: "e.g. geoLocation, percentage",
+          onChange: handleTypeChange
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsxs21("div", { className: "space-y-1", children: [
+      /* @__PURE__ */ jsx33(Label, { className: "text-xs text-muted-foreground", children: "Args" }),
+      /* @__PURE__ */ jsx33(
+        Textarea,
+        {
+          className: "font-mono text-sm",
+          rows: 3,
+          value: text,
+          placeholder: 'e.g. {"region": "us-east", "threshold": 50} (optional)',
+          onChange: (e) => {
+            setText(e.target.value);
+            setJsonError(null);
+          },
+          onFocus: () => {
+            focusedRef.current = true;
+          },
+          onBlur: handleArgsBlur
+        }
+      ),
+      jsonError && /* @__PURE__ */ jsx33("p", { className: "mt-1 text-xs text-destructive", children: jsonError })
+    ] })
+  ] });
+}
+
+// src/components/condition-builder/ConditionExtensionsContext.tsx
+import { createContext, useContext } from "react";
+var ConditionExtensionsContext = createContext(null);
+var ConditionExtensionsProvider = ConditionExtensionsContext.Provider;
+function useConditionExtensions() {
+  return useContext(ConditionExtensionsContext);
+}
+
+// src/components/condition-builder/ConditionValueEditor.tsx
+import { jsx as jsx34 } from "react/jsx-runtime";
+function ConditionValueEditor({ condition, onChange }) {
+  const extensions = useConditionExtensions();
+  switch (condition.type) {
+    case "string":
+      return /* @__PURE__ */ jsx34(StringConditionEditor, { condition, onChange });
+    case "number":
+      return /* @__PURE__ */ jsx34(NumberConditionEditor, { condition, onChange });
+    case "datetime":
+      return /* @__PURE__ */ jsx34(DatetimeConditionEditor, { condition, onChange });
+    case "bool":
+      return /* @__PURE__ */ jsx34(BoolConditionEditor, { condition, onChange });
+    case "env":
+      return /* @__PURE__ */ jsx34(EnvConditionEditor, { condition, onChange });
+    case "startAt":
+      return /* @__PURE__ */ jsx34(StartAtConditionEditor, { condition, onChange });
+    case "endAt":
+      return /* @__PURE__ */ jsx34(EndAtConditionEditor, { condition, onChange });
+    default: {
+      const OverrideEditor = extensions?.editorOverrides.get(condition.type);
+      if (OverrideEditor) {
+        return /* @__PURE__ */ jsx34(OverrideEditor, { condition, onChange });
+      }
+      return /* @__PURE__ */ jsx34(CustomConditionEditor, { condition, onChange });
+    }
+  }
+}
+
+// src/components/condition-builder/ConditionGroup.tsx
+import { X } from "lucide-react";
+
+// src/components/condition-builder/AddConditionMenu.tsx
+import { Plus } from "lucide-react";
+
+// src/components/condition-builder/utils.ts
+function buildDefaultCondition(type, id, extraTypes) {
+  if (type === "and") {
+    return buildAndCondition([], id);
+  }
+  if (type === "or") {
+    return buildOrCondition([], id);
+  }
+  if (type === "__custom") {
+    return buildCustomCondition({ type: "", ...id ? { id } : {} });
+  }
+  const meta8 = BUILTIN_CONDITION_TYPES.find((m) => m.type === type) ?? extraTypes?.find((m) => m.type === type);
+  if (meta8) {
+    return buildCustomCondition({
+      ...meta8.defaults,
+      type: meta8.type,
+      ...id ? { id } : {}
+    });
+  }
+  return buildCustomCondition({ type: "", ...id ? { id } : {} });
+}
+
+// src/components/condition-builder/AddConditionMenu.tsx
+import { Fragment as Fragment2, jsx as jsx35, jsxs as jsxs22 } from "react/jsx-runtime";
+function AddConditionMenu({ onAdd }) {
+  const extensions = useConditionExtensions();
+  const extraTypes = extensions?.extraConditionTypes ?? [];
+  const primitives = BUILTIN_CONDITION_TYPES.filter(
+    (m) => ["string", "number", "datetime", "bool"].includes(m.type)
+  );
+  const sugar = BUILTIN_CONDITION_TYPES.filter((m) => ["env", "startAt", "endAt"].includes(m.type));
+  return /* @__PURE__ */ jsxs22(DropdownMenu, { children: [
+    /* @__PURE__ */ jsxs22(DropdownMenuTrigger, { className: "inline-flex shrink-0 items-center justify-center gap-1.5 rounded px-3 h-8 text-sm font-medium hover:bg-accent hover:text-accent-foreground dark:hover:bg-accent/50", children: [
+      /* @__PURE__ */ jsx35(Plus, { className: "mr-1 h-3.5 w-3.5" }),
+      "Add condition"
+    ] }),
+    /* @__PURE__ */ jsxs22(DropdownMenuContent, { align: "start", children: [
+      primitives.map((meta8) => /* @__PURE__ */ jsx35(DropdownMenuItem, { onSelect: () => onAdd(meta8.type), children: meta8.label }, meta8.type)),
+      /* @__PURE__ */ jsx35(DropdownMenuSeparator, {}),
+      sugar.map((meta8) => /* @__PURE__ */ jsx35(DropdownMenuItem, { onSelect: () => onAdd(meta8.type), children: meta8.label }, meta8.type)),
+      extraTypes.length > 0 && /* @__PURE__ */ jsxs22(Fragment2, { children: [
+        /* @__PURE__ */ jsx35(DropdownMenuSeparator, {}),
+        extraTypes.map((meta8) => /* @__PURE__ */ jsx35(DropdownMenuItem, { onSelect: () => onAdd(meta8.type), children: meta8.label }, meta8.type))
+      ] }),
+      /* @__PURE__ */ jsx35(DropdownMenuSeparator, {}),
+      /* @__PURE__ */ jsx35(DropdownMenuItem, { onSelect: () => onAdd("and"), children: "AND Group" }),
+      /* @__PURE__ */ jsx35(DropdownMenuItem, { onSelect: () => onAdd("or"), children: "OR Group" }),
+      /* @__PURE__ */ jsx35(DropdownMenuSeparator, {}),
+      /* @__PURE__ */ jsx35(DropdownMenuItem, { onSelect: () => onAdd("__custom"), children: "Custom" })
+    ] })
+  ] });
+}
+
+// src/components/condition-builder/MoveButtons.tsx
+import { ChevronDown, ChevronUp } from "lucide-react";
+import { Fragment as Fragment3, jsx as jsx36, jsxs as jsxs23 } from "react/jsx-runtime";
+function MoveButtons({ onMoveUp, onMoveDown, size = "h-8 w-8" }) {
+  if (!onMoveUp && !onMoveDown) return null;
+  return /* @__PURE__ */ jsxs23(Fragment3, { children: [
+    /* @__PURE__ */ jsx36(
+      Button,
+      {
+        variant: "ghost",
+        size: "icon",
+        className: `${size} text-muted-foreground hover:text-foreground`,
+        disabled: !onMoveUp,
+        onClick: onMoveUp,
+        "aria-label": "Move up",
+        children: /* @__PURE__ */ jsx36(ChevronUp, { className: "h-3.5 w-3.5" })
+      }
+    ),
+    /* @__PURE__ */ jsx36(
+      Button,
+      {
+        variant: "ghost",
+        size: "icon",
+        className: `${size} text-muted-foreground hover:text-foreground`,
+        disabled: !onMoveDown,
+        onClick: onMoveDown,
+        "aria-label": "Move down",
+        children: /* @__PURE__ */ jsx36(ChevronDown, { className: "h-3.5 w-3.5" })
+      }
+    )
+  ] });
+}
+
+// src/utils/validation-errors.ts
+function filterErrorsByPath(errors, pathKey, index) {
+  if (!errors) return void 0;
+  const filtered = errors.filter((err) => err.path[0] === pathKey && err.path[1] === index);
+  if (filtered.length === 0) return void 0;
+  return filtered.map((err) => ({ ...err, path: err.path.slice(2) }));
+}
+
+// src/components/condition-builder/useConditionArray.ts
+import { useCallback as useCallback9, useMemo as useMemo8 } from "react";
+function useConditionArray(conditions, onChange) {
+  const extensions = useConditionExtensions();
+  const extraTypes = extensions?.extraConditionTypes;
+  const withIds = useMemo8(() => ensureIds(conditions), [conditions]);
+  const handleConditionChange = useCallback9(
+    (index, updated) => {
+      const next2 = [...withIds];
+      next2[index] = updated;
+      onChange(next2);
+    },
+    [withIds, onChange]
+  );
+  const handleConditionRemove = useCallback9(
+    (index) => {
+      onChange(withIds.filter((_, i) => i !== index));
+    },
+    [withIds, onChange]
+  );
+  const handleAddCondition = useCallback9(
+    (type) => {
+      const newCondition = buildDefaultCondition(
+        type,
+        `${AUTO_ID_PREFIX}${crypto.randomUUID()}`,
+        extraTypes
+      );
+      onChange([...withIds, newCondition]);
+    },
+    [withIds, onChange, extraTypes]
+  );
+  const handleMoveUp = useCallback9(
+    (index) => {
+      if (index <= 0) return;
+      const next2 = [...withIds];
+      [next2[index - 1], next2[index]] = [next2[index], next2[index - 1]];
+      onChange(next2);
+    },
+    [withIds, onChange]
+  );
+  const handleMoveDown = useCallback9(
+    (index) => {
+      if (index >= withIds.length - 1) return;
+      const next2 = [...withIds];
+      [next2[index], next2[index + 1]] = [next2[index + 1], next2[index]];
+      onChange(next2);
+    },
+    [withIds, onChange]
+  );
+  return {
+    conditions: withIds,
+    handleConditionChange,
+    handleConditionRemove,
+    handleMoveUp,
+    handleMoveDown,
+    handleAddCondition
+  };
+}
+
+// src/components/condition-builder/ConditionGroup.tsx
+import { Fragment as Fragment4, memo } from "react";
+import { jsx as jsx37, jsxs as jsxs24 } from "react/jsx-runtime";
+var ConditionGroup = memo(function ConditionGroup2({
+  type,
+  conditions: rawConditions,
+  onChange,
+  onRemove,
+  onMoveUp,
+  onMoveDown,
+  depth = 0,
+  errors
+}) {
+  const {
+    conditions,
+    handleConditionChange,
+    handleConditionRemove,
+    handleMoveUp,
+    handleMoveDown,
+    handleAddCondition
+  } = useConditionArray(rawConditions, onChange);
+  return /* @__PURE__ */ jsxs24(
+    "div",
+    {
+      className: cn(
+        "border-l-3 pl-3 pr-2 py-2 rounded-r-md",
+        type === "and" ? "border-primary/30" : "border-amber-500/30"
+      ),
+      style: {
+        backgroundColor: `oklch(from var(--color-muted) l c h / ${Math.min(0.2 + depth * 0.1, 0.5)})`
+      },
+      children: [
+        /* @__PURE__ */ jsxs24("div", { className: "mb-2 flex items-center gap-2", children: [
+          /* @__PURE__ */ jsxs24(
+            Badge,
+            {
+              variant: "outline",
+              className: "select-none font-mono text-xs bg-muted/50 text-muted-foreground border-border",
+              children: [
+                "L",
+                depth,
+                " | ",
+                type.toUpperCase()
+              ]
+            }
+          ),
+          /* @__PURE__ */ jsxs24("span", { className: "text-sm text-muted-foreground", children: [
+            conditions.length,
+            " condition",
+            conditions.length !== 1 ? "s" : ""
+          ] }),
+          /* @__PURE__ */ jsx37("div", { className: "flex-1" }),
+          /* @__PURE__ */ jsxs24("div", { className: "flex shrink-0 gap-0.5", children: [
+            /* @__PURE__ */ jsx37(MoveButtons, { onMoveUp, onMoveDown, size: "h-6 w-6" }),
+            /* @__PURE__ */ jsx37(
+              Button,
+              {
+                variant: "ghost",
+                size: "icon",
+                className: "h-6 w-6 text-destructive/60 hover:bg-destructive/10 hover:text-destructive",
+                "aria-label": "Remove condition group",
+                onClick: onRemove,
+                children: /* @__PURE__ */ jsx37(X, { className: "h-3.5 w-3.5" })
+              }
+            )
+          ] })
+        ] }),
+        /* @__PURE__ */ jsx37("div", { className: "space-y-1.5", children: conditions.map((c, i) => /* @__PURE__ */ jsxs24(Fragment4, { children: [
+          i > 0 && /* @__PURE__ */ jsx37("div", { className: "flex", children: /* @__PURE__ */ jsx37(
+            Badge,
+            {
+              variant: "outline",
+              className: cn(
+                "select-none font-mono text-xs",
+                type === "and" ? "bg-primary/10 text-primary border-primary/20" : "bg-amber-500/10 text-amber-600 border-amber-500/20 dark:text-amber-400"
+              ),
+              children: type.toUpperCase()
+            }
+          ) }),
+          /* @__PURE__ */ jsx37(
+            ConditionBlock,
+            {
+              condition: c,
+              onChange: (updated) => handleConditionChange(i, updated),
+              onRemove: () => handleConditionRemove(i),
+              onMoveUp: i > 0 ? () => handleMoveUp(i) : void 0,
+              onMoveDown: i < conditions.length - 1 ? () => handleMoveDown(i) : void 0,
+              depth: depth + 1,
+              errors: filterErrorsByPath(errors, "conditions", i)
+            }
+          )
+        ] }, c.id)) }),
+        /* @__PURE__ */ jsx37("div", { className: "mt-2", children: /* @__PURE__ */ jsx37(AddConditionMenu, { onAdd: handleAddCondition }) })
+      ]
+    }
+  );
+});
+
+// src/components/condition-builder/ConditionBlock.tsx
+import { jsx as jsx38, jsxs as jsxs25 } from "react/jsx-runtime";
+var GENERIC_ZOD_ERROR = "Invalid input";
+var ConditionBlock = memo2(function ConditionBlock2({
+  condition,
+  onChange,
+  onRemove,
+  onMoveUp,
+  onMoveDown,
+  depth = 0,
+  errors
+}) {
+  function handleChange(updated) {
+    onChange(updated);
+  }
+  if (isAndCondition(condition) || isOrCondition(condition)) {
+    return /* @__PURE__ */ jsx38(
+      ConditionGroup,
+      {
+        type: condition.type,
+        conditions: condition.conditions,
+        onChange: (conditions) => handleChange(
+          condition.type === "and" ? buildAndCondition(conditions, condition.id) : buildOrCondition(conditions, condition.id)
+        ),
+        onRemove,
+        onMoveUp,
+        onMoveDown,
+        depth,
+        errors
+      }
+    );
+  }
+  const extensions = useConditionExtensions();
+  const meta8 = getConditionMeta(condition.type) ?? extensions?.extraConditionTypes.find((m) => m.type === condition.type);
+  const label = meta8?.label ?? (condition.type || "Custom");
+  return /* @__PURE__ */ jsxs25("div", { className: "border border-border bg-card p-2 space-y-2", children: [
+    /* @__PURE__ */ jsxs25("div", { className: "flex items-center gap-2", children: [
+      /* @__PURE__ */ jsx38("span", { className: "flex h-8 shrink-0 items-center text-sm font-medium text-muted-foreground", children: label }),
+      /* @__PURE__ */ jsx38("div", { className: "flex-1" }),
+      /* @__PURE__ */ jsxs25("div", { className: "flex shrink-0 gap-0.5", children: [
+        /* @__PURE__ */ jsx38(MoveButtons, { onMoveUp, onMoveDown }),
+        /* @__PURE__ */ jsx38(
+          Button,
+          {
+            variant: "ghost",
+            size: "icon",
+            className: "h-8 w-8 text-destructive/60 hover:bg-destructive/10 hover:text-destructive",
+            onClick: onRemove,
+            "aria-label": "Remove condition",
+            children: /* @__PURE__ */ jsx38(X2, { className: "h-3.5 w-3.5" })
+          }
+        )
+      ] })
+    ] }),
+    /* @__PURE__ */ jsx38(ConditionValueEditor, { condition, onChange: handleChange }),
+    (errors?.length ?? 0) > 0 && /* @__PURE__ */ jsx38("div", { className: "space-y-0.5", children: errors.map((err, i) => {
+      const field = err.path.length > 0 ? err.path.join(".") : null;
+      const msg = err.message === GENERIC_ZOD_ERROR ? "Invalid condition \u2014 check required fields" : err.message;
+      return /* @__PURE__ */ jsxs25("p", { className: "text-xs text-destructive", children: [
+        field && /* @__PURE__ */ jsxs25("span", { className: "font-mono text-destructive/70", children: [
+          field,
+          ": "
+        ] }),
+        msg
+      ] }, i);
+    }) })
+  ] });
+});
+
+// src/components/condition-builder/ConditionBuilder.tsx
+import { jsx as jsx39, jsxs as jsxs26 } from "react/jsx-runtime";
+function ConditionBuilder({
+  conditions: rawConditions,
+  onChange,
+  validationErrors
+}) {
+  const {
+    conditions,
+    handleConditionChange,
+    handleConditionRemove,
+    handleMoveUp,
+    handleMoveDown,
+    handleAddCondition
+  } = useConditionArray(rawConditions, onChange);
+  return /* @__PURE__ */ jsx39(ErrorBoundary, { children: /* @__PURE__ */ jsxs26("div", { className: "space-y-1.5", children: [
+    conditions.length > 0 && /* @__PURE__ */ jsxs26("div", { className: "border-l-3 pl-3 py-2 bg-muted/20 rounded-r-md border-primary/30", children: [
+      /* @__PURE__ */ jsx39("div", { className: "mb-2 flex items-center gap-2", children: /* @__PURE__ */ jsxs26("span", { className: "text-sm text-muted-foreground", children: [
+        conditions.length,
+        " condition",
+        conditions.length !== 1 ? "s" : ""
+      ] }) }),
+      /* @__PURE__ */ jsx39("div", { className: "space-y-1.5", children: conditions.map((c, i) => /* @__PURE__ */ jsxs26(Fragment5, { children: [
+        i > 0 && /* @__PURE__ */ jsx39("div", { className: "flex", children: /* @__PURE__ */ jsx39(
+          Badge,
+          {
+            variant: "outline",
+            className: "select-none font-mono text-xs bg-primary/10 text-primary border-primary/20",
+            children: "AND"
+          }
+        ) }),
+        /* @__PURE__ */ jsx39(
+          ConditionBlock,
+          {
+            condition: c,
+            onChange: (updated) => handleConditionChange(i, updated),
+            onRemove: () => handleConditionRemove(i),
+            onMoveUp: i > 0 ? () => handleMoveUp(i) : void 0,
+            onMoveDown: i < conditions.length - 1 ? () => handleMoveDown(i) : void 0,
+            depth: 1,
+            errors: filterErrorsByPath(validationErrors, "conditions", i)
+          }
+        )
+      ] }, c.id)) })
+    ] }),
+    /* @__PURE__ */ jsx39(AddConditionMenu, { onAdd: handleAddCondition })
+  ] }) });
+}
+
+// src/components/variation-editor/VariationCard.tsx
+import { memo as memo3, useState as useState6 } from "react";
+import { Collapsible as CollapsiblePrimitive } from "radix-ui";
+import { ChevronRight, Eye, GripVertical, Trash2 } from "lucide-react";
+
+// src/utils/condition-summary.ts
+import { isAndCondition as isAndCondition2, isOrCondition as isOrCondition2 } from "showwhat";
+function formatLeafOperator(c) {
+  const opField = "op" in c ? String(c.op) : "";
+  const raw = "value" in c ? c.value : "";
+  const opSymbols = {
+    eq: "=",
+    neq: "!=",
+    in: "in",
+    nin: "not in",
+    regex: "~",
+    gt: ">",
+    gte: ">=",
+    lt: "<",
+    lte: "<="
+  };
+  const opSymbol = opSymbols[opField] ?? "=";
+  if (c.type === "string" || c.type === "env") {
+    const vals = Array.isArray(raw) ? raw.map(String) : [String(raw)];
+    if (opField === "regex") {
+      return { op: "~", val: vals.map((v) => `/${v}/`).join(", ") };
+    }
+    return { op: opSymbol, val: vals.map((v) => `"${v}"`).join(", ") };
+  }
+  if (c.type === "number") {
+    if (Array.isArray(raw)) {
+      return { op: opSymbol, val: raw.map(String).join(", ") };
+    }
+    return { op: opSymbol, val: String(raw) };
+  }
+  if (c.type === "bool") {
+    return { op: "=", val: String(raw) };
+  }
+  if (c.type === "datetime") {
+    return { op: opSymbol, val: `"${String(raw)}"` };
+  }
+  if (c.type === "startAt") return { op: ">=", val: `"${String(raw)}"` };
+  if (c.type === "endAt") return { op: "<", val: `"${String(raw)}"` };
+  const value = raw ? String(raw) : "";
+  return { op: "=", val: value ? `"${value}"` : "" };
+}
+function formatOne(c, indent) {
+  const prefix = "  ".repeat(indent);
+  if (isAndCondition2(c)) {
+    if (c.conditions.length === 0) return [`${prefix}(empty AND group)`];
+    const lines = [];
+    c.conditions.forEach((sub, i) => {
+      const subLines = formatOne(sub, indent + 1);
+      if (i > 0) lines.push(`${prefix}  AND`);
+      lines.push(...subLines);
+    });
+    return [`${prefix}(`, ...lines, `${prefix})`];
+  }
+  if (isOrCondition2(c)) {
+    if (c.conditions.length === 0) return [`${prefix}(empty OR group)`];
+    const lines = [];
+    c.conditions.forEach((sub, i) => {
+      const subLines = formatOne(sub, indent + 1);
+      if (i > 0) lines.push(`${prefix}  OR`);
+      lines.push(...subLines);
+    });
+    return [`${prefix}(`, ...lines, `${prefix})`];
+  }
+  const meta8 = getConditionMeta(c.type);
+  const label = meta8?.label ?? c.type;
+  const { op, val } = formatLeafOperator(c);
+  const key = "key" in c ? String(c.key) : "";
+  if (key && val) return [`${prefix}${key} ${op} ${val}`];
+  if (val) return [`${prefix}${label} ${op} ${val}`];
+  return [`${prefix}${label}`];
+}
+function formatConditionSummary(conditions) {
+  if (conditions.length === 0) return null;
+  const lines = [];
+  conditions.forEach((c, i) => {
+    if (i > 0) lines.push("  AND");
+    lines.push(...formatOne(c, 1));
+  });
+  return `When ${lines.join("\n").trimStart()}`;
+}
+
+// src/components/variation-editor/VariationCard.tsx
+import { jsx as jsx40, jsxs as jsxs27 } from "react/jsx-runtime";
+var VariationCard = memo3(function VariationCard2({
+  variation,
+  index,
+  validationErrors,
+  onChange,
+  onRemove,
+  dragHandleProps
+}) {
+  const [open, setOpen] = useState6(false);
+  const conditionCount = variation.conditions?.length ?? 0;
+  return /* @__PURE__ */ jsx40(CollapsiblePrimitive.Root, { open, onOpenChange: setOpen, children: /* @__PURE__ */ jsxs27("div", { className: "rounded-lg border border-border/50 bg-card transition-colors hover:border-primary/30", children: [
+    /* @__PURE__ */ jsxs27("div", { className: "flex items-center gap-2 px-3 py-2.5", children: [
+      /* @__PURE__ */ jsx40(
+        "button",
+        {
+          type: "button",
+          className: "cursor-grab touch-none text-muted-foreground/50 hover:text-muted-foreground",
+          "aria-label": "Drag to reorder",
+          ...dragHandleProps,
+          children: /* @__PURE__ */ jsx40(GripVertical, { className: "h-4 w-4" })
+        }
+      ),
+      /* @__PURE__ */ jsx40(CollapsiblePrimitive.Trigger, { asChild: true, children: /* @__PURE__ */ jsxs27(
+        "button",
+        {
+          type: "button",
+          className: "flex flex-1 items-center gap-2 text-left hover:cursor-pointer",
+          children: [
+            /* @__PURE__ */ jsx40(Badge, { variant: "secondary", className: "font-mono text-xs", children: index }),
+            /* @__PURE__ */ jsx40("span", { className: "flex-1 truncate text-sm text-muted-foreground", children: variation.description || String(variation.value ?? "") }),
+            conditionCount > 0 && /* @__PURE__ */ jsxs27("span", { className: "text-xs text-muted-foreground/60", children: [
+              conditionCount,
+              " ",
+              conditionCount === 1 ? "condition" : "conditions"
+            ] }),
+            /* @__PURE__ */ jsx40(
+              ChevronRight,
+              {
+                className: `h-4 w-4 text-muted-foreground/60 transition-transform ${open ? "rotate-90" : ""}`
+              }
+            )
+          ]
+        }
+      ) })
+    ] }),
+    /* @__PURE__ */ jsx40(CollapsiblePrimitive.Content, { children: /* @__PURE__ */ jsxs27("div", { className: "space-y-4 border-t border-border/40 px-4 py-4", children: [
+      /* @__PURE__ */ jsxs27("div", { className: "flex items-center justify-between", children: [
+        /* @__PURE__ */ jsx40(Label, { className: "text-xs font-medium uppercase tracking-wider text-muted-foreground", children: "Value" }),
+        /* @__PURE__ */ jsx40(
+          ConfirmDialog,
+          {
+            title: "Remove variation?",
+            description: `This will delete variation ${index} and all its conditions. This action cannot be undone.`,
+            actionLabel: "Remove",
+            onConfirm: onRemove,
+            children: /* @__PURE__ */ jsx40(
+              Button,
+              {
+                variant: "ghost",
+                size: "icon-xs",
+                className: "shrink-0 text-destructive/60 hover:bg-destructive/10 hover:text-destructive",
+                "aria-label": "Remove variation",
+                children: /* @__PURE__ */ jsx40(Trash2, { className: "h-3.5 w-3.5" })
+              }
+            )
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsx40("div", { children: /* @__PURE__ */ jsx40(
+        ValueInput,
+        {
+          value: variation.value,
+          onChange: (value) => onChange({ ...variation, value })
+        }
+      ) }),
+      /* @__PURE__ */ jsx40(
+        "input",
+        {
+          className: "w-full border-none bg-transparent text-sm text-muted-foreground placeholder:text-muted-foreground/50 focus:text-foreground focus:outline-none",
+          value: variation.description ?? "",
+          placeholder: "Add a description (optional)...",
+          onChange: (e) => onChange({
+            ...variation,
+            description: e.target.value || void 0
+          })
+        }
+      ),
+      /* @__PURE__ */ jsx40("div", { className: "border-t border-border/40 pt-4", children: /* @__PURE__ */ jsxs27("div", { className: "rounded-lg border border-border/40 bg-muted/30 p-3", children: [
+        /* @__PURE__ */ jsxs27("div", { className: "mb-1.5 flex items-center gap-1.5", children: [
+          /* @__PURE__ */ jsx40(Label, { className: "text-sm font-medium", children: "Conditions" }),
+          conditionCount > 0 && /* @__PURE__ */ jsxs27(Dialog, { children: [
+            /* @__PURE__ */ jsx40(DialogTrigger, { asChild: true, children: /* @__PURE__ */ jsx40(
+              "button",
+              {
+                type: "button",
+                className: "inline-flex items-center justify-center rounded p-0.5 text-muted-foreground/60 hover:text-muted-foreground",
+                children: /* @__PURE__ */ jsx40(Eye, { className: "h-3.5 w-3.5" })
+              }
+            ) }),
+            /* @__PURE__ */ jsxs27(DialogContent, { children: [
+              /* @__PURE__ */ jsxs27(DialogHeader, { children: [
+                /* @__PURE__ */ jsx40(DialogTitle, { children: "Condition Summary" }),
+                /* @__PURE__ */ jsx40(DialogDescription, { children: "Evaluation logic for this variation" })
+              ] }),
+              /* @__PURE__ */ jsx40("pre", { className: "rounded-md bg-muted p-4 font-mono text-xs whitespace-pre overflow-auto max-h-80", children: formatConditionSummary(variation.conditions ?? []) })
+            ] })
+          ] })
+        ] }),
+        /* @__PURE__ */ jsx40(
+          ConditionBuilder,
+          {
+            conditions: variation.conditions ?? [],
+            onChange: (conditions) => onChange({
+              ...variation,
+              conditions: conditions.length > 0 ? conditions : void 0
+            }),
+            validationErrors
+          }
+        )
+      ] }) }),
+      /* @__PURE__ */ jsx40(
+        ValidationMessage,
+        {
+          errors: validationErrors?.filter((err) => err.path[0] !== "conditions")
+        }
+      )
+    ] }) })
+  ] }) });
+});
+
+// src/components/variation-editor/VariationList.tsx
+import { useCallback as useCallback10, useMemo as useMemo9 } from "react";
+import {
+  DndContext,
+  closestCenter,
+  KeyboardSensor,
+  PointerSensor,
+  useSensor,
+  useSensors
+} from "@dnd-kit/core";
+import {
+  SortableContext,
+  verticalListSortingStrategy,
+  useSortable,
+  arrayMove
+} from "@dnd-kit/sortable";
+import { CSS } from "@dnd-kit/utilities";
+import { jsx as jsx41 } from "react/jsx-runtime";
+function SortableVariation({
+  id,
+  variation,
+  index,
+  validationErrors,
+  onChange,
+  onRemove
+}) {
+  const {
+    attributes,
+    listeners,
+    setNodeRef,
+    setActivatorNodeRef,
+    transform,
+    transition,
+    isDragging
+  } = useSortable({ id });
+  const style = {
+    transform: CSS.Transform.toString(transform),
+    transition,
+    opacity: isDragging ? 0.5 : 1
+  };
+  return /* @__PURE__ */ jsx41(
+    "div",
+    {
+      ref: setNodeRef,
+      style: {
+        ...style,
+        animationDelay: `${index * 50}ms`
+      },
+      className: "animate-fade-up",
+      children: /* @__PURE__ */ jsx41(
+        VariationCard,
+        {
+          variation,
+          index,
+          validationErrors,
+          onChange,
+          onRemove,
+          dragHandleProps: { ref: setActivatorNodeRef, ...listeners, ...attributes }
+        }
+      )
+    }
+  );
+}
+function VariationList({
+  variations: rawVariations,
+  validationErrors,
+  onChange
+}) {
+  const sensors = useSensors(
+    useSensor(PointerSensor, { activationConstraint: { distance: 8 } }),
+    useSensor(KeyboardSensor)
+  );
+  const variations = useMemo9(() => ensureIds(rawVariations), [rawVariations]);
+  const sortableIds = useMemo9(() => variations.map((v) => v.id), [variations]);
+  const handleDragEnd = useCallback10(
+    (event) => {
+      const { active, over } = event;
+      if (!over || active.id === over.id) return;
+      const oldIndex = sortableIds.indexOf(String(active.id));
+      const newIndex = sortableIds.indexOf(String(over.id));
+      if (oldIndex === -1 || newIndex === -1) return;
+      onChange(arrayMove(variations, oldIndex, newIndex));
+    },
+    [sortableIds, variations, onChange]
+  );
+  const handleVariationChange = useCallback10(
+    (index, updated) => {
+      const next2 = [...variations];
+      next2[index] = updated;
+      onChange(next2);
+    },
+    [variations, onChange]
+  );
+  const handleRemove = useCallback10(
+    (index) => {
+      onChange(variations.filter((_, i) => i !== index));
+    },
+    [variations, onChange]
+  );
+  return /* @__PURE__ */ jsx41("div", { className: "space-y-3", children: /* @__PURE__ */ jsx41(DndContext, { sensors, collisionDetection: closestCenter, onDragEnd: handleDragEnd, children: /* @__PURE__ */ jsx41(SortableContext, { items: sortableIds, strategy: verticalListSortingStrategy, children: variations.map((v, i) => /* @__PURE__ */ jsx41(
+    SortableVariation,
+    {
+      id: v.id,
+      variation: v,
+      index: i,
+      validationErrors: filterErrorsByPath(validationErrors, "variations", i),
+      onChange: (updated) => handleVariationChange(i, updated),
+      onRemove: () => handleRemove(i)
+    },
+    v.id
+  )) }) }) });
+}
+
+// src/components/definition-editor/DefinitionEditor.tsx
+import { useRef as useRef4, useState as useState7 } from "react";
+import { AlertTriangle, Plus as Plus2, Save, Undo2 } from "lucide-react";
+import { jsx as jsx42, jsxs as jsxs28 } from "react/jsx-runtime";
+function DefinitionEditor({
+  definitionKey,
+  definition,
+  validationErrors,
+  isDirty,
+  isPending,
+  onUpdate,
+  onRename,
+  onSave,
+  onDiscard
+}) {
+  const [editingKey, setEditingKey] = useState7(false);
+  const [keyDraft, setKeyDraft] = useState7(definitionKey);
+  const prevKeyRef = useRef4(definitionKey);
+  if (prevKeyRef.current !== definitionKey) {
+    prevKeyRef.current = definitionKey;
+    setKeyDraft(definitionKey);
+  }
+  async function handleKeySubmit() {
+    const trimmed = keyDraft.trim();
+    if (trimmed && trimmed !== definitionKey) {
+      try {
+        await onRename(trimmed);
+        setEditingKey(false);
+      } catch {
+      }
+    } else {
+      setKeyDraft(definitionKey);
+      setEditingKey(false);
+    }
+  }
+  function handleAddVariation() {
+    onUpdate({
+      ...definition,
+      variations: [...definition.variations, { id: crypto.randomUUID(), value: "" }]
+    });
+  }
+  const errorCount = validationErrors?.length ?? 0;
+  return /* @__PURE__ */ jsxs28("div", { className: "flex h-full flex-col overflow-hidden", children: [
+    /* @__PURE__ */ jsxs28("div", { className: "flex shrink-0 items-center justify-end gap-2 border-b border-border bg-muted/30 px-4 py-2", children: [
+      /* @__PURE__ */ jsxs28(
+        Button,
+        {
+          variant: isDirty ? "default" : "ghost",
+          size: "sm",
+          disabled: !isDirty || isPending,
+          onClick: onSave,
+          children: [
+            /* @__PURE__ */ jsx42(Save, { className: "mr-1.5 h-4 w-4" }),
+            "Save"
+          ]
+        }
+      ),
+      onDiscard ? /* @__PURE__ */ jsx42(
+        ConfirmDialog,
+        {
+          title: "Discard changes?",
+          description: "This will revert all unsaved changes to this definition. This action cannot be undone.",
+          actionLabel: "Discard",
+          onConfirm: onDiscard,
+          children: /* @__PURE__ */ jsxs28(Button, { variant: "ghost", size: "sm", disabled: !isDirty || isPending, children: [
+            /* @__PURE__ */ jsx42(Undo2, { className: "mr-1.5 h-4 w-4" }),
+            "Discard"
+          ] })
+        }
+      ) : /* @__PURE__ */ jsxs28(Button, { variant: "ghost", size: "sm", disabled: true, children: [
+        /* @__PURE__ */ jsx42(Undo2, { className: "mr-1.5 h-4 w-4" }),
+        "Discard"
+      ] })
+    ] }),
+    errorCount > 0 && /* @__PURE__ */ jsx42("div", { className: "shrink-0 border-b border-destructive/30 bg-destructive/10 px-4 py-2", children: /* @__PURE__ */ jsxs28("p", { className: "flex items-center gap-1.5 text-xs font-medium text-destructive", children: [
+      /* @__PURE__ */ jsx42(AlertTriangle, { className: "h-3.5 w-3.5" }),
+      errorCount,
+      " validation error",
+      errorCount !== 1 ? "s" : "",
+      " \u2014 fix the highlighted fields below"
+    ] }) }),
+    /* @__PURE__ */ jsx42("div", { className: "shrink-0 border-b border-border/50 mx-auto w-full max-w-3xl px-8 pt-8 pb-4 space-y-3", children: /* @__PURE__ */ jsxs28("div", { className: "space-y-3", children: [
+      /* @__PURE__ */ jsxs28("div", { className: "flex items-start justify-between gap-4", children: [
+        /* @__PURE__ */ jsx42("div", { className: "flex-1", children: editingKey ? /* @__PURE__ */ jsx42(
+          Input,
+          {
+            className: "h-auto border-none bg-transparent px-0 font-mono text-2xl font-semibold shadow-none focus-visible:ring-0",
+            value: keyDraft,
+            autoFocus: true,
+            onChange: (e) => setKeyDraft(e.target.value),
+            onBlur: handleKeySubmit,
+            onKeyDown: (e) => {
+              if (e.key === "Enter") handleKeySubmit();
+              if (e.key === "Escape") {
+                setKeyDraft(definitionKey);
+                setEditingKey(false);
+              }
+            }
+          }
+        ) : /* @__PURE__ */ jsx42(
+          "button",
+          {
+            type: "button",
+            className: "block w-full rounded px-0 py-0 text-left font-mono text-2xl font-semibold hover:text-foreground/70",
+            "aria-label": "Rename definition key",
+            onClick: () => {
+              setKeyDraft(definitionKey);
+              setEditingKey(true);
+            },
+            children: definitionKey
+          }
+        ) }),
+        /* @__PURE__ */ jsxs28("div", { className: "flex shrink-0 items-center gap-2 pt-1.5", children: [
+          /* @__PURE__ */ jsx42(Label, { htmlFor: "definition-active", className: "text-xs text-muted-foreground", children: "Active" }),
+          /* @__PURE__ */ jsx42(
+            Switch,
+            {
+              id: "definition-active",
+              checked: definition.active !== false,
+              onCheckedChange: (checked) => onUpdate({
+                ...definition,
+                active: checked ? void 0 : false
+              })
+            }
+          )
+        ] })
+      ] }),
+      /* @__PURE__ */ jsx42(
+        "input",
+        {
+          className: "w-full border-none bg-transparent text-sm text-muted-foreground placeholder:text-muted-foreground/50 focus:text-foreground focus:outline-none",
+          value: definition.description ?? "",
+          placeholder: "Add a description (optional)...",
+          "aria-label": "Definition description",
+          onChange: (e) => onUpdate({
+            ...definition,
+            description: e.target.value || void 0
+          })
+        }
+      )
+    ] }) }),
+    /* @__PURE__ */ jsx42("div", { className: "min-h-0 flex-1 overflow-auto", children: /* @__PURE__ */ jsx42("div", { className: "mx-auto w-full max-w-3xl px-8 py-8 space-y-4", children: /* @__PURE__ */ jsxs28("div", { className: "space-y-4", children: [
+      /* @__PURE__ */ jsxs28("div", { className: "flex items-center justify-between", children: [
+        /* @__PURE__ */ jsx42("span", { className: "text-xs font-medium uppercase tracking-wider text-muted-foreground", children: "Variations" }),
+        /* @__PURE__ */ jsxs28(
+          Button,
+          {
+            variant: "ghost",
+            size: "sm",
+            className: "h-7 text-xs text-muted-foreground",
+            onClick: handleAddVariation,
+            children: [
+              /* @__PURE__ */ jsx42(Plus2, { className: "mr-1 h-3 w-3" }),
+              "Add"
+            ]
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsx42(
+        VariationList,
+        {
+          variations: definition.variations,
+          validationErrors,
+          onChange: (variations) => onUpdate({ ...definition, variations })
+        }
+      ),
+      definition.variations.length > 2 && /* @__PURE__ */ jsxs28(
+        "button",
+        {
+          type: "button",
+          className: "flex w-full items-center justify-center gap-1.5 rounded-lg border border-dashed border-border/60 py-2.5 text-xs text-muted-foreground hover:border-border hover:text-foreground",
+          onClick: handleAddVariation,
+          children: [
+            /* @__PURE__ */ jsx42(Plus2, { className: "h-3 w-3" }),
+            "Add variation"
+          ]
+        }
+      )
+    ] }) }) })
+  ] });
+}
+
+// src/components/definition-list/DefinitionList.tsx
+import { useState as useState9 } from "react";
+import { Plus as Plus3, Search, X as X3 } from "lucide-react";
+
+// src/components/definition-list/DefinitionListItem.tsx
+import { memo as memo4, useState as useState8 } from "react";
+import { Trash2 as Trash22 } from "lucide-react";
+import { Fragment as Fragment6, jsx as jsx43, jsxs as jsxs29 } from "react/jsx-runtime";
+var DefinitionListItem = memo4(function DefinitionListItem2({
+  definitionKey,
+  variationCount,
+  isActive,
+  hasErrors,
+  isSelected,
+  isDirty,
+  onSelect,
+  onRemove
+}) {
+  const [confirmOpen, setConfirmOpen] = useState8(false);
+  return /* @__PURE__ */ jsxs29(
+    "div",
+    {
+      tabIndex: 0,
+      className: cn(
+        "group flex w-full items-center gap-2 rounded border-l-2 px-3 py-2.5 text-left text-sm transition-colors cursor-pointer",
+        isSelected ? "border-l-primary bg-accent text-accent-foreground" : "border-l-transparent hover:bg-muted"
+      ),
+      onClick: onSelect,
+      onKeyDown: (e) => {
+        if (e.key === "Enter" || e.key === " ") {
+          e.preventDefault();
+          onSelect();
+        }
+      },
+      children: [
+        /* @__PURE__ */ jsx43(
+          "span",
+          {
+            role: "status",
+            "aria-label": `${definitionKey} is ${hasErrors ? "error" : isActive ? "active" : "inactive"}${isDirty ? ", unsaved changes" : ""}`,
+            className: cn(
+              "h-2 w-2 shrink-0 rounded-full border-[1.5px]",
+              hasErrors ? isDirty ? "border-status-error bg-transparent" : "border-status-error bg-status-error" : isActive ? isDirty ? "border-status-active bg-transparent" : "border-status-active bg-status-active" : isDirty ? "border-status-inactive bg-transparent" : "border-status-inactive bg-status-inactive"
+            )
+          }
+        ),
+        /* @__PURE__ */ jsx43("span", { className: "flex-1 truncate font-mono text-sm", children: definitionKey }),
+        /* @__PURE__ */ jsx43(Badge, { variant: "secondary", className: "text-xs tabular-nums", children: variationCount }),
+        /* @__PURE__ */ jsx43(
+          ConfirmDialog,
+          {
+            open: confirmOpen,
+            onOpenChange: setConfirmOpen,
+            title: "Delete definition?",
+            description: /* @__PURE__ */ jsxs29(Fragment6, { children: [
+              "This will permanently delete ",
+              /* @__PURE__ */ jsx43("strong", { className: "font-mono", children: definitionKey }),
+              " and all its variations. This action cannot be undone."
+            ] }),
+            actionLabel: "Delete",
+            onConfirm: onRemove,
+            children: /* @__PURE__ */ jsx43(
+              Button,
+              {
+                variant: "ghost",
+                size: "icon-xs",
+                className: "text-destructive/60 opacity-0 hover:bg-destructive/10 hover:text-destructive group-hover:opacity-100",
+                "aria-label": `Remove ${definitionKey}`,
+                onClick: (e) => {
+                  e.stopPropagation();
+                  setConfirmOpen(true);
+                },
+                children: /* @__PURE__ */ jsx43(Trash22, { className: "h-3.5 w-3.5" })
+              }
+            )
+          }
+        )
+      ]
+    }
+  );
+});
+
+// src/components/definition-list/DefinitionList.tsx
+import { jsx as jsx44, jsxs as jsxs30 } from "react/jsx-runtime";
+function DefinitionList({
+  definitions,
+  selectedKey,
+  validationErrors,
+  dirtyKeys,
+  onSelect,
+  onAdd,
+  onRemove
+}) {
+  const [search, setSearch] = useState9("");
+  const [adding, setAdding] = useState9(false);
+  const [newKey, setNewKey] = useState9("");
+  const keys = Object.keys(definitions).filter(
+    (k) => k.toLowerCase().includes(search.toLowerCase())
+  );
+  async function handleAdd() {
+    const trimmed = newKey.trim();
+    if (trimmed && !(trimmed in definitions)) {
+      try {
+        await onAdd(trimmed);
+        setNewKey("");
+        setAdding(false);
+      } catch {
+      }
+    }
+  }
+  return /* @__PURE__ */ jsxs30("div", { className: "flex h-full flex-col", children: [
+    /* @__PURE__ */ jsx44("div", { className: "p-3", children: /* @__PURE__ */ jsxs30("div", { className: "relative", children: [
+      /* @__PURE__ */ jsx44(Search, { className: "absolute left-2.5 top-1/2 h-4 w-4 -translate-y-1/2 text-muted-foreground" }),
+      /* @__PURE__ */ jsx44(
+        Input,
+        {
+          className: "h-9 pl-8 text-sm",
+          placeholder: "Search definitions...",
+          value: search,
+          onChange: (e) => setSearch(e.target.value)
+        }
+      )
+    ] }) }),
+    /* @__PURE__ */ jsx44(ScrollArea, { className: "flex-1", children: /* @__PURE__ */ jsxs30("div", { className: "px-2", children: [
+      keys.map((key) => /* @__PURE__ */ jsx44(
+        DefinitionListItem,
+        {
+          definitionKey: key,
+          variationCount: definitions[key].variations.length,
+          isActive: definitions[key].active !== false,
+          hasErrors: !!(validationErrors?.[key] && validationErrors[key].length > 0),
+          isDirty: dirtyKeys?.includes(key),
+          isSelected: key === selectedKey,
+          onSelect: () => onSelect(key),
+          onRemove: () => onRemove(key)
+        },
+        key
+      )),
+      keys.length === 0 && /* @__PURE__ */ jsx44("p", { className: "px-3 py-8 text-center text-sm text-muted-foreground", children: search ? "No definitions match" : "No definitions" })
+    ] }) }),
+    /* @__PURE__ */ jsx44("div", { className: "border-t border-border p-3", children: adding ? /* @__PURE__ */ jsxs30("div", { className: "space-y-2", children: [
+      /* @__PURE__ */ jsx44(
+        Input,
+        {
+          className: "h-9 w-full font-mono text-sm",
+          placeholder: "definition-key",
+          value: newKey,
+          autoFocus: true,
+          onChange: (e) => setNewKey(e.target.value),
+          onKeyDown: (e) => {
+            if (e.key === "Enter") handleAdd();
+            if (e.key === "Escape") setAdding(false);
+          }
+        }
+      ),
+      /* @__PURE__ */ jsxs30("div", { className: "flex gap-2", children: [
+        /* @__PURE__ */ jsx44(Button, { size: "sm", className: "h-8 flex-1", onClick: handleAdd, children: "Save" }),
+        /* @__PURE__ */ jsx44(
+          Button,
+          {
+            variant: "ghost",
+            size: "sm",
+            className: "h-8",
+            "aria-label": "Cancel adding definition",
+            onClick: () => {
+              setAdding(false);
+              setNewKey("");
+            },
+            children: /* @__PURE__ */ jsx44(X3, { className: "h-4 w-4" })
+          }
+        )
+      ] })
+    ] }) : /* @__PURE__ */ jsxs30(
+      Button,
+      {
+        variant: "outline",
+        size: "sm",
+        className: "h-9 w-full",
+        "aria-label": "Add new definition",
+        onClick: () => setAdding(true),
+        children: [
+          /* @__PURE__ */ jsx44(Plus3, { className: "mr-1.5 h-4 w-4" }),
+          "New definition"
+        ]
+      }
+    ) })
+  ] });
+}
+
+// src/components/condition-builder/preset-ui.tsx
+import { useCallback as useCallback11, useMemo as useMemo10 } from "react";
+import { PRIMITIVE_TYPES } from "showwhat";
+import { jsx as jsx45, jsxs as jsxs31 } from "react/jsx-runtime";
+var TYPE_DEFAULTS = {
+  string: { op: "eq", value: "" },
+  number: { op: "eq", value: 0 },
+  bool: { value: true },
+  datetime: { op: "eq", value: (/* @__PURE__ */ new Date()).toISOString() }
+};
+function capitalize(s) {
+  return s.charAt(0).toUpperCase() + s.slice(1);
+}
+function createPresetConditionMeta(presets) {
+  return Object.entries(presets).map(([name, preset]) => {
+    const isBuiltin = PRIMITIVE_TYPES.has(preset.type);
+    const description = isBuiltin ? `Match the ${preset.key} key (${preset.type})` : `Custom ${preset.type} condition`;
+    const baseDefaults = isBuiltin ? { ...TYPE_DEFAULTS[preset.type], key: preset.key } : {};
+    return {
+      type: name,
+      label: capitalize(name),
+      description,
+      defaults: { ...baseDefaults, ...preset.defaults, type: name }
+    };
+  });
+}
+function createPresetEditor(presetName, builtinType, presetKey) {
+  function PresetConditionEditor({ condition, onChange }) {
+    const rec = useMemo10(() => condition, [condition]);
+    const update = useCallback11(
+      (field, value) => {
+        onChange(
+          buildCustomCondition({ ...rec, [field]: value, key: presetKey, type: presetName })
+        );
+      },
+      [rec, onChange]
+    );
+    switch (builtinType) {
+      case "string": {
+        const op = rec.op;
+        const isArray = op === "in" || op === "nin";
+        const isRegex = op === "regex";
+        const handleOpChange = (newOp) => {
+          const isArrayOp = newOp === "in" || newOp === "nin";
+          const currentValue = rec.value;
+          const coercedValue = isArrayOp ? Array.isArray(currentValue) ? currentValue : currentValue ? [String(currentValue)] : [] : Array.isArray(currentValue) ? currentValue[0] ?? "" : currentValue;
+          onChange(
+            buildCustomCondition({
+              ...rec,
+              op: newOp,
+              value: coercedValue,
+              key: presetKey,
+              type: presetName
+            })
+          );
+        };
+        return /* @__PURE__ */ jsxs31(ConditionRow, { children: [
+          /* @__PURE__ */ jsx45(KeyInput, { value: presetKey, disabled: true }),
+          /* @__PURE__ */ jsx45(
+            OperatorSelect,
+            {
+              value: String(rec.op ?? "eq"),
+              onChange: handleOpChange,
+              options: OP_OPTIONS
+            }
+          ),
+          isArray ? /* @__PURE__ */ jsx45(
+            TagInput,
+            {
+              value: rec.value ?? "",
+              onChange: (v) => update("value", v),
+              placeholder: `e.g. ${presetKey} value`
+            }
+          ) : isRegex ? /* @__PURE__ */ jsx45(
+            Input,
+            {
+              className: "h-8 font-mono text-sm",
+              value: String(rec.value ?? ""),
+              placeholder: "e.g. ^test.*$",
+              onChange: (e) => update("value", e.target.value)
+            }
+          ) : /* @__PURE__ */ jsx45(
+            Input,
+            {
+              className: "h-8 text-sm",
+              value: String(rec.value ?? ""),
+              placeholder: `e.g. ${presetKey} value`,
+              onChange: (e) => update("value", e.target.value)
+            }
+          )
+        ] });
+      }
+      case "number": {
+        const numOp = rec.op;
+        const isNumArray = numOp === "in" || numOp === "nin";
+        const handleNumOpChange = (newOp) => {
+          const isArrayOp = newOp === "in" || newOp === "nin";
+          const currentValue = rec.value;
+          const coercedValue = isArrayOp ? Array.isArray(currentValue) ? currentValue : currentValue !== void 0 && currentValue !== "" ? [Number(currentValue)] : [] : Array.isArray(currentValue) ? currentValue[0] ?? 0 : currentValue;
+          onChange(
+            buildCustomCondition({
+              ...rec,
+              op: newOp,
+              value: coercedValue,
+              key: presetKey,
+              type: presetName
+            })
+          );
+        };
+        return /* @__PURE__ */ jsxs31(ConditionRow, { children: [
+          /* @__PURE__ */ jsx45(KeyInput, { value: presetKey, disabled: true }),
+          /* @__PURE__ */ jsx45(
+            OperatorSelect,
+            {
+              value: String(rec.op ?? "eq"),
+              onChange: handleNumOpChange,
+              options: OP_OPTIONS2
+            }
+          ),
+          isNumArray ? /* @__PURE__ */ jsx45(
+            NumberTagInput,
+            {
+              value: rec.value ?? [],
+              onChange: (v) => update("value", v),
+              placeholder: `e.g. ${presetKey} value`
+            }
+          ) : /* @__PURE__ */ jsx45(
+            Input,
+            {
+              type: "number",
+              className: "h-8 font-mono text-sm",
+              value: rec.value !== void 0 ? String(rec.value) : "",
+              placeholder: "e.g. 100",
+              onChange: (e) => update("value", e.target.value === "" ? "" : Number(e.target.value))
+            }
+          )
+        ] });
+      }
+      case "bool":
+        return /* @__PURE__ */ jsxs31(ConditionRow, { children: [
+          /* @__PURE__ */ jsx45(KeyInput, { value: presetKey, disabled: true }),
+          /* @__PURE__ */ jsx45(OperatorSelect, { value: "eq", options: OP_OPTIONS4, disabled: true }),
+          /* @__PURE__ */ jsxs31(
+            Select,
+            {
+              value: String(rec.value ?? "true"),
+              onValueChange: (v) => update("value", v === "true"),
+              children: [
+                /* @__PURE__ */ jsx45(SelectTrigger, { className: "h-8 text-sm", children: /* @__PURE__ */ jsx45(SelectValue, {}) }),
+                /* @__PURE__ */ jsxs31(SelectContent, { children: [
+                  /* @__PURE__ */ jsx45(SelectItem, { value: "true", children: "true" }),
+                  /* @__PURE__ */ jsx45(SelectItem, { value: "false", children: "false" })
+                ] })
+              ]
+            }
+          )
+        ] });
+      case "datetime":
+        return /* @__PURE__ */ jsxs31(ConditionRow, { children: [
+          /* @__PURE__ */ jsx45(KeyInput, { value: presetKey, disabled: true }),
+          /* @__PURE__ */ jsx45(
+            OperatorSelect,
+            {
+              value: String(rec.op ?? "eq"),
+              onChange: (v) => update("op", v),
+              options: OP_OPTIONS3
+            }
+          ),
+          /* @__PURE__ */ jsx45(DateTimeInput, { value: String(rec.value ?? ""), onChange: (v) => update("value", v) })
+        ] });
+    }
+    return null;
+  }
+  PresetConditionEditor.displayName = `PresetConditionEditor(${presetName})`;
+  return PresetConditionEditor;
+}
+function createPresetUI(presets) {
+  const extraConditionTypes = createPresetConditionMeta(presets);
+  const editorOverrides = /* @__PURE__ */ new Map();
+  for (const [name, preset] of Object.entries(presets)) {
+    if (PRIMITIVE_TYPES.has(preset.type) && preset.key) {
+      editorOverrides.set(name, createPresetEditor(name, preset.type, preset.key));
+    }
+  }
+  return { extraConditionTypes, editorOverrides };
+}
+
+// src/configurator/Configurator.tsx
+import { useMemo as useMemo12 } from "react";
+
+// src/configurator/context.ts
+import { createContext as createContext2, useCallback as useCallback12, useContext as useContext2, useSyncExternalStore, useState as useState10 } from "react";
+var StoreSourceContext = createContext2(null);
+var ActionStateContext = createContext2(null);
+function useStoreSource() {
+  const source = useContext2(StoreSourceContext);
+  if (source) return source;
+  throw new Error("useConfiguratorStore must be used within a <Configurator> component");
+}
+function useConfiguratorStore() {
+  const source = useStoreSource();
+  return useSyncExternalStore(source.subscribe, source.getSnapshot);
+}
+function useActionState() {
+  const ctx = useContext2(ActionStateContext);
+  if (ctx) return ctx;
+  throw new Error("useActionState must be used within a <Configurator> component");
+}
+function useStoreRef() {
+  const source = useStoreSource();
+  return useCallback12(() => source.getSnapshot(), [source]);
+}
+function useActionRunner() {
+  const [state, setState] = useState10({ pending: false, error: null });
+  const run = useCallback12(async (action) => {
+    setState({ pending: true, error: null });
+    try {
+      await action();
+      setState({ pending: false, error: null });
+    } catch (err) {
+      setState({ pending: false, error: err instanceof Error ? err : new Error(String(err)) });
+      throw err;
+    }
+  }, []);
+  const clearError = useCallback12(() => setState((s) => ({ ...s, error: null })), []);
+  return {
+    actionState: state,
+    runAction: run,
+    clearError
+  };
+}
+
+// src/configurator/useConfiguratorSelector.ts
+import { useContext as useContext3, useCallback as useCallback13, useSyncExternalStore as useSyncExternalStore2 } from "react";
+function useConfiguratorSelector(selector) {
+  const source = useContext3(StoreSourceContext);
+  if (!source) {
+    throw new Error("useConfiguratorSelector must be used within a <Configurator> component");
+  }
+  const getSnapshot = useCallback13(() => selector(source.getSnapshot()), [source, selector]);
+  return useSyncExternalStore2(source.subscribe, getSnapshot);
+}
+
+// src/configurator/PreviewPanel.tsx
+import { useCallback as useCallback14, useEffect, useMemo as useMemo11, useRef as useRef5, useState as useState11 } from "react";
+import { ChevronRight as ChevronRight2, Eye as Eye2, Loader2, Maximize2, Play } from "lucide-react";
+import { resolve } from "showwhat";
+import { DefinitionInactiveError, DefinitionNotFoundError, VariationNotFoundError } from "showwhat";
+
+// src/configurator/selectors.ts
+var selectDefinitions = (s) => s.definitions;
+var selectSelectedKey = (s) => s.selectedKey;
+var selectValidationErrors = (s) => s.validationErrors;
+var selectDirtyKeys = (s) => s.dirtyKeys;
+var selectRevision = (s) => s.revision;
+
+// src/configurator/fallback-context.ts
+import { createContext as createContext3, useContext as useContext4 } from "react";
+var FallbackEvaluatorContext = createContext3(null);
+var FallbackEvaluatorProvider = FallbackEvaluatorContext.Provider;
+function useFallbackEvaluator() {
+  return useContext4(FallbackEvaluatorContext);
+}
+
+// src/configurator/PreviewPanel.tsx
+import { Fragment as Fragment7, jsx as jsx46, jsxs as jsxs32 } from "react/jsx-runtime";
+function ResultBadge({ result, onViewMeta }) {
+  switch (result.status) {
+    case "success":
+      return /* @__PURE__ */ jsxs32("div", { className: "space-y-2", children: [
+        /* @__PURE__ */ jsxs32("div", { className: "flex items-center justify-between", children: [
+          /* @__PURE__ */ jsx46(Badge, { className: "bg-status-active/15 text-green-700 hover:bg-status-active/15 dark:text-green-400", children: "Matched" }),
+          onViewMeta ? /* @__PURE__ */ jsxs32(
+            "button",
+            {
+              type: "button",
+              className: "flex items-center gap-1 text-xs text-muted-foreground/60 hover:text-muted-foreground hover:cursor-pointer",
+              onClick: onViewMeta,
+              "aria-label": "View evaluation meta",
+              children: [
+                /* @__PURE__ */ jsx46(Eye2, { className: "size-3" }),
+                /* @__PURE__ */ jsx46("span", { children: "Details" }),
+                /* @__PURE__ */ jsx46("span", { children: "|" }),
+                /* @__PURE__ */ jsxs32("span", { children: [
+                  "Variation #",
+                  result.meta.variation.index
+                ] })
+              ]
+            }
+          ) : /* @__PURE__ */ jsxs32("span", { className: "text-xs text-muted-foreground", children: [
+            "Variation #",
+            result.meta.variation.index
+          ] })
+        ] }),
+        /* @__PURE__ */ jsx46("div", { className: "rounded-md border border-border bg-background p-2", children: /* @__PURE__ */ jsx46("pre", { className: "whitespace-pre-wrap break-all font-mono text-xs", children: typeof result.value === "string" ? result.value : JSON.stringify(result.value, null, 2) }) })
+      ] });
+    case "inactive":
+      return /* @__PURE__ */ jsxs32("div", { className: "space-y-2", children: [
+        /* @__PURE__ */ jsx46(Badge, { className: "bg-amber-500/15 text-amber-600 hover:bg-amber-500/15", children: "Inactive" }),
+        /* @__PURE__ */ jsx46("p", { className: "text-xs text-muted-foreground", children: result.message })
+      ] });
+    case "no-match":
+      return /* @__PURE__ */ jsxs32("div", { className: "space-y-2", children: [
+        /* @__PURE__ */ jsx46(Badge, { className: "bg-orange-500/15 text-orange-600 hover:bg-orange-500/15", children: "No Match" }),
+        /* @__PURE__ */ jsx46("p", { className: "text-xs text-muted-foreground", children: result.message })
+      ] });
+    case "error":
+      return /* @__PURE__ */ jsxs32("div", { className: "space-y-2", children: [
+        /* @__PURE__ */ jsx46(Badge, { variant: "destructive", children: "Error" }),
+        /* @__PURE__ */ jsx46("p", { className: "text-xs text-destructive", children: result.message })
+      ] });
+  }
+}
+function parseContextJson(text) {
+  const trimmed = text.trim();
+  if (!trimmed) return {};
+  const parsed = JSON.parse(trimmed);
+  if (typeof parsed !== "object" || parsed === null || Array.isArray(parsed)) {
+    throw new SyntaxError("Context must be a JSON object");
+  }
+  const context = {};
+  for (const [key, value] of Object.entries(parsed)) {
+    if (typeof value === "string" || typeof value === "number" || typeof value === "boolean") {
+      context[key] = value;
+    }
+  }
+  return context;
+}
+function parseEvaluatorOverrides(text) {
+  const overrides = {};
+  for (const line of text.split("\n")) {
+    const trimmed = line.trim();
+    if (!trimmed) continue;
+    const idx = trimmed.indexOf(":");
+    if (idx < 1) continue;
+    const type = trimmed.slice(0, idx).trim();
+    const value = trimmed.slice(idx + 1).trim().toLowerCase();
+    if (type && (value === "true" || value === "false")) {
+      overrides[type] = value === "true";
+    }
+  }
+  return overrides;
+}
+function JsonEditorDialog({
+  open,
+  onOpenChange,
+  value,
+  onSave
+}) {
+  const [draft, setDraft] = useState11(value);
+  const [formatError, setFormatError] = useState11(null);
+  useEffect(() => {
+    if (open) {
+      setDraft(value);
+      setFormatError(null);
+    }
+  }, [open, value]);
+  function handleFormat() {
+    const trimmed = draft.trim();
+    if (!trimmed) return;
+    try {
+      const parsed = JSON.parse(trimmed);
+      setDraft(JSON.stringify(parsed, null, 2));
+      setFormatError(null);
+    } catch {
+      setFormatError("Invalid JSON");
+    }
+  }
+  function handleSave() {
+    onSave(draft);
+    onOpenChange(false);
+  }
+  return /* @__PURE__ */ jsx46(Dialog, { open, onOpenChange, children: /* @__PURE__ */ jsxs32(DialogContent, { className: "sm:max-w-2xl", children: [
+    /* @__PURE__ */ jsxs32(DialogHeader, { children: [
+      /* @__PURE__ */ jsx46(DialogTitle, { children: "Edit Context" }),
+      /* @__PURE__ */ jsx46(DialogDescription, { children: "JSON object with context values for resolving the definition." })
+    ] }),
+    /* @__PURE__ */ jsx46(
+      Textarea,
+      {
+        placeholder: '{\n  "env": "production",\n  "region": "us-east-1"\n}',
+        value: draft,
+        onChange: (e) => {
+          setDraft(e.target.value);
+          setFormatError(null);
+        },
+        className: `min-h-64 font-mono text-sm ${formatError ? "border-destructive" : ""}`,
+        rows: 14
+      }
+    ),
+    formatError && /* @__PURE__ */ jsx46("p", { className: "text-xs text-destructive", children: formatError }),
+    /* @__PURE__ */ jsxs32(DialogFooter, { children: [
+      /* @__PURE__ */ jsx46(Button, { variant: "outline", size: "sm", onClick: handleFormat, children: "Format" }),
+      /* @__PURE__ */ jsx46(Button, { size: "sm", onClick: handleSave, children: "Apply" })
+    ] })
+  ] }) });
+}
+function PreviewPanel() {
+  const definitions = useConfiguratorSelector(selectDefinitions);
+  const selectedKey = useConfiguratorSelector(selectSelectedKey);
+  const externalFallback = useFallbackEvaluator();
+  const [contextText, setContextText] = useState11("");
+  const [evaluatorText, setEvaluatorText] = useState11("");
+  const [contextError, setContextError] = useState11(null);
+  const [simulatorOpen, setSimulatorOpen] = useState11(false);
+  const [jsonEditorOpen, setJsonEditorOpen] = useState11(false);
+  const [previewResult, setPreviewResult] = useState11(null);
+  const [isResolving, setIsResolving] = useState11(false);
+  const [metaDialogOpen, setMetaDialogOpen] = useState11(false);
+  const abortControllerRef = useRef5(null);
+  useEffect(() => {
+    abortControllerRef.current?.abort();
+    abortControllerRef.current = null;
+    setPreviewResult(null);
+    return () => {
+      abortControllerRef.current?.abort();
+    };
+  }, [selectedKey]);
+  const fallback = useMemo11(() => {
+    const overrides = parseEvaluatorOverrides(evaluatorText);
+    const hasOverrides = Object.keys(overrides).length > 0;
+    if (!hasOverrides && !externalFallback) return void 0;
+    return async (args) => {
+      const type = args.condition.type;
+      if (type in overrides) return overrides[type];
+      if (externalFallback) return externalFallback(args);
+      return false;
+    };
+  }, [evaluatorText, externalFallback]);
+  const handleResolve = useCallback14(async () => {
+    if (!selectedKey || !definitions[selectedKey]) {
+      setPreviewResult({ status: "error", message: "No definition selected" });
+      return;
+    }
+    abortControllerRef.current?.abort();
+    const controller = new AbortController();
+    abortControllerRef.current = controller;
+    setIsResolving(true);
+    setContextError(null);
+    let context;
+    try {
+      context = parseContextJson(contextText);
+    } catch {
+      setPreviewResult({ status: "error", message: "Invalid JSON in context" });
+      setIsResolving(false);
+      return;
+    }
+    try {
+      const result = await resolve({
+        definitions: { [selectedKey]: definitions[selectedKey] },
+        context,
+        options: fallback ? { fallback } : void 0
+      });
+      if (controller.signal.aborted) return;
+      const resolution = result[selectedKey];
+      setPreviewResult({
+        status: "success",
+        value: resolution.value,
+        meta: resolution.meta
+      });
+    } catch (err) {
+      if (controller.signal.aborted) return;
+      if (err instanceof DefinitionInactiveError) {
+        setPreviewResult({
+          status: "inactive",
+          message: `"${selectedKey}" is inactive`
+        });
+      } else if (err instanceof VariationNotFoundError) {
+        setPreviewResult({
+          status: "no-match",
+          message: "No variation matched the given context"
+        });
+      } else if (err instanceof DefinitionNotFoundError) {
+        setPreviewResult({
+          status: "error",
+          message: `Definition "${selectedKey}" not found`
+        });
+      } else {
+        setPreviewResult({
+          status: "error",
+          message: err instanceof Error ? err.message : "Unknown error"
+        });
+      }
+    } finally {
+      if (!controller.signal.aborted) {
+        setIsResolving(false);
+      }
+    }
+  }, [selectedKey, definitions, contextText, fallback]);
+  return /* @__PURE__ */ jsxs32("div", { className: "flex w-80 shrink-0 flex-col border-l border-border bg-muted/30", children: [
+    /* @__PURE__ */ jsx46("div", { className: "flex h-12 items-center border-b border-border px-3", children: /* @__PURE__ */ jsx46("span", { className: "text-sm font-semibold", children: "Preview" }) }),
+    /* @__PURE__ */ jsx46(ScrollArea, { className: "flex-1", children: /* @__PURE__ */ jsxs32("div", { className: "space-y-4 p-3", children: [
+      /* @__PURE__ */ jsxs32("div", { children: [
+        /* @__PURE__ */ jsx46(Label, { className: "text-xs text-muted-foreground", children: "Definition" }),
+        /* @__PURE__ */ jsx46("p", { className: "mt-0.5 truncate font-mono text-sm", children: selectedKey ?? "None selected" })
+      ] }),
+      /* @__PURE__ */ jsx46(Separator, {}),
+      /* @__PURE__ */ jsxs32("div", { children: [
+        /* @__PURE__ */ jsxs32("div", { className: "flex items-center justify-between", children: [
+          /* @__PURE__ */ jsx46(Label, { className: "text-xs text-muted-foreground", children: "Context" }),
+          /* @__PURE__ */ jsxs32(
+            "button",
+            {
+              type: "button",
+              className: "flex items-center gap-1 text-[10px] text-muted-foreground hover:text-foreground",
+              onClick: () => setJsonEditorOpen(true),
+              children: [
+                /* @__PURE__ */ jsx46(Maximize2, { className: "h-3 w-3" }),
+                "Edit"
+              ]
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsx46(
+          "button",
+          {
+            type: "button",
+            className: `mt-1.5 w-full cursor-pointer rounded-md border bg-transparent px-3 py-2 text-left transition-colors hover:border-ring ${contextError ? "border-destructive" : "border-input"}`,
+            onClick: () => setJsonEditorOpen(true),
+            children: contextText.trim() ? /* @__PURE__ */ jsx46("pre", { className: "max-h-28 overflow-hidden font-mono text-xs text-foreground", children: contextText }) : /* @__PURE__ */ jsx46("span", { className: "font-mono text-xs text-muted-foreground", children: '{ "env": "production" }' })
+          }
+        ),
+        contextError && /* @__PURE__ */ jsx46("p", { className: "mt-1 text-[10px] text-destructive", children: contextError }),
+        /* @__PURE__ */ jsx46(
+          JsonEditorDialog,
+          {
+            open: jsonEditorOpen,
+            onOpenChange: setJsonEditorOpen,
+            value: contextText,
+            onSave: (v) => {
+              setContextText(v);
+              setContextError(null);
+            }
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsx46(Separator, {}),
+      /* @__PURE__ */ jsxs32("div", { children: [
+        /* @__PURE__ */ jsxs32(
+          "button",
+          {
+            type: "button",
+            className: "flex w-full items-center gap-1 text-xs text-muted-foreground hover:text-foreground",
+            onClick: () => setSimulatorOpen((o) => !o),
+            children: [
+              /* @__PURE__ */ jsx46(
+                ChevronRight2,
+                {
+                  className: `h-3.5 w-3.5 transition-transform ${simulatorOpen ? "rotate-90" : ""}`
+                }
+              ),
+              "Condition Simulator"
+            ]
+          }
+        ),
+        simulatorOpen && /* @__PURE__ */ jsxs32("div", { className: "mt-2", children: [
+          /* @__PURE__ */ jsx46(
+            Textarea,
+            {
+              placeholder: "tier:true\ngeo:false",
+              value: evaluatorText,
+              onChange: (e) => setEvaluatorText(e.target.value),
+              className: "min-h-20 font-mono text-xs",
+              rows: 6
+            }
+          ),
+          /* @__PURE__ */ jsx46("p", { className: "mt-1 text-[10px] text-muted-foreground", children: "Simulate unregistered condition types. One type:true|false per line" })
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxs32(
+        Button,
+        {
+          size: "sm",
+          className: "w-full",
+          onClick: handleResolve,
+          disabled: !selectedKey || isResolving,
+          children: [
+            isResolving ? /* @__PURE__ */ jsx46(Loader2, { className: "mr-1.5 h-4 w-4 animate-spin" }) : /* @__PURE__ */ jsx46(Play, { className: "mr-1.5 h-4 w-4" }),
+            "Resolve"
+          ]
+        }
+      ),
+      previewResult && /* @__PURE__ */ jsxs32(Fragment7, { children: [
+        /* @__PURE__ */ jsx46(Separator, {}),
+        /* @__PURE__ */ jsxs32("div", { className: "animate-slide-in-right", children: [
+          /* @__PURE__ */ jsx46(Label, { className: "text-xs text-muted-foreground", children: "Result" }),
+          /* @__PURE__ */ jsx46("div", { className: "mt-1.5", children: /* @__PURE__ */ jsx46(
+            ResultBadge,
+            {
+              result: previewResult,
+              onViewMeta: previewResult.status === "success" ? () => setMetaDialogOpen(true) : void 0
+            }
+          ) }),
+          previewResult.status === "success" && /* @__PURE__ */ jsx46(Dialog, { open: metaDialogOpen, onOpenChange: setMetaDialogOpen, children: /* @__PURE__ */ jsxs32(DialogContent, { className: "sm:max-w-lg", children: [
+            /* @__PURE__ */ jsxs32(DialogHeader, { children: [
+              /* @__PURE__ */ jsx46(DialogTitle, { children: "Evaluation Meta" }),
+              /* @__PURE__ */ jsx46(DialogDescription, { children: "Full resolution metadata from the last evaluation." })
+            ] }),
+            /* @__PURE__ */ jsx46(ScrollArea, { className: "max-h-96", children: /* @__PURE__ */ jsx46("pre", { className: "whitespace-pre-wrap break-all font-mono text-xs", children: JSON.stringify(previewResult.meta, null, 2) }) })
+          ] }) })
+        ] })
+      ] })
+    ] }) })
+  ] });
+}
+
+// src/configurator/Configurator.tsx
+import { Fragment as Fragment8, jsx as jsx47, jsxs as jsxs33 } from "react/jsx-runtime";
+function useNormalizedSource(store) {
+  return useMemo12(() => {
+    if (isStoreSource(store)) {
+      return store;
+    }
+    const snapshot = store;
+    return {
+      getSnapshot: () => snapshot,
+      subscribe: () => () => {
+      }
+    };
+  }, [store]);
+}
+function isStoreSource(obj) {
+  return typeof obj === "object" && obj !== null && "getSnapshot" in obj && "subscribe" in obj && typeof obj.getSnapshot === "function" && typeof obj.subscribe === "function";
+}
+function ErrorBanner() {
+  const { actionState, clearError } = useActionState();
+  if (!actionState.error) return null;
+  return /* @__PURE__ */ jsxs33(
+    "div",
+    {
+      role: "alert",
+      className: "flex items-center justify-between border-b border-destructive/30 bg-destructive/10 px-4 py-2",
+      children: [
+        /* @__PURE__ */ jsxs33("p", { className: "text-xs font-medium text-destructive", children: [
+          "Action failed: ",
+          actionState.error.message
+        ] }),
+        /* @__PURE__ */ jsx47("button", { type: "button", className: "text-xs text-destructive underline", onClick: clearError, children: "Dismiss" })
+      ]
+    }
+  );
+}
+function EditorLayout({ emptyState }) {
+  const definitions = useConfiguratorSelector(selectDefinitions);
+  const selectedKey = useConfiguratorSelector(selectSelectedKey);
+  const validationErrors = useConfiguratorSelector(selectValidationErrors);
+  const dirtyKeys = useConfiguratorSelector(selectDirtyKeys);
+  const revision = useConfiguratorSelector(selectRevision);
+  const getStore = useStoreRef();
+  const { actionState, runAction } = useActionState();
+  const selectedDefinition = selectedKey ? definitions[selectedKey] : null;
+  if (Object.keys(definitions).length === 0 && emptyState) {
+    return /* @__PURE__ */ jsx47(Fragment8, { children: emptyState });
+  }
+  return /* @__PURE__ */ jsxs33("div", { className: "flex h-full flex-col", children: [
+    /* @__PURE__ */ jsx47(ErrorBanner, {}),
+    /* @__PURE__ */ jsxs33("div", { className: "flex flex-1 overflow-hidden", children: [
+      /* @__PURE__ */ jsx47("div", { className: "w-72 shrink-0 border-r border-border bg-muted/30", children: /* @__PURE__ */ jsx47(
+        DefinitionList,
+        {
+          definitions,
+          selectedKey,
+          validationErrors,
+          dirtyKeys,
+          onSelect: (key) => {
+            runAction(() => getStore().selectDefinition(key)).catch(() => {
+            });
+          },
+          onAdd: (key) => runAction(() => getStore().addDefinition(key)),
+          onRemove: (key) => {
+            runAction(() => getStore().removeDefinition(key)).catch(() => {
+            });
+          }
+        }
+      ) }),
+      /* @__PURE__ */ jsx47("div", { className: "flex-1 overflow-hidden bg-background", children: /* @__PURE__ */ jsx47(ErrorBoundary, { children: selectedDefinition && selectedKey ? /* @__PURE__ */ jsx47("div", { className: "h-full animate-fade-up", children: /* @__PURE__ */ jsx47(
+        DefinitionEditor,
+        {
+          definitionKey: selectedKey,
+          definition: selectedDefinition,
+          validationErrors: validationErrors[selectedKey],
+          isDirty: dirtyKeys.includes(selectedKey),
+          isPending: actionState.pending,
+          onUpdate: (def) => {
+            getStore().updateDefinition(selectedKey, def).catch(() => {
+            });
+          },
+          onRename: (newKey) => runAction(() => getStore().renameDefinition(selectedKey, newKey)),
+          onSave: () => {
+            runAction(() => getStore().saveDefinition(selectedKey)).catch(() => {
+            });
+          },
+          onDiscard: () => {
+            runAction(() => getStore().discardDefinition(selectedKey)).catch(() => {
+            });
+          }
+        },
+        `${selectedKey}-${revision}`
+      ) }, `anim-${selectedKey}-${revision}`) : /* @__PURE__ */ jsx47("div", { className: "flex h-full items-center justify-center text-sm text-muted-foreground", children: "Select a definition to edit" }) }) }),
+      /* @__PURE__ */ jsx47(ErrorBoundary, { children: /* @__PURE__ */ jsx47(PreviewPanel, {}) })
+    ] })
+  ] });
+}
+function Configurator({
+  store,
+  className,
+  emptyState,
+  conditionExtensions,
+  fallbackEvaluator
+}) {
+  const runner = useActionRunner();
+  const storeSource = useNormalizedSource(store);
+  return /* @__PURE__ */ jsx47(StoreSourceContext.Provider, { value: storeSource, children: /* @__PURE__ */ jsx47(ActionStateContext.Provider, { value: runner, children: /* @__PURE__ */ jsx47(ConditionExtensionsProvider, { value: conditionExtensions ?? null, children: /* @__PURE__ */ jsx47(FallbackEvaluatorProvider, { value: fallbackEvaluator ?? null, children: /* @__PURE__ */ jsx47("div", { className, children: /* @__PURE__ */ jsx47(EditorLayout, { emptyState }) }) }) }) }) });
+}
+export {
+  AUTO_ID_PREFIX,
+  ActionStateContext,
+  BUILTIN_CONDITION_TYPES,
+  Badge,
+  Button,
+  CONDITION_TYPE_MAP,
+  ConditionBuilder,
+  Configurator,
+  ConfirmDialog,
+  DateTimeInput,
+  DefinitionEditor,
+  DefinitionList,
+  Dialog,
+  DialogClose,
+  DialogContent,
+  DialogDescription,
+  DialogFooter,
+  DialogHeader,
+  DialogTitle,
+  DialogTrigger,
+  DropdownMenu,
+  DropdownMenuContent,
+  DropdownMenuItem,
+  DropdownMenuSeparator,
+  DropdownMenuTrigger,
+  ErrorBoundary,
+  Input,
+  Label,
+  Popover,
+  PopoverContent,
+  PopoverTrigger,
+  ScrollArea,
+  ScrollBar,
+  Select,
+  SelectContent,
+  SelectGroup,
+  SelectItem,
+  SelectLabel,
+  SelectSeparator,
+  SelectTrigger,
+  SelectValue,
+  Separator,
+  StoreSourceContext,
+  Switch,
+  Tabs,
+  TabsContent,
+  TabsList,
+  TabsTrigger,
+  Textarea,
+  ThemeToggle,
+  ValidationMessage,
+  ValueInput,
+  VariationCard,
+  VariationList,
+  badgeVariants,
+  buttonVariants,
+  cn,
+  createPresetConditionMeta,
+  createPresetUI,
+  getConditionMeta,
+  isAutoId,
+  stripAutoIds,
+  useActionState,
+  useConfiguratorSelector,
+  useConfiguratorStore,
+  useStoreRef
+};
+//# sourceMappingURL=index.js.map