@nivaro/react 0.3.40 → 0.3.42

package/dist/shared/components/pipeline/PipelineStateOwners.js

@@ -1,20 +1,22 @@
 import { jsxs as l, jsx as e } from "react/jsx-runtime";
 import { useQueryClient as we, useQuery as F, useMutation as I } from "@tanstack/react-query";
-import { Settings as qe, Trash2 as xe, Plus as V, X as ke, UserPlus as Ce, Loader2 as Y } from "lucide-react";
+import { Settings as ke, Trash2 as xe, Plus as V, X as qe, UserPlus as Ce, Loader2 as Y } from "lucide-react";
 import { useState as h, useRef as Fe, useEffect as Ge } from "react";
 import { toast as w } from "sonner";
 import { useNivaroClient as fe } from "../../context.js";
 import { get as G, post as W, patch as Se, del as oe } from "../../lib/commands.js";
-import { useRecordReader as _e } from "../../lib/record-loader.js";
+import { describeOwnerGroup as _e, sentenceLabelsFromFields as $e } from "../../lib/config-sentences.js";
+import { useRecordReader as Ie } from "../../lib/record-loader.js";
+import { ConfigReadBack as Ee } from "../ConfigReadBack.js";
 import { UserAvatar as ce } from "../UserAvatar.js";
-import { Button as q } from "../ui/button.js";
-import { Command as $e, CommandInput as Ie, CommandList as Ee, CommandEmpty as je, CommandGroup as Le, CommandItem as Pe } from "../ui/command.js";
+import { Button as k } from "../ui/button.js";
+import { Command as Le, CommandInput as je, CommandList as Pe, CommandEmpty as Oe, CommandGroup as Ue, CommandItem as De } from "../ui/command.js";
 import { Input as S } from "../ui/input.js";
 import { Label as C } from "../ui/label.js";
-import { Popover as Oe, PopoverTrigger as Ue, PopoverContent as De } from "../ui/popover.js";
+import { Popover as ze, PopoverTrigger as Ae, PopoverContent as Re } from "../ui/popover.js";
 import { SimpleSelect as de } from "../ui/SimpleSelect.js";
-import { FieldPicker as ze } from "./FieldPicker.js";
-import { findM2ORelation as Ae, findO2MRelation as Ke, renderDisplayTemplate as Re } from "./relations.js";
+import { FieldPicker as Ke } from "./FieldPicker.js";
+import { findM2ORelation as Be, findO2MRelation as Te, renderDisplayTemplate as Me } from "./relations.js";
 const ue = {
   string: [
     { label: "=", value: "eq" },
@@ -72,24 +74,24 @@ const ue = {
     { label: "≠", value: "neq" }
   ]
 };
-function Te(t) {
+function Qe(t) {
   return ue[t] ?? ue.string;
 }
-function Be({
+function Ve({
   relatedCollection: t,
   value: o,
   onChange: x
 }) {
   const c = fe();
-  _e();
-  const [n, f] = h(""), [d, i] = h(!1), [g, b] = h(""), v = Fe(null), { data: m } = F({
+  Ie();
+  const [n, f] = h(""), [d, r] = h(!1), [b, g] = h(""), v = Fe(null), { data: m } = F({
     queryKey: ["collection-meta", t],
     queryFn: () => c.request(G(`/collections/${t}`)).then((u) => u.data)
   }), s = (m == null ? void 0 : m.display_template) ?? null;
   function N(u) {
-    return Re(s, u);
+    return Me(s, u);
   }
-  const { data: j, isLoading: L } = F({
+  const { data: L, isLoading: j } = F({
     queryKey: ["items-picker", t, n],
     queryFn: () => c.request(
       G(`/items/${t}`, { limit: 30, search: n || void 0 })
@@ -103,30 +105,30 @@ function Be({
   return Ge(() => {
     if (!d) return;
     function u(P) {
-      v.current && !v.current.contains(P.target) && i(!1);
+      v.current && !v.current.contains(P.target) && r(!1);
     }
     return document.addEventListener("mousedown", u), () => document.removeEventListener("mousedown", u);
   }, [d]), /* @__PURE__ */ l("div", { className: "relative", ref: v, children: [
     /* @__PURE__ */ e(
       S,
       {
-        value: d ? g : _ ? N(_) : o,
+        value: d ? b : _ ? N(_) : o,
         onChange: (u) => {
-          b(u.target.value), f(u.target.value);
+          g(u.target.value), f(u.target.value);
         },
         onFocus: () => {
-          i(!0), b("");
+          r(!0), g("");
         },
         placeholder: "Search…",
         className: "h-8 text-[12px] w-[160px]"
       }
     ),
-    d && /* @__PURE__ */ e("div", { className: "absolute z-50 top-full mt-0.5 max-h-48 w-full min-w-[200px] overflow-y-auto rounded-md border border-slate-200 bg-white shadow-lg dark:border-border dark:bg-card", children: L ? /* @__PURE__ */ e("div", { className: "flex items-center justify-center py-3", children: /* @__PURE__ */ e(Y, { className: "h-3.5 w-3.5 animate-spin text-slate-400" }) }) : (j ?? []).length === 0 ? /* @__PURE__ */ e("div", { className: "px-3 py-2 text-[12px] text-slate-400", children: "No results" }) : (j ?? []).map((u) => /* @__PURE__ */ e(
+    d && /* @__PURE__ */ e("div", { className: "absolute z-50 top-full mt-0.5 max-h-48 w-full min-w-[200px] overflow-y-auto rounded-md border border-slate-200 bg-white shadow-lg dark:border-border dark:bg-card", children: j ? /* @__PURE__ */ e("div", { className: "flex items-center justify-center py-3", children: /* @__PURE__ */ e(Y, { className: "h-3.5 w-3.5 animate-spin text-slate-400" }) }) : (L ?? []).length === 0 ? /* @__PURE__ */ e("div", { className: "px-3 py-2 text-[12px] text-slate-400", children: "No results" }) : (L ?? []).map((u) => /* @__PURE__ */ e(
       "button",
       {
         type: "button",
         onClick: () => {
-          x(String(u.id)), i(!1), b(""), f("");
+          x(String(u.id)), r(!1), g(""), f("");
         },
         className: "w-full px-3 py-1.5 text-left text-[13px] text-slate-700 hover:bg-slate-50",
         children: N(u)
@@ -143,12 +145,12 @@ function pe({
   onChange: n,
   onRemove: f
 }) {
-  const d = o.find((s) => s.field === t.field), i = t.field && c ? Ae(x, c, t.field) ?? null : null, g = !i && t.field && c ? x.find(
+  const d = o.find((s) => s.field === t.field), r = t.field && c ? Be(x, c, t.field) ?? null : null, b = !r && t.field && c ? x.find(
     (s) => s.many_collection === c && s.many_field === t.field && s.junction_field !== null
-  ) ?? null : null, b = !i && !g && t.field && c ? Ke(x, c, t.field) ?? null : null, v = (i == null ? void 0 : i.one_collection) ?? (g == null ? void 0 : g.one_collection) ?? (b == null ? void 0 : b.many_collection) ?? null, m = v ? "uuid" : (d == null ? void 0 : d.type) ?? "string";
+  ) ?? null : null, g = !r && !b && t.field && c ? Te(x, c, t.field) ?? null : null, v = (r == null ? void 0 : r.one_collection) ?? (b == null ? void 0 : b.one_collection) ?? (g == null ? void 0 : g.many_collection) ?? null, m = v ? "uuid" : (d == null ? void 0 : d.type) ?? "string";
   return /* @__PURE__ */ l("div", { className: "flex flex-wrap items-center gap-2", children: [
     /* @__PURE__ */ e(
-      ze,
+      Ke,
       {
         collection: c,
         fields: o,
@@ -166,7 +168,7 @@ function pe({
         value: t.op,
         onChange: (s) => n({ ...t, op: s }),
         className: "h-8 w-[70px] rounded-md border-slate-200 bg-white px-2 text-[13px]",
-        options: Te(m).map((s) => ({ value: s.value, label: s.label }))
+        options: Qe(m).map((s) => ({ value: s.value, label: s.label }))
       }
     ),
     m === "boolean" ? /* @__PURE__ */ e(
@@ -198,7 +200,7 @@ function pe({
         className: "h-8 text-[12px] w-[140px]"
       }
     ) : v ? /* @__PURE__ */ e(
-      Be,
+      Ve,
       {
         relatedCollection: v,
         value: t.value,
@@ -224,7 +226,7 @@ function pe({
     )
   ] });
 }
-function Me(t) {
+function We(t) {
   return [t.first_name, t.last_name].filter(Boolean).join(" ").trim() || t.email;
 }
 function E(t) {
@@ -237,9 +239,9 @@ function me({
   users: x,
   placeholder: c = "Select a user…"
 }) {
-  const [n, f] = h(!1), d = x.find((i) => i.id === t);
-  return /* @__PURE__ */ l(Oe, { open: n, onOpenChange: f, children: [
-    /* @__PURE__ */ e(Ue, { asChild: !0, children: /* @__PURE__ */ l(
+  const [n, f] = h(!1), d = x.find((r) => r.id === t);
+  return /* @__PURE__ */ l(ze, { open: n, onOpenChange: f, children: [
+    /* @__PURE__ */ e(Ae, { asChild: !0, children: /* @__PURE__ */ l(
       "button",
       {
         type: "button",
@@ -274,23 +276,23 @@ function me({
         ]
       }
     ) }),
-    /* @__PURE__ */ e(De, { className: "w-[280px] p-0", align: "start", children: /* @__PURE__ */ l($e, { children: [
-      /* @__PURE__ */ e(Ie, { placeholder: "Search users…", className: "h-8 text-[12px]" }),
-      /* @__PURE__ */ l(Ee, { children: [
-        /* @__PURE__ */ e(je, { className: "py-3 text-center text-[12px] text-muted-foreground", children: "No users found" }),
-        /* @__PURE__ */ e(Le, { children: x.map((i) => /* @__PURE__ */ l(
-          Pe,
+    /* @__PURE__ */ e(Re, { className: "w-[280px] p-0", align: "start", children: /* @__PURE__ */ l(Le, { children: [
+      /* @__PURE__ */ e(je, { placeholder: "Search users…", className: "h-8 text-[12px]" }),
+      /* @__PURE__ */ l(Pe, { children: [
+        /* @__PURE__ */ e(Oe, { className: "py-3 text-center text-[12px] text-muted-foreground", children: "No users found" }),
+        /* @__PURE__ */ e(Ue, { children: x.map((r) => /* @__PURE__ */ l(
+          De,
           {
-            value: `${E(i)} ${i.email}`,
+            value: `${E(r)} ${r.email}`,
             onSelect: () => {
-              o(t === i.id ? "" : i.id), f(!1);
+              o(t === r.id ? "" : r.id), f(!1);
             },
             className: "text-[12px]",
             children: [
               /* @__PURE__ */ e(
                 "svg",
                 {
-                  className: `mr-2 h-3 w-3 shrink-0 ${t === i.id ? "opacity-100" : "opacity-0"}`,
+                  className: `mr-2 h-3 w-3 shrink-0 ${t === r.id ? "opacity-100" : "opacity-0"}`,
                   fill: "none",
                   viewBox: "0 0 24 24",
                   stroke: "currentColor",
@@ -306,10 +308,10 @@ function me({
                   )
                 }
               ),
-              E(i)
+              E(r)
             ]
           },
-          i.id
+          r.id
         )) })
       ] })
     ] }) })
@@ -320,10 +322,10 @@ function he(t) {
   const o = ((n = t.first_name) == null ? void 0 : n[0]) ?? "", x = ((f = t.last_name) == null ? void 0 : f[0]) ?? "";
   return (`${o}${x}`.trim() || t.email[0] || "?").toUpperCase();
 }
-function Qe(t) {
+function Ye(t) {
   return !t || t.length === 0 ? "All records" : t.map((o) => `${o.field} ${o.op} ${String(o.value ?? "")}`).join(", ");
 }
-function dt({
+function xt({
   stateId: t,
   stateName: o,
   templateId: x,
@@ -334,31 +336,31 @@ function dt({
     queryKey: ["collection-meta", c],
     queryFn: () => n.request(G(`/collections/${c}`)).then((a) => a.data),
     enabled: !!c
-  }), i = ((re = d == null ? void 0 : d.fields) == null ? void 0 : re.filter((a) => !a.hidden)) ?? [], g = (d == null ? void 0 : d.relations) ?? [], b = ["pipeline-owner-groups", t], { data: v, isLoading: m } = F({
-    queryKey: b,
+  }), r = ((re = d == null ? void 0 : d.fields) == null ? void 0 : re.filter((a) => !a.hidden)) ?? [], b = (d == null ? void 0 : d.relations) ?? [], g = ["pipeline-owner-groups", t], { data: v, isLoading: m } = F({
+    queryKey: g,
     queryFn: () => n.request(G(`/pipelines/states/${t}/owner-groups`)).then((a) => a.data)
   }), { data: s } = F({
     queryKey: ["users", "picker"],
     queryFn: () => n.request(G("/users", { limit: 200 })).then((a) => a.data)
-  }), N = () => f.invalidateQueries({ queryKey: b }), [j, L] = h(null), [_, u] = h(""), [P, X] = h(!1), [z, O] = h([]), [A, U] = h(""), [ve, H] = h(!1), [J, Z] = h(""), [ee, te] = h(!1), [K, D] = h([]), [R, ae] = h(""), be = (a) => {
-    L(a.id), u(a.name ?? ""), X(a.is_default), O(
+  }), N = () => f.invalidateQueries({ queryKey: g }), [L, j] = h(null), [_, u] = h(""), [P, X] = h(!1), [z, O] = h([]), [A, U] = h(""), [ve, H] = h(!1), [J, Z] = h(""), [ee, te] = h(!1), [R, D] = h([]), [K, ae] = h(""), be = (a) => {
+    j(a.id), u(a.name ?? ""), X(a.is_default), O(
       (a.filters ?? []).map((p) => ({ field: p.field, op: p.op, value: String(p.value ?? "") }))
     ), U("");
-  }, T = () => {
-    L(null), U("");
+  }, B = () => {
+    j(null), U("");
   }, le = () => {
     Z(""), te(!1), D([]), ae(""), H(!1);
-  }, se = (a) => a.filter((p) => p.field.trim()).map((p) => ({ field: p.field.trim(), op: p.op, value: p.value })), B = I({
+  }, se = (a) => a.filter((p) => p.field.trim()).map((p) => ({ field: p.field.trim(), op: p.op, value: p.value })), T = I({
     mutationFn: async () => {
-      const a = se(K), p = await n.request(
+      const a = se(R), p = await n.request(
         W(`/pipelines/states/${t}/owner-groups`, {
           name: J.trim() || void 0,
           is_default: ee,
           filters: a.length > 0 ? a : void 0
         })
       ).then((y) => y.data);
-      R && await n.request(
-        W(`/pipelines/owner-groups/${p.id}/users`, { user: R })
+      K && await n.request(
+        W(`/pipelines/owner-groups/${p.id}/users`, { user: K })
       );
     },
     onSuccess: () => {
@@ -377,10 +379,10 @@ function dt({
       N(), w.success("Group updated");
     },
     onError: () => w.error("Failed to update group")
-  }), Ne = I({
+  }), ge = I({
     mutationFn: (a) => n.request(oe(`/pipelines/owner-groups/${a}`)),
     onSuccess: () => {
-      N(), T(), w.success("Group deleted");
+      N(), B(), w.success("Group deleted");
     },
     onError: () => w.error("Failed to delete group")
   }), ne = I({
@@ -389,7 +391,7 @@ function dt({
       N(), U("");
     },
     onError: () => w.error("Failed to add user")
-  }), ge = I({
+  }), Ne = I({
     mutationFn: (a) => n.request(oe(`/pipelines/owner-group-users/${a}`)),
     onSuccess: () => N(),
     onError: () => w.error("Failed to remove user")
@@ -397,7 +399,7 @@ function dt({
   return /* @__PURE__ */ l("div", { className: "space-y-3", children: [
     /* @__PURE__ */ e("div", { className: "flex items-center justify-between", children: /* @__PURE__ */ e("span", { className: "text-[12px] font-medium text-slate-600", children: "Owner Groups" }) }),
     m ? /* @__PURE__ */ e("p", { className: "text-[12px] text-slate-400", children: "Loading groups…" }) : !v || v.length === 0 ? /* @__PURE__ */ e("p", { className: "text-[12px] text-slate-400", children: "No owner groups configured — any authenticated user can act as owner for skip evaluation." }) : /* @__PURE__ */ e("div", { className: "space-y-2", children: v.map((a, p) => {
-      const y = j === a.id;
+      const y = L === a.id;
       return /* @__PURE__ */ l("div", { className: "rounded-lg border border-slate-200 bg-white", children: [
         /* @__PURE__ */ l("div", { className: "group flex items-start gap-3 px-3 py-2.5", children: [
           /* @__PURE__ */ l("div", { className: "min-w-0 flex-1 space-y-1.5", children: [
@@ -405,23 +407,34 @@ function dt({
               /* @__PURE__ */ e("span", { className: "text-[13px] font-medium text-slate-800", children: a.name || `Group ${p + 1}` }),
               a.is_default && /* @__PURE__ */ e("span", { className: "rounded-full bg-nvr-cyan/10 px-1.5 py-0.5 text-[10px] font-medium text-nvr-cyan", children: "default" })
             ] }),
-            /* @__PURE__ */ e("p", { className: "font-mono text-[11px] text-slate-400", children: Qe(a.filters) }),
-            a.users.length > 0 && /* @__PURE__ */ e("div", { className: "flex items-center gap-1 flex-wrap pt-0.5", children: a.users.map((r) => /* @__PURE__ */ e(
+            /* @__PURE__ */ e("p", { className: "font-mono text-[11px] text-slate-400", children: Ye(a.filters) }),
+            /* @__PURE__ */ e(
+              Ee,
+              {
+                kind: "owner-group",
+                sentences: _e(
+                  a,
+                  { stateLabel: o },
+                  $e(r, b, c)
+                )
+              }
+            ),
+            a.users.length > 0 && /* @__PURE__ */ e("div", { className: "flex items-center gap-1 flex-wrap pt-0.5", children: a.users.map((i) => /* @__PURE__ */ e(
               ce,
               {
-                userId: r.user,
+                userId: i.user,
                 className: "h-7 w-7",
-                alt: E(r),
+                alt: E(i),
                 fallback: /* @__PURE__ */ e(
                   "span",
                   {
-                    title: E(r),
+                    title: E(i),
                     className: "flex h-7 w-7 items-center justify-center rounded-full bg-nvr-cyan/10 text-[11px] font-medium text-nvr-cyan",
-                    children: he(r)
+                    children: he(i)
                   }
                 )
               },
-              r.link_id
+              i.link_id
             )) })
           ] }),
           /* @__PURE__ */ l("div", { className: "flex items-center gap-1 opacity-0 group-hover:opacity-100 transition-opacity shrink-0", children: [
@@ -429,10 +442,10 @@ function dt({
               "button",
               {
                 type: "button",
-                onClick: () => y ? T() : be(a),
+                onClick: () => y ? B() : be(a),
                 className: "rounded p-1 text-slate-400 hover:text-slate-700",
                 title: "Edit group",
-                children: /* @__PURE__ */ e(qe, { className: "h-3.5 w-3.5" })
+                children: /* @__PURE__ */ e(ke, { className: "h-3.5 w-3.5" })
               }
             ),
             /* @__PURE__ */ e(
@@ -440,7 +453,7 @@ function dt({
               {
                 type: "button",
                 onClick: () => {
-                  confirm(`Delete group "${a.name || `Group ${p + 1}`}"?`) && Ne.mutate(a.id);
+                  confirm(`Delete group "${a.name || `Group ${p + 1}`}"?`) && ge.mutate(a.id);
                 },
                 className: "rounded p-1 text-slate-400 hover:text-red-500",
                 title: "Delete group",
@@ -456,7 +469,7 @@ function dt({
               S,
               {
                 value: _,
-                onChange: (r) => u(r.target.value),
+                onChange: (i) => u(i.target.value),
                 placeholder: "Group name (optional)",
                 className: "h-8 text-[13px]"
               }
@@ -468,7 +481,7 @@ function dt({
               {
                 type: "checkbox",
                 checked: P,
-                onChange: (r) => X(r.target.checked),
+                onChange: (i) => X(i.target.checked),
                 className: "rounded"
               }
             ),
@@ -478,13 +491,13 @@ function dt({
             /* @__PURE__ */ l("div", { className: "flex items-center justify-between", children: [
               /* @__PURE__ */ e(C, { className: "text-[12px]", children: "Filter conditions" }),
               /* @__PURE__ */ l(
-                q,
+                k,
                 {
                   type: "button",
                   size: "sm",
                   variant: "ghost",
                   className: "h-6 gap-1 text-[11px]",
-                  onClick: () => O((r) => [...r, { field: "", op: "eq", value: "" }]),
+                  onClick: () => O((i) => [...i, { field: "", op: "eq", value: "" }]),
                   children: [
                     /* @__PURE__ */ e(V, { className: "h-3 w-3" }),
                     "Add Filter"
@@ -493,22 +506,22 @@ function dt({
               )
             ] }),
             z.length === 0 && /* @__PURE__ */ e("p", { className: "text-[11px] text-slate-400", children: "No filters — applies to all records." }),
-            z.map((r, k) => /* @__PURE__ */ e(
+            z.map((i, q) => /* @__PURE__ */ e(
               pe,
               {
-                row: r,
-                fields: i,
-                relations: g,
+                row: i,
+                fields: r,
+                relations: b,
                 collection: c ?? "",
-                onChange: ($) => O((ie) => ie.map((Q, ye) => ye === k ? $ : Q)),
-                onRemove: () => O(($) => $.filter((ie, Q) => Q !== k))
+                onChange: ($) => O((ie) => ie.map((Q, ye) => ye === q ? $ : Q)),
+                onRemove: () => O(($) => $.filter((ie, Q) => Q !== q))
               },
-              k
+              q
             ))
           ] }),
           /* @__PURE__ */ l("div", { className: "space-y-1.5", children: [
             /* @__PURE__ */ e(C, { className: "text-[12px]", children: "Users" }),
-            a.users.length === 0 ? /* @__PURE__ */ e("p", { className: "text-[11px] text-slate-400", children: "No users in this group yet." }) : /* @__PURE__ */ e("div", { className: "space-y-1", children: a.users.map((r) => /* @__PURE__ */ l(
+            a.users.length === 0 ? /* @__PURE__ */ e("p", { className: "text-[11px] text-slate-400", children: "No users in this group yet." }) : /* @__PURE__ */ e("div", { className: "space-y-1", children: a.users.map((i) => /* @__PURE__ */ l(
               "div",
               {
                 className: "flex items-center gap-2 rounded-md border border-slate-200 bg-white px-2 py-1.5",
@@ -516,26 +529,26 @@ function dt({
                   /* @__PURE__ */ e(
                     ce,
                     {
-                      userId: r.user,
+                      userId: i.user,
                       className: "h-6 w-6",
-                      fallback: /* @__PURE__ */ e("span", { className: "flex h-6 w-6 items-center justify-center rounded-full bg-nvr-cyan/10 text-[10px] font-medium text-nvr-cyan", children: he(r) })
+                      fallback: /* @__PURE__ */ e("span", { className: "flex h-6 w-6 items-center justify-center rounded-full bg-nvr-cyan/10 text-[10px] font-medium text-nvr-cyan", children: he(i) })
                     }
                   ),
-                  /* @__PURE__ */ e("span", { className: "min-w-0 flex-1 truncate text-[12px] text-slate-700", children: Me(r) }),
-                  /* @__PURE__ */ e("span", { className: "text-[11px] text-slate-400", children: r.email }),
+                  /* @__PURE__ */ e("span", { className: "min-w-0 flex-1 truncate text-[12px] text-slate-700", children: We(i) }),
+                  /* @__PURE__ */ e("span", { className: "text-[11px] text-slate-400", children: i.email }),
                   /* @__PURE__ */ e(
                     "button",
                     {
                       type: "button",
-                      onClick: () => ge.mutate(r.link_id),
+                      onClick: () => Ne.mutate(i.link_id),
                       className: "rounded p-0.5 text-slate-400 hover:text-red-500",
                       title: "Remove user",
-                      children: /* @__PURE__ */ e(ke, { className: "h-3.5 w-3.5" })
+                      children: /* @__PURE__ */ e(qe, { className: "h-3.5 w-3.5" })
                     }
                   )
                 ]
               },
-              r.link_id
+              i.link_id
             )) }),
             /* @__PURE__ */ l("div", { className: "flex gap-2", children: [
               /* @__PURE__ */ e(
@@ -548,7 +561,7 @@ function dt({
                 }
               ),
               /* @__PURE__ */ l(
-                q,
+                k,
                 {
                   type: "button",
                   size: "sm",
@@ -566,18 +579,18 @@ function dt({
           ] }),
           /* @__PURE__ */ l("div", { className: "flex items-center justify-end gap-2", children: [
             /* @__PURE__ */ e(
-              q,
+              k,
               {
                 type: "button",
                 size: "sm",
                 variant: "ghost",
                 className: "text-[12px]",
-                onClick: T,
+                onClick: B,
                 children: "Cancel"
               }
             ),
             /* @__PURE__ */ e(
-              q,
+              k,
               {
                 type: "button",
                 size: "sm",
@@ -621,7 +634,7 @@ function dt({
         /* @__PURE__ */ l("div", { className: "flex items-center justify-between", children: [
           /* @__PURE__ */ e(C, { className: "text-[12px]", children: "Filter conditions" }),
           /* @__PURE__ */ l(
-            q,
+            k,
             {
               type: "button",
               size: "sm",
@@ -635,16 +648,16 @@ function dt({
             }
           )
         ] }),
-        K.length === 0 && /* @__PURE__ */ e("p", { className: "text-[11px] text-slate-400", children: "No filters — applies to all records." }),
-        K.map((a, p) => /* @__PURE__ */ e(
+        R.length === 0 && /* @__PURE__ */ e("p", { className: "text-[11px] text-slate-400", children: "No filters — applies to all records." }),
+        R.map((a, p) => /* @__PURE__ */ e(
           pe,
           {
             row: a,
-            fields: i,
-            relations: g,
+            fields: r,
+            relations: b,
             collection: c ?? "",
-            onChange: (y) => D((r) => r.map((k, $) => $ === p ? y : k)),
-            onRemove: () => D((y) => y.filter((r, k) => k !== p))
+            onChange: (y) => D((i) => i.map((q, $) => $ === p ? y : q)),
+            onRemove: () => D((y) => y.filter((i, q) => q !== p))
           },
           p
         ))
@@ -654,7 +667,7 @@ function dt({
         /* @__PURE__ */ e(
           me,
           {
-            value: R,
+            value: K,
             onChange: ae,
             users: s ?? [],
             placeholder: "Select a user…"
@@ -663,7 +676,7 @@ function dt({
       ] }),
       /* @__PURE__ */ l("div", { className: "flex items-center justify-end gap-2", children: [
         /* @__PURE__ */ e(
-          q,
+          k,
           {
             type: "button",
             size: "sm",
@@ -674,19 +687,19 @@ function dt({
           }
         ),
         /* @__PURE__ */ e(
-          q,
+          k,
           {
             type: "button",
             size: "sm",
             className: "text-[12px]",
-            disabled: B.isPending,
-            onClick: () => B.mutate(),
-            children: B.isPending ? /* @__PURE__ */ e(Y, { className: "h-3.5 w-3.5 animate-spin" }) : "Create Group"
+            disabled: T.isPending,
+            onClick: () => T.mutate(),
+            children: T.isPending ? /* @__PURE__ */ e(Y, { className: "h-3.5 w-3.5 animate-spin" }) : "Create Group"
           }
         )
       ] })
     ] }) : /* @__PURE__ */ l(
-      q,
+      k,
       {
         type: "button",
         size: "sm",
@@ -702,5 +715,5 @@ function dt({
   ] });
 }
 export {
-  dt as PipelineStateOwners
+  xt as PipelineStateOwners
 };